/* ---------- Responsive ---------- */
@media (max-width:1000px){
  .hero-content,.two-col,.detail,.contact-grid{grid-template-columns:1fr}
  .services{grid-template-columns:repeat(2,1fr)}
  .clients-grid{grid-template-columns:repeat(2,1fr)}
  .cards{grid-template-columns:1fr}
}

@media (max-width:640px){
  .services{grid-template-columns:1fr}
  .brand h1{font-size:16px}
  .hero-ctas{flex-direction:column}
  .clients-grid{grid-template-columns:1fr}
  nav{flex-wrap:wrap;justify-content:center;gap:10px}
  .footer-content{flex-direction:column;text-align:center}
}