@media (max-width: 1120px) {
  :root { --content: calc(100vw - 48px); }
  .site-header nav { gap: 14px; margin-right: 16px; }
  .site-header nav a:nth-child(4) { display: none; }
  .hero { min-height: 1180px; }
  .hero-copy { width: 78%; }
  .hero-system { right: 24px; bottom: 90px; width: min(70vw, 650px); }
  .fragment-b, .fragment-d { display: none; }
  .section, .section-dark { padding-top: 105px; padding-bottom: 105px; }
  .demo-workspace { grid-template-columns: 1fr 1.1fr; }
  .boundary-layout { grid-template-columns: 1fr 1fr; }.escalation-card { grid-column: 1 / -1; min-height: 300px; }
  .configuration-grid { grid-template-columns: repeat(3, 1fr); }
  .implementation-steps { grid-template-columns: 1fr 1fr; }.implementation-steps article:nth-child(2) { border-right: 0; }.implementation-steps article:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .diagnostic { gap: 50px; }
}

@media (max-width: 820px) {
  :root { --content: calc(100vw - 40px); }
  .site-header { height: 74px; }.site-header.is-scrolled { top: 10px; width: calc(100vw - 24px); }
  .site-header nav { position: fixed; top: 79px; right: 12px; left: 12px; display: none; flex-direction: column; gap: 0; padding: 12px; color: var(--porcelain); background: rgba(16,20,19,.98); border: 1px solid var(--line-light); }.site-header.nav-open nav { display: flex; }.site-header nav a, .site-header nav a:nth-child(4) { display: block; padding: 13px; border-bottom: 1px solid var(--line-light); }.site-header .header-cta { display: none; }.menu-toggle { display: block; }
  .hero { min-height: 1120px; padding-top: 128px; }.hero-copy { width: 100%; }.hero h1 span { font-size: clamp(50px, 10vw, 76px); }.hero h1 em { font-size: clamp(64px, 13vw, 96px); }.hero-system { right: 20px; bottom: 78px; left: 20px; width: auto; }.hero-scroll { left: 20px; }
  .section-intro.split { grid-template-columns: 1fr; gap: 26px; }.section-intro.split > p { margin: 0; }
  .problem-comparison { grid-template-columns: 1fr; }.problem-divider { flex-direction: row; padding: 18px 0; border: 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.problem-divider span { writing-mode: initial; }.problem-divider i { width: 80px; height: 1px; margin: 0 0 0 14px; }.needed-context { padding-left: 0 !important; }
  .route-tabs { grid-template-columns: 1fr; }.route-tabs button { border-right: 0; border-bottom: 1px solid var(--line-light); }
  .demo-workspace { grid-template-columns: 1fr; }.demo-conversation { min-height: 570px; border-right: 0; border-bottom: 1px solid var(--line-light); }
  .comparison-board { grid-template-columns: 1fr; }.clarity-meter { flex-direction: row; padding: 18px; border: 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.clarity-meter span { writing-mode: initial; }.clarity-meter div { width: 55%; height: 1px; }.clarity-meter i { top: -2px; bottom: auto; width: 64%; height: 5px; }
  .boundary-layout { grid-template-columns: 1fr; }.escalation-card { grid-column: auto; }
  .journey-cards { grid-template-columns: 1fr; }.journey-cards article { border-right: 0; border-bottom: 1px solid var(--line); }.journey-cards h3, .journey-cards article > p { min-height: 0; }
  .packet-stage { grid-template-columns: 1fr; gap: 20px; }.source-conversation blockquote { min-height: auto; }
  .human-handoff { grid-template-columns: 1fr; gap: 55px; }.handoff-copy { position: static; }
  .trust-strip { grid-template-columns: 1fr; gap: 30px; }
  .diagnostic { grid-template-columns: 1fr; gap: 45px; }.diagnostic-copy { position: static; }.diagnostic-result { grid-column: auto; }
  .site-footer { grid-template-columns: 1fr auto; }.site-footer p, .site-footer > div { display: none; }
  .guide-launcher { right: 16px; bottom: 16px; }.service-guide { right: 16px; bottom: 74px; }
}

@media (max-width: 560px) {
  :root { --content: calc(100vw - 32px); }
  .site-header { width: calc(100vw - 32px); }.brand small { display: none; }.language-toggle { display: none; }
  .hero { min-height: 1040px; padding: 112px 16px 54px; }.hero h1 { margin-top: 24px; }.hero h1 span { font-size: 47px; }.hero h1 em { font-size: 62px; }.hero-lede { font-size: 14px; }.hero-actions { align-items: stretch; flex-direction: column; }.hero-actions .button { width: 100%; }.hero-boundary { font-size: 7px; }.question-fragment { display: none; }.hero-system { right: 16px; bottom: 66px; left: 16px; padding: 10px; }.hero-conversation { padding: 14px; }.hero-conversation p { font-size: 17px; }.connection-map { height: 45px; }.hero-packet { padding: 13px; }.hero-packet dl div { padding: 10px 6px; }.hero-packet dd { font-size: 9px; }.hero-scroll { display: none; }
  .section, .section-dark { padding: 78px 16px; }.section-intro { margin-bottom: 43px; }.section-intro h2, .handoff-copy h2, .diagnostic-copy h2 { font-size: 45px; }.section-closing { font-size: 24px; }
  .raw-message blockquote { margin: 55px 0; font-size: 43px; }.message-meta { gap: 7px; }.problem-comparison article { padding: 35px 0; }
  .route-tabs button { padding: 15px 10px; }.demo-conversation { min-height: 600px; }.conversation-log { padding: 20px 12px; }.answer-panel { padding: 15px 12px; }.live-packet dl { grid-template-columns: 1fr; }.live-packet dl > div { min-height: 95px; border-right: 0; }.live-packet footer { align-items: flex-start; flex-direction: column; gap: 12px; }
  .comparison-board article { padding: 23px 18px; }.boundary-group, .escalation-card { min-height: 0; padding: 21px; }.escalation-card > p { margin: 48px 0; }
  .journey-cards article { padding: 28px 18px; }.patient-packet > header { align-items: flex-start; flex-direction: column; gap: 10px; }.patient-packet dl { grid-template-columns: 1fr; }.patient-packet dl > div { min-height: 88px; border-right: 0; }.patient-packet footer { flex-direction: column; gap: 8px; }
  .configuration-grid { grid-template-columns: 1fr 1fr; }.configuration-grid span { min-height: 115px; padding: 13px; font-size: 9px; }.trust-strip p { font-size: 25px; }
  .implementation-steps { grid-template-columns: 1fr; }.implementation-steps article, .implementation-steps article:nth-child(2) { min-height: 270px; border-right: 0; border-bottom: 1px solid var(--line); }.implementation-steps h3 { margin-top: 65px; }
  .diagnostic-grid { grid-template-columns: 1fr; }.diagnostic-form { padding: 20px 16px; }.diagnostic-result { padding: 22px 17px; }.diagnostic-result dl { grid-template-columns: 1fr; }
  .final-cta { min-height: 650px; padding: 75px 16px; }.final-copy h2 { font-size: 60px; }.final-fragments { display: none; }.final-packet { width: 320px; }
  .site-footer { padding: 24px 16px; }
  .guide-launcher { right: 12px; bottom: 12px; }.service-guide { right: 12px; bottom: 68px; width: calc(100vw - 24px); max-height: min(610px, calc(100vh - 86px)); }
}