/* Sections / hero */
.section{padding:var(--space-8) 0;border-bottom:1px solid rgba(255,255,255,.06)}
.hero{
  padding:var(--space-9) 0 var(--space-8);
  background:
    radial-gradient(900px 400px at 10% 10%, rgba(122,162,255,.12), transparent 60%),
    radial-gradient(700px 350px at 90% 5%, rgba(94,234,212,.14), transparent 55%);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.hero .headline{font-size:var(--lead)}
.hero .subhead{color:var(--muted);max-width:65ch}

/* KPIs */
.kpi{display:grid;grid-template-columns:repeat(4, minmax(0,1fr));gap:var(--space-6)}
.kpi .item{background:color-mix(in oklab,var(--card),transparent 8%);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;box-shadow:var(--shadow-1)}
.kpi .value{font-size:clamp(1.6rem,1.2rem + 1.6vw,2.2rem);font-weight:800}
.kpi .label{color:var(--muted);margin-top:.4rem}

/* Pricing */
.pricing{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:var(--space-6)}
.pricing .plan{border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg, color-mix(in oklab,var(--card),transparent 0%), color-mix(in oklab,var(--elevated),transparent 20%));box-shadow:var(--shadow-1);padding:var(--space-7)}
.pricing .plan.popular{border-color:color-mix(in oklab,var(--brand), white 40%);box-shadow:0 12px 40px rgba(94,234,212,.18)}
.pricing .price{font-size:clamp(1.5rem,1.2rem + 1vw,2rem);font-weight:800;margin:.2rem 0 var(--space-4)}
.pricing ul{list-style:none;padding:0;margin:0}
.pricing li{display:flex;align-items:center;gap:.6rem;padding:.35rem 0;color:var(--subtle)}
.pricing li::before{content:"✓";font-weight:800;color:var(--brand)}