@media (max-width: 1024px){
  .services-grid{ grid-template-columns:repeat(2, 1fr); }
  .testi-grid{ grid-template-columns:repeat(2, 1fr); }
  .portfolio-grid{ grid-template-columns:repeat(2, 1fr); }
  .about-wrap{ grid-template-columns:1fr; gap:44px; }
  .contact-wrap{ grid-template-columns:1fr; }
  .footer-top{ grid-template-columns:1fr 1fr; }
}

@media (max-width: 860px){
  .brand img{ height:40px; }

  .nav-links{
    position:fixed;
    top:66px; left:16px; right:16px;
    background:rgba(9,12,22,0.98);
    border:1px solid var(--border);
    border-radius:var(--radius-md);
    flex-direction:column;
    align-items:flex-start;
    padding:22px;
    gap:18px;
    transform:translateY(-12px);
    opacity:0;
    pointer-events:none;
    transition:opacity 0.25s ease, transform 0.25s ease;
  }
  .nav-links.is-open{
    transform:translateY(0);
    opacity:1;
    pointer-events:auto;
  }
  .nav-cta{ display:none; }
  .nav-links .nav-cta-mobile{ display:inline-flex; }
  .nav-toggle{ display:flex; }

  .hero{ padding:140px 0 70px; }
  .hero .row{ flex-direction:column-reverse; }
  .hero-visual{ min-height:280px; margin-bottom:20px; }
  .hex-core{ width:220px; height:220px; }
  .hex-core img{ width:130px; }

  .services-grid{ grid-template-columns:1fr; }
  .testi-grid{ grid-template-columns:1fr; }
  .portfolio-grid{ grid-template-columns:1fr; }
  .form-row{ grid-template-columns:1fr; }
  .contact-info, .contact-form{ padding:38px 26px; }

  .whatsapp-float{
    width:52px; height:52px;
    font-size:25px;
    right:18px; bottom:18px;
  }

  .cta-band{ padding:44px 30px; flex-direction:column; text-align:center; }
  .cta-band .btn-primary, .cta-band .btn-outline{ width:100%; justify-content:center; }

  .footer-top{ grid-template-columns:1fr; gap:32px; }
  .process-item{ grid-template-columns:50px 1fr; }
}

@media (max-width: 480px){
  .hero-title{ font-size:34px; }
  .hero-stats{ gap:28px; }
  .section{ padding:80px 0; }
  .about-panel{ padding:28px; }
}
