/* Task 08.06: responsive fixes only; desktop and original assets retained. */
@media (max-width:700px) {
  html { scroll-behavior:auto; scroll-padding-bottom:88px; }
  .topbar { gap:12px; }
  .nav-cta { min-height:44px; display:inline-flex; align-items:center; text-align:center; }
  .previewbar { font-size:11px; padding:10px 18px; }
  .cinematic-flow .hero { min-height:0; gap:0; }
  .hero .hero-photo { height:460px; object-position:65% top; }
  .hero .hero-shade { background:linear-gradient(180deg,#17141120 0%,#17141110 260px,#171411 450px,#171411); }
  .hero .hero-copy { width:100%; margin:0; padding:390px 22px 42px; }
  .hero h1 { font-size:clamp(34px,10vw,46px); line-height:1.08; letter-spacing:-.035em; }
  .hero .eyebrow { font-size:11px; line-height:1.5; }
  .hero-lead { font-size:16px; }
  .hero-sub { font-size:15px; }
  .hero-actions { flex-wrap:wrap; }
  .hero-actions .button { min-height:48px; font-size:14px; }
  .hero-facts { flex-wrap:wrap; }
  .hero-facts span { background:#ffffff0a; color:#fff8ed; border-color:#ffffff40; font-size:10px; }
  .hero-note { font-size:13px; }
  .hero-bottom { position:relative; left:auto; bottom:auto; padding:0 22px 30px; font-size:10px; flex-wrap:wrap; }
  .story.section-wrap { margin:0; min-height:0; padding:42px 22px 20px; flex-direction:column; align-items:stretch; }
  .story-copy { width:100%; max-width:none; order:1; }
  .scene-photo { position:relative; top:auto; bottom:auto; right:auto; left:auto; width:100%; height:auto; transform:none; order:2; margin-top:12px; }
  .scene-shade { display:none; }
  .story h2 { font-size:clamp(30px,8.5vw,40px); }
  .shortcut-copy h2,.brain-copy h2,.kit-section .section-heading h2 { font-size:clamp(32px,9vw,44px); }
  .section-heading>p,.scope-note { overflow-wrap:anywhere; }
  .snap-stage { min-height:0; padding-bottom:28px; }
  .snap-heading { padding:40px 20px 0; min-height:180px; box-sizing:border-box; }
  .snap-heading h2 { font-size:clamp(28px,8vw,38px); }
  .snap-heading p { font-size:14px; line-height:1.5; margin:14px 0 0; }
  .snap-image { top:180px; height:420px; object-position:50% 40%; }
  .snap-range { top:180px; height:420px; }
  .snap-divider { top:180px; bottom:auto; height:420px; }
  .snap-state { top:380px; }
  .snap-offer { position:relative; bottom:auto; left:auto; transform:none; margin:440px auto 0; width:calc(100% - 40px); max-width:360px; padding:24px 20px; }
  .snap-price { flex-wrap:wrap; }
  .snap-price strong { font-size:58px; }
  .snap-waitlist { min-height:48px; }
  .snap-includes { font-size:15px; }
  .snap-note { font-size:13px; }
  .mobile-bar { padding-bottom:calc(11px + env(safe-area-inset-bottom)); gap:12px; }
  .mobile-bar a { min-height:44px; display:flex; align-items:center; text-align:center; }
  .factory-closing { padding-bottom:calc(88px + env(safe-area-inset-bottom)); }
  .faq-list summary { min-height:44px; font-size:16px; }
  #waiting-form { padding:22px 18px; }
  #waiting-form #phone { margin-bottom:8px; }
  #phone-help { margin:0 0 22px; font-size:13px; }
  #waiting-form .consent { font-size:15px; }
  #waiting-form .fine { font-size:13px; }
  #waiting-form button:disabled { opacity:.7; cursor:wait; }
  #result { overflow-wrap:anywhere; }
}