@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#152238;--muted:#687589;--paper:#f7f8fa;--white:#fff;--line:#e7eaf0;--accent:#b68b55;--navy:#101b2d;--green:#287a5b;--radius:22px;--shadow:0 18px 55px rgba(19,34,56,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:'IBM Plex Sans Arabic',Manrope,sans-serif;line-height:1.65}body[dir=ltr]{font-family:Manrope,'IBM Plex Sans Arabic',sans-serif}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 44px));margin-inline:auto}.announcement{background:var(--navy);color:#d8e0eb;text-align:center;font-size:12px;padding:7px 12px;letter-spacing:.03em}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.03em}.brand-mark,.mini-logo{display:grid;place-items:center;width:36px;height:36px;background:var(--navy);color:#e6c99f;border-radius:12px;font-size:19px}.site-header nav{display:flex;gap:34px;color:#596579;font-size:13px}.site-header nav a:hover,.text-link:hover{color:var(--accent)}.header-actions{display:flex;gap:8px}.language,.icon-button{border:1px solid var(--line);background:white;color:var(--ink);border-radius:12px;min-width:40px;height:40px;cursor:pointer}.language{font:700 11px Manrope,sans-serif}.icon-button{font-size:18px}.hero{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:50px;padding-block:84px 72px;min-height:510px}.eyebrow{font-size:11px;letter-spacing:.12em;color:var(--accent);font-weight:700}.hero h1{font-size:clamp(42px,5.4vw,68px);line-height:1.19;letter-spacing:-.055em;margin:18px 0}.hero h1 em{font-style:normal;color:var(--accent)}.hero-copy>p,.section-heading p,.about-inner p,.contact-copy p{color:var(--muted);font-size:14px;max-width:480px;line-height:2}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:27px}.button{border:0;border-radius:12px;padding:13px 19px;display:inline-flex;align-items:center;justify-content:center;gap:14px;cursor:pointer;font-weight:700;font-size:13px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 9px 20px #14243b20}.primary{background:var(--navy);color:white}.primary span{color:#dcbf94}.secondary{background:#f0f2f5;color:var(--ink)}.text-link{font-size:13px;font-weight:700}.trust-line{display:flex;align-items:center;gap:9px;color:#788397;font-size:11px;margin-top:35px}.trust-dot,.live-pill i{width:7px;height:7px;background:#48a77c;border-radius:50%;display:inline-block;box-shadow:0 0 0 4px #48a77c20}.hero-visual{min-height:340px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at center,#f2eee8 0,transparent 68%)}.visual-card{position:relative;z-index:2;width:min(350px,78%);background:white;border:1px solid #e8e4de;border-radius:22px;padding:22px;box-shadow:0 25px 65px #1b2b4118;transform:rotate(-3deg)}.visual-card-top,.visual-footer{display:flex;align-items:center;justify-content:space-between}.mini-logo{width:31px;height:31px;font-size:16px}.live-pill{font-size:9px;color:#39795e;background:#eaf5ef;border-radius:30px;padding:5px 9px;display:flex;align-items:center;gap:7px}.live-pill i{width:5px;height:5px;box-shadow:none}.visual-lines{padding:27px 0 20px;display:grid;gap:9px}.visual-lines span{height:8px;background:#edf0f4;border-radius:8px;width:90%}.visual-lines span:nth-child(2){width:65%}.visual-lines span:nth-child(3){width:43%}.visual-service{display:flex;align-items:center;gap:12px;background:#f7f8fa;border-radius:13px;padding:12px}.service-symbol{width:37px;height:37px;background:#efe5d8;color:#9d774c;border-radius:11px;display:grid;place-items:center}.visual-service b,.visual-service small{display:block}.visual-service b{font-size:11px}.visual-service small{font-size:9px;color:#8791a0}.arrow-round{margin-inline-start:auto;border:1px solid #e2e6eb;width:27px;height:27px;display:grid;place-items:center;border-radius:50%}.visual-footer{border-top:1px solid #edf0f4;margin-top:19px;padding-top:12px;color:#9aa3b0;font:8px Manrope;letter-spacing:.16em}.visual-orbit{position:absolute;border:1px solid #d9cbb8;border-radius:50%;width:330px;height:220px;transform:rotate(-28deg)}.orbit-two{width:390px;height:260px;transform:rotate(35deg);border-color:#e7e1d8}.floating-chip{position:absolute;z-index:3;background:white;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;padding:9px 13px;font-size:10px;font-weight:700}.chip-top{top:49px;right:3%;color:var(--accent)}.chip-bottom{bottom:39px;left:1%;color:var(--green)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);padding:22px 0;margin-bottom:82px}.metrics div{display:flex;align-items:center;justify-content:center;gap:14px;border-inline-start:1px solid var(--line)}.metrics div:first-child{border:0}.metrics b{font:700 13px Manrope;color:var(--accent)}.metrics span{font-size:12px;color:#667286}.services-section{padding-bottom:94px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-heading h2,.about-inner h2,.contact-copy h2{font-size:34px;letter-spacing:-.04em;margin:7px 0}.section-heading p{margin:0}.search-box{width:240px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:0 12px;height:44px;color:#8d98a8}.search-box input{border:0;outline:0;width:100%;font-size:12px;background:transparent;color:var(--ink)}.category-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.category-chip{border:1px solid var(--line);border-radius:30px;background:white;padding:7px 15px;font-size:11px;color:#667286;cursor:pointer}.category-chip.active{background:var(--navy);color:white;border-color:var(--navy)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{border:1px solid var(--line);border-radius:18px;padding:20px;transition:.2s;background:white;display:flex;flex-direction:column;min-height:220px}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#d7c5ae}.service-card-top{display:flex;justify-content:space-between;align-items:center}.service-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:#f3eee8;color:#9d774c;font-size:19px}.service-category{font-size:10px;color:#8a95a4}.service-card h3{font-size:17px;margin:17px 0 5px}.service-card p{font-size:12px;color:var(--muted);line-height:1.8;margin:0 0 16px}.service-card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;border-top:1px solid #f0f1f4}.service-price{font-size:13px;font-weight:700}.service-order{border:0;background:transparent;color:var(--green);font-size:11px;font-weight:700;cursor:pointer}.empty-state{color:var(--muted);font-size:13px;padding:25px}.about-section{background:var(--paper);padding:64px 0}.about-inner{display:grid;grid-template-columns:80px 1fr 160px;gap:26px;align-items:center}.about-symbol{width:68px;height:68px;border-radius:20px;background:var(--navy);color:#e6c99f;display:grid;place-items:center;font-size:36px}.about-inner h2{font-size:29px}.about-inner p{max-width:620px;margin-bottom:0}.about-aside{border-inline-start:1px solid #dfe3e9;padding-inline-start:22px;display:grid;gap:4px}.about-aside span{font:800 44px Manrope;color:#d5c2a8}.about-aside small{color:var(--muted);font-size:10px}.contact-section{padding-block:82px}.contact-panel{display:grid;grid-template-columns:1fr .9fr;background:var(--navy);color:white;border-radius:24px;overflow:hidden}.contact-copy{padding:45px 42px}.contact-copy h2{font-size:32px;max-width:400px}.contact-copy p{color:#b8c2d0}.contact-details{display:grid;gap:12px;margin-top:28px;color:#c5ced9;font-size:11px}.contact-details b{font-weight:500;margin-inline-start:7px}.contact-form{background:#fff;color:var(--ink);padding:35px;display:grid;gap:13px}.contact-form label,.editor label{display:grid;gap:6px;font-size:11px;font-weight:600}.contact-form input,.contact-form textarea,.editor input,.editor textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;outline:0;font-size:12px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus,.editor input:focus,.editor textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #b68b5518}.full{width:100%}.privacy-note{font-size:9px;color:#8b96a5;text-align:center}.site-footer{border-top:1px solid var(--line);padding:22px 0 12px}.footer-inner{display:flex;align-items:center;justify-content:space-between}.footer-inner>span,.back-top{font-size:10px;color:#818c9c}.powered{text-align:center;font:9px Manrope;letter-spacing:.1em;color:#a6afba;margin:16px 0 0}.editor{position:fixed;z-index:20;inset:0  auto 0 0;width:min(430px,92vw);background:white;box-shadow:20px 0 60px #101b2d25;padding:24px;overflow:auto;transform:translateX(-110%);transition:transform .28s ease}.editor.open{transform:translateX(0)}.editor-head{display:flex;align-items:center;justify-content:space-between}.editor-head h2{margin:4px 0;font-size:23px}.editor-head h3{font-size:15px;margin:0}.editor-hint{font-size:11px;color:var(--muted);line-height:1.8}.editor form{display:grid;gap:13px}.editor-divider{height:1px;background:var(--line);margin:8px 0}.editor-actions{display:grid;gap:8px;margin-top:8px}.small-button{border:1px solid var(--line);background:white;border-radius:9px;padding:7px 10px;font-size:11px;cursor:pointer}.service-edit{border:1px solid var(--line);padding:12px;border-radius:12px;display:grid;gap:9px;margin-bottom:9px}.service-edit-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700}.remove-service{border:0;background:#fff0f0;color:#b44;border-radius:8px;padding:5px 8px;cursor:pointer}.scrim{position:fixed;z-index:19;inset:0;background:#0c1728a0;opacity:0;visibility:hidden;transition:.2s}.scrim.show{opacity:1;visibility:visible}.toast{position:fixed;z-index:30;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--navy);color:white;border-radius:12px;padding:11px 17px;font-size:12px;transition:.2s;max-width:calc(100% - 30px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}body[dir=ltr] .editor{inset-inline-start:0;inset-inline-end:auto;transform:translateX(-110%)}body[dir=ltr] .editor.open{transform:translateX(0)}body[dir=ltr] .service-card,body[dir=ltr] .contact-form{text-align:left}
@media(max-width:760px){.wrap{width:min(100% - 32px,560px)}.site-header{height:68px}.site-header nav{display:none}.hero{grid-template-columns:1fr;gap:15px;padding-block:55px 42px}.hero h1{font-size:47px}.hero-visual{min-height:300px;order:2}.visual-card{width:270px}.visual-orbit{width:290px;height:190px}.orbit-two{width:330px;height:220px}.chip-top{top:25px;right:0}.chip-bottom{bottom:20px;left:0}.metrics{margin-bottom:60px;padding:16px 0;gap:5px}.metrics div{flex-direction:column;gap:4px;text-align:center}.metrics span{font-size:9px}.section-heading{align-items:stretch;flex-direction:column}.section-heading h2,.about-inner h2,.contact-copy h2{font-size:29px}.search-box{width:100%}.service-grid{grid-template-columns:1fr;gap:11px}.service-card{min-height:0;padding:17px}.service-card h3{margin-top:12px}.about-inner{grid-template-columns:55px 1fr;gap:16px}.about-symbol{width:52px;height:52px;font-size:28px}.about-aside{grid-column:2;border:0;border-top:1px solid #dfe3e9;padding:12px 0 0;display:flex;align-items:center;gap:12px}.about-aside span{font-size:28px}.contact-section{padding-block:55px}.contact-panel{grid-template-columns:1fr}.contact-copy{padding:29px 24px}.contact-form{padding:24px}.footer-inner{flex-wrap:wrap;gap:13px}.footer-inner>span{order:3;width:100%;text-align:center}.back-top{margin-inline-start:auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* PWA install action */
.install-app{border:1px solid rgba(181,139,69,.55);background:#f4efe3;color:#101b2d;border-radius:999px;padding:9px 13px;font:inherit;font-size:.82rem;font-weight:700;cursor:pointer;white-space:nowrap}
.install-app[hidden]{display:none}
@media(max-width:520px){.install-app{padding:8px 10px;font-size:.74rem}}