.how-page{max-width:1120px;margin:auto;padding:64px 24px 72px;color:#091b29}.how-hero{text-align:center;max-width:900px;margin:0 auto 38px}.how-hero h1{font-size:clamp(32px,4.7vw,58px);line-height:1.1;letter-spacing:-2px;margin:20px 0}.how-hero em{font-style:normal;color:#ed6508}.how-hero>p{max-width:680px;margin:22px auto;color:#536373;font-size:18px;line-height:1.7}.how-pills{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.how-pills span{border:1px solid #dce3e8;background:white;border-radius:30px;padding:8px 13px;font-size:13px}.how-player{background:#091c2a;color:#fff;border-radius:24px;overflow:hidden;box-shadow:0 24px 60px #091c2a1a}.how-player-bar{padding:20px 28px;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #ffffff20;font-size:11px;letter-spacing:1px;color:#bbc7d1}.how-player-bar i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff7812;margin-right:8px}.how-stage{min-height:370px}.how-scene{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:44px}.how-scene[hidden],.how-controls[hidden]{display:none!important}.how-count{color:#ffa467;font-size:12px;letter-spacing:2px;font-weight:700}.how-scene h2{font-size:clamp(26px,3vw,38px);line-height:1.15;margin:17px 0;letter-spacing:-1px;color:white}.how-scene-copy p{color:#c5d0d8;line-height:1.8;font-size:16px}.how-illustration{position:relative;min-height:280px;display:flex;align-items:center;justify-content:center}.how-orbit{position:absolute;width:270px;height:270px;border:1px solid #ff8a3933;border-radius:50%;box-shadow:0 0 0 25px #ff8a3908,0 0 0 50px #ff8a3904}.how-window{position:relative;background:#fff;color:#102838;padding:22px;border-radius:16px;width:100%;max-width:345px;transform:rotate(-2deg);box-shadow:0 20px 35px #0004}.how-window-top{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:1px;margin-bottom:17px}.how-symbol{display:grid;place-items:center;width:36px;height:36px;background:#fff0e3;border-radius:11px;font-size:24px;color:#ec6500}.how-doc{display:flex;gap:12px;align-items:center;padding:13px 10px;border:1px solid #e3e9ed;border-radius:8px;margin:9px 0;font-size:13px;animation:how-in .6s both;animation-delay:calc(var(--card-order)*.17s)}.how-doc>span{color:#ef690a;font-size:11px;font-weight:700}.how-stamp{margin-top:16px;background:#eaf7ee;color:#267445;padding:9px;border-radius:8px;font-size:12px;text-align:center;font-weight:700}.how-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 28px;border-top:1px solid #ffffff20}.how-controls button{border:1px solid #ffffff40;color:white;background:transparent;padding:11px 15px;border-radius:9px;cursor:pointer;font:inherit;font-size:13px}.how-controls button:focus-visible{outline:3px solid #ff994d;outline-offset:4px}.how-controls [data-how-play]{background:#f97316;border-color:#f97316;min-width:165px}.how-chapters{display:flex;gap:8px}.how-chapters button{width:32px;height:32px;padding:0;border-radius:50%}.how-chapters button[aria-pressed=true]{background:white;color:#091c2a}.how-caption{font-size:11px;color:#afbdc8;text-align:center;margin:0;padding:0 18px 20px}.how-detail,.how-faq{margin-top:72px}.how-detail h2,.how-faq h2,.how-split h2,.how-cta h2{font-size:30px;letter-spacing:-.7px;line-height:1.2;margin:14px 0 25px}.how-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.how-detail-grid article,.how-split article{border:1px solid #dee5e9;background:#fff;border-radius:16px;padding:26px}.how-detail-grid article>span{color:#ee6a0b;font-weight:800;font-size:24px}.how-detail-grid h3{margin:14px 0;font-size:18px}.how-detail-grid p,.how-split p,.how-faq p{color:#526372;line-height:1.8;font-size:15px}.how-split{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:40px}.how-split ul{padding-left:20px;line-height:2;font-size:15px}.how-text-link{display:inline-block;margin-top:12px;font-weight:700;color:#bb4b00}.how-faq details{border-bottom:1px solid #dce3e8;padding:20px 0}.how-faq summary{cursor:pointer;font-size:17px;font-weight:700}.how-faq p{max-width:850px}.how-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#fff0e3;border-radius:18px;padding:32px;margin-top:48px}.how-cta h2{margin-bottom:12px}.how-cta p{line-height:1.6;color:#526372}.how-cta a{white-space:normal;text-align:center}.how-overview-link{display:inline-block;margin-top:22px;font-weight:700;color:#b64b00}@keyframes how-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.how-page{padding:36px 18px}.how-hero h1{letter-spacing:-1px}.how-scene{grid-template-columns:1fr;padding:25px;gap:15px}.how-scene-copy{min-height:220px}.how-player-bar{padding:18px;flex-direction:column;gap:7px}.how-illustration{min-height:280px}.how-controls{flex-wrap:wrap;padding:18px;justify-content:center}.how-chapters{order:3;width:100%;justify-content:center}.how-detail-grid,.how-split{grid-template-columns:1fr}.how-cta{flex-direction:column;align-items:stretch;padding:25px}.how-window{transform:none}.how-detail,.how-faq{margin-top:46px}}@media(prefers-reduced-motion:reduce){.how-doc{animation:none}.how-window{transform:none}}