.about-more{margin-top:20px}.audience-picker{display:flex;justify-content:center;gap:12px;border:0;margin:30px auto 0;padding:0;max-width:500px}.audience-picker legend{text-align:center;font-size:13px;margin-bottom:14px;width:100%}.audience-picker label{position:relative;cursor:pointer;margin:0}.audience-picker input{position:absolute;width:1px;height:1px;opacity:0}.audience-picker span{display:block;padding:11px 34px;border:1px solid #d9dbdf;background:white;transition:background .2s,color .2s;font-size:13px}.audience-picker input:checked+span{background:#111;color:white;border-color:#111}.audience-picker input:focus-visible+span{outline:3px solid #ed1c24;outline-offset:4px}
#services{padding:0 7%;min-height:150svh;position:relative}.services-sticky{position:sticky;top:110px;padding:45px 0;min-height:580px}.service-scroll-meter{height:2px;background:#eaeaea;margin-top:30px;overflow:hidden}.service-scroll-meter span{display:block;width:100%;height:100%;background:#ed1c24;transform:scaleX(var(--service-progress,0));transform-origin:right;transition:transform .12s linear}html[dir=ltr] .service-scroll-meter span{transform-origin:left}.service-scroll-hint{font-size:10px;color:#8a8d93;margin-top:10px}.service-panel{min-height:345px}.questionnaire{overflow-anchor:none}.orbit-request{overflow-anchor:none}
@media(max-width:700px),(max-height:760px){#services{min-height:0;padding:55px 6%}.services-sticky{position:relative;top:auto;padding:0;min-height:0}.service-panel{min-height:360px}}
@media(prefers-reduced-motion:reduce){#services{min-height:0}.services-sticky{position:relative;top:auto}.service-scroll-meter span{transition:none}}

/* Three equal scroll stages; management remains visible through the final third. */
#services{height:var(--services-runway,220svh);min-height:0;padding:0 7%;overflow-anchor:none}
.services-sticky{position:sticky;top:var(--services-pin-top,96px);padding:40px 0;min-height:0}
@media(max-width:700px){#services{padding-inline:6%}.services-sticky{padding-block:30px}.services-sticky .section-heading{margin-bottom:22px}.services-sticky .section-heading>p{font-size:12px}.services-sticky .service-panel{min-height:300px}.services-sticky .service-scroll-meter{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.service-scroll-meter span{transition:none}}

html[lang=ar] .service-panel .eyebrow,html[lang=ar] .global-en,html[lang=ar] .architecture-caption{font-family:"Noto Sans Arabic",sans-serif;letter-spacing:0}html[lang=ar] .global-en{direction:rtl;line-height:1.7}

/* The three brand dots unfold into the three services as the section scrolls. */
.service-emblem-origin{width:112px;height:96px;position:relative;margin-block:4px 0}
.service-emblem-flight{position:absolute;inset:0;pointer-events:none;z-index:3}
.service-brand-dot{position:absolute;top:0;left:0;width:30px;height:30px;border:5px solid #171717;border-radius:50%;background:#ed1c24;box-shadow:inset 0 0 0 4px #b9b9b9;transition:transform .16s ease-out;will-change:transform}
.service-brand-dot.is-docked{box-shadow:inset 0 0 0 4px #b9b9b9,0 0 0 5px #ed1c2409}
#services .service-dot-dock{display:block;flex:0 0 32px;width:32px;height:32px}
#services .tabs button{gap:18px;padding-inline-start:8px}
#services .tabs button[aria-selected=true]{padding-inline-start:8px}
#services .section-heading{margin-bottom:28px;min-height:132px}
@media(max-width:700px){#services .section-heading{margin-bottom:20px;min-height:0}#services .section-heading>p{margin-top:8px}.service-emblem-origin{height:90px}#services .tabs button{gap:12px}}
@media(prefers-reduced-motion:reduce){.service-brand-dot{transition:none;will-change:auto}}

/* Navigation follows the same sequence and direction as the page. */
.review-bar{display:none}
header,header.is-scrolled{height:112px;gap:30px;padding-inline:4%;background:#fffffffa;backdrop-filter:blur(16px)}
header nav{display:flex;align-items:center;justify-content:center;gap:clamp(20px,2.3vw,38px);flex:1;min-width:0}
header nav a{display:flex;flex-direction:column;gap:4px;padding:12px 0;white-space:nowrap;text-align:start}
header nav a>span{font-size:13px;font-weight:600}header nav small{font-size:9px;font-weight:400;color:#777;letter-spacing:0}
header nav a[aria-current=true]>span{color:#ed1c24}header nav a:after{height:2px;bottom:3px;transform-origin:right}html[dir=ltr] header nav a:after{transform-origin:left}
header .nav-actions{gap:18px;flex-shrink:0}header .button.small{padding:13px 18px;white-space:nowrap}header #lang{font-size:11px;white-space:nowrap}
html{scroll-padding-top:132px}
@media(min-width:701px) and (max-width:1100px){header,header.is-scrolled{gap:18px;padding-inline:3%}header nav{gap:18px}header nav small{display:none}header .logo{width:165px;flex-basis:165px}header .nav-actions{gap:12px}header nav a>span{font-size:12px}header .button.small{padding:11px 13px}}
@media(max-width:700px){header,header.is-scrolled{display:grid;grid-template-columns:1fr auto;height:138px;gap:0;padding:5px 5% 0}header .logo{grid-column:1;grid-row:1;justify-self:start;margin:0;transform:scale(.82);transform-origin:right}html[dir=ltr] header .logo{transform-origin:left}header .nav-actions{grid-column:2;grid-row:1}header .button.small{display:none}header nav{grid-column:1/-1;grid-row:2;display:flex;justify-content:space-between;gap:18px;overflow-x:auto;width:100%;height:56px;border-top:1px solid #eee;scrollbar-width:none}header nav a{flex-shrink:0;padding:8px 0 11px;gap:0}header nav a>span{font-size:11px}header nav small{display:none}html{scroll-padding-top:154px}}

/* Mobile scroll: no live backdrop repaint, no easing that trails the finger. */
@media (max-width:700px), (pointer:coarse){
 header,header.is-scrolled{backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff}
 .service-brand-dot,.service-scroll-meter span,.process-rail>span{transition:none}
 .services-sticky .service-panel{min-height:450px}
}
@media (max-width:380px){.services-sticky .service-panel{min-height:470px}}
@media(prefers-reduced-motion:reduce){
 #services{height:auto;min-height:0}
 .services-sticky{position:relative;top:auto}
}

/* Mobile content stays in the document; only inner card surfaces animate. */
.mobile-services-list{display:none}
@media (max-width:700px), (hover:none) and (pointer:coarse){
 #services{height:auto;min-height:0;padding:52px 6% 60px}
 #services .services-sticky{position:relative;top:auto;padding:0;min-height:0}
 #services .service-grid,#services .service-emblem-flight,#services .service-emblem-origin,#services .service-scroll-meter{display:none}
 #services .section-heading{margin-bottom:34px}
 .mobile-services-list{display:block;padding-bottom:28svh}
 .mobile-service{position:relative;padding:0;margin-bottom:25svh;scroll-margin-top:154px}
 .mobile-service:last-child{margin-bottom:0}
 .mobile-service.can-pin{position:sticky;top:var(--mobile-card-top,154px)}
 .mobile-service-body{position:relative;padding:26px 22px 30px;background:#f5f6f8;border:1px solid #e0e2e5;transform-origin:50% 0}
 .mobile-service-count{margin-inline-start:auto;white-space:nowrap;font:10px "Manrope",sans-serif;direction:ltr;color:#777}
 .mobile-service-meter{height:2px;background:#e0e2e5;margin-top:25px;overflow:hidden}
 .mobile-service-meter span{display:block;height:100%;background:#ed1c24;transform:scaleX(0);transform-origin:right}
 html[dir=ltr] .mobile-service-meter span{transform-origin:left}
 .mobile-service-heading{display:flex;align-items:center;gap:14px;margin-bottom:24px}
 .mobile-service-heading h3{margin:0;color:#ed1c24;font-size:23px;line-height:1.5}
 .mobile-service-dot{flex:0 0 23px;width:23px;height:23px;border:4px solid #171717;border-radius:50%;background:#ed1c24;box-shadow:inset 0 0 0 3px #b9b9b9}
 .mobile-service h4{font-family:var(--site-font);font-size:27px;font-weight:500;line-height:1.45;letter-spacing:normal;margin:0 0 16px}
 .mobile-service-description{font-size:15px;line-height:1.9}
 .mobile-service .tags{margin:22px 0}.mobile-service .tags span{font-family:var(--site-font);font-size:11px}
 .mobile-service .text-link{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
 .mobile-service.can-pin{position:relative;top:auto}
 .mobile-service{margin-bottom:24px}
 .mobile-services-list{padding-bottom:0}
 .mobile-service-body{transform:none!important;opacity:1!important}
}