@media (max-width: 1180px) {
  .plan-cards-grid,
  .payment-method-grid,
  .hero-metrics-grid,
  .dashboard-metrics-row,
  .developer-highlight-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 1024px) {
  .hero-grid-layout,
  .auth-layout-grid,
  .dashboard-layout-grid,
  .developer-main-grid,
  .checkout-grid-layout,
  .split-feature-grid {
    grid-template-columns: 1fr;
  }
  .plan-cards-grid,
  .payment-method-grid,
  .capability-cards-grid,
  .services-grid-layout,
  .services-grid-layout.admin {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .site-header-shell { top: 0; }
}
@media (max-width: 820px) {
  .site-header-inner {
    grid-template-columns: auto auto 1fr;
    row-gap: 12px;
    padding: 12px 0;
  }
  .mobile-navigation-toggle { display: inline-flex; align-items: center; justify-content: center; }
  .site-main-navigation {
    display: none;
    grid-column: 1 / -1;
    justify-content: flex-start;
  }
  .site-main-navigation.is-open { display: flex; }
  .site-header-actions {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }
  .site-brand-link img { width: 144px; }
  .plan-cards-grid,
  .payment-method-grid,
  .capability-cards-grid,
  .services-grid-layout,
  .services-grid-layout.admin,
  .hero-metrics-grid,
  .dashboard-metrics-row,
  .developer-highlight-grid,
  .mini-stat-grid,
  .service-stats-grid {
    grid-template-columns: 1fr;
  }
  .offset-card-small,
  .offset-card-medium { margin-inline-start: 0; }
  .key-line-item,
  .service-card-footer-line,
  .payment-card-header,
  .hero-panel-row,
  .section-heading-row {
    flex-direction: column;
    align-items: flex-start;
  }
  .plan-action-row { grid-template-columns: 1fr; }
  .endpoint-line-card { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .section-shell { padding: 58px 0; }
  .hero-section-shell { padding-top: 64px; }
  .chat-open-button { right: 14px; bottom: 78px; }
  .chat-widget-panel { right: 12px; bottom: 150px; }
}