/* =========================================================
   RESPONSIVE — Mobile-first overrides
   ========================================================= */

/* Large tablets / small desktops */
@media (max-width:1080px){
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .offices{grid-template-columns:repeat(3,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr;gap:36px}
}

/* Tablet */
@media (max-width:880px){
  section{padding:72px 0}
  .hero{padding:64px 0 72px}
  .hero-grid{grid-template-columns:1fr;gap:48px}
  .hero-visual{aspect-ratio:4/3;max-width:560px;margin:0 auto}
  .hero-trust{grid-template-columns:repeat(2,1fr);gap:18px}
  .grid-3,.grid-2,.steps,.testimonials{grid-template-columns:1fr}
  .split{grid-template-columns:1fr;gap:36px}
  .contact-grid{grid-template-columns:1fr;gap:32px}
  .cta-band{flex-direction:column;align-items:flex-start;padding:48px 36px;gap:24px}
  .nav-links{display:none}
  .nav-toggle{display:inline-flex}
  .nav-cta{display:none}
}

/* Mobile */
@media (max-width:560px){
  :root{--nav-h:64px}
  .container{padding:0 20px}
  section{padding:60px 0}
  .hero{padding:48px 0 60px}
  h1{font-size:clamp(1.9rem,7vw,2.4rem)}
  h2{font-size:1.5rem}
  .lead{font-size:1rem}
  .hero-sub{font-size:1rem}
  .section-head{margin-bottom:40px}
  .cta-band{padding:40px 28px;border-radius:18px}
  .cta-band h2{font-size:1.4rem}
  .hero-actions .btn{width:100%}
  .form-row{grid-template-columns:1fr}
  .offices{grid-template-columns:1fr 1fr}
  .footer{padding-top:60px}
  .footer-grid{grid-template-columns:1fr;gap:32px;padding-bottom:40px}
  .footer-bottom-inner{flex-direction:column;text-align:center;gap:12px}
  .product-card,.card,.step{padding:24px}
  .contact-info{padding:28px}
  .brand-sub{display:none}
}

/* Reduce motion */
@media (prefers-reduced-motion: reduce){
  *{animation:none !important;transition:none !important}
  .reveal{opacity:1;transform:none}
}