/**
 * Section eyebrow component — Experience V2 Typography Polish
 * Consolidates repeated eyebrow styles across light sections.
 */

.services__eyebrow,
.benefits__eyebrow,
.trust__eyebrow,
.cases__eyebrow,
.process__eyebrow,
.faq__eyebrow,
.contact__eyebrow {
  display: inline-block;
  margin-bottom: var(--spacing-md);
  padding: 0.35rem 0.75rem;
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-semibold);
  letter-spacing: var(--letter-spacing-eyebrow);
  text-transform: uppercase;
  color: var(--brand-accent);
  background-color: color-mix(in srgb, var(--brand-accent) 10%, transparent);
  border-radius: var(--radius-sm);
}