@media (max-width: 1080px) {
  .hero { grid-template-columns: 1fr; gap: 52px; padding-top: 74px; }
  .continuity-console { max-width: 720px; }
  .capability-grid { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
  .capability:first-child { grid-row: auto; grid-column: 1 / 3; }
  .workflow { grid-template-columns: 1fr; gap: 36px; }
  .metric-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .workspace-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dashboard-grid, .detail-grid { grid-template-columns: 1fr; }
}
@media (max-width: 820px) {
  :root { --sidebar-width: 0px; }
  .marketing-nav__link { display: none; }
  .problem-grid { grid-template-columns: 1fr; }
  .capability-grid { display: grid; grid-template-columns: 1fr; }
  .capability:first-child { grid-column: auto; }
  .integration-list { grid-template-columns: repeat(3,1fr); }
  .auth-page { grid-template-columns: 1fr; }
  .auth-aside { display: none; }
  .app-shell { display: block; }
  .app-sidebar { position: fixed; left: 0; top: 0; z-index: 70; width: 270px; transform: translateX(-105%); transition: transform 180ms var(--ease); box-shadow: var(--shadow-lg); }
  .app-sidebar[data-open="true"] { transform: none; }
  .mobile-menu { display: inline-flex; }
  .app-content { padding: 24px 20px 54px; }
  .app-topbar { padding: 0 18px; }
  .page-header { flex-direction: column; }
  .workspace-grid { grid-template-columns: 1fr; }
  .settings-layout { grid-template-columns: 1fr; gap: 16px; }
  .settings-nav { display: flex; overflow-x: auto; }
}
@media (max-width: 600px) {
  .form-grid--two, .form-grid--three { grid-template-columns: 1fr; }
  .jobs-explainer, .connect-callout { grid-template-columns: 1fr; }
  .loop-strip { overflow-x: auto; padding-bottom: 4px; }
  .credential-gate { align-items: flex-start; flex-direction: column; }
  .marketing-nav__inner, .hero, .marketing-section, .marketing-footer { width: min(100% - 28px, var(--content-max)); }
  .marketing-nav { height: 64px; }
  .marketing-nav .button--secondary { display: none; }
  .brand img { width: 106px; }
  .hero { padding: 60px 0 54px; }
  .hero h1 { font-size: 47px; }
  .hero__copy { font-size: 15px; }
  .hero__actions { align-items: stretch; flex-direction: column; }
  .hero__actions .button { width: 100%; }
  .hero__note { text-align: center; }
  .continuity-console { padding: 10px; border-radius: 19px; }
  .console-event { grid-template-columns: 1fr; }
  .console__handoff { align-items: flex-start; flex-direction: column; }
  .marketing-section { padding: 66px 0; }
  .section-heading h2 { font-size: 38px; }
  .capability { padding: 24px; }
  .capability h3 { margin-top: 36px; }
  .integration-list { grid-template-columns: repeat(2,1fr); }
  .marketing-footer { align-items: flex-start; flex-direction: column; gap: 10px; }
  .auth-panel { padding: 24px 20px; }
  .auth-panel__top .muted { display: none; }
  .auth-panel__body { padding: 44px 0; }
  .auth-panel__body h1 { font-size: 36px; }
  .dialog-backdrop { padding: 10px; align-items: end; }
  .dialog { max-height: calc(100vh - 20px); border-radius: 18px 18px 10px 10px; }
  .dialog__header, .dialog__body, .dialog__footer { padding-left: 18px; padding-right: 18px; }
  .metric-grid { grid-template-columns: 1fr; }
  .page-header__actions, .page-header__actions .button { width: 100%; }
  .job-card__summary { grid-template-columns: 1fr; }
  .job-card__actions { justify-content: flex-start; }
  .definition-row { grid-template-columns: 1fr; gap: 4px; }
  .mcp-grid { grid-template-columns: 1fr; }
  .toast-region { left: 14px; right: 14px; bottom: 14px; width: auto; }
}