/* ============================================================
   responsive.css
   ============================================================ */
@media(max-width:1024px){
  .why-grid{grid-template-columns:1fr}
  .why-visual{display:none}
  .footer-top{grid-template-columns:1fr 1fr}
  .services-detail-grid{grid-template-columns:1fr}
  .contact-layout{grid-template-columns:1fr}
  .about-grid{grid-template-columns:1fr}
  .vm-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
  .nav-links,.nav-cta{display:none}
  .hamburger{display:flex}
  .hero-visual{display:none}
  .hero h1{font-size:clamp(2rem,8vw,3rem)}
  .contact-strip{padding:36px 28px}
  .footer-top{grid-template-columns:1fr;gap:32px}
  .form-row{grid-template-columns:1fr}
  .contact-form-wrap{padding:28px}
  .section{padding:80px 5vw}
  .partners-grid{grid-template-columns:repeat(2,1fr);gap:14px}
  .partner-logo-wrap{height:70px}
}
@media(max-width:480px){
  .hero-stats{gap:24px}
  .hero-actions{flex-direction:column}
  .btn-primary,.btn-secondary{justify-content:center}
  .projects-grid,.blog-grid{grid-template-columns:1fr}
  .partners-grid{grid-template-columns:repeat(2,1fr)}
}