@media (max-width: 900px) {
  .hero-content             { grid-template-columns: 1fr; }
  .hero-visual              { display: none; }
  .hero h1                  { font-size: 2.2rem; }
  .why-grid                 { grid-template-columns: 1fr; }
  .about-hero-inner         { grid-template-columns: 1fr; }
  .services-detail-grid     { grid-template-columns: 1fr; }
  .contact-grid             { grid-template-columns: 1fr; }
  .footer-grid              { grid-template-columns: 1fr 1fr; gap: 32px; }
  .process-steps            { grid-template-columns: repeat(2, 1fr); gap: 32px; }
  .process-steps::before    { display: none; }
  .values-grid              { grid-template-columns: 1fr 1fr; }
  .form-row                 { grid-template-columns: 1fr; }
  .cta-banner               { padding: 40px 28px; margin: 0 4% 60px; }
}

@media (max-width: 600px) {
  nav                       { padding: 0 4%; }
  .nav-links {
    display: none; flex-direction: column; gap: 0;
    position: fixed; top: 72px; left: 0; right: 0;
    background: white; padding: 16px;
    box-shadow: var(--shadow-md); border-bottom: 1px solid var(--light-grey);
  }
  .nav-links.open           { display: flex; }
  .nav-links a              { padding: 12px 16px; border-radius: 8px; width: 100%; }
  .hamburger                { display: flex; }
  .hero-stats               { flex-direction: column; gap: 16px; }
  .footer-grid              { grid-template-columns: 1fr; }
  .process-steps            { grid-template-columns: 1fr; }
  .values-grid              { grid-template-columns: 1fr; }
  section                   { padding: 64px 4%; }
  .hero                     { padding: 0 4%; }
  .hero-content             { padding: 0; padding-top: 80px; padding-bottom: 40px; }
}