@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:1080px) {
  .hero--premium { min-height:auto; padding-top:92px; }
  .model-strip { align-items:flex-start; flex-direction:column; padding-top:26px; padding-bottom:26px; }
  .contrast-grid { grid-template-columns:1fr 100px 1fr; }
}
@media (max-width:820px) {
  .marketing-nav__inner { grid-template-columns:1fr auto; }
  .marketing-nav__links { display:none; }
  .product-stage__body { grid-template-columns:160px minmax(0,1fr); }
  .contrast-grid { grid-template-columns:1fr; }
  .contrast-grid article:first-child,.contrast-grid article:last-child { border-radius:16px; }
  .contrast-bridge { min-height:90px; border:0; transform:rotate(90deg); }
  .premium-bento { grid-template-columns:1fr; grid-template-rows:auto; }
  .bento-card--knowledge { grid-row:auto; }
  .workflow-intro { grid-template-columns:1fr; gap:20px; }
  .workflow-line { grid-template-columns:1fr; }
  .workflow-line article { min-height:auto; border-left:0; border-top:1px solid var(--line); }
  .workflow-line article:first-child { border-top:0; }
  .auth-experience { padding:24px; }
  .auth-legal > span:first-child { display:none; }
  .auth-legal { justify-content:center; }
  .pricing-grid { grid-template-columns:1fr; }
}
@media (max-width:600px) {
  .marketing-nav__actions .button--quiet { display:none; }
  .hero--premium { padding-top:70px; }
  .hero--premium h1 { font-size:49px; }
  .product-stage { margin-top:58px; border-radius:13px; }
  .product-stage__body { display:block; }
  .product-stage__body aside { display:none; }
  .product-stage__body > section { padding:18px; }
  .stage-heading h2 { font-size:18px; }
  .product-stage__bar { grid-template-columns:1fr 1fr; }
  .product-stage__bar > span:nth-child(2) { display:none; }
  .model-strip > div { gap:16px; }
  .statement-section,.capabilities-section,.workflow-section { padding:84px 0; }
  .section-heading h2 { font-size:39px; }
  .section-heading p { font-size:15px; }
  .contrast-grid { margin-top:42px; }
  .contrast-grid article { padding:24px; }
  .premium-bento { margin-top:42px; }
  .bento-card { padding:25px; }
  .bento-card h3 { font-size:24px; }
  .bento-icon { margin-bottom:38px; }
  .hot-index { margin-top:36px; }
  .mini-loop { overflow-x:auto; }
  .workflow-line { margin-top:42px; }
  .auth-experience { padding:20px 14px; }
  .auth-header__alternate span { display:none; }
  .auth-card { margin:40px auto; }
  .auth-card__intro { padding:30px 22px 24px; }
  .auth-card__intro h1 { font-size:30px; }
  .oauth-button { width:calc(100% - 44px); margin:24px 22px 0; }
  .auth-divider { margin:22px 22px 0; }
  .auth-form { padding:22px 22px 30px; }
  .auth-form__support > span { display:none; }
  .auth-card__footer { padding:16px 22px; }
  .journey-header { width:calc(100% - 28px); grid-template-columns:100px 1fr; gap:14px; }
  .journey-stage { width:calc(100% - 28px); }
  .onboarding-copy h1 { font-size:43px; }
  .onboarding-copy p { font-size:14px; }
  .memory-orbit { width:100%; height:230px; }
  .memory-node { font-size:7px; }
  .handoff-visual { grid-template-columns:65px 1fr 155px 1fr 65px; }
  .handoff-workspace { padding:18px 8px; }
  .handoff-model img { width:42px; height:42px; }
  .loop-visual { align-items:stretch; flex-direction:column; gap:0; }
  .loop-visual > div { min-height:80px; text-align:center; border-radius:0!important; }
  .loop-visual > div:first-child { border-radius:12px 12px 0 0!important; }
  .loop-visual > div:last-child { border-radius:0 0 12px 12px!important; }
  .loop-visual > svg { width:100%; height:30px; transform:rotate(90deg); border:0; }
  .onboarding-actions { align-items:stretch; flex-direction:column-reverse; }
  .pricing-main { width:calc(100% - 28px); padding-top:66px; }
  .pricing-heading h1 { font-size:43px; }
  .price-card { padding:26px; }
  .token-status { align-items:flex-start; flex-direction:column; }
}
@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; }
}
