@media (max-width: 1120px) {
  .product-hero-inner,
  .scenario-lanes article,
  .product-compare-row {
    grid-template-columns: 1fr;
  }

  .capability-matrix,
  .process-ribbon,
  .hero-metric-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .banner-hero,
  .product-hero {
    min-height: auto;
    padding: 112px 16px 56px;
  }

  .banner-hero::after {
    background: rgba(248, 250, 252, 0.88);
  }

  .banner-hero h1,
  .product-hero h1 {
    font-size: 38px;
  }

  .capability-matrix,
  .process-ribbon,
  .hero-metric-strip {
    grid-template-columns: 1fr;
  }

  .product-hero-device {
    padding: 18px;
  }

  .spec-table {
    display: block;
    overflow-x: auto;
  }
}