/* One persistent header, outside the transformed walkthrough stage. */
:root{--site-nav-height:112px}
html{scroll-padding-top:calc(var(--site-nav-height) + 16px)}
html body>.site-navbar.topbar{position:fixed;inset:0 0 auto;z-index:900;min-height:var(--site-nav-height);padding:18px var(--pad);display:flex;align-items:center;gap:28px;background:#16232b;border-bottom:0}
.site-navbar .topnav{position:static;display:flex;gap:20px;margin-left:auto;align-items:center}
.site-navbar .floating-language{position:static;filter:none;flex:none}
.site-navbar .floating-language select{box-shadow:none}
.site-navbar[inert]{visibility:hidden}
.site-navbar .topnav .ghost{display:inline-flex;align-items:center;justify-content:center}
.site-navbar .topnav [data-package]{background:var(--cyan);color:var(--dark);border-color:var(--cyan)}
html:not(.mode-score) main{padding-top:var(--site-nav-height)}
html.mode-score{--deck-top:calc(var(--site-nav-height) + 12px)}
.mode-score .intro{top:max(calc(var(--site-nav-height) + 24px),20svh)}
/* Section jump positions remain clear of the persistent bar. */
#work,#pricing,#savings,#faq,#pilot{scroll-margin-top:0}
@media(max-width:1000px){
 .site-navbar .topnav{gap:12px}
 html body>.site-navbar.topbar{gap:18px;padding-inline:24px}
 .site-navbar .topnav .ghost{padding-inline:14px;font-size:12px}
 .site-navbar .topnav [data-change]{font-size:11px;max-width:none;text-align:center}
}
@media(max-width:760px){
 :root{--site-nav-height:144px}
 html body>.site-navbar.topbar{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:12px 16px;padding:14px 20px}
 .site-navbar .product-brand{grid-column:1;grid-row:1}
 .site-navbar .floating-language{grid-column:2;grid-row:1;align-self:start}
 .site-navbar .topnav{grid-column:1/-1;grid-row:2;position:static;justify-content:space-between;width:100%;gap:8px;margin:0}
 .site-navbar .topnav [data-change]{font-size:10px;line-height:1.2;white-space:normal;text-align:left}
 .site-navbar .topnav .ghost,.site-navbar .topnav [data-package]{min-height:38px;height:auto;padding:8px 11px;font-size:11px;line-height:1.15;white-space:normal;text-align:center}
 .mode-score .intro{top:calc(var(--site-nav-height) + 24px)}
}

/* Section navigation and quieter utility actions share the persistent bar. */
.site-navbar .topnav{gap:24px}
.site-navbar .nav-sections,.site-navbar .nav-actions{display:flex;align-items:center;gap:18px}
.site-navbar .nav-sections a{display:inline-flex;align-items:center;min-height:44px;color:var(--paper);font:600 13px/1.2 var(--sans);text-decoration:none;white-space:nowrap}
.site-navbar .nav-sections a:hover{color:var(--cyan)}
.site-navbar .nav-actions [data-change]{color:var(--muted);font-size:11px}
@media(min-width:761px) and (max-width:1250px){
 :root{--site-nav-height:154px}
 html body>.site-navbar.topbar{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;padding:14px 24px;gap:8px 20px}
 .site-navbar .product-brand{grid-column:1;grid-row:1}
 .site-navbar .floating-language{grid-column:2;grid-row:1}
 .site-navbar .topnav{grid-column:1/-1;grid-row:2;position:static;justify-content:space-between;margin:0}
 .site-navbar .nav-sections,.site-navbar .nav-actions{gap:16px}
}
@media(max-width:760px){
 :root{--site-nav-height:164px}
 html body>.site-navbar.topbar{padding:12px 20px;gap:4px 16px}
 .site-navbar .product-brand{--wm-width:134.4874px;gap:5px}
 .site-navbar .product-name{height:24.58px}
 .site-navbar .product-name img{width:150px;left:-4.65px;top:-9.82px}
 .site-navbar .topnav{display:grid;gap:0;grid-template-columns:1fr}
 .site-navbar .nav-sections{justify-content:space-between;gap:12px}
 .site-navbar .nav-sections a{font-size:12px;min-height:36px}
 .site-navbar .nav-actions{justify-content:space-between;gap:8px}
 .site-navbar .nav-actions .ghost{flex:1}
 .site-navbar .nav-actions [data-change]{font-size:10px;min-height:38px}
}
