:root{--bg:#0f172a;--card:#111c33;--text:#e5eefc;--muted:#9fb0c8;--accent:#22c55e;--line:#26364f}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:linear-gradient(135deg,#0f172a,#172554);color:var(--text)}
header{padding:28px 8%;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}
.logo{font-weight:800}nav a{color:var(--muted);text-decoration:none;margin-left:20px}
.hero{padding:70px 8%;max-width:1100px}.kicker{color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.08em}
h1{font-size:44px;margin:12px 0}.lead{font-size:19px;color:var(--muted);line-height:1.6}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:0 8% 70px}
.plan{background:rgba(17,28,51,.88);border:1px solid var(--line);border-radius:22px;padding:24px}
.price{font-size:30px;font-weight:900;margin:18px 0}.plan ul{padding-left:20px;color:var(--muted);line-height:1.8}
footer{padding:28px 8%;border-top:1px solid var(--line);color:var(--muted)}
@media(max-width:850px){.plans{grid-template-columns:1fr}h1{font-size:34px}nav{display:none}}