:root{
  --ink:#0f172a;      /* slate-900 */
  --muted:#475569;    /* slate-600 */
  --bg:#ffffff;
  --brand:#0ea5e9;    /* sky-500 */
  --brand2:#6366f1;   /* indigo-500 */
}
body{font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif}
.card{ border-radius: 1.25rem; box-shadow: 0 12px 40px rgba(15,23,42,.08) }
.btn{ border-radius: 9999px; padding: .9rem 1.2rem; font-weight: 700 }
.container-narrow{ max-width: 1060px }
.hero-wrap{
  background:
    radial-gradient(1000px 500px at 20% -10%, rgba(14,165,233,.25), transparent),
    radial-gradient(800px 400px at 100% 0%, rgba(99,102,241,.20), transparent),
    linear-gradient(180deg, rgba(14,165,233,.05), rgba(99,102,241,.05));
}
.badge{ font-size:.75rem; padding:.35rem .6rem; border-radius:9999px; background:rgba(99,102,241,.08); color:#3730a3; font-weight:600 }
.kicker{ letter-spacing:.3px; text-transform:uppercase; font-weight:700; font-size:.8rem; color:var(--brand2) }
.link{ text-decoration:underline }