/* ═══════════════════════════════════════════
   css/responsive.css — Adaptation mobile
   @media 900px (tablette) + 600px (mobile)
═══════════════════════════════════════════ */

@media (max-width: 900px) {
    .hero-content, .why-grid, .contact-grid { grid-template-columns: 1fr; }
    .hero-visual { display: none; }
    .footer-grid { grid-template-columns: 1fr 1fr; }
    .form-grid { grid-template-columns: 1fr; }
  }
  @media (max-width: 600px) {
    .footer-grid { grid-template-columns: 1fr; }
    .nav-links { display: none; }
  }
  .fade-in { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; }
  .fade-in.visible { opacity: 1; transform: translateY(0); }