.how-it-works{margin:0;background:#111110;color:#f2efe7}
.how-it-works a{color:#f2efe7;text-decoration:none}.how-it-works a:hover{color:#ff6b58}
@keyframes hiw-rise{from{opacity:0;transform:translateY(60px)}to{opacity:1;transform:none}}
@keyframes hiw-marq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes hiw-blink{50%{opacity:.2}}
@keyframes hiw-pulse{0%,100%{box-shadow:0 0 0 0 rgba(250,80,61,.5)}50%{box-shadow:0 0 0 8px rgba(250,80,61,0)}}
@keyframes hiw-flow{0%{left:0;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:100%;opacity:0}}
@keyframes hiw-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes hiw-scan{from{background-position:0 0}to{background-position:0 6px}}
@keyframes hiw-cue{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
@media (prefers-reduced-motion:reduce){.how-it-works *{animation-duration:.01ms!important;animation-iteration-count:1!important}}

.how-it-works{margin:0 -4vw}.hiw-page-progress{position:fixed;top:76px;left:0;right:0;height:2px;z-index:41;background:#33332f}.hiw-page-progress>div{height:100%;background:#fa503d}
.how-it-works button:focus-visible,.how-it-works a:focus-visible{outline:2px solid #fa503d;outline-offset:5px}.how-it-works button:hover{filter:brightness(1.15)}
@media(max-width:760px){.hiw-rail button{font-size:9px!important;letter-spacing:.03em!important}.hiw-rail-number,.hiw-rail-key{display:block}.how-it-works h1{font-size:clamp(68px,16vw,112px)!important}.how-it-works>section:first-of-type{min-height:calc(100svh - 76px)!important;padding-top:84px!important;padding-bottom:110px!important}.how-it-works>section:last-of-type{padding-top:90px!important;padding-bottom:80px!important}.how-it-works>section:last-of-type h2{font-size:clamp(60px,15vw,110px)!important}}