/* Shared fixed header for the landing page and privacy page. */
:root{--site-header-height:84px}
html{scroll-padding-top:calc(var(--site-header-height) + 24px)}
.top-surface{padding-top:var(--site-header-height)}
.top-surface>header.shell{position:fixed;inset:0 0 auto;z-index:100;width:100%;height:var(--site-header-height);min-height:0;margin:0;padding:0 max(40px,calc((100% - 1100px)/2));background:var(--teal);flex-wrap:nowrap;transition:box-shadow .2s}
.top-surface>header.shell.is-scrolled{box-shadow:0 3px 14px rgba(32,62,67,.14)}
.privacy-page .policy-index{top:calc(var(--site-header-height) + 24px)}
.privacy-page .policy-section{scroll-margin-top:0}
.skip-link{z-index:101}
@media(max-width:700px){
 :root{--site-header-height:68px}
 .top-surface>header.shell{padding:0 18px;gap:12px}
 header .wordmark{font-size:27px;flex-shrink:0}
 header .wordmark span{font-size:7px;letter-spacing:0}
 header button.header-cta[data-register]{min-height:44px;padding:10px 12px;margin-left:auto;white-space:nowrap;box-shadow:2px 2px 0 rgba(32,62,67,.18)}
 header button.header-cta[data-register] .cta-label{font-size:11px}
}
@media(max-width:360px){
 .top-surface>header.shell{padding-inline:14px;gap:8px}
 header .wordmark{font-size:25px}
 header .wordmark span{font-size:6.5px}
 header button.header-cta[data-register]{padding-inline:9px}
 header button.header-cta[data-register] .cta-label{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.top-surface>header.shell{transition:none}}