:root{--bg:#f8f8f5;--paper:#fff;--ink:#191820;--sub:#62616a;--muted:#83808b;--violet:#5e50f9;--pink:#dd7db4;--lime:#c8f16b;--line:#dedce4;--nav-bg:rgba(255,255,255,.91);--focus:#8e72ef;--surface:#f4f0fb}
:root[data-theme=dark]{--bg:#1a1724;--paper:#252032;--ink:#f5f0fd;--sub:#c2bbca;--muted:#ada2bc;--violet:#9f87ff;--pink:#edadd0;--line:#4c4158;--nav-bg:rgba(37,31,51,.94);--surface:#282036}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Geist',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);color:var(--ink);min-width:320px;overflow-x:hidden;-webkit-font-smoothing:antialiased}button,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.sr-only,.skip:not(:focus){position:absolute;clip:rect(0,0,0,0);height:1px;width:1px;overflow:hidden;white-space:nowrap}.skip:focus{position:fixed;top:8px;left:8px;z-index:1000;background:var(--paper);padding:12px}
.site-header{position:absolute;z-index:20;inset:14px 0 auto;pointer-events:none}.topbar{position:relative;pointer-events:auto;display:flex;align-items:center;justify-content:space-between;width:min(1370px,calc(100% - 2*clamp(16px,4.2vw,70px)));height:72px;margin-inline:auto;padding:0 16px 0 30px;border:1px solid var(--line);border-radius:999px;background:var(--nav-bg);box-shadow:0 12px 42px rgba(46,34,75,.065);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.brand{position:relative;z-index:2;font-size:1.5rem;letter-spacing:-.03em;font-weight:400;white-space:nowrap}.primary-nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:36px;align-items:center;justify-content:center}.nav-link{font-size:.91rem;font-weight:550;border:0;background:transparent;color:var(--sub);padding:10px 0;white-space:nowrap}.nav-link:hover{color:var(--violet)}.header-actions{margin-left:auto;z-index:2;display:flex;align-items:center;gap:14px}.theme-switch{display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--paper);border-radius:12px;min-height:42px;gap:11px;padding:0 14px}.theme-glyph{font-size:1.19rem;color:var(--sub)}.theme-switch select{appearance:none;background:none;border:0;color:var(--ink);font-size:.79rem;font-weight:560;cursor:pointer;min-width:47px}.theme-switch svg{height:13px;width:13px;stroke:var(--sub);stroke-width:1.6;fill:none;pointer-events:none}.header-connect{background:var(--ink);color:var(--bg);border:none;border-radius:12px;font-size:.79rem;font-weight:650;padding:13px 16px;white-space:nowrap}.header-connect span{margin-left:9px}.mobile-menu{display:none;width:42px;height:42px;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:var(--paper);border:1px solid var(--line);border-radius:12px}.mobile-menu span{width:17px;height:1.75px;background:var(--ink);border-radius:2px}
.hero{position:relative;isolation:isolate;min-height:clamp(720px,96svh,940px);overflow:hidden;display:flex;align-items:flex-start;justify-content:center;padding:clamp(158px,19vh,183px) 0 0}.hero-art{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse 67% 38% at 48% 91%,rgba(173,133,231,.095),transparent 85%),radial-gradient(ellipse 39% 23% at 85% 92%,rgba(227,149,204,.055),transparent 92%)}:root[data-theme=dark] .hero-art{background:radial-gradient(ellipse 60% 33% at 48% 91%,rgba(153,108,222,.145),transparent 86%)}.hero-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.hero-content{width:min(1180px,calc(100% - 44px));position:relative;text-align:center;z-index:1}.hero-eyebrow{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin:0 0 clamp(30px,3.5vw,43px);font-size:.73rem;letter-spacing:.18em;text-transform:uppercase;font-weight:690;color:var(--sub)}.hero-eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--violet);box-shadow:0 0 0 5px rgba(94,80,249,.11)}.hero-eyebrow span{color:var(--violet)}.hero h1{font-size:clamp(3.4rem,7.2vw,7.35rem);letter-spacing:-.025em;font-weight:300;line-height:1.14;margin:0 auto 32px;max-width:1140px;text-wrap:balance}.hero h1 span{display:block}.gradient-type{background:linear-gradient(102deg,#6454f8 6%,#956be3 54%,#dd7db4 98%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding-bottom:.045em}:root[data-theme=dark] .gradient-type{background-image:linear-gradient(102deg,#a394ff,#c2a1ee 53%,#f2b4d4)}.hero-deck{max-width:790px;margin:0 auto 30px;font-size:clamp(1.09rem,1.72vw,1.36rem);line-height:1.65;letter-spacing:-.012em;color:var(--sub)}.hero-deck strong{font-weight:600;color:var(--ink)}.hero-actions{display:flex;align-items:center;justify-content:center;gap:24px}.btn-primary,.text-action{border:0;font-size:.86rem;font-weight:620;white-space:nowrap}.btn-primary{background:var(--ink);color:var(--bg);border-radius:11px;padding:15px 22px}.btn-primary:hover{background:#5443d4;color:#fff}.btn-primary span,.text-action span{margin-left:17px;font-size:1.12rem}.text-action{background:transparent;color:var(--ink);padding:15px 7px}.text-action:hover{color:var(--violet)}.hero-scroll{position:absolute;top:calc(clamp(720px,96svh,940px) - clamp(158px,19vh,183px) - 95px);left:50%;transform:translateX(-50%);white-space:nowrap;font-size:.71rem;font-weight:650;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.hero-scroll span{margin-left:7px}.motion-control{position:absolute;z-index:3;bottom:28px;right:clamp(24px,5.1vw,82px);display:grid;place-items:center;width:51px;height:51px;border:1px solid var(--line);border-radius:50%;background:color-mix(in srgb,var(--paper) 94%,transparent);color:var(--ink);box-shadow:0 6px 22px rgba(56,45,92,.08);transition:transform .2s,border-color .2s}.motion-control:hover{transform:translateY(-2px);border-color:var(--violet)}.motion-control svg{height:18px;width:18px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.motion-control .play-icon{display:none;fill:currentColor;stroke:none}.motion-control[aria-pressed=true] .pause-icon{display:none}.motion-control[aria-pressed=true] .play-icon{display:block}
.preview-note{max-width:950px;margin:0 auto;padding:40px 28px 70px;text-align:center;border-top:1px solid var(--line);color:var(--sub);font-size:.98rem;line-height:1.7}.preview-note p{max-width:750px;margin:12px auto 0}.preview-eyebrow{color:var(--violet);letter-spacing:.16em;text-transform:uppercase;font-weight:660;font-size:.68rem}.toast{position:fixed;z-index:100;bottom:24px;left:50%;transform:translate(-50%,15px);background:var(--ink);color:var(--bg);padding:12px 20px;border-radius:12px;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s;box-shadow:0 12px 42px rgba(0,0,0,.1);font-size:.85rem;max-width:90vw;text-align:center}.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media(max-width:1070px){.topbar{padding-left:22px}.primary-nav{gap:21px}.brand{font-size:1.33rem}.header-actions{gap:9px}.header-connect{padding:12px}.hero{min-height:780px;padding-top:174px}.hero-scroll{top:calc(780px - 174px - 85px)}}
@media(max-width:850px){.topbar{height:64px;padding-left:20px}.primary-nav{display:none;position:absolute;top:calc(100% + 10px);left:0;right:0;transform:none;padding:14px;background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:0 13px 38px rgba(40,29,73,.10);flex-direction:column;align-items:stretch;gap:0}.primary-nav.open{display:flex}.primary-nav .nav-link{width:100%;padding:15px 18px;text-align:left}.mobile-menu{display:flex}.hero{padding-top:161px}.hero h1{font-size:clamp(3.4rem,8vw,5.7rem)}.hero-scroll{top:calc(780px - 161px - 80px)}}
@media(max-width:640px){.topbar{width:calc(100% - 28px);height:62px;padding:0 10px 0 18px}.brand{font-size:1.2rem}.header-connect{display:none}.theme-switch{min-height:38px;padding:0 10px;gap:6px}.theme-switch select{font-size:.77rem}.mobile-menu{width:38px;height:38px}.hero{min-height:max(745px,94svh);padding-top:160px}.hero-content{width:calc(100% - 40px)}.hero-eyebrow{font-size:.58rem;letter-spacing:.11em;flex-wrap:wrap;gap:6px;margin-bottom:34px}.hero h1{font-size:clamp(2.6rem,10.3vw,4.1rem);letter-spacing:-.027em;line-height:1.17;margin-bottom:30px}.hero-deck{font-size:1.03rem;line-height:1.6;max-width:460px;margin-bottom:29px}.hero-actions{gap:10px}.btn-primary{padding:13px 12px;font-size:.77rem}.text-action{font-size:.76rem;padding:12px 0}.btn-primary span,.text-action span{margin-left:5px}.hero-scroll{top:auto;bottom:74px;font-size:.62rem}.motion-control{width:43px;height:43px;right:16px;bottom:18px}.preview-note{font-size:.9rem}}
@media(max-width:360px){.brand{font-size:1.05rem}.theme-glyph{display:none}.theme-switch{padding:0 6px}.hero h1{font-size:clamp(2.45rem,10vw,3.5rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-control,.toast{transition:none}}

/* Isolated comparison controls; no changes to V6 navigation, copy or layout. */
.study-control{position:absolute;z-index:4;left:clamp(20px,5vw,75px);bottom:22px;display:flex;align-items:center;gap:11px;background:color-mix(in srgb,var(--paper) 95%,transparent);border:1px solid var(--line);border-radius:999px;padding:5px 6px 5px 14px;box-shadow:0 6px 25px rgba(50,35,86,.07);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.study-label{font-size:.56rem;font-weight:650;letter-spacing:.11em;color:var(--muted);white-space:nowrap}.study-buttons{display:flex;gap:2px;background:var(--surface);border-radius:999px;padding:3px}.study-choice{font-size:.71rem;font-weight:650;color:var(--sub);background:transparent;border:0;border-radius:999px;padding:7px 10px;line-height:1.2;transition:background .15s,color .15s,box-shadow .15s}.study-choice span{font-weight:500}.study-choice[aria-pressed="true"]{background:var(--paper);color:var(--ink);box-shadow:0 1px 7px rgba(39,25,71,.12)}.study-choice:hover{color:var(--violet)}.preview-note h2{font-size:1.26rem;font-weight:400;letter-spacing:-.025em;color:var(--ink);margin:12px 0 5px}.preview-note p:last-child{font-size:.89rem;opacity:.8}
@media(max-width:640px){.study-control{left:12px;bottom:16px;gap:5px;padding:4px 5px 4px 8px}.study-label{font-size:.48rem;letter-spacing:.05em}.study-choice{font-size:.62rem;padding:6px 6px}.study-choice span{font-size:.61rem}.motion-control{right:13px;bottom:16px}.hero-scroll{bottom:88px}}

/* Scroll affordance belongs to the hero canvas, not the shrinking copy column on phones. */
.hero-scroll{position:absolute;top:auto;bottom:72px;left:50%;z-index:3;transform:translateX(-50%);margin:0;pointer-events:none}
@media(max-width:640px){.hero-scroll{top:auto;bottom:86px}}

/* Hero lab-only replay control; not part of the published layout. */
.replay-arrival{position:absolute;z-index:4;bottom:30px;left:clamp(24px,5.1vw,82px);height:47px;padding:0 15px;display:flex;align-items:center;gap:9px;border-radius:999px;border:1px solid var(--line);color:var(--sub);background:color-mix(in srgb,var(--paper) 94%,transparent);font-size:.76rem;font-weight:580;box-shadow:0 6px 22px rgba(56,45,92,.06)}
.replay-arrival:hover{color:var(--violet);border-color:var(--violet)}
.replay-arrival svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:640px){.replay-arrival{left:16px;bottom:22px;height:43px;padding-inline:13px;font-size:.72rem}}
@media(prefers-reduced-motion:reduce){.replay-arrival{display:none}}