:root{
  --navy:#101828; --lime:#B7F34A; --dark:#0B0F17; --light:#F7F8FA;
  --ink-2: rgba(247,248,250,0.68); --ink-3: rgba(247,248,250,0.46);
  --line: rgba(247,248,250,0.12);
}
*{box-sizing:border-box}
body{margin:0;background:var(--dark);color:var(--light);font-family:'Inter',sans-serif;-webkit-font-smoothing:antialiased}
h1,h2,h3,.num,.stat{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:0.01em;font-weight:700;margin:0}
a{color:inherit;text-decoration:none}
button{font-family:'Inter',sans-serif;cursor:pointer}
.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-family:'Inter',sans-serif;font-weight:600;font-size:12px;letter-spacing:0.04em;text-transform:uppercase}
.card{background:var(--navy);border:1px solid var(--line);border-radius:16px}
.wrap{max-width:1160px;margin:0 auto;padding-inline:32px}
.eyebrow{font-family:'Inter',sans-serif;font-weight:600;font-size:13px;letter-spacing:0.14em;text-transform:uppercase;color:var(--lime)}
.btn-primary{background:var(--lime);color:#0B0F17;border:none;border-radius:10px;padding:16px 30px;font-weight:600;font-size:15px;letter-spacing:0.03em;text-transform:uppercase;display:inline-block}
.btn-ghost{background:transparent;color:var(--light);border:1px solid var(--line);border-radius:10px;padding:16px 30px;font-weight:600;font-size:15px;letter-spacing:0.03em;text-transform:uppercase;display:inline-block}
.section-title{font-size:44px;line-height:1.05}
.navlink{font-family:'Inter',sans-serif;font-weight:500;font-size:14px;color:var(--ink-2)}
.navlink:hover{color:var(--light)}
.show-mobile{display:none}
#mobileNav{display:none}
#mobileNav.open{display:flex}

/* simple content pages (Privacy, Terms, Disclaimer) */
.doc h1{font-size:40px;line-height:1.1;margin-bottom:8px}
.doc .updated{color:var(--ink-3);font-size:13px;margin-bottom:40px}
.doc h2{font-family:'Inter',sans-serif;text-transform:none;font-size:18px;font-weight:600;margin-top:36px;margin-bottom:10px}
.doc p,.doc li{font-size:15px;line-height:1.7;color:var(--ink-2)}
.doc ul{padding-left:20px;margin:10px 0}
.doc li{margin-bottom:6px}

@media (max-width:900px){
  .wrap{padding-inline:20px}
  .section-title{font-size:34px}
  .grid-4, .grid-3, .grid-2{grid-template-columns:1fr !important}
  .hide-mobile{display:none !important}
  .show-mobile{display:flex !important}
  .hero-h1{font-size:56px !important}
  .doc h1{font-size:32px}
}