/* Shadcn-inspired landing surface mapped to site tokens (light only) */
:root{
  --sh-bg: var(--bg-primary);
  --sh-fg: var(--text-primary);
  --sh-card: var(--bg-primary);
  --sh-card-fg: var(--text-primary);
  --sh-muted: var(--bg-secondary);
  --sh-muted-fg: var(--text-secondary);
  --sh-border: var(--border-light);
  --sh-primary: var(--brand-primary);
  --sh-primary-fg: var(--text-inverted);
  --sh-radius: 12px;
}

.landing-hero{
  position: relative;
  background: radial-gradient(1000px 600px at 10% -10%, rgba(59,130,246,.12), transparent 60%),
              radial-gradient(800px 500px at 90% 10%, rgba(14,165,233,.10), transparent 60%),
              linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}
.landing-hero .hero-inner{position:relative;z-index:1}
.landing-hero::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background: radial-gradient(600px 400px at 50% 0%, rgba(99,102,241,.10), transparent 60%);
}

.landing-cta{
  border:1px solid var(--sh-border);
  background: linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
  border-radius: calc(var(--sh-radius) + 6px);
  box-shadow: var(--elev-3);
}
.landing-cta .btn{min-width:240px}

.landing-section{padding-top:2.5rem;padding-bottom:2.5rem}
.landing-eyebrow{color:var(--text-secondary);font-weight:700;letter-spacing:.04em;text-transform:none}

/* Container helpers */
.container-sm{max-width:960px;margin:0 auto;padding:0 16px}