/* ===== Archi Infotech — responsive breakpoints ===== */

@media (prefers-reduced-motion: reduce){
  *{ animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important; scroll-behavior:auto !important; }
}

@media (max-width:900px){ .rail{ display:none; } }

@media (max-width:980px){
  .two-col{ grid-template-columns:1fr; }
  .two-col.reverse{ direction:ltr; }
  .automation-flow{ grid-template-columns:repeat(2,1fr); }
  .conn-cards{ grid-template-columns:repeat(2,1fr); }
  .ops-panel{ grid-template-columns:repeat(2,1fr); }
  .why-grid{ grid-template-columns:repeat(2,1fr); }
  .net-split{ grid-template-columns:1fr; }
  .overview-grid{ grid-template-columns:repeat(2,1fr); }
  .hw-grid{ grid-template-columns:repeat(4,1fr); }
  .blog-grid{ grid-template-columns:1fr 1fr; }
  .seo-metrics{ grid-template-columns:repeat(3,1fr); }
  .footer-inner{ grid-template-columns:1fr 1fr; }
}

@media (max-width:720px){
  .section{ padding:80px 0; }
  .nav-links{ position:fixed; top:0; right:0; height:100vh; width:min(84vw,340px); background:#0a0f1c; flex-direction:column; justify-content:flex-start; align-items:flex-start; padding:90px 32px 40px; gap:20px; transform:translateX(100%); transition:transform .35s ease; overflow-y:auto; }
  .nav-links.open{ transform:translateX(0); }
  .nav-toggle{ display:flex; }
  .nav-dropdown{ width:100%; }
  .nav-drop-trigger{ width:100%; justify-content:space-between; font-size:15px; padding:4px 0; }
  .mega-panel{ position:static; transform:none !important; opacity:1; visibility:visible; display:none; box-shadow:none; border:none; background:transparent; padding:8px 0 0 14px; flex-direction:column; gap:16px; max-height:0; overflow:hidden; transition:max-height .3s ease; }
  .nav-dropdown.open .mega-panel{ display:flex; max-height:1000px; }
  .mega-col{ min-width:0; gap:8px; }
  .monitor-grid{ grid-template-columns:repeat(2,1fr); }
  .erp-grid{ grid-template-columns:repeat(2,1fr); }
  .automation-flow{ grid-template-columns:1fr; }
  .conn-cards{ grid-template-columns:1fr; }
  .ops-panel{ grid-template-columns:1fr 1fr; }
  .stat-grid{ grid-template-columns:1fr 1fr; }
  .why-grid{ grid-template-columns:1fr; }
  .journey-wrap{ padding-left:22px; }
  .overview-grid{ grid-template-columns:1fr; }
  .hw-grid{ grid-template-columns:repeat(3,1fr); }
  .blog-grid{ grid-template-columns:1fr; }
  .seo-metrics{ grid-template-columns:1fr 1fr; }
  .service-subnav{ top:0; }
  .footer-inner{ grid-template-columns:1fr; }
}