@media (max-width: 980px) {
  .site-header { gap: 16px; }
  .site-nav { gap: 15px; }
  .hero { grid-template-columns: 1fr; gap: 52px; padding-top: 70px; }
  .hero-copy { max-width: 720px; }
  .product-demo { max-width: 720px; transform: none; }
  .customer-story { grid-template-columns: 1fr; gap: 44px; }
  .customer-story-copy { max-width: 760px; }
  .wheeldo-preview { max-width: 720px; transform: none; }
  .platform-section { grid-template-columns: 1fr; gap: 44px; }
  .platform-copy { max-width: 680px; }
  .guide-grid { grid-template-columns: repeat(2, 1fr); }
  .case-hero { grid-template-columns: 1fr; gap: 50px; padding-top: 72px; }
  .case-hero-copy { max-width: 760px; }
  .case-hero .wheeldo-preview { max-width: 720px; }
}

@media (max-width: 760px) {
  .site-header { height: 64px; margin-top: 8px; }
  .nav-toggle { display: block; margin-left: auto; }
  .site-nav { position: absolute; top: 70px; right: 0; left: 0; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 8px; border: 1px solid rgba(255,255,255,0.9); border-radius: 15px; background: rgba(255,255,255,0.97); box-shadow: var(--shadow); }
  .site-nav.open { display: flex; }
  .site-nav a { padding: 12px; border-radius: 9px; }
  .site-nav a:hover { background: #fff0e6; }
  .guide-nav { position: static; display: none; }
  .header-actions .text-link { display: none; }
  .header-actions .button { min-height: 36px; padding: 0 12px; }
  .hero { width: min(calc(100% - 32px), var(--max)); min-height: 0; padding: 72px 0 45px; }
  .hero h1 { font-size: clamp(44px, 13vw, 64px); }
  .hero-lede { font-size: 15px; }
  .demo-shell { grid-template-columns: 1fr; }
  .demo-rail { display: none; }
  .demo-main { padding: 18px; }
  .outcome-strip { grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 45px; }
  .number-strip { gap: 0; }
  .number-strip > div { border-top: 1px solid var(--line); }
  .number-strip > div:nth-child(-n + 2) { border-top: 0; }
  .number-strip > div:nth-child(odd) { border-left: 0; }
  .output-grid { grid-template-columns: 1fr; }
  .output-card { min-height: 245px; }
  .section { width: min(calc(100% - 32px), var(--max)); padding: 62px 0; }
  .section-intro h2, .platform-copy h2, .final-cta h2 { font-size: 38px; }
  .wok-services { grid-template-columns: repeat(2, 1fr); }
  .wheeldo-stage { min-height: 420px; padding: 24px; }
  .guide-grid { grid-template-columns: 1fr; }
  .guide-grid a { min-height: 170px; }
  .final-cta { width: min(calc(100% - 32px), var(--max)); align-items: flex-start; flex-direction: column; padding: 32px; }
  .site-footer { width: min(calc(100% - 32px), var(--max)); align-items: flex-start; flex-direction: column; gap: 14px; padding: 36px 0; }
  .site-footer p { margin: 0; }
  .guide-main { width: min(calc(100% - 32px), 960px); padding-top: 70px; }
  .guide-index { position: static; flex-wrap: wrap; }
  .guide-index a { min-width: 44%; }
  .guide-layout { grid-template-columns: 1fr; }
  .guide-article { padding: 23px; }
  .case-main { width: min(calc(100% - 32px), var(--max)); }
  .case-number-strip { grid-template-columns: 1fr; margin-bottom: 70px; }
  .case-number-strip > div { border-top: 1px solid var(--line); border-left: 0; }
  .case-number-strip > div:first-child { border-top: 0; }
  .case-story-grid { grid-template-columns: 1fr; }
  .case-quote { margin-bottom: 70px; padding: 36px; }
}

@media (max-width: 480px) {
  .brand > span:last-child { display: none; }
  .hero-form-foot { align-items: stretch; flex-direction: column; }
  .hero-form-foot > span { display: none; }
  .mode-picker { grid-template-columns: repeat(2, 1fr); }
  .product-demo { border-radius: 18px; }
  .outcome-strip { width: calc(100% - 32px); padding: 15px; }
  .outcome-strip span { justify-content: flex-start; }
  .number-strip span { justify-content: initial; }
  .story-numbers { grid-template-columns: 1fr; }
  .wheeldo-stage { min-height: 380px; padding: 18px; }
  .orbit-card { grid-template-columns: 35px 1fr; }
  .orbit-card > b { display: none; }
  .mini-preview { display: none; }
  .wok-services { grid-template-columns: 1fr 1fr; }
  .final-actions { width: 100%; flex-direction: column; }
  .final-actions .button { width: 100%; }
  .site-footer nav { flex-wrap: wrap; }
  .guide-title { flex-direction: column; }
  .guide-title h2 { font-size: 27px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; }
}