/* ============================================
   UTILITIES
   ============================================ */
.text-brand {
  color: var(--brand-primary);
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}


/* ── Design tokens (single source of truth for all values) ── */

/* ── Reset, typography, scrollbar ── */

/* ── Layout: container, navbar, footer ── */

/* ── Shared components: hero, buttons, badges, video, features, CTA, fixtures bar ── */

/* ── All page-specific styles ── */

/* ── Utility classes ── */