/* Phone navigation and controls share the desktop visual system. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mobile-case-picker{display:none}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;margin-top:25px}
.hero-actions .button{margin:0}

@media(max-width:900px){
  body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
  .nav-actions>.button{display:none}
  .nav-wrap{gap:12px;min-height:72px}
  .nav-actions{gap:10px}
  .language button{min-width:44px;min-height:44px}

  button,.button,summary{min-height:44px}
  input:not([type=checkbox]):not([type=radio]),select,textarea,select.mobile-thread-picker{font-size:16px}
  .swatch{width:44px;height:44px;min-height:44px}
  .phone-nav button,.demo-tab,.portfolio-select button{min-height:44px}
  .site-footer{padding-bottom:calc(24px + env(safe-area-inset-bottom))}
  :is(#command-center,#intelligence,#your-brand,#plans,#questions,#early-access,#whatsapp,#experience,.estimate-heading){scroll-margin-top:90px}
}

@media(max-width:760px){
  .mobile-case-picker{display:block;font-size:14px;font-weight:500}
  .mobile-case-picker select{margin-top:8px;width:100%;text-overflow:ellipsis}
  .command-case-list,.command-queue .queue-caption,.command-queue .queue-foot{display:none}
  .command-queue{padding:18px}
  .command-queue .queue-title{margin-bottom:12px}
  .agent-rail{display:flex;flex-wrap:wrap;gap:8px}
  .agent-rail .agent-role:not(.involved){display:none}
  .agent-role{flex:1 1 auto;min-height:44px;font-size:13px}
  .command-toolbar .command-tools{min-width:0}
  .command-tools label{min-width:0}
  .command-detail{min-width:0}
  .command-action,.command-decision .button{white-space:normal;text-align:center}
  .hero-scope,.availability,.scene-caption,.preview-label,.commercial-eyebrow{font-size:13px}
  .hero-actions{gap:12px 22px;margin-top:22px}
  .hero-actions .button{min-height:52px}

  .scene-switcher button,.command-goals button,.command-truth summary,.plain-button{min-height:44px}
  .scene-play{min-width:44px;min-height:44px}
  .hero-copy .availability{line-height:1.5;align-items:baseline}

  .hero-copy .availability .status-dot{flex-shrink:0}
  .demo-bottom{line-height:1.5}
  .commercial-attachment pre{overflow-wrap:anywhere}
  .faq-section summary{padding-block:16px;line-height:1.4}
}

@media(max-width:380px){
  .nav-wrap{padding-inline:16px;gap:8px}
  .nav-actions{gap:6px}
  .wordmark{font-size:28px}
  .nav-wrap .brand-mark{display:none}
  .hero-actions{align-items:stretch;flex-direction:column}
  .hero-actions .button{justify-content:center;white-space:normal;text-align:center}

  .setup-path ol{grid-template-columns:1fr;gap:22px}
  .plan-card,.estimate-receipt{padding:22px}
  .plan-top{gap:10px;flex-wrap:wrap}
  .plan-price{gap:12px}
  .property-input{grid-template-columns:1fr 76px;padding:16px}
  .service-option details{padding-left:18px}
  .receipt-row{gap:12px}
}