/* Approved homepage visual story; existing forms and analytics are unchanged. */
.landing-page .hero-single-hypothesis{display:block;min-height:0;padding-block:3rem 2.5rem}
.landing-page .hero-single-hypothesis .hero-copy{max-width:none}
.landing-page .hero-single-hypothesis h1{max-width:20ch;font-size:clamp(2.5rem,4.8vw,4.25rem)}
.landing-page .hero-single-hypothesis .hero-definition{max-width:70ch;font-size:1.12rem;line-height:1.6;font-weight:650}
.landing-page .hero-single-hypothesis .hero-problem{max-width:78ch;font-size:1rem;line-height:1.6}
.visual-story{max-width:1440px;margin:0 auto 2rem;padding:0 24px;scroll-margin-top:1rem}
.story-heading{padding:1.3rem 0;border-top:1px solid var(--line)}
.story-heading .eyebrow{font-size:.75rem;margin:0 0 .6rem}
.story-heading h2{font-size:clamp(1.6rem,3vw,2.35rem);margin:0}
.story-stage{position:relative;background:#06182a}
.story-track{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;position:relative;padding-right:6%}
.story-track::-webkit-scrollbar{display:none}
.story-slide{position:relative;flex:0 0 100%;min-width:0;min-height:570px;color:#fff;scroll-snap-align:start;overflow:hidden;background:#06182a}
.story-image{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center top}
.story-peek{z-index:2;position:absolute;right:0;top:0;bottom:0;width:6%;padding:0;border:0;border-left:3px solid var(--paper);background:#06182a;cursor:pointer;overflow:hidden}
.story-peek img{width:100%;height:100%;object-fit:cover;object-position:78% center}
.story-copy{position:relative;width:47%;padding:3.5rem 0 6rem 3rem;z-index:1}
.story-kicker{color:#a5deff;font-family:var(--mono);font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;margin:0 0 1.25rem}
.story-copy h3{font-size:clamp(2rem,3.6vw,3.4rem);letter-spacing:-.05em;line-height:1.06;margin:0 0 1.4rem}
.story-copy>p:not(.story-kicker):not(.story-example-note){font-size:1.08rem;line-height:1.55;max-width:35ch;margin-bottom:0}
.story-art-note{position:absolute;right:1.1rem;bottom:.9rem;max-width:45%;margin:0;background:#051625e8;color:#d9e7f2;font-size:.7rem;line-height:1.45;padding:.35rem .5rem;text-align:right}
.story-controls{position:absolute;left:3rem;bottom:1.5rem;align-items:center;gap:1.1rem;color:#fff}
.story-controls:not([hidden]){display:flex}
.story-controls button{display:grid;place-items:center;border:1px solid #c1d5e4;background:#071423b3;border-radius:50%;width:48px;height:48px;cursor:pointer}
.story-controls button:hover{background:#164567}
.story-controls button:disabled{opacity:.4;cursor:default}
.story-controls span{font-family:var(--mono);font-size:.88rem;min-width:70px;text-align:center}
.story-chapters:not([hidden]){display:grid;grid-template-columns:1fr 1fr 1fr;padding:1.7rem 0;gap:1.5rem}
.story-chapters button{display:flex;gap:1rem;align-items:center;background:none;border:0;border-right:1px solid var(--line);text-align:left;color:var(--ink);padding:0 1rem .8rem 0;cursor:pointer;min-width:0;border-bottom:3px solid transparent}
.story-chapters button:last-child{border-right:0}
.story-chapters button[aria-current]{border-bottom-color:var(--blue)}
.story-chapters img{width:100px;height:92px;object-fit:cover;object-position:80% center}
.story-chapters small,.story-chapters strong,.story-chapters span>span{display:block}
.story-chapters small{color:var(--muted);font-family:var(--mono);font-size:.8rem;margin-bottom:.2rem}
.story-chapters button[aria-current] small{color:var(--blue)}
.story-chapters strong{font-size:1.06rem;line-height:1.3;margin-bottom:.35rem;letter-spacing:-.03em}
.story-chapters span>span{font-size:.83rem;color:var(--muted)}
.story-chapters .story-verdict-labels{font-size:.7rem;font-weight:800;color:var(--ink);margin-top:.7rem}
.story-bottom{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;border-top:1px solid var(--line);padding:1.4rem 0}
.story-bottom p{font-size:.8rem;color:#435363;margin:0 0 .25rem}
.story-bottom .button{flex-shrink:0;min-width:235px}
.story-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.8rem 0 1rem}
.story-results>div{border-top:2px solid #a5deff;padding-top:.65rem}
.story-results strong{display:block;font-family:var(--mono);font-size:.8rem;margin-bottom:.45rem;color:#a5deff}
.story-results>div:nth-child(2){border-color:#ffd784}.story-results>div:nth-child(2) strong{color:#ffd784}
.story-results>div:nth-child(3){border-color:#ffb5b0}.story-results>div:nth-child(3) strong{color:#ffb5b0}
.story-results span{font-size:.8rem;line-height:1.4;display:block}
.story-example-note{font-size:.75rem;line-height:1.5;color:#d9e7f2}
@media(max-width:1050px){.story-copy{width:50%;padding-left:2rem}.story-copy h3{font-size:2.6rem}.story-controls{left:2rem}.story-chapters img{width:75px;height:80px}.story-chapters strong{font-size:.94rem}}
@media(max-width:760px){
  .landing-page .hero-single-hypothesis{padding-block:1.6rem}
  .landing-page .hero-single-hypothesis h1{font-size:clamp(2.25rem,9.5vw,3.15rem)}
  .landing-page .hero-single-hypothesis .hero-definition{font-size:1rem;line-height:1.55}
  .landing-page .hero-single-hypothesis .hero-problem{font-size:.94rem}
  .visual-story{padding:0 16px;margin-bottom:1rem}
  .story-heading{padding:1.3rem 0}
  .story-track{padding-right:22px;gap:6px}
  .story-peek{width:22px;border-left-width:2px}
  .story-slide{min-height:0;display:flex;flex-direction:column;padding-bottom:90px}
  .story-image{position:relative;inset:auto;width:100%;height:255px;object-position:76% center;order:0}
  .story-copy{order:1;padding:1.4rem 1.25rem .5rem;width:100%}
  .story-copy h3{font-size:1.9rem;line-height:1.08;margin-bottom:.9rem}
  .story-kicker{font-size:.66rem;margin-bottom:.75rem}
  .story-copy>p:not(.story-kicker):not(.story-example-note){font-size:.95rem;line-height:1.5}
  .story-art-note{top:224px;bottom:auto;right:.5rem;max-width:95%;font-size:.61rem}
  .story-controls{left:1.25rem;bottom:1.25rem;gap:.8rem}
  .story-controls button{width:44px;height:44px}
  .story-chapters:not([hidden]){gap:.55rem;padding:1rem 0}
  .story-chapters button{display:block;padding:0 .4rem .75rem 0;align-self:stretch}
  .story-chapters img,.story-chapters span>span{display:none}
  .story-chapters strong{font-size:.78rem;line-height:1.4}
  .story-chapters small{font-size:.7rem;margin-bottom:.4rem}
  .story-bottom{display:block;padding:1rem 0}
  .story-bottom p{font-size:.75rem;line-height:1.5}
  .story-bottom .button{margin-top:1rem;min-width:0;width:100%}
  .story-results{gap:.65rem;margin-top:1.2rem}
  .story-results strong{font-size:.68rem}
  .story-results span{font-size:.72rem}
  .story-example-note{font-size:.7rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story-track{scroll-behavior:auto}.visual-story .button{transition:none}}