.hero{position:relative;min-height:78vh;display:grid;place-items:center;overflow:hidden;text-align:center;padding:3em 1em}
.hero-bg{position:absolute;inset:0;background:
  radial-gradient(ellipse at 50% 120%, rgba(242,193,78,.35), transparent 55%),
  radial-gradient(ellipse at 20% 0%, rgba(59,130,246,.35), transparent 50%),
  radial-gradient(ellipse at 80% 10%, rgba(126,34,206,.3), transparent 45%),
  linear-gradient(180deg,#0a1430,#070d1f)}
.hero-bg::after{content:"";position:absolute;inset:0;background:
  repeating-linear-gradient(90deg, rgba(255,255,255,.035) 0 2px, transparent 2px 120px),
  linear-gradient(0deg, rgba(91,15,26,.55) 0 18%, transparent 18%)}
.hero-in{position:relative;max-width:860px}
.hero h1{font-size:clamp(2rem,5vw,3.6rem);margin:.3em 0;background:linear-gradient(180deg,#fff3c4,#f2c14e 60%,#c4860f);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 30px rgba(242,193,78,.15)}
.lead{font-size:1.25em;color:#dbe4ff}
.pill{display:inline-block;border:1px solid var(--gold);border-radius:99px;padding:.35em 1em;color:var(--gold)}
.cta{justify-content:center;margin:1.6em 0}
.btn.big{padding:.95em 1.8em;font-size:1.1em}
.stats{display:flex;gap:2.5em;justify-content:center;flex-wrap:wrap;margin-top:1em}
.stats div{text-align:center}.stats b{display:block;font-size:2em;color:var(--gold)}
.features{margin-top:-3em;position:relative}
.feat .ic{font-size:2em}
.pubcard{display:flex;gap:.8em;align-items:center}
.pubcard .sw{width:46px;height:46px;border-radius:10px;display:grid;place-content:center;font-weight:800;color:#fff;flex:none}