/* Hero v14 — Pill Tags */

.hero-v14 {
  min-height: 80vh;
  background-color: var(--background-color, #172554);
  background-image: var(--background-image, none), linear-gradient(160deg, #1e1b4b 0%, #172554 50%);
  background-size: cover, auto;
}

.hero-v14-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
  margin-bottom: 1.25rem;
}

.hero-v14 .hero-pill {
  display: inline-block;
  padding: 0.35rem 0.9rem;
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  border-radius: 999px;
  background: color-mix(in srgb, var(--accent-color, #818cf8) 22%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent-color, #818cf8) 45%, transparent);
  color: var(--accent-color, #a5b4fc);
}

.hero-v14 .hero-title {
  font-size: clamp(2.5rem, 6vw, 4rem);
  font-weight: 900;
  margin-bottom: 1rem;
  background: linear-gradient(88deg, #eff6ff, var(--accent-color, #818cf8), #c4b5fd);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hero-v14 .hero-subtitle {
  margin-bottom: 1.75rem;
  opacity: 0.9;
}
