/* Small pill badge with a pulsing dot — used as the eyebrow label at the
   top of every homepage section. components/eyebrow-badge.html */
.eyebrow-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: var(--color-surface);
  border: 0.625px solid rgba(14, 159, 224, 0.22);
  border-radius: var(--radius-pill);
  padding: 0.375rem 1rem;
  box-shadow: 0 2px 4px rgba(14, 159, 224, 0.1);
}

.eyebrow-badge__dot {
  width: 8px;
  height: 8px;
  border-radius: var(--radius-pill);
  background: var(--color-success);
  flex-shrink: 0;
}

.eyebrow-badge__label {
  font-size: 0.71875rem;
  font-weight: var(--fw-bold);
  color: var(--color-brand);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  white-space: nowrap;
}

/* Amber "AI-Powered" variant used alongside the main badge in the hero */
.eyebrow-badge--amber {
  background: linear-gradient(173deg, #fff7e6 0%, #fef3c7 100%);
  border-color: rgba(245, 158, 11, 0.3);
}

.eyebrow-badge--amber .eyebrow-badge__label {
  color: #d97706;
}

.eyebrow-badge__icon {
  width: 11px;
  height: 11px;
  flex-shrink: 0;
  display: block;
}