/* Compact navigation. Keep these rules together, after the visual section styles. */
:root{--muted:#d1e2f3}
html{scroll-padding-top:90px}
.header{height:76px;min-height:76px;background:#020e20fa}
.header-inner{gap:24px;flex-wrap:nowrap;padding-block:0}
.header .brand{width:132px;flex:0 0 132px;margin:0}
.header nav{display:flex;position:static;align-items:center;flex-direction:row;gap:24px;margin:0;padding:0;background:none;border:0}
.header nav a,.solutions-toggle{font-size:14px;font-weight:600;min-height:44px;display:flex;align-items:center;white-space:nowrap;color:#e0edfa}
.header-cta{display:inline-flex;flex-shrink:0;order:initial}
.menu-toggle{display:none}
.solutions-disclosure{position:relative}
.solutions-toggle{gap:8px;border:0;padding:0;background:none;cursor:pointer}
.solutions-toggle>span{transition:transform .18s}
.solutions-toggle[aria-expanded=true]>span{transform:rotate(180deg)}
.header #solutions-menu{position:absolute;top:calc(100% + 10px);left:-18px;width:320px;padding:8px;background:#06152e;border:1px solid #54839e;border-radius:12px;box-shadow:0 16px 32px #0005;animation:nav-enter .16s ease-out}
#solutions-menu[hidden]{display:none!important}
.header #solutions-menu a{white-space:normal;padding:12px;min-height:48px;border-radius:6px;font-size:14px;line-height:1.5}
.header #solutions-menu .digital-workers{color:#83e5ff;background:#0c2940;justify-content:space-between}
.header nav a:hover,.solutions-toggle:hover{color:#83e5ff}
.header #solutions-menu a:hover{background:#173951;color:#fff}
.header nav>.is-active,.solutions-toggle.is-active{color:#83e5ff;box-shadow:inset 0 -2px #16c7ff}
.header :focus-visible{outline:3px solid #83e5ff;outline-offset:3px}
@keyframes nav-enter{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
/* 960px leaves room for four labels, logo, CTA, and generous spacing. */
@media(max-width:960px){
 .header-inner{gap:12px}.header .brand{margin-right:auto}
 .header-cta{order:2;min-height:44px;font-size:13px;padding:10px 14px}
 .menu-toggle{display:grid;place-items:center;order:3;width:44px;height:44px;min-width:44px;border:1px solid #54839e;border-radius:8px;background:#06152e;color:#f8faff;cursor:pointer}
 .header nav{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 76px);overflow:auto;padding:16px 24px;background:#06152e;border-bottom:1px solid #54839e;box-shadow:0 18px 32px #0005}
 .header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:4px}
 .header nav>a,.solutions-toggle{width:100%;padding:12px;font-size:16px;min-height:48px}
 .solutions-toggle{justify-content:space-between}
 .header #solutions-menu{position:static;width:100%;box-shadow:none;margin:4px 0 8px;padding:4px;border:0;border-left:2px solid #54839e;border-radius:0}
 .header #solutions-menu a{font-size:16px;padding:12px;min-height:48px}
}
@media(max-width:420px){.header-inner{width:calc(100% - 32px);gap:8px}.header .brand{width:104px;flex-basis:104px}.header .logo-frame{width:104px}.header-cta{padding:10px;font-size:13px;gap:6px}.header-cta svg{width:16px}}
/* Selectively brighten secondary copy while retaining cyan accents and heading gradients. */
.solutions-intro,.cases-intro,.method-intro,.investment-intro,.clients-intro,.faq-item>p{color:#d1e2f3}
.section-eyebrow,.solution-visual figcaption,.cases-note,.investment-number,.faq-number{color:#c2dbed}
.flow .effects-toggle{color:#c2e4f7}
.site-footer nav a,.footer-contact a,.footer-bottom,.footer-brand>span:last-child{color:#d1e2f3}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.header #solutions-menu{animation:none}.solutions-toggle>span{transition:none}}
@media(scripting:none){.header{height:auto;position:relative}.header-inner{flex-wrap:wrap;padding-block:12px}.header nav{display:flex;position:static;width:100%;order:4;max-height:none;box-shadow:none}.header .menu-toggle{display:none}.header #solutions-menu[hidden]{display:block!important;position:static;width:auto}.solutions-toggle{pointer-events:none}}