:root{--bg:#0b0f12;--card:#0f171c;--muted:#8ea3af;--fg:#e9f1f5;--accent:#8bc7ff;--accent-2:#c8a8ff;--radius:18px}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif}
a{color:var(--accent);text-decoration:none}
.container{max-width:980px;margin:0 auto;padding:28px 18px}
.header{padding:28px 0 10px}
.badge{display:inline-block;padding:6px 10px;border:1px solid #2a3a45;border-radius:999px;color:var(--muted);font-size:13px;background:#0e1418}
h1{font-size:2rem;line-height:1.15;margin:14px 0 10px}
.lead{font-size:1.05rem;color:#cee0ea;margin-bottom:18px}
.card{background:var(--card);border:1px solid #1a2a33;border-radius:var(--radius);padding:18px;margin:16px 0;box-shadow:0 6px 28px rgba(0,0,0,.25)}
.list{margin:0;padding:0;list-style:none}
.list li{display:flex;gap:10px;margin:10px 0}
.list li::before{content:"✓";color:var(--accent-2)}
.cta{display:inline-block;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#0a0d0f;font-weight:700;padding:14px 22px;border-radius:12px;border:0;cursor:pointer;font-size:1.05rem;box-shadow:0 8px 22px rgba(139,199,255,.25)}
.cta:hover{transform:translateY(-1px)}
.subtle{color:var(--muted);font-size:.925rem}
.grid{display:grid;gap:16px}
@media(min-width:800px){.grid-2{grid-template-columns:1.2fr .8fr}}
.footer{margin-top:28px;padding-top:18px;border-top:1px solid #182c36;color:#9db6c3;font-size:.9rem}
.kicker{font-size:.9rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.hero{display:flex;flex-direction:column;gap:10px}
.note{font-size:.9rem;color:#a7d0e2}
.btn-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.small{font-size:.92rem}