*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#0e0e11;color:#eaeaea}
.container{max-width:1024px;margin:0 auto;padding:20px}
.topbar{border-bottom:1px solid #242431;background:#0f0f15;position:sticky;top:0;z-index:10}
.bar{display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;gap:10px;align-items:center;color:#eaeaea;text-decoration:none;font-weight:800}
.logo{height:32px}
.nav a{color:#61dafb;text-decoration:none;margin-left:14px}
.nav a:hover{text-decoration:underline}
h1{font-size:28px;margin:10px 0}
h2{font-size:22px;margin:10px 0}
.hero{background:#15151d;border:1px solid #242431;border-radius:12px;padding:24px;margin-top:16px}
.bullets{margin:12px 0 0 18px}
.ctaRow{display:flex;gap:12px;margin-top:12px;flex-wrap:wrap}
.btn{display:inline-block;padding:12px 16px;border-radius:10px;background:#61dafb;color:#000;font-weight:700;text-decoration:none}
.btn.ghost{background:#242431;color:#eaeaea}
.card{background:#15151d;border:1px solid #242431;border-radius:12px;padding:18px;margin:16px 0}
footer{opacity:.7;margin-top:32px;border-top:1px solid #242431}