:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--ink:#f4f5f1;--muted:#edf2edad;--line:#ffffff29;--accent:#7be6c2;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);background:#050706;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:auto;background:#050706}body{min-width:320px;color:var(--ink);background:#050706;margin:0;overflow-x:clip}button,a{color:inherit;font:inherit}button{border:0}a{text-decoration:none}:focus-visible{outline-offset:4px;outline:2px solid #fff}.skip-link{z-index:100;color:#050706;background:#fff;padding:.75rem 1rem;transition:transform .18s;position:fixed;top:.75rem;left:.75rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.showcase-shell{isolation:isolate;--chapter-glow:#3d806842;min-height:440svh;position:relative}html[data-chapter="2"] .showcase-shell{--accent:#79b7f7;--chapter-glow:#325b8e4d}html[data-chapter="3"] .showcase-shell{--accent:#b98cf4;--chapter-glow:#66368e4a}html[data-chapter="4"] .showcase-shell{--accent:#e4b266;--chapter-glow:#9061274d}.scene{z-index:0;pointer-events:none;background:radial-gradient(ellipse 46% 62% at 50% 45%, var(--chapter-glow), transparent 68%), radial-gradient(ellipse 100% 100% at 50% 52%, #172019 0%, #0a0e0b 54%, #030504 100%);transition:background .8s;position:fixed;inset:0;overflow:hidden}.scene:before,.scene:after{content:"";filter:blur(90px);opacity:.22;border-radius:50%;transition:background .7s,transform .9s cubic-bezier(.16,1,.3,1);position:absolute}.scene:before{background:var(--accent);width:32vw;height:32vw;top:16vh;left:-12vw}.scene:after{background:color-mix(in srgb, var(--accent), #fff 20%);width:24vw;height:24vw;bottom:10vh;right:-8vw}html[data-chapter="2"] .scene:before,html[data-chapter="4"] .scene:before{transform:translate(25vw,18vh)scale(.72)}html[data-chapter="3"] .scene:after{transform:translate(-28vw,-16vh)scale(1.2)}.scene__canvas,.scene__wash{width:100%;height:100%;position:absolute;inset:0}.scene__canvas{display:block}.scene__wash{background:linear-gradient(90deg,#0204033d,#0000 34% 66%,#0204033d),linear-gradient(#02040347,#0000 18% 78%,#0204037a)}.scene-interaction{z-index:2;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.scene-interaction.is-dragging{cursor:grabbing}.showcase-header{z-index:20;padding:calc(1.25rem + var(--safe-top)) calc(2rem + var(--safe-right)) 1.25rem calc(2rem + var(--safe-left));pointer-events:none;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex;position:fixed;top:0;left:0;right:0}.showcase-brand,.showcase-header__meta{pointer-events:auto}.showcase-brand{letter-spacing:.14em;gap:.18rem;font-size:.88rem;font-weight:800;display:grid}.showcase-brand small{color:var(--muted);letter-spacing:.17em;font-size:.58rem;font-weight:650}.showcase-header__meta{color:var(--muted);letter-spacing:.12em;gap:1rem;font-size:.68rem;font-weight:700;display:flex}.showcase-header__meta span:first-child{color:var(--ink)}.progress{top:calc(4.75rem + var(--safe-top));left:calc(2rem + var(--safe-left));right:calc(2rem + var(--safe-right));z-index:20;pointer-events:none;background:#ffffff1f;height:1px;position:fixed}.progress span{background:var(--accent);transform-origin:0;width:100%;height:100%;transition:background .5s;display:block;transform:scaleX(0)}.chapters{z-index:4;pointer-events:none;position:relative}.chapter{align-items:center;min-height:110svh;padding:8rem max(4vw,2rem) 5rem;display:flex;position:relative}.chapter--right{justify-content:flex-end}.chapter--left{justify-content:flex-start}.chapter--center{justify-content:flex-start;align-items:flex-end}.chapter__copy{opacity:.24;width:min(42rem,43vw);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(2rem)}.chapter.is-active .chapter__copy{opacity:1;transform:translateY(0)}.chapter__copy>*{pointer-events:auto}.chapter__copy--final{width:min(35rem,36vw);padding-bottom:1.5rem}.eyebrow{color:var(--accent);letter-spacing:.17em;align-items:center;gap:.7rem;margin:0 0 1.2rem;font-size:.68rem;font-weight:800;transition:color .5s;display:flex}.eyebrow:before{content:"";background:currentColor;width:2rem;height:1px}h1,h2{letter-spacing:-.065em;text-wrap:balance;max-width:11ch;margin:0;font-size:clamp(3.25rem,5.8vw,7rem);font-weight:640;line-height:.9}.chapter--center h2{font-size:clamp(3rem,5.6vw,6rem)}.chapter__lead{max-width:37rem;color:var(--muted);margin:1.6rem 0 0;font-size:clamp(.95rem,1.2vw,1.12rem);line-height:1.65}.scroll-cue{color:#ffffff8a;letter-spacing:.16em;align-items:center;gap:.8rem;margin-top:2rem;font-size:.61rem;font-weight:750;display:flex}.scroll-cue i{background:#fff3;width:3rem;height:1px;position:relative;overflow:hidden}.scroll-cue i:after{content:"";background:var(--accent);animation:1.7s ease-in-out infinite cue;position:absolute;inset:0}@keyframes cue{0%{transform:translate(-100%)}to{transform:translate(100%)}}.signal-list{border-top:1px solid var(--line);width:min(32rem,100%);margin:1.8rem 0 0;padding:0;list-style:none;display:grid}.signal-list li{border-bottom:1px solid var(--line);color:#ffffffd1;grid-template-columns:2.5rem 1fr;gap:.6rem;padding:.82rem 0;font-size:.84rem;display:grid}.signal-list span{color:var(--accent);font-size:.62rem;font-weight:750}.variant-picker{flex-wrap:wrap;gap:.55rem;margin-top:1.8rem;display:flex}.variant{color:#ffffffb3;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0e;border:1px solid #ffffff21;border-radius:999px;align-items:center;gap:.55rem;min-height:2.85rem;padding:.45rem .9rem .45rem .48rem;transition:color .18s,border-color .18s,background .18s,transform .18s;display:flex}.variant:hover{transform:translateY(-2px)}.variant.is-active{color:#fff;background:#ffffff1f;border-color:#ffffff61}.variant i{background:var(--swatch);border:1px solid #ffffff61;border-radius:50%;width:1.75rem;height:1.75rem;box-shadow:inset 0 0 0 3px #0000001f}.variant span{font-size:.72rem;font-weight:700}.final-actions{flex-wrap:wrap;gap:.65rem;margin-top:1.6rem;display:flex}.button{letter-spacing:.03em;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;min-height:3.15rem;padding:.78rem 1.2rem;font-size:.72rem;font-weight:780;transition:transform .18s,background .18s,color .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button--primary{color:#07110c;background:var(--accent)}.button--ghost{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #fff3}.hotspots{z-index:5;pointer-events:none;position:fixed;inset:0;overflow:hidden}.hotspot{opacity:0;align-items:center;gap:.52rem;transition:opacity .22s linear;display:flex;position:absolute;top:0;left:0}.hotspot i{background:var(--accent);width:.72rem;height:.72rem;box-shadow:0 0 0 5px #ffffff14, 0 0 1.5rem var(--accent);border:1px solid #ffffffeb;border-radius:50%;margin:-.36rem 0 0 -.36rem;position:relative}.hotspot b{color:#ffffffe0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;background:#040705b3;border:1px solid #ffffff1f;border-radius:.45rem;padding:.48rem .65rem;font-size:.62rem;font-weight:680}.interaction-hint,.fallback-note,.model-loader{z-index:18;right:calc(2rem + var(--safe-right));bottom:calc(1.4rem + var(--safe-bottom));margin:0;position:fixed}.interaction-hint{color:#ffffffa8;letter-spacing:.12em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#05080685;border:1px solid #ffffff1f;border-radius:999px;padding:.62rem .78rem;font-size:.57rem;font-weight:760;transition:opacity .3s,transform .3s}.interaction-hint[data-hidden=true]{opacity:0;transform:translateY(.5rem)}.fallback-note,.model-loader{left:calc(2rem + var(--safe-left));color:#fff9;letter-spacing:.08em;font-size:.61rem;right:auto}.model-loader{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#05080685;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:.6rem;padding:.58rem .72rem;display:flex}.model-loader i{border:1px solid #ffffff38;border-top-color:var(--accent);border-radius:50%;width:.56rem;height:.56rem;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}[hidden]{display:none!important}html[data-embedded=true] .showcase-header{display:none}html[data-embedded=true] .progress{top:0;left:0;right:0}@media (width<=759px){.showcase-shell{min-height:520svh}.scene{background:radial-gradient(ellipse 75% 46% at 50% 28%, var(--chapter-glow), transparent 72%), radial-gradient(ellipse 120% 100% at 50% 38%, #172019 0%, #090d0a 55%, #030504 100%)}.scene:before,.scene:after{filter:blur(58px)}.scene:before{width:55vw;height:55vw;top:6vh}.scene:after{width:46vw;height:46vw}.showcase-header{padding:calc(.9rem + var(--safe-top)) calc(1rem + var(--safe-right)) .8rem calc(1rem + var(--safe-left))}.showcase-brand{font-size:.75rem}.showcase-brand small{font-size:.5rem}.showcase-header__meta{gap:.55rem;font-size:.56rem}.progress{top:calc(3.75rem + var(--safe-top));left:calc(1rem + var(--safe-left));right:calc(1rem + var(--safe-right))}.chapter,.chapter--left,.chapter--right,.chapter--center{justify-content:flex-start;align-items:flex-start;min-height:130svh;padding:0 1rem}.chapter__copy,.chapter__copy--final{width:100%;max-width:none;padding:1rem 0 calc(2rem + var(--safe-bottom));position:sticky;top:55svh}.eyebrow{margin-bottom:.72rem;font-size:.58rem}h1,h2,.chapter--center h2{max-width:10.5ch;font-size:clamp(2.65rem,13.5vw,4.5rem);line-height:.92}.chapter:nth-child(2) h2{font-size:clamp(2.4rem,11.5vw,3.6rem)}.chapter__lead{max-width:34rem;margin-top:.9rem;font-size:.87rem;line-height:1.5}.scroll-cue{margin-top:1.2rem;font-size:.52rem}.signal-list{margin-top:1.1rem}.signal-list li{padding:.5rem 0;font-size:.76rem}.variant-picker{gap:.42rem;margin-top:1.1rem}.variant{min-height:2.75rem;padding-right:.72rem}.variant i{width:1.55rem;height:1.55rem}.final-actions{margin-top:1.05rem}.button{min-height:3rem}.hotspots{display:none}.interaction-hint{right:50%;bottom:calc(.7rem + var(--safe-bottom));white-space:nowrap;transform:translate(50%)}.interaction-hint[data-hidden=true]{transform:translate(50%,.5rem)}.model-loader,.fallback-note{left:calc(.8rem + var(--safe-left));bottom:calc(.7rem + var(--safe-bottom));max-width:calc(100vw - 1.6rem - var(--safe-left) - var(--safe-right))}}@media (height<=500px) and (orientation:landscape){.showcase-shell{min-height:440svh}.showcase-header{padding-top:calc(.55rem + var(--safe-top))}.progress{top:calc(2.9rem + var(--safe-top))}.chapter,.chapter--left,.chapter--right,.chapter--center{justify-content:flex-end;align-items:center;min-height:110svh;padding:3.2rem 1.1rem 1rem}.chapter--left{justify-content:flex-start}.chapter__copy,.chapter__copy--final{width:45vw;padding:0;position:static}.eyebrow{margin-bottom:.35rem}h1,h2,.chapter--center h2{font-size:clamp(2rem,7vw,3.4rem)}.chapter__lead{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:.5rem;font-size:.72rem;line-height:1.35;display:-webkit-box;overflow:hidden}.signal-list,.scroll-cue{display:none}.variant-picker,.final-actions{margin-top:.6rem}.variant{min-height:2.45rem}.button{min-height:2.6rem;padding-block:.55rem}.interaction-hint,.model-loader,.fallback-note{bottom:calc(.45rem + var(--safe-bottom))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}