@media (max-width: 800px) {
  .site-header { height: 72px; padding: 0 6vw; }
  .brand { font-size: 11px; letter-spacing: .06em; }
  .menu-toggle { display: block; }
  .main-nav { display: none; position: absolute; top: 72px; left: 0; right: 0; padding: 20px 6vw; background: var(--navy); border-top: 1px solid #345159; flex-direction: column; align-items: flex-start; gap: 17px; }
  .main-nav.open { display: flex; }
  .hero { display: block; padding: 72px 6vw 85px; min-height: auto; }
  .hero-copy { padding: 0; }
  .hero-stage { height: 430px; margin: 70px 0 0; }
  .stage-image { inset: 0 0 6% 0; }
  .call-window { width: 84%; right: -2%; bottom: 2%; padding: 17px; }
  .call-window p { font-size: 17px; }
  .stage-label { font-size: 8px; }
  .label-a { top: 4%; left: 0; }
  .label-b { bottom: 12%; left: -3%; }
  .hero-proof { gap: 17px; }
  .hero-proof b { font-size: 20px; }
  .promise-bar { display: block; padding: 22px 6vw; }
  .promise-bar p { font-size: 13px; }
  .promise-bar div { margin-top: 17px; gap: 12px; flex-wrap: wrap; }
  .problem-section, .reliability-grid { display: block; padding: 85px 6vw; }
  .problem-content h2 { margin-top: 25px; }
  .pain-grid { grid-template-columns: 1fr; margin-top: 35px; }
  .ai-answer { padding: 85px 6vw; }
  .answer-intro { margin-bottom: 45px; }
  .answer-cards { display: block; }
  .answer-card { min-height: 0; padding: 27px; }
  .card-symbol { margin: 22px 0 18px; }
  .process-section { padding: 85px 6vw; }
  .process-heading { display: block; margin-bottom: 45px; }
  .process-track { padding: 28px 2% 25px; overflow: hidden; }
  .track-line { top: 73px; left: 9%; right: 9%; }
  .flow-node > span { width: 38px; height: 38px; font-size: 9px; margin-bottom: 9px; }
  .flow-node strong { font-size: 13px; }
  .flow-node small { font-size: 8px; }
  .flow-detail { margin-top: 40px; padding: 19px; }
  .flow-detail p { font-size: 17px; }
  .reliability-visual { padding: 0 5% 65px 0; }
  .reliability-copy { padding: 0; }
  .pricing-section { display: block; padding: 85px 6vw; }
  .price-card { margin-top: 38px; max-width: none; }
  .closing { display: block; padding: 85px 6vw; }
  .closing-orb { width: 170px; height: 170px; font-size: 48px; margin: 0 0 65px 15px; }
  .closing-copy { border-left: 0; border-top: 1px solid #345159; padding: 35px 0 0; }
  .site-footer { padding: 22px 6vw; gap: 15px; flex-wrap: wrap; }
  .site-footer span:nth-child(2) { display: none; }
}

.hero h1 {
  font-size: clamp(44px, 5.1vw, 78px);
}

.label-c { top: 24%; right: 0; }
.label-d { bottom: 27%; left: -7%; }
.stage-info { display: none; }

@media (max-width: 800px) {
  .hero h1 { font-size: clamp(38px, 10vw, 58px); }
  .hero h1 em { font-size: .88em; }
  .label-c { top: 24%; right: 4%; }
  .label-d { bottom: 27%; left: 4%; }
  .hero-stage { height: max(410px, calc(88vw + 110px)) !important; }
  .stage-image, .stage-tint { position: absolute !important; top: 0 !important; right: auto !important; bottom: auto !important; left: 0 !important; width: 100%; aspect-ratio: 1 / 1; height: auto !important; }
  .stage-label { display: none; }
  .stage-info { position: absolute; left: 0; right: 0; bottom: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
  .stage-info span { padding: 11px 8px; background: var(--navy); border: 1px solid rgba(126,232,223,.35); color: var(--cyan); font: 600 20px/1.3 var(--display); text-align: center; }
}