:root{
  --bg:#0b0f17; --card:#111827; --fg:#e5e7eb; --muted:#9ca3af;
  --line:#1f2937; --accent:#60a5fa; --accent2:#34d399;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial; background:radial-gradient(1200px 600px at 20% 0%, #12203a 0%, var(--bg) 55%); color:var(--fg)}
a{color:inherit}
.wrap{max-width:980px;margin:0 auto;padding:24px}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.brand{font-weight:800;letter-spacing:.2px;font-size:20px}
.pill{border:1px solid var(--line); padding:10px 12px; border-radius:999px; text-decoration:none; color:var(--muted)}
.hero{padding:32px 0 8px}
h1{font-size:42px;line-height:1.08;margin:0 0 12px}
.muted{color:var(--muted)}
.lead{font-size:18px;line-height:1.5;color:var(--muted);max-width:720px;margin:0 0 18px}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 10px}
.btn{background:linear-gradient(90deg,var(--accent),var(--accent2)); border:0; padding:12px 16px;border-radius:12px; text-decoration:none; font-weight:700}
.btn.secondary{background:transparent;border:1px solid var(--line); color:var(--fg)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 0}
.card{background:rgba(17,24,39,.7); border:1px solid var(--line); border-radius:16px; padding:14px}
.kicker{font-weight:800;margin-bottom:6px}
.txt{color:var(--muted); line-height:1.45}
.section{margin:26px 0; padding:18px; background:rgba(17,24,39,.55); border:1px solid var(--line); border-radius:16px}
h2{margin:0 0 10px}
details{border-top:1px solid var(--line); padding:10px 0}
details:first-of-type{border-top:0}
summary{cursor:pointer;font-weight:700}
details p{margin:10px 0 0; color:var(--muted); line-height:1.5}
.promo{margin-top:18px; padding:12px 14px; border-radius:14px; border:1px solid #1d3b66; background:rgba(96,165,250,.12)}
.footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted);border-top:1px solid var(--line);padding:18px 0;margin-top:22px}
@media (max-width:820px){
  h1{font-size:34px}
  .cards{grid-template-columns:1fr}
}