@media(max-width:992px){
 .nav-menu{gap:0}
 .nav-menu a{padding:10px 8px;font-size:14px}
 .hero-grid{grid-template-columns:1fr}
 .cards-grid{grid-template-columns:repeat(2,1fr)}
 .footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
 .container{width:min(100% - 28px,1180px)}
 .topbar .container{flex-direction:column;align-items:flex-start;gap:2px}
 .navbar{min-height:68px}
 .mobile-toggle{display:block}
 .nav-menu{display:none;position:absolute;left:14px;right:14px;top:68px;background:#fff;border:1px solid #e6edf4;border-radius:10px;box-shadow:0 15px 35px rgba(0,0,0,.1);padding:8px}
 .nav-menu.open{display:block}
 .nav-menu li{width:100%}
 .nav-menu .dropdown-menu{position:static;box-shadow:none;border:0;display:block;padding-left:15px}
 .hero{padding:60px 0}
 .hero h1{font-size:42px}
 .hero p{font-size:17px}
 .stats-grid{grid-template-columns:repeat(2,1fr)}
 .section{padding:60px 0}
 .section-heading h2{font-size:34px}
 .cards-grid{grid-template-columns:1fr}
 .footer-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
 .hero h1{font-size:36px}
 .hero-actions .btn{width:100%}
 .stats-grid{grid-template-columns:1fr 1fr}
 .stat strong{font-size:25px}
}