/* responsive-a11y-fixes.css * Accessibility and responsive overrides. * Loaded last in so these rules win the cascade over main.css. * Do NOT edit the minified main.css bundle — add overrides here instead. */ /* R3 — Hero h1 mobile sizing */ @media (max-width: 767px) { .hero .hero-text h1 { font-size: 32px; line-height: 1.2; } .hero .hero-text .hero-desc { font-size: 16px; } } /* R4 — Touch targets: app-store badge links and roadmap step buttons */ .nav__btn { height: 44px; } /* Roadmap step-nav buttons (both desktop nav arrows and step indicators) */ .roadmap-step, .roadmap__step, .step-nav, .step-nav__btn, .roadmap .step { min-height: 44px; min-width: 44px; } /* M7 — Respect user motion preferences */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; } } /* Hero store badges: stretch the two buttons to fill the row so their right edge lines up with the heading text, and scale the badge graphic up. Scoped to .hero-text so the footer CTA badges keep their own sizing. Higher specificity than the hero's inline