/* Compact desktop demonstrations: actual layout sizes, never a page transform.
   Keep phone/tablet text at its existing readable size. */
@media (min-width:1001px) {
  /* Offset the shared 132px scroll padding so content clears the 104px nav. */
  .lp .compact-section { --compact-density:.9; padding-block:72px; scroll-margin-top:-56px; }
  .compact-section .compact-font { font-size:max(14px, calc(var(--compact-font) * .9))!important; }
  .compact-section .compact-padding { padding:var(--compact-padding)!important; }
  .compact-section .compact-gap { gap:var(--compact-gap)!important; }
  .compact-section .compact-row-gap { row-gap:var(--compact-row-gap)!important; }
  .compact-section .compact-column-gap { column-gap:var(--compact-column-gap)!important; }
  .compact-section .compact-margin-top { margin-top:var(--compact-margin-top)!important; }
  .compact-section .compact-margin-bottom { margin-bottom:var(--compact-margin-bottom)!important; }
  .lp .compact-section .h2 { font-size:50px; line-height:1.06; }
  .lp .compact-section .lead { font-size:17px; line-height:1.5; }
  .compact-section .hire-card { padding:12px 18px 12px 12px!important; gap:14px!important; }
  .compact-section .hire-card>.pa { width:76px!important; height:76px!important; flex-shrink:0; }
  .compact-section .hire-card>div>div { flex-wrap:wrap; }
  .compact-section .hire-card>div>div:last-child { gap:5px!important; }
  .compact-section .hire-card .live { margin-left:0!important; }

  .compact-section .compact-agent-layout { grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:36px!important; }
  .compact-agent-layout>* { min-width:0; }
  .lp .compact-agent-copy .h2 { font-size:clamp(40px, 3.6vw, 48px)!important; line-height:1.07; }
  .compact-agent-copy>.three-grid { margin-top:22px!important; }
  .compact-agent-copy>.three-grid>div { padding:14px!important; }
  .compact-agent-copy>.three-grid>div>div:first-child { font-size:27px!important; }
  .compact-agent-copy>div:last-child:not(:first-child):not(.three-grid) { margin-top:18px!important; }
  .compact-agent-demo { align-self:start; }
  .compact-agent-demo .compact-support-chat { height:356px!important; }
  .compact-support-chat .product-photo { width:144px!important; height:95px!important; }
  .compact-agent-demo .platform-story-switch button { padding:6px 11px; }
  .compact-agent-demo .platform-task { padding-block:10px!important; }
  #donna .platform-handoff { margin-top:44px!important; padding:24px!important; }

  .compact-section .wr-harvey-columns { margin-top:36px!important; }
  .compact-section .wr-harvey-equation { margin-top:40px!important; padding-top:28px!important; }
  .compact-section .wr-journey-labels,.compact-section .wr-journey-workspace { grid-template-columns:320px 48px minmax(0,1fr)!important; }
  .compact-section .wr-journey-labels { margin-top:34px!important; }
  .compact-section .wr-journey-divider>i { left:23px!important; }
  .compact-section .wr-journey-canvas { height:540px!important; }
  /* This is a fixed-coordinate diagram. Reserve its scaled canvas explicitly. */
  .compact-section .wr-journey-map-inner { scale:.9; transform-origin:top center; }
  .compact-section .wr-journey-chat { padding:18px!important; }
  .compact-section .platform-campaign-layout { margin-top:34px!important; }
  .compact-section .an-stat { padding:6px; }
  .compact-section .an-st-h { padding:4px; }
  .compact-section .an-st-b { padding:6px 5px 9px; }
  .compact-section .an-v { font-size:28px; }
  .compact-section .an-tile { width:32px; height:32px; border-radius:9px; }
  .compact-section .platform-campaign-mock .product-photo { height:135px!important; }

  /* Wider conversations need less vertical filler while both rows stay visible. */
  .compact-section .compact-channel-card { flex-basis:396px!important; height:264px!important; padding:16px!important; gap:10px!important; }
  .compact-section .platform-channel-track { gap:16px!important; }
  #channels>div:last-child { margin-top:30px!important; gap:16px!important; }
  .compact-section .platform-control-grid { margin-top:32px!important; gap:16px!important; }
  .compact-section .platform-control-secondary { margin-top:16px!important; gap:16px!important; }
  .compact-section .platform-control-grid>div,.compact-section .platform-control-secondary>div { padding:20px!important; }
  .compact-section .platform-analytics-layout { margin-top:32px!important; grid-template-columns:minmax(0,1fr) 380px!important; gap:16px!important; }
  .compact-section .platform-analytics-dashboard,.compact-section .platform-analytics-ask { padding:18px!important; min-width:0; }
  .compact-section .platform-analytics-bottom { grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)!important; }
  .compact-section .platform-analytics-dashboard svg { max-width:100%; }
  /* The suggestion thread drives this panel's height. Give its copy more room
     and trim the chart/row whitespace, leaving all messages and steps visible. */
  .compact-section .platform-analytics-ask { padding:14px!important; gap:8px!important; }
  .compact-section .platform-analytics-ask>div:first-child { height:18px!important; }
  .compact-section .platform-analytics-ask [style*="height:84px"] { height:56px!important; }
  .compact-section .platform-analytics-ask>div:nth-child(4) { padding:10px!important; }
  .compact-section .platform-analytics-ask>div:nth-child(4)>div:nth-child(2) { line-height:1.4!important; margin-top:6px!important; }
  .compact-section .platform-analytics-ask>div:nth-child(4)>div:nth-child(3),
  .compact-section .platform-analytics-ask>div:nth-child(4)>div:nth-child(4) { margin-top:7px!important; }
  .compact-section .platform-analytics-ask>div:nth-child(4)>div:nth-child(4)>div { padding-block:4px!important; gap:8px!important; }
  .compact-section .compact-integration-layout { grid-template-columns:minmax(0,1fr) 528px!important; gap:32px!important; }
  /* Zoom belongs only to the self-contained 660px orbit; it reserves 528px in flow. */
  .compact-orbit { zoom:.8; }
}
@media (min-width:1001px) and (max-width:1199px) {
  .compact-section .compact-integration-layout { grid-template-columns:minmax(0,1fr) 449px!important; gap:24px!important; }
  .compact-orbit { zoom:.68; }
  .compact-section .platform-control-grid { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
  .compact-section .platform-control-grid>div:last-child { grid-column:auto; }
  .compact-section .platform-analytics-layout { grid-template-columns:minmax(0,1fr) 360px!important; }
  .compact-section .platform-analytics-bottom { grid-template-columns:minmax(0,1fr)!important; }
}
@media (min-width:1001px) and (max-height:780px) {
  .lp .compact-section { padding-block:52px; }
  .lp .compact-section .h2 { font-size:46px; }
  .lp .compact-agent-copy .h2 { font-size:42px!important; }
  .lp .compact-section .compact-agent-copy .lead { font-size:16px; line-height:1.45; }
  .compact-agent-copy>.three-grid { margin-top:18px!important; }
  .compact-agent-copy>.three-grid>div { padding:12px!important; }
  .compact-section .compact-channel-card { height:250px!important; }
  .compact-section .wr-journey-canvas { height:510px!important; }
  .compact-section .wr-journey-map-inner { scale:.85; }
}