/* ============================================================
   WZSysTech — Responsive Rules
   ============================================================ */

@media (max-width: 1080px){
  .related-grid{grid-template-columns:1fr 1fr;}
  .service-row, .service-row.reverse{grid-template-columns:1fr; gap:2rem;}
  .service-row.reverse .service-visual{order:0;}
  .service-visual{aspect-ratio:16/9;}
  .why-grid, .infra-services-grid{grid-template-columns:repeat(2,1fr);}
  .stack-grid{grid-template-columns:repeat(2,1fr);}
  .industries-grid{grid-template-columns:repeat(3,1fr);}
  .footer-top{grid-template-columns:1fr 1fr;}
  .trust-grid{grid-template-columns:repeat(2,1fr);}
  .perf-grid{grid-template-columns:repeat(2,1fr);}
}

@media (max-width: 900px){
  .main-nav{display:none;}
  .header-phone{display:none;}
  .menu-toggle{display:flex;}
  .contact-grid{grid-template-columns:1fr;}
  .timeline-step{grid-template-columns:1fr;}
  .case-card{grid-template-columns:repeat(2,1fr);}
  .cursor-dot,.cursor-ring{display:none;}
}

@media (max-width: 760px){
  :root{--header-h:70px;}
  .why-grid, .infra-services-grid, .stack-grid, .perf-grid, .trust-grid{grid-template-columns:1fr 1fr;}
  .industries-grid{grid-template-columns:1fr 1fr;}
  .industry-chip.wide{grid-column:span 1;}
  .footer-top{grid-template-columns:1fr;}
  .form{grid-template-columns:1fr;}
  .case-card{grid-template-columns:1fr 1fr;}
  .infra-flow{flex-direction:column;}
  .infra-connector{width:1px; height:24px; flex:0 0 24px; align-self:center; margin-top:0;}
  .infra-connector::after{left:0; top:-40%; width:100%; height:40%; animation:infraflowv 2.4s linear infinite;}
  @keyframes infraflowv{ to{ top:140%; } }
  .infra-node{width:100%;}
  .ai-flow{flex-direction:column;}
  .ai-connector{width:1px; height:20px; flex:0 0 20px;}
  .float-wa{width:52px;height:52px; right:1.1rem; bottom:1.1rem;}
  .float-wa .tooltip{display:none;}
  .related-grid{grid-template-columns:1fr;}
}

@media (max-width: 560px){
  .trust-grid, .why-grid, .infra-services-grid, .stack-grid, .perf-grid, .industries-grid, .case-card{grid-template-columns:1fr;}
  .hero-actions{flex-direction:column; align-items:stretch;}
  .hero-actions .btn{width:100%;}
  .service-index{display:none;}
}