:root{
  --bg: #070b0b;
}
.site-bg{
  background:
    radial-gradient(1200px 600px at 50% -10%, rgba(16,185,129,.08), transparent 60%),
    radial-gradient(800px 400px at 120% 20%, rgba(20,184,166,.06), transparent 50%),
    linear-gradient(180deg, rgba(255,255,255,0.02), transparent 40%),
    #070b0b;
}
#mouse-glow{
  position: fixed; inset: 0; pointer-events: none; z-index: 1;
  background: radial-gradient(180px 180px at 0 0, rgba(20,184,166,.18), transparent 60%);
  transition: background-position .06s linear;
}
.nav-link{ color: rgba(167,243,208,.95); transition: .15s; }
.nav-link:hover{ color: #a7f3d0; }
.btn{ display:inline-flex; align-items:center; justify-content:center; border-radius:12px; padding:.6rem 1rem; font-weight:600; transition:.15s; }
.btn-primary{ background:#0d9488; color:#fff; box-shadow:0 0 24px rgba(20,184,166,.4); }
.btn-primary:hover{ background:#14b8a6; }
.btn-secondary{ background:#047857; color:#fff; }
.btn-secondary:hover{ background:#059669; }
.btn-outline{ color:#a7f3d0; border:1px solid rgba(16,185,129,.35); }
.btn-outline:hover{ color:#fff; border-color: rgba(16,185,129,.55); }
.btn-ghost{ color:#a7f3d0; }
.btn-ghost:hover{ background:rgba(255,255,255,.05); }
.btn-glow{ background:linear-gradient(90deg,#0d9488,#059669); color:#fff; box-shadow:0 0 35px rgba(16,185,129,.55); }
.stat-chip{ border-radius:9999px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); padding:.25rem .75rem; color:#a7f3d0; font-size:.9rem; }
.chip{ display:inline-flex; border-radius:9999px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); padding:.25rem .75rem; color:#a7f3d0; font-size:.9rem; }
.card{ position:relative; border-radius:16px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); padding:1.25rem; }
.card-title{ font-family:'Space Grotesk',Inter,ui-sans-serif; font-size:1.15rem; color:#a7f3d0; }
.card-body{ margin-top:.25rem; color:rgba(167,243,208,.8); }
.feature-card{ border-radius:22px; border:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.05); padding:2rem; box-shadow:0 0 35px rgba(16,185,129,.4); }
.prose a{ color:#34d399; }
.prose code{ color:#a7f3d0; background:rgba(255,255,255,.05); border-radius:6px; padding:0 .25rem; }
.cta{ display:flex; align-items:center; justify-content:space-between; gap:1rem;
      border-radius:22px; border:1px solid rgba(255,255,255,.1);
      background:linear-gradient(120deg,rgba(255,255,255,.05),transparent); padding:1.25rem; }
@media (max-width: 640px){ .cta{ flex-direction:column; align-items:flex-start; } }