/* ── Hero ──────────────────────────────────────────────── */
.hero {
  position: relative; z-index: 1;
  max-width: 1200px; margin: 0 auto; padding: 80px 24px 60px;
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 48px; align-items: center;
}
.eyebrow {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 6px 12px; border-radius: 999px;
  background: rgba(110,60,255,0.14); color: #B79BFF;
  font-size: 11px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase;
  margin-bottom: 20px;
}
.eyebrow .pip { width: 6px; height: 6px; border-radius: 99px; background: var(--brand-violet-soft); }
.hero h1 {
  font-family: var(--font-display); font-weight: 700; font-size: 64px; line-height: 1.05;
  letter-spacing: -0.03em; margin: 0 0 22px;
}
.hero h1 .accent {
  background: var(--brand-gradient);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.hero p {
  font-size: 18px; line-height: 1.6; color: var(--fg-2); max-width: 480px; margin: 0 0 30px;
}
.hero-ctas { display: flex; gap: 12px; align-items: center; }
.trust { margin-top: 40px; display: flex; align-items: center; gap: 14px; color: var(--fg-3); font-size: 12px; }
.trust .avatars { display: flex; }
.trust .avatars span { width: 28px; height: 28px; border-radius: 99px; border: 2px solid var(--bg-1); margin-left: -8px; background: var(--bg-3); display:flex; align-items:center; justify-content:center; font-size:11px; color:var(--fg-2); font-weight:600; }
.trust .avatars span:first-child { margin-left: 0; }