.site-preferences{display:flex;gap:6px;align-items:center;flex-shrink:0}.site-preferences button{border:1px solid #cbd0d3;background:#fff;color:#111;border-radius:30px;min-height:36px;padding:6px 11px;font-size:12px;cursor:pointer;white-space:nowrap}.site-preferences button:focus-visible{outline:2px solid #f94d26;outline-offset:3px}header{gap:15px!important}.site-preferences .theme-switch{width:36px;padding:0;font-size:19px}html[data-theme=dark]{color-scheme:dark;--ink:#f2f4f5;--muted:#abb2b8;--gray:#23282c}html[data-theme=dark] body,html[data-theme=dark] #app,html[data-theme=dark] .reach-home,html[data-theme=dark] .reach-section,html[data-theme=dark] .product-editorial,html[data-theme=dark] .detail-dark,html[data-theme=dark] .project-detail-page,html[data-theme=dark] .product-work-section,html[data-theme=dark] .services-page,html[data-theme=dark] .projects-page,html[data-theme=dark] .about-ref-page{background:#101416;color:#f2f4f5}
html[data-theme=dark] :is(h1,h2,h3,h4,dt,dd,summary,.detail-breadcrumb a,.detail-heading h1,.product-work-copy h2,.product-work-card,.detail-backbar a,.product-editorial-body .product-editorial-intro,.contact-details a){color:#f2f4f5}
html[data-theme=dark] :is(p,.lead,.reach-home p,.section p,.product-work-copy p,.product-editorial-body p,.product-related-grid p,.detail-delivery p,.detail-project-cta p,.detail-next p){color:#b8c0c6}
html[data-theme=dark] :is(.page-hero,.hero,.cta,.conversation-banner,.product-benefits,.product-editorial-related,.product-related-grid>a>div,.product-editorial-cover,.product-editorial-cover-detail,.project-showcase-image,.detail-summary,.detail-summary>div,.detail-kicker,.detail-outcome,.detail-project-cta,.product-preview,.product-work-image,.product-work-original,.product-work-detail,.project-image-detail,.product-editorial-end,.service-editorial-cover,.project-gallery-image,.product-related-grid>a,.about-journey,.about-decisions,.about-path,.principle-card,.contact-location-map){background:#20272b;color:#f2f4f5;border-color:#384249}
html[data-theme=dark] .home-product-image-detail{background:#20272b!important}
html[data-theme=dark] :is(.detail-services dd span,.project-showcase-tags span,.product-work-tags span,.eyebrow,.reach-tag,.product-back,.detail-image-label){background:#262e33;color:#e5eaed;border-color:#4a555c}
html[data-theme=dark] :is(.detail-facts>div,.detail-summary,.detail-summary>div,.detail-delivery>div,.detail-next,.product-editorial-end,.product-benefits .text-list li,.about-decisions li,.faq-list details){border-color:#3a444b}
html[data-theme=dark] :is(.detail-facts dt,.detail-summary .mono,.detail-toc,.detail-toc button,.product-editorial-sidebar button,.product-editorial-sidebar .mono,.product-byline,.product-editorial-meta,.project-showcase-toolbar,.product-work-toolbar,.product-work-category,.product-open,.product-related-grid .mono,.product-related-heading .mono){color:#b6bfc5}
html[data-theme=dark] :is(.detail-toc button:hover,.product-editorial-sidebar button:hover){color:#ff7956}
html[data-theme=dark] .about-intro :is(h2,p,em,.label,.about-geography){color:#f2f4f5!important}
html[data-theme=dark] :is(.principle-card-3,.about-difference,.about-value,.product-inline-demo,.faq-contact-card,.reach-products-section,.reach-products-section>.reach-section,.reach-work){background:#080c0e;color:#fff}
html[data-theme=dark] .reach-work :is(h2,h3,p){color:#f1f4f6}
html[data-theme=dark] .reach-button.secondary,html[data-theme=dark] .btn.line{background:transparent;color:#f2f4f5;border-color:#56626b}
html[data-theme=dark] .reach-button.secondary span{background:#303b42;color:#fff}
html[data-theme=dark] header,html[data-theme=dark] body:not(.reach-home-mode) header,html[data-theme=dark] header.scrolled{background:#12191eef!important;border-color:#354049!important}
html[data-theme=dark] header .brand img{filter:brightness(0) invert(1)!important}
html[data-theme=dark] header.scrolled nav,html[data-theme=dark] body:not(.reach-home-mode) header.scrolled nav{background:#252e34!important}
html[data-theme=dark] header nav a{color:#d5dce1!important}
html[data-theme=dark] header nav a.active{background:#3a444b!important;color:#fff!important}
html[data-theme=dark] .site-preferences button{background:#263139;color:#fff;border-color:#53616a}
html[data-theme=dark] :is(input,textarea,select){background:#192227;color:#f2f4f5;border-color:#4b5962}
html[data-theme=dark] :is(input,textarea)::placeholder{color:#9ba8b1}
html[data-theme=dark] .product-inline-demo .btn{background:#fff;color:#111}
html[data-theme=dark] .product-inline-demo .btn i{background:#111;color:#fff}
html[data-theme=dark] .service-component{color-scheme:light}
html[lang=ar] body,html[lang=ar] button,html[lang=ar] input,html[lang=ar] textarea,html[lang=ar] select,html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] .mono{font-family:'Noto Sans Arabic',Tahoma,Arial,sans-serif!important;letter-spacing:0!important}
html[lang=ar] h1{line-height:1.55}html[lang=ar] h2{line-height:1.5}html[lang=ar] p{line-height:1.95}html[lang=ar] .product-editorial-hero,html[lang=ar] .page-hero{text-align:center}
html[lang=ar] :is(.detail-toc button,.product-editorial-sidebar button){text-align:right}
html[lang=ar] :is(.detail-toc,.product-editorial-body blockquote){border-left:0;border-right:2px solid #b6bfc5;padding-left:0;padding-right:23px}
html[lang=ar] .detail-summary>div{border-right:0;border-left:1px solid #7774}
html[lang=ar] .radar,html[lang=ar] .service-component,html[lang=ar] .process-funnel,html[lang=ar] .detail-media,html[lang=ar] .reach-hero-bg,html[lang=ar] .why-crowd{direction:ltr}
html[lang=ar] .service-component{font-family:Arial,sans-serif!important}html[lang=ar] .service-component *{font-family:Arial,sans-serif!important}
html[lang=ar] :is(a[href^='tel:'],a[href^='mailto:'],input[type=email],input[type=tel]){direction:ltr;unicode-bidi:isolate}
html[lang=ar] .product-related-grid>a>.mono,html[lang=ar] .product-related-grid>a>h3,html[lang=ar] .product-related-grid>a>p{text-align:right}
@media(max-width:1100px){header nav a{padding-inline:8px!important;font-size:11px!important}.site-preferences button{padding-inline:8px}header .brand,header .brand img{width:85px!important}}
@media(max-width:750px){header{gap:8px!important}.site-preferences{gap:4px}.site-preferences button{min-height:32px;font-size:10px}.site-preferences .theme-switch{width:32px}header>.btn{font-size:10px;padding-inline-start:12px;gap:5px}header>.btn i{width:25px;height:25px}header .brand,header .brand img{width:70px!important}}
html[data-theme=dark] .btn{background:#f2f4f5;color:#111;border-color:transparent}
html[data-theme=dark] .btn i{background:#111;color:#fff}
html[data-theme=dark] .btn.orange{background:#f94d26;color:#fff}
html[data-theme=dark] .btn.line{background:transparent;border-color:#56626b;color:#f2f4f5}
html[lang=ar] .about-intro-copy p,html[lang=ar] .detail-story-body p{white-space:pre-line}
/* Shared responsive safeguards for English and Arabic. */
html,body{max-width:100%;overflow-x:clip}img,video,iframe{max-width:100%}main{min-width:0}h1,h2,h3,p,dd,a,button{overflow-wrap:break-word}input,textarea,select{min-width:0;max-width:100%}.form-row>*{min-width:0}.reach-heading-row>div,.product-work-column,.product-related-grid>a,.detail-heading>div,.contact-grid>div,.contact-grid>form,.about-intro-content{min-width:0}.product-editorial-hero,.detail-heading{width:100%}.site-preferences button{overflow-wrap:normal}
@media(max-width:1100px){header nav{gap:2px!important;padding:5px 7px!important}header>.btn{gap:8px;font-size:11px}header>.btn i{width:28px;height:28px}}
@media(max-width:900px){header nav{display:none!important}header nav.open{display:flex!important;position:absolute;top:calc(100% + 12px);left:0;right:0;flex-direction:column;background:#f1f3f5!important;border:1px solid #dce1e5;border-radius:20px;padding:12px!important;gap:5px!important}header nav.open a{padding:12px 18px!important;color:#111!important;font-size:14px!important}header .menu{display:block!important;margin:0;padding:0 4px;flex:0 0 auto;color:inherit}header .brand{margin-inline-end:auto}html[data-theme=dark] header nav.open{background:#202a30!important;border-color:#48555d}html[data-theme=dark] header nav.open a{color:#f2f4f5!important}.radar-section{overflow:hidden}.radar{width:calc(100% - 32px);max-width:570px;margin:25px auto!important}.contact-grid{grid-template-columns:1fr!important;gap:38px}.contact-details{max-width:none}.contact-details h3{font-size:30px}.reach-heading-row{gap:28px}.detail-summary strong{overflow-wrap:anywhere}}
@media(max-width:600px){header{left:4%!important;right:4%!important;padding-inline:10px!important}.reach-hero h1{font-size:clamp(27px,7vw,39px)}html[lang=ar] .reach-hero h1{font-size:clamp(26px,6.8vw,37px);line-height:1.55}.form-row{grid-template-columns:1fr!important}.project-detail-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.product-editorial-hero h1{font-size:clamp(26px,7vw,34px)}.detail-heading h1{font-size:clamp(27px,7.5vw,36px)}.detail-facts{gap:20px 12px}.detail-facts dd{font-size:13px}.detail-toc button,.product-editorial-sidebar button{min-height:32px}.reach-heading-row{max-width:100%}.radar-project{font-size:8px!important;gap:3px!important}.radar-project i{width:3px;height:3px}.service-editorial-cover{height:340px}.product-related-grid{grid-template-columns:1fr}.product-editorial-body blockquote{font-size:21px}.why-facts{gap:9px;flex-wrap:wrap}}
@media(max-width:380px){header>.btn{display:none!important}header .brand,header .brand img{width:76px!important}.reach-hero h1{font-size:27px}.detail-breadcrumb{gap:12px;font-size:8px}.radar-project{font-size:7px!important}.product-editorial-meta{font-size:8px}.detail-facts{grid-template-columns:1fr}.detail-services{grid-column:1!important}}
@media(min-width:1600px){.product-editorial-layout,.detail-story,.product-editorial-related,.detail-dark{max-width:1500px;margin-inline:auto}.service-editorial-cover,.product-editorial-cover{max-width:1400px;margin-inline:auto}.product-editorial-hero{max-width:1100px}}
/* Refined dark palette and readable surfaces. */
.site-preferences button,.site-preferences .theme-switch{width:64px;height:38px;min-height:38px;border-radius:999px;padding:0;display:grid;place-items:center;font-family:Arial,sans-serif!important;font-size:11px}
.site-preferences .theme-switch{font-size:20px}
html[data-theme=dark]{--ink:#f2f4f5;--muted:#b4bdc3;--gray:#252d32}
html[data-theme=dark] .reach-principles .principle-card{background:#20282d!important;border-color:#3c484f!important}
html[data-theme=dark] .reach-principles .principle-card-1{background:#33241f!important;border-color:#634236!important}
html[data-theme=dark] .reach-principles .principle-card-2{background:#263138!important}
html[data-theme=dark] .reach-principles .principle-card-3{background:#171e22!important}
html[data-theme=dark] .reach-principles .principle-card :is(h3,p,.principle-card-label){color:#e1e7eb!important}
html[data-theme=dark] .reach-principles .principle-card p{color:#b8c2c9!important}
html[data-theme=dark] .principle-number{color:#c4cdd3!important;border-color:#6a7882!important}
html[data-theme=dark] .principle-card-label{border-color:#49565e!important}
html[data-theme=dark] :is(.radar,.connected-map){background:#192126;border-color:#4d5b65}
html[data-theme=dark] .radar-grid{opacity:.35}
html[data-theme=dark] .radar-project{color:#c1cbd2!important}
html[data-theme=dark] .radar-project.radar-active{color:#ff8c6c!important;text-shadow:0 0 12px #f94d2660}
html[data-theme=dark] .radar-center{background:#f94d26}
html[data-theme=dark] :is(.radar-degree,.radar-detail,.why-facts,.principles-index,.process-left .mono,.process-text .mono,.funnel-label,.funnel-caption){color:#b8c4cc}
html[data-theme=dark] .funnel-stage:before{background:#27343d!important}
html[data-theme=dark] .funnel-stage.step-active:before{background:#3c332d!important}
html[data-theme=dark] .funnel-stage:last-of-type:before{background:#b94325!important}
html[data-theme=dark] .funnel-stage :is(strong,.funnel-caption,.funnel-label){color:#f5f7f8!important;opacity:1}
html[data-theme=dark] :is(.service-demo,.service-expanded-img,.case-visual,.contact-note,.product-card,.gallery-track>a,.delivery-stack>div){background:#222c32!important;border-color:#4b5962!important;color:#f2f5f7}
html[data-theme=dark] .demo-workflow>div{background:#2b3841;border-color:#52616c;color:#f0f3f5}
html[data-theme=dark] :is(.demo-top,.demo-status,.service-rail,.service-position,.service-scroll-hint,.service-deck-copy>.mono,.contact-note .mono){color:#c2cdd4}
html[data-theme=dark] .service-card{background:#1b242b!important;border-color:#4a5964!important}
html[data-theme=dark] .service-card.is-active{background:#293238!important}
html[data-theme=dark] .service-deck-copy :is(h3,p,li){color:#e4eaf0!important}
html[data-theme=dark] .service-plus{color:#ff8d6d}
html[data-theme=dark] .case-tabs button{background:#202a30!important;border-color:#53616b!important;color:#e0e7ec!important}
html[data-theme=dark] .case-tabs button[aria-selected=true]{background:#3e2921!important;border-color:#f94d26!important}
html[data-theme=dark] .case-tabs button :is(strong,small){color:#e7edf2!important}
html[data-theme=dark] :is(.case-tags span,.case-visual-label b,.case-tab-text small,.contact-note strong){color:#dce6ec!important}
html[data-theme=dark] .case-tags span{background:#26333c;border-color:#5d6a74}
html[data-theme=dark] .about-ref-page .about-value,html[data-theme=dark] .about-ref-page .about-value:nth-child(n){background:#1d272e!important;border-color:#4c5a64!important}
html[data-theme=dark] .about-value :is(h3,p,.mono),html[data-theme=dark] .about-path :is(h3,p,.mono),html[data-theme=dark] .about-path-note{color:#dce5eb!important}
html[data-theme=dark] .about-journey-list:before{background:#4d5b65}
html[data-theme=dark] .about-journey-list .journey-dot{background:#192126;border-color:#84939f}
html[data-theme=dark] .about-journey-list .journey-loaded .journey-dot{background:#f94d26}
html[data-theme=dark] :is(.faq-list summary small,.faq-question,.faq-answer p,.faq-list summary>span,.project-showcase-info h2,.project-work-copy h2,.product-work-info,.product-work-link,.product-work-tags span,.project-showcase-tags span){color:#dce5eb!important}
html[data-theme=dark] .project-cover-arrow,html[data-theme=dark] .product-work-arrow{background:#fff;color:#111}
html[data-theme=dark] .reach-button{background:#f94d26;color:#fff;border-color:#f94d26}
html[data-theme=dark] .reach-button>span{background:#fff;color:#111}
html[data-theme=dark] .reach-button.secondary{background:#222e36!important;color:#f1f5f8!important;border-color:#65737d!important}
html[data-theme=dark] :is(.contact-details,.contact-details h3,.contact-details a,.consent,.form-result,form label){color:#dce5eb!important}
html[data-theme=dark] .service-component :is(h1,h2,h3,h4,p,small,strong,b,span,div){color:revert!important}
html[data-theme=dark] .service-component{color:#19262f!important;--ink:#19262f}
html[data-theme=dark] .component-live{color:#596873!important}
html[data-theme=dark] .component-top>b{color:#fff!important}
html[data-theme=dark] .product-inline-demo :is(h3,p){color:#f0f4f7!important}
html[data-theme=dark] .product-inline-demo .btn{background:#fff!important;color:#111!important}
html[data-theme=dark] .product-inline-demo .btn i{background:#111!important;color:#fff!important}
@media(max-width:750px){.site-preferences button,.site-preferences .theme-switch{width:56px;height:34px;min-height:34px}.site-preferences .theme-switch{font-size:19px}}
@media(max-width:420px){header>.btn{display:none!important}}
/* Distinct service colors retain the light theme's varied rhythm. */
html[data-theme=dark] .service-card:nth-child(1){--service-surface:#293840;--service-active:#344b58;--service-border:#557587;--service-accent:#a2d4ed}
html[data-theme=dark] .service-card:nth-child(2){--service-surface:#303829;--service-active:#414f35;--service-border:#70835c;--service-accent:#cee5a9}
html[data-theme=dark] .service-card:nth-child(3){--service-surface:#3b302b;--service-active:#533e32;--service-border:#8b6955;--service-accent:#efc3a0}
html[data-theme=dark] .service-card:nth-child(4){--service-surface:#343044;--service-active:#49405e;--service-border:#7d6f98;--service-accent:#d6c4f5}
html[data-theme=dark] .service-card:nth-child(5){--service-surface:#293a36;--service-active:#345149;--service-border:#5b8d7d;--service-accent:#a9e0ca}
html[data-theme=dark] .service-card:nth-child(6){--service-surface:#412d34;--service-active:#593b45;--service-border:#946875;--service-accent:#efbfce}
html[data-theme=dark] .service-card:nth-child(n){background:var(--service-surface)!important;border-color:var(--service-border)!important}
html[data-theme=dark] .service-card:nth-child(n).is-active{background:var(--service-active)!important}
html[data-theme=dark] .service-card :is(.service-rail,.service-plus,.service-number,.service-deck-copy>.mono,.demo-status,.demo-top){color:var(--service-accent)!important}
html[data-theme=dark] .service-card .service-demo{background:var(--service-surface)!important;border:1px solid var(--service-border)}
html[data-theme=dark] .service-card .demo-workflow>div{background:var(--service-active);border-color:var(--service-border);color:#fff}
html[data-theme=dark] .service-card .demo-workflow :is(i,b),html[data-theme=dark] .service-card .service-deck-copy li::marker{color:var(--service-accent)}
html[data-theme=dark] .service-card .service-deck-copy h3{color:#fff!important}
html[data-theme=dark] .service-card .service-deck-copy :is(p,li){color:#e1e7ec!important}
/* Light eyebrow labels with black text in either theme. */
html[data-theme=dark] .eyebrow,html[data-theme=dark] .page-hero .eyebrow,html[data-theme=dark] .about-ref-page>.page-hero .eyebrow{background:#f1f3f5!important;color:#111!important;border-color:#d8dfe4!important}
/* Neutral dark service illustrations instead of white panels. */
html[data-theme=dark] :is(.offering-scene,.offering-window,.service-component,.service-related-visual){background:#252e34!important;border-color:#47555f!important}
html[data-theme=dark] .service-component :is(.mini-app,.portal-preview,.ai-chat,.design-preview,.mini-phone,.design-canvas,.design-screen,.api-endpoint,.component-toast,.component-live,.outgoing,.incoming,.ai-workflow span){background:#313e47!important;border-color:#5b6973!important;color:#edf2f6!important}
html[data-theme=dark] .service-component :is(.mini-kpis>div,.mini-board>div,.mini-board span,.portal-tiles i,.portal-bottom>span,.phone-banner,.phone-feed i,.mobile-badge,.design-sidebar,.design-feature,.design-feature span,.design-cards i){background:#43515c!important;border-color:#667681!important;color:#f1f4f6!important}
html[data-theme=dark] .service-component :is(h1,h2,h3,h4,p,small,strong,b,span,div){color:#e2e9ee!important}
html[data-theme=dark] .service-component .component-live{background:#202a31!important;color:#d0dce4!important}
html[data-theme=dark] .service-component .component-top>b{background:#192228!important;color:#fff!important}
html[data-theme=dark] .service-component :is(.portal-button,.design-cursor b){background:#f94d26!important;color:#fff!important}
html[data-theme=dark] :is(.offering-copy h2,.offering-copy h2 a,.offering-explore){color:#edf2f6!important}
html[data-theme=dark] :is(.offering-copy p,.offering-tags li,.offering-footer,.offering-scene-chip){color:#c4cfd7!important}
#contact-form :is(input,textarea,select),html[data-theme=dark] #contact-form :is(input,textarea,select){background:transparent!important}
#contact-form option{background:#fff;color:#111}
html[data-theme=dark] #contact-form option{background:#192227;color:#f2f4f5}