.how-hero{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;min-height:680px;gap:30px;padding-block:65px 80px}.how-hero h1{font-size:clamp(42px,5.3vw,76px);line-height:1.03;margin-top:28px}.how-hero p{font-size:21px;color:var(--muted);max-width:450px;margin-top:26px}.how-hero .button{margin-top:32px}.how-hero img{width:100%;max-height:490px;object-fit:contain;transform:rotate(8deg)}.how-status{display:grid;grid-template-columns:1fr 2fr auto;gap:25px;padding:27px 0;border-block:1px solid var(--line);align-items:start;font-size:14px}.how-status p{color:var(--muted);max-width:600px}.how-status a{font-size:13px;text-decoration:underline;text-underline-offset:4px}.how-journey{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:start;position:relative;padding-block:60px}.how-visual{position:sticky;top:120px}.how-visual-frame{height:500px;position:relative;background:var(--surface);border-radius:34px;overflow:hidden;display:grid;place-items:center}.how-object{position:absolute;inset:30px 25px 60px;display:grid;place-items:center}.how-object img{height:100%;max-height:400px;width:100%;object-fit:contain}.how-settlement,.how-prepaid{visibility:hidden;opacity:0}.how-settlement{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-inline:20px;gap:20px;color:var(--ink)}.how-settlement>span{font-size:12px;letter-spacing:.1em}.how-settlement strong{font-size:clamp(55px,7vw,88px);letter-spacing:-.04em;font-weight:550;white-space:nowrap}.how-settlement strong span{color:var(--muted)}.how-settlement p{font-size:21px;line-height:1.3}.how-settlement small{font-size:12px;color:var(--muted)}.how-prepaid{inset:35px}.how-prepaid .concept-card{width:100%;transform:rotate(-7deg);padding:8%}.how-visual-caption{position:absolute;bottom:30px;font-size:13px;color:var(--muted);text-align:center;left:20px;right:20px}.how-step-dots{display:flex;justify-content:center;gap:12px;margin-top:25px}.how-step-dots a{display:grid;place-items:center;min-width:42px;height:42px;border-radius:50%;border:1px solid var(--line);font-size:12px;transition:background .3s}.how-step-dots a[aria-current=step]{background:var(--ink);color:var(--paper)}.how-step{min-height:700px;padding:105px 0 85px;scroll-margin-top:100px;display:flex;flex-direction:column;justify-content:center}.how-step-number{font-size:12px;letter-spacing:.08em;color:var(--muted);margin-bottom:27px}.how-step h2{font-size:clamp(36px,3.8vw,50px);line-height:1.06;margin-bottom:24px}.step-status{font-size:12px;border:1px solid var(--line);width:fit-content;padding:6px 11px;border-radius:30px;margin-bottom:15px;color:var(--muted)}.step-status.available{background:#66c8dc;border-color:#66c8dc;color:#102b34}.how-step>p{font-size:17px;color:var(--muted);margin-top:18px;line-height:1.7}.how-step>p strong{color:var(--ink);font-weight:550}.how-step .text-link{margin-top:25px;font-size:15px}.how-note{margin-top:27px;font-size:14px;color:var(--muted);border-top:1px solid var(--line);padding-top:22px;line-height:1.7}.how-finish{display:flex;gap:45px;align-items:center;justify-content:space-between;padding-block:85px 115px;border-top:1px solid var(--line)}.how-finish h2{font-size:50px}.how-finish p{font-size:18px;color:var(--muted);max-width:530px;margin-top:24px}.how-finish>div:last-child{display:flex;flex-direction:column;align-items:center;gap:22px;min-width:210px}.how-finish .text-link{font-size:14px}
@media(max-width:900px){.how-hero{grid-template-columns:1fr 1fr;min-height:560px;gap:5px}.how-hero h1{font-size:45px}.how-hero p{font-size:18px}.how-status{grid-template-columns:1fr;gap:13px}.how-journey{gap:35px;grid-template-columns:1fr 1fr}.how-visual{top:105px}.how-visual-frame{height:360px;border-radius:25px}.how-object{inset:20px 12px 50px}.how-settlement{padding-inline:10px;gap:14px}.how-settlement strong{font-size:48px}.how-settlement p{font-size:17px}.how-settlement small{font-size:11px}.how-visual-caption{font-size:11px;bottom:24px}.how-step{min-height:600px;padding-block:65px}.how-step h2{font-size:35px}.how-step>p{font-size:16px}.how-step-dots{gap:8px}.how-step-dots a{width:35px;min-width:35px;height:35px}.how-prepaid .concept-card .card-bottom{font-size:9px}.how-prepaid .card-chip{display:none}}
@media(max-width:650px){.how-hero{display:flex;flex-direction:column-reverse;text-align:center;padding:20px 0 55px;gap:10px}.how-hero img{height:235px;max-width:250px}.how-hero h1{font-size:clamp(37px,10.2vw,55px);margin-top:24px}.how-hero p{font-size:17px;margin-inline:auto;max-width:330px}.how-status{padding-block:24px}.how-journey{display:block;padding-block:25px}.how-visual{position:relative;top:auto;margin-bottom:10px}.how-visual-frame{height:280px}.how-visual-frame img{height:245px}.how-step-dots{position:relative;top:auto;justify-content:space-between;margin:20px 5px 0}.how-step-dots a{height:42px;min-width:42px}.how-step{min-height:0;padding:65px 0;border-bottom:1px solid var(--line);scroll-margin-top:70px}.how-step h2{font-size:39px}.how-step-number{margin-bottom:23px}.how-step>p{font-size:17px}.how-step:last-child{border:0}.how-finish{display:block;padding-block:40px 80px}.how-finish h2{font-size:43px}.how-finish p{font-size:17px}.how-finish>div:last-child{align-items:flex-start;margin-top:30px}}
@media(prefers-reduced-motion:reduce){.how-visual{position:relative;top:auto}.how-step-dots a{transition:none}.how-hero img{transform:none}}.motion-reduced .how-visual{position:relative;top:auto}