.header{position:sticky;top:0;z-index:50;background:#fff;max-width:none;padding-top:16px;padding-bottom:16px;gap:24px;box-shadow:0 1px 0 #d5dce0}html{scroll-padding-top:calc(var(--header-height,88px) + 16px)}.chapter-nav{display:flex;align-items:center;gap:12px;margin-left:auto}.chapter-caption{font-size:.75rem;color:#56616e;margin:0}.chapter-nav select{font:600 .875rem Montserrat,Arial,sans-serif;color:#1c293d;border:1px solid #d5dce0;background:#fff;padding:10px 28px 10px 12px;max-width:180px}.chapter-nav select:focus-visible{outline:3px solid #1692b1;outline-offset:3px}
.layered-section{position:relative;isolation:isolate;overflow:hidden;background-image:none!important}.motion-background{position:absolute;inset:-6%;z-index:-1;background-size:cover;background-position:center;pointer-events:none;transform:var(--motion-transform,none)}.motion-visible .motion-background{will-change:transform}.hero::before{will-change:auto}.hero.motion-visible::before{will-change:transform}.guide .section-label .rule{transform:scaleX(var(--rule-progress,1));transform-origin:left center}
.benefits article{position:relative}.benefits article::before{content:'';position:absolute;left:0;right:0;top:-1px;height:3px;background:#1692b1;transform:scaleX(var(--emphasis,1));transform-origin:left}.benefits svg{position:relative;z-index:1;background:#111214;border-radius:8px}.step-graphic span{position:relative}.step-graphic span::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:#1692b1;transform:scaleX(var(--emphasis,1));transform-origin:left}.reveal{opacity:1;transform:none}
@media(max-width:640px){.header{padding:14px 4%;gap:10px}.header .logo{width:115px}.chapter-nav{gap:0}.chapter-caption{display:none}.chapter-nav select{max-width:118px;font-size:.75rem;padding:9px 20px 9px 6px}.header .button.small{padding:10px 8px;font-size:.75rem}.motion-background,.hero::before{transform:none!important;will-change:auto!important}.benefits svg,.challenge-icon{transform:none!important}.benefits article::before,.step-graphic span::after,.guide .rule{transform:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-background,.hero::before,.benefits svg,.challenge-icon,.guide .rule,.benefits article::before,.step-graphic span::after{transform:none!important;will-change:auto!important}.details-panel{transition:none}}
@keyframes hero-breathe{from{scale:1}to{scale:1.09}}
@media(min-width:641px) and (prefers-reduced-motion:no-preference){.hero::before{animation:hero-breathe 10s ease-in-out infinite alternate;animation-play-state:paused}.hero.motion-visible::before{animation-play-state:running}}
@media(prefers-reduced-motion:reduce),(max-width:640px){.hero::before{animation:none;scale:1}}
.header nav{margin-left:auto}
.hero .edition{color:#fff;background:rgba(6,9,12,.75);padding:5px 8px;align-self:flex-start}
.button{white-space:nowrap;flex-shrink:0}
#motion-toggle{display:block;margin-top:18px;border:1px solid #ffffff80;background:#10151bd9;color:#fff;padding:8px 12px;font:600 .75rem Montserrat,Arial,sans-serif;cursor:pointer}
#motion-toggle:focus-visible{outline:3px solid #1692b1;outline-offset:3px}
.motion-paused .hero::before{animation-play-state:paused!important}
.motion-paused .motion-background,.motion-paused .hero::before,.motion-paused .benefits svg,.motion-paused .challenge-icon,.motion-paused .guide .rule{transform:none!important;will-change:auto!important}
@media(max-width:640px){.hero::after{background:rgba(6,9,12,.72)}#motion-toggle{display:none}}
@media(prefers-reduced-motion:reduce){#motion-toggle{display:none}}