/* responsive.css — minimal, design is mobile-first (max-width 480px) */

/* Sur très petit écran */
@media (max-width: 340px) {
  .hero-h1 { font-size: 40px; }
  .nav { padding: 14px 16px; }
  .section { padding: 28px 16px; }
  .cta-zone { margin: 0 16px 28px; padding: 22px 18px; }
}

/* Réduction des animations si préféré */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}