/* Content and links are visible without JavaScript, including reduced motion. */
@media (prefers-reduced-motion: no-preference) {
  .hero-copy { animation: arrive .55s ease-out both; }
  .hero-visual { animation: arrive .65s ease-out both; }
  @keyframes arrive {
    from { opacity: .4; transform: translateY(12px); }
    to { opacity: 1; transform: none; }
  }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}
@media (forced-colors: active) {
  .btn, .mode-card, .brand-mark { border: 1px solid ButtonText; }
  .icon { stroke: currentColor; }
}