:root{color-scheme:light}
.nav{gap:24px}.navlinks{margin-left:auto}.nav-tools{display:flex;align-items:center;gap:8px;flex:none}
.theme-toggle{display:grid;place-items:center;width:44px;height:44px;padding:10px;border:1px solid currentColor;border-radius:50%;color:inherit;background:transparent;transition:background .2s,color .2s;flex:none}
.theme-toggle:hover{background:#92c8d6;color:#12252d;border-color:#92c8d6}.theme-toggle svg{width:20px;height:20px;grid-area:1/1}
.theme-sun{display:none}
[data-theme=dark]{color-scheme:dark;--ink:#e8f0f4;--ink-2:#dce8ed;--paper:#101a20;--paper-2:#15232b;--white:#1c2d36;--blue:#92c8d6;--blue-deep:#92c8d6;--blue-soft:#263e49;--muted:#adbec7;--line:rgba(192,218,228,.2)}
[data-theme=dark] .theme-sun{display:block}[data-theme=dark] .theme-moon{display:none}
[data-theme=dark] body{background:#101a20;color:#e8f0f4}
[data-theme=dark] .section-paper,[data-theme=dark] #philosophy,[data-theme=dark] #services{background:#101a20;color:#e8f0f4}
[data-theme=dark] .section-paper2,[data-theme=dark] #fit,[data-theme=dark] #levels,[data-theme=dark] #system{background:#15232b;color:#e8f0f4}
[data-theme=dark] #contact{background:#1c3540;color:#e8f0f4}
[data-theme=dark] #contact .kicker,[data-theme=dark] #contact .soft,[data-theme=dark] .display .soft{color:#92c8d6}
[data-theme=dark] .nav.scrolled{background:rgba(14,25,32,.96);color:#eef5f8;border-color:#ffffff20;box-shadow:none}
[data-theme=dark] .nav.scrolled .brand .logo-light{opacity:1}[data-theme=dark] .nav.scrolled .brand .logo-dark{opacity:0}
[data-theme=dark] .nav.scrolled .nav-cta{background:transparent;color:#eef5f8;border-color:#a7bdc7}
[data-theme=dark] .nav.scrolled .nav-cta:hover,[data-theme=dark] .nav.scrolled .nav-cta:focus-visible{background:#92c8d6;color:#12252d;border-color:#92c8d6}
[data-theme=dark] .flow-strip{background:#294751}[data-theme=dark] .flow-strip span{color:#e0f1f6}[data-theme=dark] .flow-strip b{color:#92c8d6}
[data-theme=dark] #system .module{color:#e8f0f4;background:#192c35;border-color:#38535f}
[data-theme=dark] #system .module.active,[data-theme=dark] #system .module:hover{background:#294753;border-color:#92c8d6;color:#fff}
[data-theme=dark] #system .module-icon{border-color:#54717d}
[data-theme=dark] #fit .fit-stage,[data-theme=dark] #levels .level-card{background:#1c303a;color:#e8f0f4;border-color:#38515e}
[data-theme=dark] .fit-switch button,[data-theme=dark] .level-buttons button{color:#e8f0f4;border-color:#3d5662}
[data-theme=dark] .fit-switch button.active,[data-theme=dark] .level-buttons button.active{background:#92c8d6;color:#13252d;border-color:#92c8d6}
[data-theme=dark] .level-buttons button.active .lv-dot{background:#13252d;border-color:#13252d}
[data-theme=dark] .fit-path span.on{background:#294652;color:#dcecf2;border-color:#456572}
[data-theme=dark] .service-btn{color:#e8f0f4}
[data-theme=dark] .service-btn:hover,[data-theme=dark] .service-btn.active{background:#29424f;color:#fff}
[data-theme=dark] .level-meter i{background:#405661}[data-theme=dark] .level-meter i.on{background:#92c8d6}
[data-theme=dark] .mobile-inline{background:#1c303a;color:#e8f0f4;border-color:#38515e}
[data-theme=dark] .mobile-inline.blue{background:#263f4c;color:#e8f0f4}
[data-theme=dark] .field input,[data-theme=dark] .field textarea,[data-theme=dark] .field select{color:#edf4f6}
@media(max-width:1080px) and (min-width:821px){.nav{gap:16px}.navlinks{gap:16px}.navlinks>a.nav-cta{width:156px}}
@media(max-width:820px){.nav{gap:12px}.nav-tools{margin-left:auto;gap:8px}.theme-toggle{width:40px;height:40px;padding:9px}.navlinks{margin-left:0}[data-theme=dark] .navlinks{background:#101d24}[data-theme=dark] .navlinks .nav-cta{background:#92c8d6;color:#12252d}[data-theme=dark] #moduleGrid .module.active{background:#92c8d6;color:#13252d}}
/* Selected plans use the logo blue in both themes and at every breakpoint. */
#levels .level-buttons button.active,[data-theme=dark] #levels .level-buttons button.active{background:#92c8d6;border-color:#92c8d6;color:#12252d}
#levels .level-buttons button.active .lv-dot{background:#12252d;border-color:#12252d}
#levels .level-buttons button.active em{color:#12252d;opacity:.85}
@media(max-width:820px){[data-theme=dark] #philosophy .mobile-inline,[data-theme=dark] #philosophy .manifesto button.active{background:transparent;color:var(--ink)}}
/* One selection color across the site, independent of theme. */
#fit .fit-switch button.active,[data-theme=dark] #fit .fit-switch button.active,
#system #moduleGrid .module.active,[data-theme=dark] #system #moduleGrid .module.active,
#process .process-nav button.active,[data-theme=dark] #process .process-nav button.active{background:#92c8d6;border-color:#92c8d6;color:#12252d}
#system #moduleGrid .module.active p{color:#294650}
@media(max-width:820px){
 #services .service-btn.active,[data-theme=dark] #services .service-btn.active{background:transparent;color:var(--ink);border-bottom-color:transparent}
 #services #serviceStack .mobile-inline,[data-theme=dark] #services #serviceStack .mobile-inline{background:transparent;color:var(--muted);border-bottom:1px solid var(--line);padding-top:4px}
 #services #serviceStack .inline-chips span{color:var(--muted);border-color:var(--line)}
}
/* Capability tags use the exact FLOW logo accent. */
#services #serviceStack .inline-chips span,[data-theme=dark] #services #serviceStack .inline-chips span{color:#92c8d6;font-style:italic}
/* Equal fit-panel tracks for both modes, at the current responsive width. */
#fit .fit-stage h3{min-height:var(--fit-title-height,0px);flex-shrink:0}
#fit .fit-stage p{min-height:var(--fit-copy-height,0px);flex-shrink:0}
#fit .fit-stage .fit-path{min-height:var(--fit-path-height,0px);flex-shrink:0}
/* Small capability labels need a darker blue on light surfaces. */
#services #serviceStack .inline-chips span{color:#376f7f;font-weight:500}
[data-theme=dark] #services #serviceStack .inline-chips span{color:#92c8d6}
/* Footer: details on the left, brand anchored to the lower right. */
.footer{padding:32px 0}
.footer .shell{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;column-gap:32px;row-gap:14px;align-items:center}
.footer .shell>span:first-of-type{grid-column:1;grid-row:1;line-height:1.5}
.footer .shell>span:last-of-type{grid-column:1;grid-row:2;line-height:1.5}
.footer .footer-social{grid-column:1;grid-row:3;gap:24px;margin-top:4px;flex-wrap:wrap}
.footer .shell>img{grid-column:2;grid-row:3;align-self:center;justify-self:end;width:92px;height:auto}
@media(max-width:820px){
 .footer{padding:28px 0 max(28px,env(safe-area-inset-bottom))}
 .footer .shell{grid-template-columns:minmax(0,1fr) 76px;column-gap:16px;row-gap:12px}
 .footer .shell>span{font-size:12px}
 .footer .footer-social{gap:16px;margin-top:6px}
 .footer-social a{font-size:11px;gap:6px;min-height:44px}.footer-social svg{width:18px;height:18px}
 .footer .shell>img{width:76px}
}
@media(max-width:380px){.footer .shell{grid-template-columns:minmax(0,1fr) 64px;column-gap:12px}.footer .shell>img{width:64px}.footer .footer-social{gap:12px}.footer-social a{font-size:10px;gap:4px}}