@media (max-width: 980px) {
  nav {
    position: absolute;
    top: 78px;
    left: 0;
    right: 0;
    display: none;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    background: var(--navy);
    padding: 24px 7%;
    border-top: 1px solid rgba(255,255,255,.08);
  }
  nav.active { display: flex; }
  .hamburger { display: block; }
  .hero-grid, .about-grid, .service-grid, .contact-grid, .why-grid, .footer-grid {
    grid-template-columns: 1fr;
  }
  .quick-grid, .stats, .logo-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .steps { grid-template-columns: repeat(2, 1fr); }
  .service-icons { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 560px) {
  section { padding: 68px 6%; }
  .hero { padding: 118px 6% 76px; }
  .nav-wrap { padding: 0 18px; }
  .brand img { height: 40px; }
  .hero h1 { letter-spacing: -1px; }
  .hero p { font-size: 16px; }
  .hero-actions .btn { width: 100%; }
  .quick { padding: 0 6%; }
  .quick-grid, .stats, .logo-grid, .steps { grid-template-columns: 1fr; }
  .service-icons { grid-template-columns: 1fr; }
  .card { padding: 26px; }
  .partner-logo { min-height: 104px; }
}