/* =========================================================
   3W AGENCY — RESPONSIVE.CSS
   ========================================================= */
@media (max-width: 980px){
  .nav-links{ display:none; }
  .burger{ display:flex; }
  .hero-grid{ grid-template-columns:1fr; gap:36px; }
  .pillars{ grid-template-columns: 1fr; }
  .services-grid{ grid-template-columns: repeat(2,1fr); }
  .cases-grid{ grid-template-columns: 1fr; }
  .testi-grid{ grid-template-columns: 1fr; }
  .process-item{ grid-template-columns: 50px 1fr; }
  .process-item p{ grid-column: 2 / 3; }
  .contact-grid{ grid-template-columns: 1fr; }
  .footer-grid{ grid-template-columns: repeat(2,1fr); }
  .pain-solution{ grid-template-columns: 1fr; }
  .deliverables-grid, .deliverables-grid-2, .deliverables-grid-3, .deliverables-grid-4{ grid-template-columns: repeat(2,1fr); }
  .method-flow{ flex-direction:column; }
  .method-flow .arrow{ transform:rotate(90deg); padding:6px 0; }
  .services-grid-5{ grid-template-columns: repeat(2,1fr); }
  .services-grid-5 .service-card:nth-child(4){ grid-column:auto; }
  .services-grid-5 .service-card:nth-child(5){ grid-column:auto; }
  .page-hero-split .wrap{ grid-template-columns: 1fr; }
  .featured-visual{ height:200px; order:-1; }
  .showcase{ height:auto; padding:40px 0; }
  .showcase-slide{ position:relative; display:none; opacity:1; }
  .showcase-slide.active{ display:flex; }
  .showcase-slide .wrap{ grid-template-columns:1fr; gap:26px; }
  .showcase-visual{ height:220px; order:-1; }
  .showcase-visual svg{ width:140px; height:140px; }
  .showcase-dots{ position:static; transform:none; justify-content:center; margin-top:20px; }
  .clients-grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 620px){
  .services-grid{ grid-template-columns: 1fr; }
  .form-row{ grid-template-columns: 1fr; }
  .footer-grid{ grid-template-columns: 1fr; }
  .stat-row{ gap:28px; }
  .nav-cta .btn-ghost{ display:none; }
  .deliverables-grid, .deliverables-grid-2, .deliverables-grid-3, .deliverables-grid-4{ grid-template-columns: 1fr; }
  .guarantee-row{ flex-direction:column; gap:24px; }
  .services-grid-5{ grid-template-columns: 1fr; }
  .clients-grid{ grid-template-columns:1fr; }
}