/* Two product-specific motion directions. Native scrolling, no animation library. */
body[data-launch][data-jano-page]:not(.legacy){--ink:#20201e;--paper:#f0ece3;--accent:#fa6d43;--soft:#dfd8cb;--line:rgba(32,32,30,.22);--muted:#56554f;--motion-accent:#a94728;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:clip}
body[data-launch=brain][data-jano-page]:not(.legacy){--ink:#e9e8f4;--paper:#15151f;--accent:#bcf58c;--soft:#252536;--line:#ffffff29;--muted:#b7b4c6;--motion-accent:#bcf58c}
[data-launch] .launch-hero h1 em{color:var(--motion-accent)}
[data-launch=brain] .flow-row strong{color:#365e21}
[data-launch] .wrap{max-width:none;padding:0}
[data-launch] .nav{margin:0;padding:16px 4vw;min-height:76px;border-bottom:1px solid var(--line);background:var(--paper);color:var(--ink)}
[data-launch] .nav .brand,[data-launch] .nav a{color:var(--ink)}
[data-launch] .brand b{background:var(--accent);color:#20201e}
[data-launch] .nav-links{gap:24px}
[data-launch] .footer{padding:28px 4vw;margin:0;border-top:1px solid var(--line);color:var(--muted);background:var(--paper)}
[data-launch] .footer a{color:var(--ink)}
[data-launch] h1,[data-launch] h2,[data-launch] h3,[data-launch] p{margin:0}
[data-launch] a:focus-visible,[data-launch] button:focus-visible,[data-launch] input:focus-visible,[data-launch] summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
[data-launch] .eyebrow{font:11px/1.5 Consolas,monospace;letter-spacing:1.7px;color:inherit}
[data-launch] .launch-hero{min-height:800px;min-height:calc(100svh - 76px);padding:60px 4vw 30px;display:grid;grid-template-columns:1.2fr 1fr;position:relative;isolation:isolate;align-items:center;gap:30px;overflow:clip}
.launch-hero:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:96px 96px;opacity:.23;mask-image:linear-gradient(110deg,transparent 35%,black)}
[data-launch] .launch-hero h1{font-size:clamp(68px,7.7vw,130px);font-weight:800;letter-spacing:-.085em;line-height:.9;margin:32px 0;position:relative;z-index:2}
.launch-hero h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.065em}
.launch-hero .intro{max-width:460px;font-size:17px;line-height:1.65;color:var(--muted)}
[data-launch] .actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin:30px 0 20px}
[data-launch] .button{display:inline-flex;align-items:center;gap:25px;background:var(--ink);color:var(--paper);padding:17px 23px;border:1px solid var(--ink);clip-path:none!important;border-radius:0;min-height:52px;font-size:14px;text-decoration:none}
[data-launch] .text-link{color:var(--ink);font-size:14px;text-decoration:none;border-bottom:1px solid var(--line);padding:13px 0}
.release-note{font:11px/1.6 Consolas,monospace;color:var(--muted);max-width:460px}
.hero-index{grid-column:1/-1;display:flex;justify-content:space-between;padding-top:35px;font:10px Consolas,monospace;letter-spacing:1px;color:var(--muted);align-self:end}
.mini-scene{height:520px;position:relative;perspective:1100px;display:grid;place-items:center;touch-action:pan-y}
.scene-tag{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:space-between;font:10px Consolas,monospace;letter-spacing:1px;color:var(--muted)}
.mail-object{position:relative;width:300px;height:360px;transform-style:preserve-3d;transform:rotateX(calc(13deg + var(--hero-rx,0deg))) rotateY(calc(-20deg + var(--hero-ry,0deg))) rotateZ(-10deg);transition:transform .15s linear}
.mail-sheet{position:absolute;inset:0;padding:30px;display:flex;flex-direction:column;gap:18px;border:1px solid #222;box-shadow:0 30px 60px #0002;backface-visibility:hidden;transform:translate3d(calc(var(--i)*14px),calc(var(--i)*-16px),calc(var(--i)*38px));background:#f8f3eb;color:#262520}
.mail-sheet:nth-child(1){background:#b7a2e7}.mail-sheet:nth-child(2){background:#fa6d43}.mail-sheet:nth-child(3){background:#efecdf}
.sheet-code{font:10px Consolas,monospace;letter-spacing:1px}.sheet-title{font-size:49px;font-weight:800;line-height:.96;letter-spacing:-3px}.sheet-rule{height:2px;background:currentColor;opacity:.8;width:100%}.sheet-line{height:5px;background:currentColor;opacity:.17;width:90%}.sheet-line:nth-last-child(2){width:65%}.sheet-orb{width:85px;height:85px;border-radius:50%;background:#fa6d43;box-shadow:inset -14px -10px 18px #0003;align-self:flex-end}
.scene-orbit{position:absolute;width:460px;height:460px;border:1px solid var(--line);border-radius:50%;transform:rotateX(65deg) rotateZ(-25deg)}
.orbit-caption{position:absolute;top:18%;right:3%;font:11px Consolas,monospace;padding:9px 12px;border:1px solid var(--line);background:var(--paper);transform:rotate(8deg)}
.brain-object{position:relative;width:270px;height:270px;transform-style:preserve-3d;transform:rotateX(calc(-24deg + var(--hero-rx,0deg))) rotateY(calc(-32deg + var(--hero-ry,0deg))) rotateZ(8deg);transition:transform .15s linear}
.voxel{width:112px;height:112px;position:absolute;transform-style:preserve-3d;left:79px;top:79px;transform:translate3d(calc(var(--x)*132px),calc(var(--y)*132px),calc(var(--z)*132px))}
.voxel i{display:block;position:absolute;inset:0;border:1px solid #d6ffc1a6;background:#bcf58cd9;backface-visibility:hidden}
.voxel i:nth-child(1){transform:translateZ(56px)}.voxel i:nth-child(2){transform:rotateY(90deg) translateZ(56px);background:#8fb671}.voxel i:nth-child(3){transform:rotateY(180deg) translateZ(56px);background:#5a7350}.voxel i:nth-child(4){transform:rotateY(-90deg) translateZ(56px);background:#718e5c}.voxel i:nth-child(5){transform:rotateX(90deg) translateZ(56px);background:#d1ffad}.voxel i:nth-child(6){transform:rotateX(-90deg) translateZ(56px);background:#557b41}
.voxel:nth-child(3n) i{background:#b9a4ffbb;border-color:#ded5ff}.voxel:nth-child(3n) i:nth-child(2){background:#8171ba}.voxel:nth-child(3n) i:nth-child(5){background:#d3c2ff}
.ribbon-window{overflow:clip;padding:50px 0;background:var(--paper)}
.launch-ribbon{width:130%;margin-left:-15%;padding:20px 0;background:var(--accent);color:#20201e;transform:rotate(-3deg) translateX(var(--ribbon-x,0px));display:flex;gap:70px;white-space:nowrap;font-size:clamp(26px,4vw,60px);font-weight:800;letter-spacing:-2px}
.launch-ribbon span:after{content:"";display:inline-block;width:1em;height:1em;vertical-align:-.12em;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%202v20M2%2012h20M5%205l14%2014M5%2019%2019%205%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%202v20M2%2012h20M5%205l14%2014M5%2019%2019%205%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;margin-left:70px}.launch-ribbon.reverse{background:#b9a4ff;transform:rotate(3deg) translateX(var(--ribbon-x,0px))}
.manifesto{padding:110px 6vw 130px;position:relative;background:var(--paper);overflow:clip}
.manifesto .eyebrow{margin-bottom:45px}.manifesto h2{font-size:clamp(48px,7.8vw,120px);letter-spacing:-.07em;line-height:1.04;max-width:1250px}
.fill-word{position:relative;display:inline-block;color:transparent;-webkit-text-stroke:1px var(--ink)}
.fill-word:after{content:attr(data-word);position:absolute;inset:0;color:var(--ink);-webkit-text-stroke:0;clip-path:inset(0 calc((1 - var(--fill,1))*100%) 0 0)}
.manifesto .aside-copy{max-width:440px;margin:50px 0 0 auto;color:var(--muted);font-size:17px;line-height:1.75}
.lab-section{padding:75px 4vw 100px;background:var(--lab-bg,#dacfff);color:var(--lab-ink,#241d37);position:relative;overflow:clip;--line:#241d3733}
[data-launch=brain] .lab-section{--lab-bg:#c7f2a8;--lab-ink:#233020}
.chapter-head{display:flex;justify-content:space-between;gap:30px;padding:0 0 26px;border-bottom:1px solid var(--line);font:11px Consolas,monospace;letter-spacing:1px}
.lab-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin:45px 0}
.lab-heading h2{font-size:clamp(42px,5vw,78px);line-height:1;letter-spacing:-.055em;max-width:680px}
.lab-heading p{max-width:330px;font-size:15px;line-height:1.7}
.explosion-lab{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.explosion-stage{min-height:540px;perspective:1200px;position:relative;display:grid;place-items:center;border:1px solid #241d3726;background:radial-gradient(ellipse at center,#fff6,transparent 70%);overflow:hidden}
.exploded-stack{width:300px;height:330px;position:relative;transform-style:preserve-3d;transform:rotateX(42deg) rotateZ(-25deg) rotateY(var(--turn,0deg));}
.exploded-layer{position:absolute;inset:0;background:#f5f0e8;border:1px solid #32293d;display:flex;flex-direction:column;justify-content:space-between;padding:25px;box-shadow:15px 25px 30px #30253820;transform:translate3d(calc(var(--n)*var(--spread,35)*.55px),calc(var(--n)*var(--spread,35)*-.4px),calc(var(--n)*var(--spread,35)*1.5px));transition:transform .1s linear}
.exploded-layer:nth-child(2){background:#ff916c}.exploded-layer:nth-child(3){background:#f7edcf}.exploded-layer:nth-child(4){background:#29232f;color:#f3e8d2}
[data-launch=brain] .exploded-layer:nth-child(2){background:#a2c4ee}[data-launch=brain] .exploded-layer:nth-child(3){background:#b9a4ff}[data-launch=brain] .exploded-layer:nth-child(4){background:#242735}
.layer-num{font:12px Consolas,monospace}.layer-title{font-size:39px;letter-spacing:-2px;font-weight:700}.layer-lines{height:60px;background:repeating-linear-gradient(0deg,currentColor 0 2px,transparent 2px 15px);opacity:.2;width:75%}
.lab-controls{max-width:480px}.lab-controls h3{font-size:30px;letter-spacing:-1px;margin-bottom:15px}.lab-controls>p{font-size:16px;line-height:1.8;margin-bottom:30px}
.range-label{display:flex;justify-content:space-between;gap:20px;font-size:14px;font-weight:700}.lab-controls input[type=range]{width:100%;accent-color:#29232f;min-height:48px;cursor:ew-resize}.range-ends{display:flex;justify-content:space-between;font:11px Consolas,monospace;margin-bottom:28px}
.lab-reset{font:13px Arial;background:transparent;border:1px solid currentColor;padding:13px 18px;color:inherit;min-height:44px;cursor:pointer}
.layer-key{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:28px 0;border-top:1px solid #241d3733;margin-top:28px}.layer-key span{font:12px/1.6 Consolas,monospace}.lab-disclaimer{font:11px/1.6 Consolas,monospace;margin-top:25px!important}
.reality-section{padding:100px 4vw;background:var(--paper);overflow:clip}
.reality-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;margin-bottom:60px;align-items:end}.reality-heading h2{font-size:clamp(48px,5.6vw,88px);letter-spacing:-.06em;line-height:1.01;margin-top:24px}.reality-heading p{font-size:17px;line-height:1.75;max-width:460px;color:var(--muted)}
.real-window{margin:0 auto;max-width:1350px;transform:perspective(1800px) rotateX(var(--screen-x,0deg));transform-origin:center bottom}.real-window img{display:block;width:100%;height:auto;border:1px solid var(--line);box-shadow:0 25px 70px #0002;border-radius:8px}.real-window figcaption{display:flex;justify-content:space-between;padding-top:20px;color:var(--muted);font:11px/1.6 Consolas,monospace}
.screen-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0}.screen-tabs button{border:1px solid var(--line);background:transparent;color:var(--ink);padding:12px 18px;font:13px Arial;min-height:44px;cursor:pointer}.screen-tabs button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.flow-section{padding:90px 4vw 110px;background:var(--ink);color:var(--paper);overflow:clip}.flow-section .chapter-head{border-color:#8888}.flow-rows{margin-top:45px}.flow-row{display:grid;grid-template-columns:60px 1.1fr 1fr;gap:25px;padding:40px 0;border-bottom:1px solid #8886;align-items:baseline}.flow-row strong{font:13px Consolas,monospace;color:var(--accent)}.flow-row h3{font-size:clamp(28px,3.8vw,55px);letter-spacing:-.045em}.flow-row p{line-height:1.75;font-size:16px;max-width:420px}
[data-launch] .product-trailer{padding:95px 4vw;background:var(--paper);margin:0;border:0;color:var(--ink)}
[data-launch] .product-trailer .section-title{font-size:clamp(42px,5vw,76px);font-weight:700;letter-spacing:-.055em}
[data-launch] .product-trailer .eyebrow{color:var(--muted)}
[data-launch] .product-trailer p,[data-launch] .product-trailer figcaption,[data-launch] .product-trailer details{color:var(--muted)}
[data-launch] .product-trailer a{color:var(--ink)}
[data-launch] .product-trailer video{border-radius:8px;border:1px solid var(--line)}
.honest-section{padding:80px 6vw 110px;background:var(--soft);color:var(--ink)}
.honest-section h2{font-size:clamp(42px,5vw,75px);letter-spacing:-.06em;line-height:1.03;margin:24px 0 45px}
.honest-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px}.honest-grid article{border-top:1px solid var(--line);padding-top:22px}.honest-grid h3{font-size:23px;margin-bottom:17px}.honest-grid p{line-height:1.8;color:var(--muted);font-size:16px}
.finale{padding:110px 4vw;background:var(--accent);color:#20201e;position:relative;overflow:clip}.finale h2{font-size:clamp(55px,8vw,130px);letter-spacing:-.075em;line-height:.97;max-width:1050px;margin:25px 0 40px}.finale p{max-width:530px;line-height:1.7;font-size:17px}.finale a{--ink:#20201e;--paper:#fff6ef;margin-top:28px}.finale-orb{position:absolute;width:220px;height:220px;border:1px solid currentColor;border-radius:50%;right:-50px;bottom:-70px;transform:scale(var(--orb-scale,1));pointer-events:none}.finale-orb:before,.finale-orb:after{content:'';position:absolute;inset:25px;border:1px solid currentColor;border-radius:50%}.finale-orb:after{inset:55px}
.launch-motion [data-enter]{opacity:0;transform:translate3d(var(--entry-x,0px),50px,0) rotate(var(--entry-angle,0deg));transition:transform .9s cubic-bezier(.2,.7,.15,1),opacity .7s ease;transition-delay:var(--entry-delay,0ms)}
.launch-motion [data-enter].entered{opacity:1;transform:none}
@media(min-width:1000px){[data-launch=brain] .launch-hero h1{font-size:clamp(72px,8.2vw,138px)}}
@media(max-width:800px){[data-launch] .launch-hero{grid-template-columns:1fr;padding:45px 6vw 25px;gap:0;min-height:0}[data-launch] .launch-hero h1{font-size:clamp(57px,12vw,93px);margin:25px 0}.launch-hero .intro{font-size:16px}.mini-scene{height:400px;margin-top:10px;transform:scale(.85)}.hero-index{padding-top:0}.manifesto{padding:70px 6vw 80px}.manifesto h2{font-size:clamp(43px,8.8vw,72px)}.manifesto .aside-copy{margin-top:32px}.lab-heading{display:block}.lab-heading p{margin-top:24px;max-width:500px}.explosion-lab{grid-template-columns:1fr;gap:30px}.explosion-stage{min-height:420px}.exploded-stack{width:240px;height:270px}.exploded-layer{padding:18px}.layer-title{font-size:32px}.lab-controls{max-width:none}.reality-section{padding:70px 5vw}.reality-heading{grid-template-columns:1fr;gap:25px;margin-bottom:35px}.flow-row{grid-template-columns:32px 1fr;gap:15px}.flow-row p{grid-column:2}.flow-section{padding:60px 6vw 80px}.honest-grid{grid-template-columns:1fr;gap:35px}.chapter-head{font-size:10px}.chapter-head span:last-child{text-align:right;max-width:45%}.scene-tag{font-size:10px}.real-window figcaption{display:block}.real-window figcaption span{display:block;margin-bottom:5px}.launch-ribbon{gap:30px;letter-spacing:-1px}.launch-ribbon span:after{margin-left:30px}[data-launch] .product-trailer{padding:70px 5vw}[data-launch] .trailer-heading{display:block}.trailer-heading>p{margin:20px 0 30px!important}.honest-section{padding:60px 6vw 80px}.finale{padding:75px 6vw}.finale h2{font-size:clamp(49px,10vw,80px)}[data-launch] .nav{padding:12px 5vw}[data-launch] .nav-links{gap:16px}[data-launch] .nav .brand{font-size:11px}}
@media(max-width:400px){.mini-scene{height:340px;transform:scale(.72);margin:0 -15px}.explosion-stage{min-height:370px}.exploded-stack{width:210px;height:245px}.exploded-layer{padding:15px}.layer-title{font-size:28px}.scene-orbit{width:400px;height:400px}[data-launch] .launch-hero h1{font-size:56px}.nav-links a{font-size:11px}.screen-tabs button{padding:11px 12px}}
.exploded-stack{scale:calc(.95 - var(--spread,35)*.003)}
@media(max-width:800px){.exploded-stack{scale:calc(.84 - var(--spread,35)*.003)}.mini-scene{margin-top:35px}.scene-tag{display:none}}
@media(max-width:400px){.exploded-stack{scale:calc(.74 - var(--spread,35)*.003)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.launch-motion [data-enter]{opacity:1;transform:none;transition:none}.mail-object,.brain-object,.exploded-layer{transition:none}.launch-ribbon{transform:none!important}.fill-word:after{clip-path:none}.real-window{transform:none!important}.finale-orb{transform:none!important}}

/* Keep the accepted layered scenes fully visible at tablet widths. */
@media(min-width:801px) and (max-width:1100px){.explosion-lab{grid-template-columns:1fr}.explosion-stage{min-height:560px}.lab-controls{max-width:none}}