:root{--ink:#0f1b2d;--muted:#5b6778;--line:#e3e8ef;--bg:#f6f8fb;--brand:#0b5fff;--brand-d:#0846c2;--ok:#0f9d58;--warn:#e8a200;--bad:#d93025;--b:#2f7de1;--c:#e8a200;--d:#f07b16}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:#fff}
a{color:var(--brand)}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
.draft-bar{background:#fff4d6;border-bottom:1px solid #f1d58a;color:#6b4e00;font-size:13px;text-align:center;padding:6px 12px}
header.top{border-bottom:1px solid var(--line);background:#fff}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;color:var(--ink);text-decoration:none;letter-spacing:-.2px}
.logo svg{width:28px;height:28px}
nav a{color:var(--muted);text-decoration:none;margin-left:22px;font-size:15px}nav a:hover{color:var(--ink)}
.btn{display:inline-block;background:var(--brand);color:#fff;text-decoration:none;padding:12px 20px;border-radius:8px;font-weight:600}
.btn:hover{background:var(--brand-d)}.btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}
.hero{padding:72px 0 56px;background:linear-gradient(180deg,#f3f7ff 0%,#fff 100%)}
.hero h1{font-size:44px;line-height:1.12;letter-spacing:-.8px;margin:0 0 18px;max-width:780px}
.hero p.lead{font-size:19px;color:var(--muted);max-width:700px;margin:0 0 28px}
.hero .ctas{display:flex;gap:12px;flex-wrap:wrap}
section{padding:56px 0;border-top:1px solid var(--line)}
section h2{font-size:30px;letter-spacing:-.4px;margin:0 0 8px}
section .sub{color:var(--muted);margin:0 0 28px;max-width:720px}
.grid{display:grid;gap:18px}.g5{grid-template-columns:repeat(5,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.card{border:1px solid var(--line);border-radius:12px;padding:20px;background:#fff}
.card h3{margin:0 0 6px;font-size:17px}.card p{margin:0;color:var(--muted);font-size:14.5px}
.pts{font-size:12px;font-weight:700;color:var(--brand);text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px}
.step{counter-increment:s}.steps{counter-reset:s}
.step:before{content:counter(s);display:inline-flex;width:30px;height:30px;border-radius:50%;background:var(--brand);color:#fff;font-weight:700;align-items:center;justify-content:center;margin-bottom:10px}
.method{background:var(--bg)}
.method ul{margin:0;padding-left:20px}.method li{margin:6px 0}
.stat{border-left:4px solid var(--brand);padding:6px 0 6px 16px;margin:20px 0 0;max-width:760px}
.stat small{display:block;color:var(--muted);font-size:13px;margin-top:4px}
.tier{display:flex;flex-direction:column}.tier .price{font-size:34px;font-weight:700;margin:6px 0 2px}.tier .price span{font-size:15px;color:var(--muted);font-weight:500}
.tier ul{padding-left:18px;margin:12px 0 0;color:var(--ink);font-size:14.5px}.tier li{margin:5px 0}
.tier.feat{border:2px solid var(--brand);box-shadow:0 8px 30px rgba(11,95,255,.08)}
.badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:3px 8px;border-radius:99px;background:#fff4d6;color:#6b4e00}
.snap{background:var(--ink);color:#fff;border-radius:16px;padding:36px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.snap h2{color:#fff}.snap p{color:#c7d0dd;margin:0}
footer{border-top:1px solid var(--line);padding:28px 0;color:var(--muted);font-size:14px}
.note{font-size:12.5px;color:#8a6d00;background:#fffaf0;border:1px dashed #f1d58a;border-radius:6px;padding:6px 10px;display:inline-block;margin-top:8px}
@media (max-width:860px){.g5,.g4,.g3{grid-template-columns:1fr 1fr}.hero h1{font-size:34px}.snap{flex-direction:column;align-items:flex-start}}