@media (max-width: 1100px) {
  .card-grid.three-up,
  .metrics-grid,
  .footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .card-grid.three-up,
  .card-grid.two-up,
  .feature-grid,
  .metrics-grid,
  .footer-grid,
  .hero-grid,
  .split-layout,
  .media-showcase-grid {
    grid-template-columns: 1fr;
  }

  .cta-panel {
    align-items: flex-start;
    flex-direction: column;
  }

  .cta-actions {
    width: 100%;
  }

  .hero-actions,
  .trust-points {
    justify-content: flex-start;
  }
}

@media (max-width: 640px) {
  .container {
    width: min(var(--container), calc(100% - 22px));
  }

  .nav-cta-btn,
  .footer-btn,
  .btn {
    width: 100%;
  }

  .hero-panel-card,
  .info-card,
  .feature-item,
  .metric-card,
  .content-card,
  .video-card,
  .image-card,
  .cta-panel,
  .portal-block,
  .split-panel {
    padding: 22px;
  }
}