/* ============================================================
       RESPONSIVE
    ============================================================ */
    @media (max-width: 1100px) {
      .stack-grid { grid-template-columns: repeat(2, 1fr); }
      .ai-flow-grid { grid-template-columns: repeat(2, 1fr); }
      .ai-tools-row { grid-template-columns: repeat(2, 1fr); }
    }
    @media (max-width: 900px) {
      :root { --section-pad: 80px; }
      .hero-grid { grid-template-columns: 1fr; gap: 40px; padding: 40px 0; }
      .hero-visual { height: 320px; }
      .about-grid { grid-template-columns: 1fr; gap: 40px; }
      .projects-grid { grid-template-columns: 1fr 1fr; }
      .case-grid { grid-template-columns: 1fr; }
      .blog-grid { grid-template-columns: 1fr 1fr; }
      .nav-links { display: none; }
      .nav-mobile-btn { display: flex; }
      .projects-header { flex-direction: column; align-items: flex-start; gap: 16px; }
    }
    @media (max-width: 600px) {
      :root { --section-pad: 60px; }
      .container { padding: 0 20px; }
      .projects-grid { grid-template-columns: 1fr; }
      .about-cards { grid-template-columns: 1fr 1fr; }
      .ai-flow-grid { grid-template-columns: 1fr; }
      .ai-flow-step { border-radius: var(--radius-md) !important; }
      .ai-flow-arrow { display: none; }
      .stack-grid { grid-template-columns: 1fr 1fr; }
      .blog-grid { grid-template-columns: 1fr; }
      .hero-ctas { flex-direction: column; align-items: flex-start; }
      .ai-tools-row { grid-template-columns: 1fr; }
      .contact-ctas { flex-direction: column; align-items: center; }
      .footer-inner { flex-direction: column; gap: 20px; text-align: center; }
      .hero-trust { gap: 16px; }
      .case-metrics { gap: 16px; }
    }
  

@media (max-width: 900px) {
  .nav-links.open {
    display: flex;
    position: absolute;
    top: 68px;
    left: 20px;
    right: 20px;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 14px;
    border: 1px solid var(--border-1);
    border-radius: var(--radius-md);
    background: rgba(7,9,13,0.96);
    backdrop-filter: blur(20px);
  }
  .nav-links.open li { width: 100%; }
  .nav-links.open a {
    display: block;
    padding: 12px 10px;
  }
}
@media (max-width: 700px) {
  .project-card-wide { grid-column: span 1; }
  .project-wide-layout { grid-template-columns: 1fr; }
  .form-grid { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .stack-grid,
  .about-cards { grid-template-columns: 1fr; }
  .modal { padding: 32px 22px; }
}