/* ── hero-gate ─────────────────────────────────────────── */
  .hero-gate {
    background: radial-gradient(ellipse 80% 60% at 50% -10%, rgba(79,142,247,0.12) 0%, transparent 70%),
                radial-gradient(ellipse 50% 40% at 80% 50%, rgba(124,92,252,0.08) 0%, transparent 60%),
                var(--bg-primary);
    padding: 64px 2rem 48px;
    text-align: center;
    border-bottom: 1px solid var(--border);
  }
  .hero-gate-eyebrow {
    display: inline-flex; align-items: center; gap: 8px;
    background: rgba(79,142,247,0.1); border: 1px solid rgba(79,142,247,0.25);
    color: var(--text-primary); font-size: 12px; font-weight: 600; letter-spacing: .08em;
    text-transform: uppercase; padding: 5px 14px; border-radius: 20px;
    margin-bottom: 24px;
  }
  .hero-gate-eyebrow::before { content: '◈'; font-size: 10px; }
  .hero-gate h1 {
    font-size: clamp(2rem, 5vw, 3.2rem); font-weight: 700; line-height: 1.15;
    letter-spacing: -.02em; margin-bottom: 16px;
  }
  .hero-gate h1 .grad {
    background: linear-gradient(90deg, var(--text-primary), var(--text-secondary), var(--text-muted));
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    background-clip: text;
  }
  .hero-gate p {
    max-width: 560px; margin: 0 auto 32px;
    color: var(--text-muted); font-size: 16px; line-height: 1.7;
  }
  .hero-gate-actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
  .btn-lg { padding: 12px 28px; font-size: 15px; border-radius: 10px; }