@media (max-width: 1080px){
  .industries-grid{ grid-template-columns: repeat(3, 1fr); }
  .process-grid{ grid-template-columns: repeat(2, 1fr); }
  .pricing-grid{ grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 980px){
  .hero-inner{ grid-template-columns: 1fr; }
  .hero-visual{ order: -1; }
  .stats-grid{ grid-template-columns: repeat(2, 1fr); row-gap: 30px; }
  .stat-block:nth-child(3){ border-left: none; }
  .cards{ grid-template-columns: repeat(2, 1fr); }
  .contact-layout{ grid-template-columns: 1fr; }
  .footer-inner{ grid-template-columns: 1fr 1fr; }
  .about-home-grid{ grid-template-columns: 1fr; }
  .about-home-frame{ aspect-ratio: 16/9; }
  .about-story-grid{ grid-template-columns: 1fr; }
  .blog-layout{ grid-template-columns: 1fr; }
  .industries-grid{ grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 720px){
  .main-nav{
    position: fixed; top: 70px; left: 0; right: 0; bottom: 0;
    background: var(--cream); flex-direction: column; align-items: center; justify-content: center;
    gap: 28px; font-size: 20px;
    transform: translateX(100%); transition: transform .35s var(--ease);
  }
  .main-nav.open{ transform: translateX(0); }
  .nav-toggle{ display: flex; }
  .btn-nav{ display: none; }
  .cards{ grid-template-columns: 1fr; }
  .form-row.two-col{ grid-template-columns: 1fr; }
  .footer-inner{ grid-template-columns: 1fr; }
  .stats-grid{ grid-template-columns: 1fr 1fr; }
  .process-grid{ grid-template-columns: 1fr; }
  .pricing-grid{ grid-template-columns: 1fr; }
  .industries-grid{ grid-template-columns: 1fr 1fr; }
  .whatsapp-float{ width: 50px; height: 50px; font-size: 22px; bottom: 18px; right: 18px; }
  .case-study-modal-panel{ padding: 26px; }
}