@media (max-width: 1024px) {
  .hero__inner { grid-template-columns: 1fr; }
  .hero__visual { display: none; }
  .hero__title { font-size: clamp(2.5rem, 6vw, 3.5rem); }
  .ai-grid { grid-template-columns: 1fr; }
  .ai-visual { display: none; }
  .services-grid { grid-template-columns: repeat(2, 1fr); }
  .stats-bar__grid { grid-template-columns: repeat(2, 1fr); gap: var(--sp-8) var(--sp-6); }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: var(--sp-8); }
  .contact-page-grid { grid-template-columns: 1fr; }
  .about-story { grid-template-columns: 1fr; }
  .service-detail { grid-template-columns: 1fr; }
  .team-grid { grid-template-columns: repeat(2, 1fr); }
  .about-values { grid-template-columns: repeat(2, 1fr); }
  .process-grid { grid-template-columns: repeat(2, 1fr); }
  .process-grid::before { display: none; }
  .testimonials-grid { grid-template-columns: 1fr 1fr; }
  .portfolio-grid { grid-template-columns: repeat(2, 1fr); }
  .blog-grid { grid-template-columns: repeat(2, 1fr); }
  .service-features { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  :root { --container-px: 1.25rem; }
  .section-pad { padding-block: var(--sp-16); }
  .section-pad--lg { padding-block: var(--sp-20); }

  .site-nav { display: none; }
  .header-cta .btn { display: none; }
  .nav-toggle { display: flex; }

  .services-grid { grid-template-columns: 1fr; }
  .stats-bar__grid { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: 1fr; gap: var(--sp-8); }
  .footer-bottom { flex-direction: column; text-align: center; gap: var(--sp-3); }
  .team-grid { grid-template-columns: repeat(2, 1fr); }
  .about-values { grid-template-columns: 1fr; }
  .process-grid { grid-template-columns: 1fr 1fr; }
  .testimonials-grid { grid-template-columns: 1fr; }
  .portfolio-grid { grid-template-columns: 1fr; }
  .blog-grid { grid-template-columns: 1fr; }
  .form-row { grid-template-columns: 1fr; }
  .trust-logos { gap: var(--sp-4); }
  .hero__actions { flex-direction: column; align-items: flex-start; }
  .hero__trust { flex-direction: column; gap: var(--sp-3); }
  .hero__trust-sep { display: none; }
  .final-cta__actions { flex-direction: column; align-items: center; }
}

@media (max-width: 480px) {
  .stats-bar__grid { grid-template-columns: repeat(2, 1fr); }
  .process-grid { grid-template-columns: 1fr; }
  .team-grid { grid-template-columns: 1fr; }
  .hero__badge { font-size: 0.7rem; }
}