.how-section{background:var(--bg);padding:clamp(60px,10vw,120px) clamp(24px,10vw,120px)}.how-cta{text-align:center;flex-direction:column;align-items:center;gap:14px;margin-top:56px;display:flex}.how-cta-label{color:#aaa;letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;font-weight:800}.how-header{margin-bottom:64px}.how-h2{letter-spacing:-2px;margin-bottom:12px;font-size:clamp(2.4rem,5vw,5rem)}.step-sq-row{flex-direction:row;gap:16px;max-width:780px;margin-bottom:52px;margin-left:auto;margin-right:auto;display:flex}.step-sq{aspect-ratio:1;border:2px solid var(--text);cursor:pointer;transform-style:preserve-3d;box-shadow:4px 4px 0 var(--text);will-change:transform;background:#fff;flex:1;transition:transform .55s cubic-bezier(.34,1.2,.64,1),box-shadow .3s;position:relative}.step-sq:hover{box-shadow:6px 6px 0 var(--text)}.step-sq-front,.step-sq-back{backface-visibility:hidden;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.step-sq-back{color:#111;background:#fff;transform:rotateY(180deg)}.step-sq-num{font-family:var(--font-unbounded),"Unbounded",sans-serif;margin-bottom:8px;font-size:clamp(2rem,4vw,3.2rem);font-weight:800;line-height:1}.step-sq-num.orange{color:var(--orange)}.step-sq-num.blue{color:#4a90d9}.step-sq-label{font-family:var(--font-unbounded),"Unbounded",sans-serif;letter-spacing:.04em;color:var(--text);font-size:clamp(.7rem,2vw,1rem);font-weight:800}.step-sq-hint{color:#aaa;margin-top:6px;font-size:.55rem}.step-sq-back-title{font-family:var(--font-unbounded),"Unbounded",sans-serif;color:var(--orange);letter-spacing:.03em;margin-bottom:10px;font-size:clamp(.6rem,1.3vw,.82rem);font-weight:800}.step-sq-back-text{font-size:clamp(.64rem,1.15vw,.78rem);line-height:1.6}.how-video{width:100%;max-width:760px;margin:0 auto 52px}.how-video-wrap{border:2px solid var(--text);box-shadow:6px 6px 0 var(--text);aspect-ratio:4/3;background:#000;max-width:min(900px,100%);position:relative;overflow:hidden}
.marquee-band{background:var(--orange);border-top:2px solid var(--text);border-bottom:2px solid var(--text);white-space:nowrap;padding:12px 0;overflow:hidden}.marquee-inner{gap:0;animation:20s linear infinite marqueeScroll;display:inline-flex}.marquee-item{font-family:var(--font-unbounded),"Unbounded",sans-serif;color:#fff;letter-spacing:1px;text-transform:uppercase;padding:0 32px;font-size:.9rem;font-weight:800}.marquee-dot{color:var(--yellow)}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}
