/* Fontaine & Associés — responsive */
@media (max-width: 980px) {
  .nav-toggle { display: block; }
  .main-nav { position: fixed; inset: 86px 0 auto; flex-direction: column; align-items: stretch; gap: 0; padding: 10px clamp(18px, 4vw, 44px) 26px; background: var(--night); transform: translateY(-140%); transition: transform .45s var(--ease); }
  .mk-nav-open .main-nav { transform: none; }
  .mk-nav-open .site-header { background: var(--night); }
  .main-nav a { padding: 16px 0; border-bottom: 1px solid var(--line-l); }
  .main-nav a::after { display: none; }
  .main-nav .nav-tel { margin-top: 16px; text-align: center; }
  .approach-grid, .contact-layout { grid-template-columns: 1fr; gap: 40px; }
  .domain-list a { grid-template-columns: 50px 1fr 30px; }
  .dl-d { grid-column: 2; grid-row: 2; }
  .dl-a { grid-row: 1 / span 2; grid-column: 3; }
  .team-grid, .domains-grid { grid-template-columns: 1fr 1fr; }
  .fees { grid-template-columns: 1fr; gap: 20px; }
}
@media (max-width: 620px) {
  .hero { padding-top: 140px; }
  .stats { grid-template-columns: 1fr; }
  .stat { border-right: 0; border-bottom: 1px solid var(--line-l); padding: 22px 0; }
  .stat:last-child { border-bottom: 0; }
  .stat strong { font-size: 2.8rem; }
  .hero-actions a { flex: 1 1 100%; }
  .team-grid, .domains-grid, .form-row, .footer-inner { grid-template-columns: 1fr; }
  .form-row { gap: 0; }
  .fees { padding: 30px 24px; }
  .brand-text small { display: none; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; } }