:root{--bg:#0b0f14;--card:#121826;--text:#e6edf3;--muted:#9aa7b2;--line:#233044;--accent:#7c3aed;}
*{box-sizing:border-box}
body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial; background:var(--bg); color:var(--text); line-height:1.5}
a{color:inherit}
.container{max-width:980px;margin:0 auto;padding:18px}
.topbar{position:sticky;top:0;background:rgba(11,15,20,.9);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:10}
.topbar-inner{display:flex;gap:14px;align-items:center;justify-content:space-between}
.brand{font-weight:800;text-decoration:none;letter-spacing:.4px}
.nav{display:none;gap:12px}
.nav a{color:var(--muted);text-decoration:none;font-size:14px}
.nav a:hover{color:var(--text)}
.app-link{font-size:14px;color:var(--text);text-decoration:none;border:1px solid var(--line);padding:8px 10px;border-radius:12px}
.hero{padding:22px 0 8px}
h1{font-size:34px;line-height:1.15;margin:0 0 10px}
.lead{color:var(--muted);font-size:16px;margin:0 0 14px}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;margin:14px 0}
.grid{display:grid;grid-template-columns:1fr;gap:12px;margin:14px 0}
.btn{display:inline-block;text-decoration:none;border-radius:14px;padding:12px 14px;border:1px solid var(--line);font-weight:650}
.btn.primary{background:var(--accent);border-color:transparent}
.btn.ghost{background:transparent}
.cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.text-link{color:var(--muted);text-decoration:none}
.text-link:hover{color:var(--text)}
.pill-row{display:flex;gap:10px;flex-wrap:wrap}
.pill{border:1px solid var(--line);padding:8px 10px;border-radius:999px;text-decoration:none;color:var(--muted)}
.pill:hover{color:var(--text)}
.footer{border-top:1px solid var(--line);margin-top:26px}
.footer-inner{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.footer-links{display:flex;gap:12px;flex-wrap:wrap}
.footer a{color:var(--muted);text-decoration:none}
.footer a:hover{color:var(--text)}
.muted{color:var(--muted)}
.subtle{color:var(--muted);font-size:14px;margin-top:10px}
.small-gap{height:8px}
.faq details{border-top:1px solid var(--line);padding:10px 0}
.faq details:first-of-type{border-top:none}
.faq summary{cursor:pointer;font-weight:650}
@media (min-width:820px){
  .nav{display:flex}
  .grid{grid-template-columns:repeat(3,1fr)}
  .footer-inner{flex-direction:row;justify-content:space-between;align-items:center}
}

.bullets{margin:10px 0 0 18px;color:var(--text)}
.bullets li{margin:6px 0;color:var(--text)}
.bullets li strong{color:var(--text)}


/* Disclosures + footer nav (Learn) */
.disclosure-band{
  margin-top: 32px;
  padding: 18px 18px;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid rgba(255,255,255,.06);
  color: var(--muted);
  font-size: 13px;
  line-height: 1.65;
}
.disclosure-band .disclosure-inner{max-width:980px;margin:0 auto;}
.disclosure-band p{margin:10px 0;}

.site-footer{
  padding: 30px 18px 18px;
  color: var(--muted);
}
.site-footer .footer-inner{
  max-width: 980px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.3fr 1fr 1fr 1fr 1fr;
  gap: 22px;
  align-items: start;
}
.site-footer .footer-logo{font-size:24px;font-weight:800;letter-spacing:.4px;color:var(--text);margin-bottom:10px;}
.site-footer .footer-title{font-size:14px;font-weight:750;color:var(--text);margin-bottom:12px;}
.site-footer .footer-links{display:flex;flex-direction:column;gap:10px;font-size:14px;}
.site-footer .footer-links a,
.site-footer .footer-mini-links a,
.site-footer .footer-support a{color:var(--muted);text-decoration:none;}
.site-footer .footer-links a:hover,
.site-footer .footer-mini-links a:hover,
.site-footer .footer-support a:hover{color:var(--text);}
.site-footer .footer-status{display:flex;align-items:center;gap:10px;font-size:13px;margin:8px 0 14px;}
.site-footer .status-dot{width:10px;height:10px;border-radius:999px;background:#26c281;box-shadow:0 0 0 4px rgba(38,194,129,.12);flex:0 0 auto;}
.site-footer .footer-mini-links{font-size:13px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.site-footer .sep{opacity:.6;}
.site-footer .footer-support-line{font-size:14px;margin-bottom:12px;}
.site-footer .footer-social{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.site-footer .footer-social-link{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.10);border-radius:10px;color:var(--muted);text-decoration:none;transition:transform .15s ease, border-color .15s ease, color .15s ease, background-color .15s ease;}
.site-footer .footer-social-link:hover{color:var(--text);border-color:rgba(255,255,255,.18);background-color:rgba(255,255,255,.03);transform:translateY(-1px);}
.site-footer .footer-social-link svg{width:18px;height:18px;display:block;}
.site-footer .footer-bottom{
  max-width: 980px;
  margin: 18px auto 0;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.08);
}
.site-footer .footer-copy{margin:0;font-size:13px;opacity:.85;}

@media (max-width: 980px){
  .site-footer .footer-inner{grid-template-columns: 1fr 1fr;}
  .site-footer .footer-brand{grid-column: 1 / -1;}
}
@media (max-width: 560px){
  .site-footer .footer-inner{grid-template-columns: 1fr 1fr; gap: 16px;}
  .site-footer .footer-brand{grid-column: 1 / -1;}
}
@media (max-width: 360px){
  .site-footer .footer-inner{grid-template-columns: 1fr;}
}

/* --- Learn top navigation (SEO pages) --- */
.learn-nav{
  position:sticky;
  top:0;
  z-index:50;
  background:linear-gradient(180deg, rgba(11,15,20,.96), rgba(11,15,20,.86));
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.learn-nav-inner{
  max-width:1100px;
  margin:0 auto;
  padding:12px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.learn-brand{
  font-weight:900;
  letter-spacing:.6px;
  text-decoration:none;
  color:var(--text);
}
.learn-links{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:center;
}
.learn-links a{
  text-decoration:none;
  font-size:14px;
  color:var(--muted);
  padding:7px 12px;
  border-radius:999px;
  transition:background .18s ease, color .18s ease, transform .18s ease;
}
.learn-links a:hover{
  color:var(--text);
  background:rgba(124,58,237,.14);
}
.learn-links a.active{
  color:var(--text);
  background:rgba(124,58,237,.22);
  box-shadow:0 0 0 1px rgba(124,58,237,.20) inset;
}
.learn-cta{
  text-decoration:none;
  font-weight:700;
  font-size:14px;
  padding:8px 14px;
  border-radius:999px;
  color:#0b0f14;
  background:linear-gradient(135deg, #6cffc6, #4ddcff);
  white-space:nowrap;
  box-shadow:0 8px 24px rgba(0,0,0,.25);
}
.learn-cta:hover{ transform:translateY(-1px); }
@media (max-width: 768px){
  .learn-links{ display:none; }
  .learn-nav-inner{ padding:10px 14px; }
}