/* ── Responsive Overrides ── */

@media (max-width: 900px) {
  :root {
    --content-pad: 20px;
  }

  /* Nav */
  .nav-links { display: none; }
  .nav-toggle { display: block; }

  /* Grids */
  .products-grid,
  .cap-grid,
  .steps-grid,
  .mockup-kpi-row {
    grid-template-columns: 1fr;
  }

  /* Terminal monitors */
  .monitors {
    flex-direction: column;
    gap: 12px;
    transform: none;
  }
  .monitor {
    max-width: 100%;
  }
  .sidebar { display: none; }
  .screen { aspect-ratio: 16/9; }
  .stand-group { display: none; }

  /* Footer */
  .footer-inner {
    flex-direction: column;
    gap: var(--s6);
  }

  .footer-legal {
    text-align: left;
  }

  .footer-nav {
    flex-wrap: wrap;
  }

  /* Subscribe */
  .subscribe-form {
    flex-direction: column;
  }

  .subscribe-form input[type="email"] {
    border-right: 1px solid var(--border);
  }

  /* About teaser */
  .about-teaser {
    flex-direction: column;
    text-align: center;
  }

  /* Hero actions */
  .hero-actions,
  .product-hero-actions {
    flex-direction: column;
    gap: var(--s3);
  }
}

@media (max-width: 600px) {
  h1 { font-size: clamp(36px, 9vw, 52px); }
  h2 { font-size: clamp(28px, 6vw, 38px); }

  .hero {
    min-height: auto;
    padding-top: calc(var(--nav-height) + var(--s7));
    padding-bottom: var(--s7);
  }

  .mockup-kpi-row {
    grid-template-columns: repeat(2, 1fr);
  }

  .cap-grid {
    gap: var(--s5);
  }
}