/* =========================================================
   Responsive breakpoints
   ========================================================= */

@media (max-width: 1024px){
  .services-grid,.cases-grid,.testimonials,.process-grid,.values-grid,.locations{
    grid-template-columns:repeat(2,1fr);
  }
  .stats-grid{grid-template-columns:repeat(2,1fr);gap:30px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px}
  .hero-grid{gap:40px}
}

@media (max-width: 860px){
  .section{padding:60px 0}
  .nav-links,.nav-cta{display:none}
  .menu-toggle{display:inline-flex}
  .hero{padding:120px 0 60px}
  .hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:36px}
  .hero-visual{max-width:500px;margin:0 auto}
  .hero-badge{display:none}
  .services-grid,.cases-grid,.testimonials,.process-grid,.values-grid,
  .locations,.benefits-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;text-align:center}
  .mobile-bar{display:flex}
  body{padding-bottom:80px}
}

@media (max-width: 480px){
  .container{padding:0 16px}
  .hero h1{font-size:34px}
  .btn{padding:12px 22px;font-size:14px}
  .stat-num{font-size:34px}
}

/* ---------- Mobile Nav Drawer ---------- */
.mobile-drawer{
  position:fixed;top:0;right:-100%;width:85%;max-width:340px;height:100vh;
  background:#fff;z-index:60;padding:24px;box-shadow:-10px 0 30px rgba(0,0,0,.1);
  transition:right .3s ease;overflow-y:auto;
}
.mobile-drawer.open{right:0}
.mobile-drawer .close{position:absolute;top:16px;right:16px;font-size:24px;padding:8px}
.mobile-drawer .brand{margin-bottom:24px}
.mobile-drawer nav a,.mobile-drawer nav details summary{
  display:block;padding:12px 8px;font-weight:500;border-bottom:1px solid var(--border);
  color:var(--text);
}
.mobile-drawer nav details summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between}
.mobile-drawer nav details a{padding-left:20px;font-size:14px;color:var(--muted);border-bottom:0}
.drawer-backdrop{
  position:fixed;inset:0;background:rgba(15,23,42,.5);z-index:59;
  opacity:0;visibility:hidden;transition:.3s;
}
.drawer-backdrop.open{opacity:1;visibility:visible}