:root{
  --bg:#0e0f12; --text:#e9ecf1; --muted:#a5aab2; --brand:#6e8bff; --brand-2:#51d6b1;
}
body{ background:var(--bg); color:var(--text); font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; }
.hero-title{ font-size:clamp(32px,5vw,64px); line-height:1.08; letter-spacing:-.02em; }
.lead{ font-size:clamp(16px,2.2vw,20px); color:var(--text); opacity:.9; max-width:900px }
.btn{ display:inline-flex; gap:10px; align-items:center; padding:14px 20px; border-radius:999px;
      background:var(--brand); color:#fff; font-weight:600; text-decoration:none; transition:.18s; }
.btn:hover{ transform:translateY(-2px); box-shadow:0 12px 24px rgba(110,139,255,.35); }
.subtle{ color:var(--muted); font-size:14px; margin-top:10px }

.hero-glow{
  position:absolute; left:50%; top:45%; transform:translate(-50%,-50%);
  width:80vw; height:80vw; max-width:1100px; max-height:1100px; z-index:0; pointer-events:none;
  background:
    radial-gradient(closest-side, rgba(110,139,255,.35), transparent 70%),
    radial-gradient(closest-side, rgba(81,214,177,.25), transparent 75%);
  filter: blur(40px);
}