@media (max-width: 1024px){
  .hero-grid,.about-grid,.contact-grid,.single-layout{grid-template-columns:1fr}
  .grid-4,.tech-grid,.pill-grid{grid-template-columns:repeat(2,1fr)}
  .grid-3,.pricing,.process,.post-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
  .stats{grid-template-columns:repeat(2,1fr);padding:40px}
  .hero-badge{display:none}
}
@media (max-width: 768px){
  .section{padding:60px 0}
  .primary-nav{position:fixed;top:0;right:-100%;width:82%;max-width:340px;height:100vh;background:var(--color-bg);border-left:1px solid var(--color-border);padding:80px 22px 22px;transition:right .3s ease;overflow-y:auto;z-index:1100}
  .primary-nav.is-open{right:0}
  .primary-nav ul{flex-direction:column;gap:4px}
  .primary-nav .sub-menu{position:static;box-shadow:none;border:0;background:transparent;padding:0 0 0 14px}
  .primary-nav li:hover>.sub-menu{display:flex}
  .menu-toggle{display:inline-flex}
  .header-actions .btn{display:none}
  .grid-2,.grid-3,.grid-4,.tech-grid,.pill-grid,.pricing,.process,.post-grid,.footer-grid{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr 1fr;padding:30px;gap:20px}
  .stat .num{font-size:2rem}
  .newsletter,.contact-info,.contact-form{padding:30px}
  .newsletter form{flex-direction:column;background:transparent;padding:0}
  .newsletter input{background:rgba(255,255,255,.15);border-radius:999px;text-align:center}
  .form-row{grid-template-columns:1fr}
  .footer-bottom{justify-content:center;text-align:center}
  .single-content{padding:24px}
  .hero{padding:70px 0 50px}
}
@media (max-width: 480px){
  h1{font-size:1.9rem}
  .btn{width:100%;justify-content:center}
  .hero-cta{flex-direction:column}
}
.menu-overlay{position:fixed;inset:0;background:rgba(15,23,42,.5);z-index:1050;display:none}
.menu-overlay.is-open{display:block}