@font-face{font-family:Inter;src:url('/assets/inter-400.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Sora;src:url('/assets/sora-600.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:'IBM Plex Sans Arabic';src:url('/assets/plex-ar-400.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:'IBM Plex Sans Arabic';src:url('/assets/plex-ar-600.woff2') format('woff2');font-weight:600 800;font-display:swap}
html{scroll-behavior:smooth;scroll-padding-top:100px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}h1,h2,h3,p{margin:0}a{text-decoration:none}button,input,textarea,select{font:inherit}button,summary,select{cursor:pointer}button{color:inherit}a,button{touch-action:manipulation}section{scroll-margin-top:100px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--gold-i);outline-offset:5px}.w header{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--line)}@supports(backdrop-filter:blur(8px)){.w header{background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(8px)}}.w .wrapx{max-width:1280px}.w .btn{min-height:48px;height:auto;padding:12px 22px;white-space:normal;text-align:center;line-height:1.4}.w .btn.p{background:var(--forest);border-color:var(--forest);color:var(--bg)}.w .wnav{gap:22px}.w .lang a{min-width:44px;min-height:44px;display:grid;place-items:center;border-radius:8px}.w .lang a[aria-current]{background:var(--surface);color:var(--ink)}.w .wnav a.n{min-height:44px;display:flex;align-items:center}.w .wordmark{display:flex;align-items:center;gap:10px;color:var(--forest);font-family:Sora,sans-serif;font-weight:700;font-size:20px;white-space:nowrap}.w .wordmark img{width:30px;height:30px}.w .wordmark svg{width:30px;height:30px}.menu-toggle{display:none;border:1px solid var(--line2);border-radius:10px;background:var(--surface);min-height:44px;padding:8px 12px}.w #mobile-nav{padding:16px 24px;border-top:1px solid var(--line)}.w #mobile-nav a{display:block;padding:12px;min-height:44px}.w #mobile-nav[hidden]{display:none}.w .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px!important}.scene-shell{position:relative;width:100%;height:660px;min-width:0}.device-stage{position:absolute!important;left:50%;transform:translateX(-50%);width:540px;height:660px;max-width:none}.w .hero-grid h1{font-size:clamp(44px,5vw,68px);line-height:1.1}.w.rtl .hero-grid h1{line-height:1.2}.w.rtl .hx{font-family:var(--f-ar);letter-spacing:0;line-height:1.3}.w.rtl .lead,.w.rtl .p{line-height:1.85}.w .tile{background:var(--surface)}.w .stats-wrap{padding-bottom:56px}.w .stats-wrap>div{grid-template-columns:repeat(4,minmax(0,1fr))!important}.preview-caption{max-width:1200px;margin:16px auto 0;padding:0 40px;color:var(--mute);font-size:13px;text-align:center}.w .dev-phone,.w .dev-laptop{pointer-events:none;user-select:none;direction:ltr;font-family:Inter,sans-serif}.dev-phone>.dev-scr{border-radius:44px;clip-path:inset(0 round 44px)}.dev-phone.sm>.dev-scr{border-radius:36px;clip-path:inset(0 round 36px)}.dev-laptop .dev-scr{border-radius:6px;clip-path:inset(0 round 6px)}.w .dev-scr .a2{direction:ltr;color:#10241D}.w .laptop-stage{min-height:380px}.w .dev-laptop{transform:scale(.9);transform-origin:top center}.w .dev-phone .logo{color:#10241D}.w #tools .responsive-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}.w .h-l{font-size:clamp(32px,3.7vw,46px)}.w #features .responsive-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.w #features .tile{min-width:0}.w #pilot img:not(.dev-scr img){object-fit:cover}.w .location-details{max-width:1200px;margin:28px auto 0;padding:0 40px}.w .location-details a{display:block;color:var(--os-ink);padding:10px 0}.w .contact-note{max-width:1120px;margin:24px auto;color:var(--mute);padding:0 24px}.draft-helper{max-width:1120px;margin:24px auto;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:22px}.draft-helper summary{min-height:44px;font-weight:600}.draft-helper form{padding-top:20px}.draft-helper input,.draft-helper select,.draft-helper textarea{width:100%;display:block;margin-top:8px;padding:12px;border:1px solid var(--mute);border-radius:10px;background:var(--bg);color:var(--ink);font-size:16px}.draft-helper label{display:block;margin:16px 0}.draft-helper fieldset{border:0;padding:0;min-width:0}.draft-helper button{border:1px solid var(--forest);padding:12px 20px;min-height:48px;border-radius:12px;background:var(--forest);color:var(--bg)}.draft-helper pre{white-space:pre-wrap;overflow-wrap:anywhere}.draft-helper .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.theme-control{display:flex;gap:12px;align-items:center;padding:20px 40px;max-width:1280px;margin:auto}.theme-control select{background:var(--surface);color:var(--ink);border:1px solid var(--mute);border-radius:10px;padding:10px;min-height:44px}#back-top{position:fixed;inset-inline-end:22px;bottom:24px;z-index:25;min-width:48px;height:48px;border:1px solid var(--line2);border-radius:50%;background:var(--forest);color:var(--bg);font-size:23px;box-shadow:var(--sh1)}#back-top[hidden]{display:none}.skip-link{position:fixed;top:-100px;padding:12px;background:var(--surface);z-index:50}.skip-link:focus{top:10px;inset-inline-start:12px}.w .btn,.w a,.w button{transition:transform 160ms,background-color 160ms}.w .btn:hover{transform:translateY(-2px)}.w .btn:active{transform:scale(.98)}.w .faint{color:var(--mute)}.w [hidden]{display:none!important}.w footer{background:var(--bg2)!important;border-color:var(--line)!important}.w footer b{color:var(--ink)!important}.w .logo i{flex-shrink:0}.w .responsive-grid>*,.w .row>*{min-width:0}.w .forest .tile{background:var(--os2)}
:root[data-theme=dark] .w .responsive-grid>div[style*='background: #fff'],:root[data-theme=dark] .w .col[style*='background: #fff']{background:var(--surface)!important}:root[data-theme=dark] .w .chip{background:var(--surface)!important;color:var(--ink)}:root[data-theme=dark] .w #about>div>div{background:var(--gold-t)!important}:root[data-theme=dark] .w .float{background:var(--surface)}:root[data-theme=dark] .w #why,:root[data-theme=dark] .w #workflow{background:var(--bg2)!important}:root[data-theme=dark] .w .dev-scr .a2{--ink:#10241D;--ink2:#3B4B44;--mute:#5F6C65;--surface:#fff;--forest:#14463A;--bg:#FBFAF6;--bg2:#F3F1EA;--line:#E8E4D9;--forest-t:#E5EFEA}
@media(min-width:901px) and (max-width:1150px){.w .wnav{gap:12px}.w .wnav a.n{font-size:13px}.w .wnav .btn{padding:10px 12px}.w .wordmark{font-size:17px}.w .scene-shell .device-stage{transform:translateX(-50%) scale(.84);transform-origin:top center}.scene-shell{height:570px}}
@media(max-width:900px){.w .wnav{gap:10px;height:72px}.w .wnav>a.n,.w .wnav>.lang,.w .wnav>a.btn:not(.p){display:none}.menu-toggle{display:block}.w .wnav>.grow{flex:1}.w .wnav .btn.p{font-size:13px;padding:10px 14px}.w .wrapx{padding-inline:24px}.w .hero-grid{grid-template-columns:1fr;gap:24px!important;padding-top:42px!important;padding-bottom:20px!important}.w .hero-grid>div.col{gap:20px!important}.scene-shell{height:600px}.w .blk{padding:64px 0!important}.w .blk>.wrapx.row{flex-direction:column!important;align-items:stretch!important;gap:32px!important}.w .blk>.wrapx.row>.col{flex-basis:auto!important}.w .responsive-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.w #tools .responsive-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.w #features .responsive-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.w .responsive-grid>[style*='span 2']{grid-column:span 2!important}.w .responsive-grid>.tile{padding:24px!important}.w .wrapx>.row.sp{flex-direction:column;align-items:stretch!important;gap:24px!important}.w .wrapx>.row.sp>.col{flex-basis:auto!important}.w .blk .wrapx>.col[style*='flex: 0 0 420px']{flex-basis:auto!important}.w #pilot .arch{width:100%!important;max-width:420px;height:400px!important}.w #pilot .wrapx>div[style*='flex: 0 0']{flex-basis:auto!important}.w .laptop-stage{height:240px!important;min-height:240px}.w .dev-laptop{transform:scale(.53)}.w .responsive-grid .tile:has(.dev-phone){min-width:0}.w footer>.row{flex-direction:column}.w .stats-wrap .num-xl{font-size:32px!important}.w .stats-wrap .sm{font-size:13px}.w .stats-wrap>div>div{padding:20px!important}.w .lang a{display:inline-flex}.w #mobile-nav .lang{display:flex;width:max-content;margin:10px 0}.w #why .wrapx>div[style*='height: 360px']{transform:scale(.8);transform-origin:center top;width:540px!important;margin-inline:auto;align-self:center;height:300px!important}.w #about .row.sp>.col{flex-basis:auto!important}}
@media(max-width:520px){.w .wrapx{padding-inline:20px}.w .hero-grid h1{font-size:44px}.w .lead{font-size:17px}.w .p{font-size:16px}.w .h-l{font-size:32px}.w .h-m{font-size:26px}.w .wordmark{font-size:16px;gap:7px}.w .wordmark img,.w .wordmark svg{width:24px;height:24px}.w .wnav{gap:8px}.w .wnav .logo{font-size:16px}.w .wnav .btn.p{padding:10px}.w .menu-toggle{font-size:13px;padding:8px}.w .hero-grid .row:has(>.btn){flex-wrap:wrap}.scene-shell{height:432px}.device-stage{transform:translateX(-50%) scale(.62);transform-origin:top center}.w .hero-grid .col{flex-basis:auto!important}.w .responsive-grid,.w #features .responsive-grid,.w #tools .responsive-grid{grid-template-columns:1fr!important}.w .responsive-grid>[style*='span 2']{grid-column:auto!important}.w .stats-wrap>div{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin:0 20px!important}.w .stats-wrap>div>div{border-bottom:1px solid var(--line)}.w #how .responsive-grid{grid-template-columns:1fr!important}.w .laptop-stage{height:245px!important;min-height:245px}.w .dev-laptop{transform:scale(.56)}.w #why .wrapx>div[style*='height: 360px']{transform:scale(.59);height:230px!important}.w #about .row.sp{flex-direction:column;align-items:stretch!important}.w #about .row.sp>.col{flex-basis:auto!important}.w #features .tile>.row{flex-wrap:wrap}.w .preview-caption{padding-inline:20px}.draft-helper{margin:20px}.draft-helper .form-row{grid-template-columns:1fr}.w #about>div>div{padding:24px!important}.w footer .row{gap:24px!important;flex-wrap:wrap}.theme-control{padding-inline:20px}#back-top{bottom:16px;inset-inline-end:14px}}
@media(max-width:360px){.w .wrapx{padding-inline:16px}.w .wordmark{font-size:14px}.w .wnav .btn.p{font-size:12px;padding:8px}.w .menu-toggle{font-size:12px}.scene-shell{height:390px}.device-stage{transform:translateX(-50%) scale(.55)}.w .dev-laptop{transform:scale(.47)}.w #why .wrapx>div[style*='height: 360px']{transform:scale(.51)}}
@media(prefers-reduced-motion:no-preference){.w section{animation:noor-arrive .35s ease-out both}@keyframes noor-arrive{from{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:none}}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.w *{animation:none!important;transition:none!important}}
/* Contain only decorative architecture; essential copy remains in normal flow. */
.w main>section{overflow:clip}.w .hero-grid{overflow:visible}.w .arch-line{max-width:100%;inset-inline-end:0!important}.w.rtl .btn>svg{transform:scaleX(-1)}.w.rtl .brand-ar{font-family:var(--f-ar);font-size:19px;font-weight:700}.w .preview-caption{position:relative;z-index:1}.w .dev-phone .float{position:static!important}.w .w-nav-logo{flex-shrink:0}
@media(max-width:520px){.w .wordmark{font-size:13px}.w.rtl .brand-ar{font-size:17px}.w.rtl header .wordmark{gap:5px}.w.rtl header .wordmark span:not(.brand-ar){font-size:11px}}
.w a.btn.p{color:var(--bg)}.w #why .p{color:var(--ink2)!important}.w .stats-wrap [style*='background: #fff']{background:var(--surface)!important}.w .stepn[style*='background: #C29A3F']{color:#10241D!important}.w #features .tile div[style*='background: #F3F1EA']{background:var(--bg2)!important;color:var(--ink)!important}.w #features .tile div[style*='background: #14463A']{background:#14463A!important;color:#fff!important}.w #features .tile div[style*='background: #14463A']>span{color:#fff!important}:root[data-theme=dark] .w .stepn{color:var(--bg)}:root[data-theme=dark] .w .stats-wrap .num-xl{color:var(--forest)!important}:root[data-theme=dark] .w .stats-wrap [style*='background: #fff'] .sm{color:var(--mute)!important}
.w .proof-strip{background:var(--surface)!important;border-color:var(--line)!important}.w .proof-strip .num-xl{color:var(--forest)!important}.w #features .pt.on{background:#14463A!important;color:#fff!important}.w #features .pt.on>span{color:#DCE9E3!important}.w .skip-link{color:var(--ink)}:root[data-theme=dark] .w a.btn:not(.p){background:var(--surface);color:var(--ink)}:root[data-theme=dark] .w a.tile:not([style*='background: #14463A']){background:var(--surface)!important}
@media(max-width:767px){.w .proof-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}.w .proof-strip>.col{padding:18px!important;border-bottom:1px solid var(--line)}.w .proof-strip .num-xl{font-size:32px!important}.w .proof-strip .sm{font-size:14px}}
/* Preview canvases stay in the supplied light presentation in either site theme. */
.w .dev-scr .sky-maghrib{background:linear-gradient(165deg,#F4CFB8 0%,#EED6DC 55%,#E2D8EE 100%)!important;color:#10241D!important}.w .dev-scr .k-prog{--t:#E3F2EE!important;--e:#AFD8CD!important;--i:#135A4F!important;--s:#1F7A6C!important}.w .dev-scr .k-vol{--t:#FAEBE4!important;--e:#EBC3B2!important;--i:#843820!important;--s:#B5542F!important}.w .dev-scr .k-post{--t:#EEF2E4!important;--e:#CDD7B6!important;--i:#43522B!important;--s:#5C704A!important}.w .dev-scr .pt.on{background:#14463A!important;color:#fff!important}.w .dev-scr .tag.ok{background:#E3F2E8!important;color:#1C6438!important}.w .dev-scr .av{background:#F7EED8!important;color:#6B5113!important}.w .dev-scr .kchip{background:var(--t)!important;color:var(--i)!important;border-color:var(--e)!important}
.w .location-details{padding-bottom:24px}.w .location-details .container{max-width:100%;padding:16px 0}.w .location-details .map-shell{min-height:240px;position:relative;padding:20px;background:var(--os2);border:1px solid var(--os-line);border-radius:16px}.w .location-details iframe{width:100%;height:320px;border:0;border-radius:12px}.w .location-details button{background:var(--surface);color:var(--ink);min-height:44px;padding:10px 18px;border:1px solid var(--line2);border-radius:10px}.w .location-details address{font-style:normal;line-height:1.8}.w .location-details p{color:var(--os-ink)}