/* ── RESPONSIVE ── */
@media (max-width:1024px) {
  .feat-grid,.sec-grid{grid-template-columns:1fr}
  .feat-visual{display:none}
  .footer-top{grid-template-columns:1fr 1fr}
  .metrics-grid{grid-template-columns:repeat(2,1fr);gap:28px}
  .svc-grid{grid-template-columns:repeat(2,1fr)}
  .svc-detail-inner{grid-template-columns:1fr;gap:36px}
  .svc-detail-inner.rev{direction:ltr}
  .svc-visual{display:none}
  .tech-cats{grid-template-columns:repeat(2,1fr)}
 
}
@media (max-width:768px) {
  .nav-links,.nav-actions{display:none}
  .hamburger{display:flex}
  .hero h1{font-size:2.3rem}
  .how-grid,.testi-grid,.af-grid,.cases-grid,.plat-grid{grid-template-columns:1fr}
  .sm-stats{grid-template-columns:repeat(2,1fr)}
  .screen-body{grid-template-columns:1fr}
  .screen-sidebar{display:none}
  .footer-top{grid-template-columns:1fr;gap:24px}
  .footer-bottom{flex-direction:column;text-align:center}
  .sec-features{grid-template-columns:1fr}
  .metrics-grid{grid-template-columns:repeat(2,1fr)}
  .sm-table-head,.sm-table-row{grid-template-columns:2fr 1fr 1fr}
  .sm-table-head span:last-child,.sm-table-row span:last-child{display:none}
 
 
  .svc-grid{grid-template-columns:1fr}
  .why-grid{grid-template-columns:1fr}
  .tech-cats{grid-template-columns:1fr}
 
 
  .svc-metric-row{gap:16px}
  .vc-stat-row{grid-template-columns:1fr 1fr}
}