/* Mobile presentation at 85% of the previous size. Keep normal page flow,
   readable body text, and usable primary controls. Desktop is unchanged. */
@media (max-width: 650px) {
  :root { --mobile-scale: .85; --mobile-gutter: 20.4px; }
  .nav-inner { height:auto; min-height:48px; padding:6px var(--mobile-gutter); gap:6.8px 10.2px; }
  .wordmark { font-size:1.115625rem; }
  .hero { padding-top:47.6px; }
  .hero-copy { padding-inline:var(--mobile-gutter); }
  .hero h1 { font-size:clamp(2.125rem,11.05vw,2.975rem); }
  .hero-description { font-size:1.009375rem; margin-top:20.4px; }
  .hero-actions { gap:13.6px; margin-top:21.25px; }
  .viewer-wrap { width:85%; margin-inline:auto; margin-top:8.5px; }
  .device-viewer { height:301.75px; }
  .viewer-controls { gap:8.5px; margin-top:-4.25px; }
  .navigation .button-small,.hero-actions .button,.cta-copy .button,.scenario-arrow,
  .download-step .button-secondary { position:relative; overflow:visible;}
  .viewer-controls .segmented button{ overflow:visible;}.motion-button{ overflow:visible;}
  .viewer-controls { padding-block:6px; }
  .content-wide,.content-narrow { padding-inline:var(--mobile-gutter); }
  .section-pad { padding-block:61.2px; }
  .section-heading,.scenario-heading { font-size:2.125rem; }
  .section-description,.gallery-description,.pricing-intro { font-size:1.009375rem; margin-top:20.4px; }
  .section-description,.gallery-description { line-height:1.45; }
  .experience-section { padding-block:54.4px; }
  .experience-layout { gap:30.6px; }
  .experience-copy .section-description { margin-block:23.8px; }
  .interaction-instruction { font-size:.9375rem; margin:23.8px 0 15.3px; }
  .interactive-product { width:85%; }
  #demo-text-input { font-size:16px; }
  .palm-copy { padding-inline:var(--mobile-gutter); }
  .palm-copy .section-heading { font-size:clamp(2.7625rem,5.95vw,5.3125rem); }
  .palm-copy .section-description { margin-top:20.4px; }
  .palm-story { padding-bottom:40.8px; }
  .palm-art { width:calc((100% - 32px) * .85); margin-top:27.2px; }
  .palm-art img { border-radius:17px; }
  .full-screen-art { width:85%; margin:27.2px auto 0; }
  .full-screen-art img,.lid-comparison img { border-radius:17px; }
  .gallery-description { margin-bottom:27.2px; }
  .scenario-track { gap:17px; padding-inline:var(--mobile-gutter); scroll-padding-inline:var(--mobile-gutter); }
  .scenario-card { flex-basis:calc((100vw - 72px) * .85); }
  .scenario-card img { border-radius:17px; }
  .scenario-caption { font-size:.9375rem; padding-top:23.8px; line-height:1.45; }
  .gallery-controls { margin-top:23.8px; }
  .menu-bar-stage { width:85%; margin:27.2px auto 37.4px; }
  .menu-bar-stage .companion-popover { padding:15.3px; }
  .companion-popover > strong { font-size:.9375rem; }
  .companion-subtitle { font-size:.75rem; margin-bottom:15.3px; }
  .companion-menu-row { font-size:.75rem; }
  .setup-label { font-size:1.0625rem; margin-bottom:23.8px; }
  .setup-cards { gap:20.4px; }
  .setup-cards li,.setup-cards li:first-child,.setup-cards li:last-child { padding-left:39.1px!important; }
  .setup-cards li::before { width:25.5px; height:25.5px; font-size:.75rem; }
  .setup-cards li strong { font-size:.95625rem; }
  .setup-cards li p { font-size:.9375rem; margin-top:6.8px; }
  .lid-layout { gap:27.2px; margin-top:27.2px; }
  .lid-art { width:85%; margin-inline:auto; }
  .lid-options .lid-choice {}
  .lid-options .swatch { width:23.8px; height:23.8px; }
  .option-note { font-size:.9375rem; margin:21.25px 0 18.7px; }
  .lid-feedback { font-size:.75rem; }
  .lid-comparison { margin-top:40.8px; }
  .lid-comparison img { width:85%; margin-inline:auto; }
  .lid-comparison figcaption { margin-top:20.4px; font-size:.9375rem; }
  .lid-comparison figcaption strong { font-size:1.275rem; margin-bottom:6.8px; }
  .reactions-section { padding:54.4px 0 47.6px; }
  .reactions-label { font-size:.75rem; margin:17px 0 30.6px; }
  .reaction-track { gap:17px; padding-inline:var(--mobile-gutter); scroll-padding-inline:var(--mobile-gutter); }
  .reaction-card { flex-basis:calc((100vw - 64px) * .85); min-height:300px; padding:22.1px; border-radius:20.4px; }
  .reaction-card blockquote { font-size:1.5rem; margin-bottom:28.9px; }
  .reaction-card .reaction-kicker { font-size:.75rem; margin-bottom:25.5px; }
  .reaction-card figcaption { font-size:.75rem; }
  .reaction-link { font-size:.875rem; margin:0; min-height:44px; align-items:center; }
  .reaction-controls { gap:17px; }
  .pricing-intro { margin-bottom:25.5px; }
  .price-card { padding:23.8px 20.4px; border-radius:17px; }
  .price-card-top { gap:17px; }
  .plan-name { font-size:1.009375rem; }
  .plan-price { font-size:1.7rem; margin-top:11.05px; }
  .plan-badge { font-size:.6875rem; padding:6.8px 9.35px; }
  .plan-description { font-size:.875rem; margin-top:17.85px; }
  .price-label { font-size:.75rem; }
  .included-heading { font-size:.875rem; }
  .included-list { font-size:.9375rem; gap:14.45px; margin-block:22.1px; }
  .included-list li { gap:11.9px; }
  .price-card-bottom { gap:23.8px; padding-top:23.8px; }
  .download-step > span {  margin-bottom:12.75px; }
  .app-store-download img { width:120px; height:40px; }
  .download-step > small { font-size:.6875rem; margin-top:12.75px; }
  .pricing-footnote { font-size:.6875rem; margin-top:18.7px; }
  .faq-heading { font-size:1.7rem; margin-bottom:28.9px; }
  .faq-list p { font-size:.9375rem; padding-bottom:20.4px; }
  .cta-copy { width:calc(100% - 40.8px); padding:40.8px 0 27.2px; }
  .cta-heading { font-size:2.125rem; }
.cta-copy > p:not(.eyebrow):not(.offer-note) { font-size:1.009375rem; }
  .cta-photo { display:block; width:85%; margin-inline:auto; }
  .cta-photo img { border-radius:17px; }
  .product-footer { padding:40.8px 0 23.8px; }
  .footer-columns { gap:17px; margin:30.6px 0 34px; }
  .footer-columns h3 { font-size:.75rem; margin-bottom:15.3px; }
  .footer-columns a { font-size:.75rem; margin-block:11.9px; }
  .footer-identity { font-size:.75rem; margin-bottom:18.7px; }
}