/* Responsive styles */
@media (max-width: 1100px){
  .grid-5{grid-template-columns:repeat(3,1fr)}
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .timeline{grid-template-columns:repeat(3,1fr);gap:30px}
  .timeline::before{display:none}
  .footer-grid{grid-template-columns:1fr 1fr;gap:40px}
}

@media (max-width: 860px){
  section{padding:80px 0}
  .hero{padding:130px 0 70px}
  .hero-grid{grid-template-columns:1fr;gap:50px}
  .hero-visual{height:380px}
  .hero-badge.b1{left:10px}
  .hero-badge.b2{right:10px}
  .zigzag{grid-template-columns:1fr;gap:40px}
  .zigzag.reverse{direction:ltr}
  .zigzag-visual{height:340px}
  .stat-float.s1{right:10px;top:10px}
  .stat-float.s2{left:10px;bottom:10px}
  .stats-row{grid-template-columns:repeat(2,1fr)}
  .grid-3{grid-template-columns:1fr}
  .grid-5,.grid-4,.grid-2{grid-template-columns:repeat(2,1fr)}
  .detail-grid,.contact-grid{grid-template-columns:1fr;gap:40px}
  .masonry{column-count:2}
  .nav-menu{
    position:fixed;top:0;right:-100%;width:80%;max-width:320px;height:100vh;
    background:rgba(7,7,7,.98);backdrop-filter:blur(20px);
    flex-direction:column;align-items:flex-start;
    padding:90px 30px;gap:14px;transition:right .35s;
    border-left:1px solid var(--border);
  }
  .nav-menu.open{right:0}
  .nav-menu a{width:100%;padding:14px 16px;font-size:1rem}
  .nav-toggle{display:flex}
  .nav-cta .btn{display:none}
  .cta-block{padding:50px 26px}
  .testimonial{padding:34px 22px}
  .testimonial p{font-size:1.05rem}
  .footer-grid{grid-template-columns:1fr;gap:36px;margin-bottom:40px}
  .section-head{margin-bottom:40px}
}

@media (max-width: 520px){
  .grid-5,.grid-4,.grid-2{grid-template-columns:1fr}
  .stats-row{grid-template-columns:1fr 1fr;gap:14px}
  .masonry{column-count:1}
  .hero-actions{flex-direction:column;align-items:stretch}
  .hero-actions .btn{justify-content:center}
  .container{padding:0 18px}
  h1{font-size:2.2rem}
}