:root{--ink:#100a1f;--panel:#1b1330;--line:#3a2e57;--red:#ff4669;--lime:#d3ff07;--text:#f4f1fb;--dim:#b09fce}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.6}
a{color:inherit}
img{max-width:100%;display:block}
.wrap{max-width:980px;margin:0 auto;padding:0 20px}

.topbar{padding:20px 0;text-align:center;border-bottom:1px solid var(--line)}
.topbar img{height:34px;margin:0 auto 10px}
.topbar .btn{margin-top:2px}
.btn{display:inline-block;padding:11px 24px;border-radius:999px;font-weight:700;text-decoration:none;font-size:14px}
.btn-red{background:var(--red);color:#fff}
.btn-outline{border:1px solid var(--line);color:var(--text)}

.hero{padding:48px 0 0;text-align:center}
.hero-eyebrow{color:var(--red);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700;margin:0 0 14px}
.hero h1{font-size:clamp(26px,4.6vw,42px);font-weight:800;line-height:1.14;margin:0 auto 16px;max-width:780px}
.hero p.lede{color:var(--dim);font-size:16px;max-width:640px;margin:0 auto 26px}

.stat-strip{display:flex;justify-content:center;gap:0;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:34px}
.stat-strip .cell{flex:1 1 160px;padding:20px 16px;text-align:center;border-left:1px solid var(--line)}
.stat-strip .cell:first-child{border-left:none}
.stat-strip .cell b{display:block;font-size:22px;color:var(--lime);font-weight:800}
.stat-strip .cell span{display:block;font-size:12px;color:var(--dim);margin-top:4px}

.layout{display:grid;grid-template-columns:200px 1fr;gap:40px;padding:48px 0;align-items:start}
.toc{position:sticky;top:24px;border-right:1px solid var(--line);padding-right:20px}
.toc p{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);margin:0 0 12px}
.toc a{display:block;font-size:13.5px;color:var(--dim);text-decoration:none;padding:6px 0}
.toc a:hover{color:var(--lime)}

.content h2{font-size:clamp(19px,2.6vw,24px);font-weight:800;margin:0 0 10px}
.content > section{margin-bottom:44px;scroll-margin-top:20px}
.content p{color:var(--dim);margin:0 0 14px}

.method-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:18px 0}
.method-grid .m{border:1px solid var(--line);border-radius:10px;padding:14px;background:var(--panel)}
.method-grid .m b{display:block;font-size:14px;margin-bottom:4px}
.method-grid .m span{font-size:12.5px;color:var(--dim)}

.stepper{list-style:none;margin:18px 0;padding:0;border-left:2px solid var(--line);margin-left:10px}
.stepper li{position:relative;padding:0 0 26px 24px}
.stepper li:last-child{padding-bottom:0}
.stepper li::before{content:"";position:absolute;left:-7px;top:2px;width:12px;height:12px;border-radius:50%;background:var(--red)}
.stepper b{display:block;font-size:15px;margin-bottom:3px;color:var(--text)}
.stepper p{margin:0;font-size:13.5px}

table.compare{width:100%;border-collapse:collapse;margin:16px 0;font-size:13.5px}
table.compare th,table.compare td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}
table.compare th{color:var(--lime);font-size:11.5px;text-transform:uppercase;letter-spacing:.05em}

.legal-note{border:1px solid var(--line);border-radius:10px;padding:18px 20px;font-size:13.5px;background:var(--panel)}
.legal-note b{color:var(--text)}

.outbound{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.outbound p{margin:0;font-size:13.5px;max-width:480px}

.faq-item{border-top:1px solid var(--line);padding:14px 0}
.faq-q{margin:0 0 6px;font-size:15.5px;font-weight:700;color:var(--text)}
.faq-a{margin:0;font-size:14px}

.site-footer{border-top:1px solid var(--line);padding:32px 0;background:var(--panel)}
.site-footer .badges{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--dim);margin-bottom:14px}
.site-footer .badges span{border:1px solid var(--line);border-radius:6px;padding:5px 10px}
.site-footer p{color:var(--dim);font-size:12.5px;max-width:820px;margin:6px 0}
.site-footer .copy{color:#786f97}

@media(max-width:760px){.layout{grid-template-columns:1fr}.toc{position:static;border-right:none;border-bottom:1px solid var(--line);padding-right:0;padding-bottom:16px;display:flex;gap:14px;flex-wrap:wrap}.toc p{width:100%}.toc a{padding:0}}