:root{--ink:#08040f;--panel:#11071d;--violet:#ad37ff;--pink:#ff2bd6;--cyan:#1ef6ff;--paper:#f7f3ff;--muted:#bcb2c9;--line:rgba(255,255,255,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--ink);color:var(--paper);font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.06;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.topbar{position:fixed;z-index:30;top:0;left:0;right:0;height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(8,4,15,.92),rgba(8,4,15,.35),transparent);backdrop-filter:blur(8px)}.brand{text-decoration:none;color:white;font-size:1.05rem;letter-spacing:.06em}.brand span{font-weight:900;text-shadow:2px 0 var(--pink),-2px 0 var(--cyan)}.brand b{font-size:.7rem;margin-left:.55rem;color:var(--muted);letter-spacing:.24em}.topbar nav{display:flex;gap:2rem;align-items:center}.topbar nav a{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;text-decoration:none}.topbar nav a:hover{color:white}.topbar .nav-cta{border:1px solid var(--pink);padding:.75rem 1rem;color:white}.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;position:relative;padding:9rem 7vw 5rem;isolation:isolate;overflow:hidden}.hero-grid{position:absolute;inset:45% -10% -25%;z-index:-2;transform:perspective(520px) rotateX(60deg);transform-origin:center top;background-image:linear-gradient(rgba(173,55,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(30,246,255,.15) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,transparent,black 18%,transparent 88%)}.hero:after{content:"";position:absolute;inset:0;z-index:-3;background:radial-gradient(circle at 75% 45%,rgba(173,55,255,.27),transparent 30%),radial-gradient(circle at 65% 58%,rgba(255,43,214,.18),transparent 22%),linear-gradient(130deg,#08040f 30%,#19072c 65%,#090511)}.eyebrow{font-size:.76rem;letter-spacing:.22em;color:var(--cyan);margin:0 0 1.5rem}.hero h1,.manifesto h2,.beta h2{font-family:Arial Black,Impact,sans-serif;text-transform:uppercase;letter-spacing:-.065em;line-height:.84;margin:0;font-size:clamp(4.3rem,10.2vw,10rem);max-width:1150px}.hero h1 em,.manifesto h2 em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--pink);text-shadow:0 0 32px rgba(255,43,214,.25)}.hero-copy{font-family:Arial,sans-serif;font-size:clamp(1rem,1.35vw,1.35rem);line-height:1.5;color:#d2c7de;max-width:610px;margin:2rem 0}.hero-cta{display:flex;align-items:center;gap:1rem;width:max-content;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;color:white;text-decoration:none;border-bottom:1px solid var(--pink);padding:.75rem 0}.hero-cta i{font-style:normal;color:var(--cyan)}.hero-orbit{position:absolute;right:9vw;top:34%;width:21vw;aspect-ratio:1;border:1px solid rgba(30,246,255,.2);border-radius:50%;animation:spin 18s linear infinite}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,43,214,.3)}.hero-orbit:before{inset:13%}.hero-orbit:after{inset:32%;background:radial-gradient(circle,var(--pink),transparent 58%);box-shadow:0 0 80px var(--violet)}.hero-orbit span{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px var(--cyan)}.hero-orbit span:nth-child(1){top:9%;left:24%}.hero-orbit span:nth-child(2){right:2%;top:49%}.hero-orbit span:nth-child(3){bottom:3%;left:43%}.scroll-cue{position:absolute;right:4vw;bottom:3rem;writing-mode:vertical-rl;font-size:.65rem;letter-spacing:.2em;color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}
.experience{position:relative;height:700vh;background:#07030d}.stage{position:sticky;top:0;height:100svh;padding:7rem 5vw 2.5rem;display:grid;grid-template-columns:minmax(320px,.75fr) minmax(500px,1.25fr);grid-template-rows:1fr auto auto;gap:1.5rem 5vw;align-items:center;overflow:hidden}.stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 68% 50%,rgba(173,55,255,.16),transparent 32%),linear-gradient(90deg,transparent 49.9%,rgba(255,255,255,.05) 50%,transparent 50.1%);pointer-events:none}.stage-copy,.visual,.chapter-nav,.progress{position:relative;z-index:2}.chapter-label{display:flex;align-items:center;gap:1rem;margin-bottom:1.3rem}.chapter-label span{font-size:3rem;font-weight:900;color:var(--pink);line-height:1}.chapter-label b{font-size:.7rem;letter-spacing:.26em;color:var(--cyan);border-left:1px solid var(--line);padding-left:1rem}.stage-copy h2{font-family:Arial Black,Impact,sans-serif;text-transform:uppercase;font-size:clamp(3.1rem,5.8vw,6.4rem);letter-spacing:-.055em;line-height:.87;margin:0;transition:opacity .22s,transform .22s}.stage-copy p{font-family:Arial,sans-serif;color:var(--muted);font-size:1.05rem;line-height:1.6;max-width:520px;transition:opacity .22s,transform .22s}.chapter-pills{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.5rem}.chapter-pills span{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid rgba(30,246,255,.35);color:#d6fbff;padding:.55rem .7rem;background:rgba(30,246,255,.04)}.visual{min-width:0;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.visual-glow{position:absolute;inset:10%;background:var(--violet);filter:blur(100px);opacity:.23}.studio-window{position:relative;background:#0b0711;border:1px solid rgba(255,255,255,.24);box-shadow:0 32px 100px rgba(0,0,0,.65),12px 12px 0 rgba(255,43,214,.08);overflow:hidden}.window-bar{height:42px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:7px;padding:0 14px;background:#160b21}.window-bar span{width:7px;height:7px;border-radius:50%;background:#56465f}.window-bar span:first-child{background:var(--pink)}.window-bar b{margin-left:auto;font-size:.58rem;letter-spacing:.12em;color:#9989a7}.window-body{display:grid;grid-template-columns:48px 1fr 32%;min-height:430px}.side-rail{border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding-top:1rem;gap:1rem}.side-rail i{width:17px;height:17px;border:1px solid #7d6c89}.side-rail i:first-child{border-color:var(--cyan);box-shadow:0 0 10px rgba(30,246,255,.45)}.render-frame{position:relative;margin:1rem;background:#1b1222;overflow:hidden;min-width:0}.render-art{position:absolute;inset:0;overflow:hidden;background:linear-gradient(160deg,#25143e,#e33a9e 58%,#ffb56c);transition:background .7s}.sun{position:absolute;width:44%;aspect-ratio:1;border-radius:50%;background:#ffc7ef;right:8%;top:10%;box-shadow:0 0 50px #ff76d8}.horizon{position:absolute;inset:auto -10% 0;height:42%;background:linear-gradient(135deg,#180924 18%,#45125a 19% 34%,#1b0a2b 35% 48%,#370d48 49%);clip-path:polygon(0 60%,17% 25%,34% 55%,57% 5%,74% 48%,100% 20%,100% 100%,0 100%)}.figure{position:absolute;z-index:2;left:38%;bottom:12%;width:17%;height:50%;background:linear-gradient(180deg,#101018 0 25%,#f22ca8 26% 61%,#0b0c17 62%);border-radius:50% 50% 15% 15%;filter:drop-shadow(0 0 10px rgba(255,43,214,.45));transition:all .7s}.scanline{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 5px,rgba(255,255,255,.025) 6px);mix-blend-mode:screen}.render-badge{position:absolute;left:12px;bottom:12px;padding:.5rem .65rem;background:#09040d;border-left:2px solid var(--cyan);font-size:.58rem;letter-spacing:.08em;color:var(--cyan)}.control-stack{border-left:1px solid var(--line);padding:1rem;display:flex;flex-direction:column;gap:.65rem;background:#100817}.control-stack label{font-size:.55rem;letter-spacing:.15em;color:var(--pink);margin-top:.4rem}.prompt-line{font-family:Arial,sans-serif;font-size:.72rem;line-height:1.45;color:#bfb4c9;background:#1d0d2b;border:1px solid #3e2250;padding:.7rem;min-height:78px}.engine-row{display:flex;gap:.5rem}.engine-row span{height:22px;flex:1;border:1px solid #4e3b59}.engine-row .active{background:var(--violet);border-color:var(--pink)}.control-stack button{margin-top:auto;background:linear-gradient(90deg,var(--violet),var(--pink));border:0;color:white;font-weight:900;letter-spacing:.1em;padding:.8rem}.float-card{position:absolute;background:rgba(14,7,22,.92);border:1px solid var(--line);padding:.75rem 1rem;box-shadow:0 15px 40px rgba(0,0,0,.5)}.float-card small{display:block;font-size:.5rem;letter-spacing:.16em;color:var(--cyan);margin-bottom:.4rem}.float-card strong{font-family:Arial Black,Impact,sans-serif;font-size:.86rem;line-height:1}.card-a{left:-3%;bottom:-7%}.card-b{right:-3%;top:12%;border-color:rgba(255,43,214,.5)}.chapter-nav{grid-column:1/3;display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line)}.chapter-nav button{appearance:none;background:none;border:0;border-right:1px solid var(--line);color:#766b81;text-align:left;padding:1rem .7rem;cursor:pointer}.chapter-nav button:last-child{border-right:0}.chapter-nav span{display:block;font-size:.55rem;margin-bottom:.35rem}.chapter-nav b{text-transform:uppercase;font-size:.68rem;letter-spacing:.1em}.chapter-nav button.active{color:white;background:linear-gradient(180deg,rgba(255,43,214,.13),transparent)}.chapter-nav button.active span{color:var(--pink)}.progress{grid-column:1/3;height:2px;background:#2d2233}.progress span{display:block;width:16.667%;height:100%;background:linear-gradient(90deg,var(--pink),var(--cyan));box-shadow:0 0 12px var(--pink);transition:width .5s}.manifesto{min-height:100svh;padding:10rem 7vw 8rem;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 20% 55%,rgba(30,246,255,.1),transparent 25%),#0a0511}.manifesto h2{font-size:clamp(4.5rem,11vw,11rem)}.manifesto-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:4rem;border-top:1px solid var(--line);padding-top:2rem}.manifesto-grid>p{font-family:Arial,sans-serif;font-size:clamp(1.2rem,2vw,1.8rem);line-height:1.45;color:#ddd2e6;margin:0}.specs{display:grid}.specs span{display:flex;align-items:center;gap:1.5rem;text-transform:uppercase;border-bottom:1px solid var(--line);padding:1rem 0;font-size:.8rem;letter-spacing:.13em}.specs b{color:var(--pink)}.beta{min-height:80svh;padding:9rem 7vw 4rem;background:linear-gradient(135deg,#ad37ff 0%,#ff2bd6 48%,#ff694d 100%);color:#09030d;display:grid;grid-template-columns:1fr auto;align-items:center;gap:3rem;position:relative;overflow:hidden}.beta:after{content:"GLITCH";position:absolute;font:900 27vw/.8 Arial Black;letter-spacing:-.1em;color:rgba(255,255,255,.09);bottom:-5%;left:-2%;pointer-events:none}.beta .eyebrow{color:#19041d}.beta h2{font-size:clamp(4rem,9vw,9rem)}.beta>a{position:relative;z-index:2;color:#09030d;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-weight:900;border:2px solid #09030d;padding:1.3rem 1.5rem;min-width:240px;display:flex;justify-content:space-between}.beta>a:hover{background:#09030d;color:white}.domain{position:absolute;left:7vw;bottom:2rem;font-size:.7rem;letter-spacing:.18em}
@media(max-width:900px){.topbar{height:68px}.topbar nav a:not(.nav-cta){display:none}.hero{padding-left:6vw}.hero-orbit{opacity:.45;width:45vw}.experience{height:auto}.stage{position:relative;height:auto;min-height:100svh;display:flex;flex-direction:column;align-items:stretch;padding:7rem 5vw 4rem}.stage-copy{min-height:350px}.visual{order:2}.chapter-nav{order:3;grid-template-columns:repeat(3,1fr)}.progress{order:4;width:100%}.window-body{grid-template-columns:35px 1fr}.control-stack{display:none}.render-frame{min-height:390px}.scroll-space{display:none}.manifesto-grid,.beta{grid-template-columns:1fr}.beta>a{width:100%;max-width:400px}.chapter-nav button{min-height:58px}.hero h1{font-size:clamp(3.8rem,15vw,7rem)}}
@media(max-width:520px){.topbar{padding:0 5vw}.brand b{display:none}.hero{min-height:92svh}.hero h1{font-size:3.6rem}.hero-copy{font-size:1rem}.stage-copy h2{font-size:3.5rem}.window-body{min-height:330px}.render-frame{min-height:300px}.float-card{display:none}.manifesto{padding-top:7rem}.manifesto h2{font-size:4.1rem}.beta{padding-top:7rem}.beta h2{font-size:3.7rem}.chapter-nav b{font-size:.58rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-orbit{animation:none}.visual,.stage-copy h2,.stage-copy p,.figure,.render-art{transition:none}}
.frame-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.11) 1px,transparent 1px);background-size:17% 17%;transform:perspective(420px) rotateX(54deg) scale(1.5);opacity:.32}.signal{position:absolute;display:block;border:1px solid rgba(255,255,255,.68);box-shadow:0 0 28px rgba(255,255,255,.14);transform:rotate(34deg)}.signal-a{width:42%;height:42%;left:29%;top:28%;border-width:2px;border-color:#fff}.signal-b{width:27%;height:27%;left:36%;top:35%;border-color:var(--cyan);transform:rotate(12deg)}.signal-c{width:12%;height:12%;left:44%;top:43%;background:var(--pink);border:0;box-shadow:0 0 50px var(--pink);transform:rotate(55deg)}
.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(8,4,15,.98) 0%,rgba(8,4,15,.9) 30%,rgba(8,4,15,.18) 72%,rgba(8,4,15,.48) 100%),url("assets/glitch-cinema.png") center/cover no-repeat;opacity:.9}.hero-grid{z-index:-1}.hero:after{opacity:.55}
.studio-tabs{display:flex;height:100%;align-items:stretch;margin-left:1rem}.studio-tabs i{font-style:normal;display:flex;align-items:center;padding:0 .62rem;font-size:.52rem;letter-spacing:.1em;color:#796b86;border-left:1px solid rgba(255,255,255,.08)}.studio-tabs i.active{color:var(--cyan);background:rgba(30,246,255,.07);box-shadow:inset 0 -2px var(--cyan)}.animate-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity .45s,transform .7s;z-index:1}.animate-video.active{opacity:1;transform:scale(1)}.animate-video.active~.scanline{z-index:2}.render-art.video-active{opacity:0}.render-art{opacity:1;transition:background .7s,opacity .45s}
@media(max-width:700px){.studio-tabs i{padding:0 .38rem;font-size:.46rem}.window-bar b{display:none}}
.real-stage{position:absolute;z-index:5;inset:42px 0 0;background:#05030a;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .4s}.real-stage.create-active,.real-stage.modify-active,.real-stage.animate-active,.real-stage.actor-active{opacity:1}.real-screen{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity .5s,transform .8s}.create-screen,.modify-screen,.animate-screen,.actor-screen{opacity:0;transform:scale(1.015)}.real-stage.create-active .create-screen,.real-stage.modify-active .modify-screen,.real-stage.animate-active .animate-screen,.real-stage.actor-active .actor-screen{opacity:1;transform:scale(1)}.real-video-card{position:absolute;z-index:3;right:3%;top:8%;width:min(34%,280px);aspect-ratio:1;background:#08040f;border:2px solid var(--cyan);box-shadow:0 18px 55px rgba(0,0,0,.75),0 0 25px rgba(30,246,255,.28);opacity:0;transform:translateX(30px) scale(.94);transition:opacity .45s .12s,transform .55s .12s}.real-stage.animate-active .real-video-card{opacity:1;transform:translateX(0) scale(1)}.real-video-card video{display:block;width:100%;height:100%;object-fit:cover}.real-video-card span{position:absolute;left:-2px;right:-2px;bottom:-26px;padding:.42rem .55rem;background:#08040f;border:1px solid var(--cyan);color:var(--cyan);font-size:.5rem;letter-spacing:.1em}.actor-proof{position:absolute;z-index:4;padding:.72rem .9rem;background:rgba(7,3,13,.94);border:1px solid var(--pink);box-shadow:0 14px 35px rgba(0,0,0,.62),0 0 18px rgba(255,43,214,.2);opacity:0;transform:translateY(14px);transition:opacity .4s .14s,transform .5s .14s}.actor-proof small{display:block;margin-bottom:.35rem;color:var(--cyan);font-size:.48rem;letter-spacing:.16em}.actor-proof strong{display:block;color:white;font-size:.66rem;line-height:1.4;letter-spacing:.06em}.actor-search{left:3%;bottom:5%}.actor-lock{right:3%;top:6%;border-color:var(--cyan)}.real-stage.actor-active .actor-proof{opacity:1;transform:translateY(0)}.real-stage.create-active~.window-body,.real-stage.modify-active~.window-body,.real-stage.animate-active~.window-body,.real-stage.actor-active~.window-body{visibility:hidden}
.actor-screen,.direct-screen{object-fit:contain;object-position:center;background:#08040f}.actor-lock{left:43%;right:auto;top:auto;bottom:5%}.real-stage.direct-active{opacity:1}.direct-screen{opacity:0;transform:scale(1.015)}.real-stage.direct-active .direct-screen{opacity:1;transform:scale(1)}.real-stage.direct-active~.window-body{visibility:hidden}
@media(max-width:900px){.real-video-card{width:35%;right:4%;top:10%}}@media(max-width:560px){.real-stage{inset:42px 0 0}.real-screen{object-position:center}.real-video-card{width:42%;right:4%;top:12%}.real-video-card span{display:none}.actor-proof{padding:.5rem .6rem}.actor-proof strong{font-size:.48rem}.actor-proof small{font-size:.4rem}}
.experience{height:800vh}.chapter-nav{grid-template-columns:repeat(7,1fr)}.progress span{width:14.286%}.talk-screen{object-fit:contain;object-position:center;background:#08040f;opacity:0;transform:scale(1.015)}.real-stage.talk-active{opacity:1}.real-stage.talk-active .talk-screen{opacity:1;transform:scale(1)}.real-stage.talk-active~.window-body{visibility:hidden}.talk-video-card{position:absolute;z-index:5;right:3%;bottom:8%;width:min(31%,250px);aspect-ratio:1;background:#08040f;border:2px solid var(--pink);box-shadow:0 18px 55px rgba(0,0,0,.78),0 0 28px rgba(255,43,214,.28);opacity:0;transform:translateX(28px) scale(.94);transition:opacity .45s .12s,transform .55s .12s}.real-stage.talk-active .talk-video-card{opacity:1;transform:translateX(0) scale(1)}.talk-video-card video{display:block;width:100%;height:100%;object-fit:cover}.talk-video-card span{position:absolute;left:-2px;right:-2px;bottom:-26px;padding:.42rem .55rem;background:#08040f;border:1px solid var(--pink);color:var(--cyan);font-size:.48rem;letter-spacing:.08em}
@media(max-width:900px){.experience{height:auto}.chapter-nav{grid-template-columns:repeat(3,1fr)}.talk-video-card{width:32%;right:4%;bottom:10%}}@media(max-width:560px){.talk-video-card{width:40%}.talk-video-card span{display:none}}
.real-stage.talk-active,.real-stage.finish-active{pointer-events:auto}.direct-screen{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain!important;object-position:center!important}.real-stage.finish-active{opacity:1}.real-stage.finish-active~.window-body{visibility:hidden}.finish-demo{position:absolute;z-index:6;left:50%;top:50%;width:min(78%,660px);aspect-ratio:7/4;transform:translate(-50%,-47%) scale(.94);background:#05030a;border:2px solid var(--cyan);box-shadow:0 25px 75px rgba(0,0,0,.82),0 0 34px rgba(30,246,255,.22);opacity:0;transition:opacity .45s .08s,transform .55s .08s}.real-stage.finish-active .finish-demo{opacity:1;transform:translate(-50%,-50%) scale(1)}.finish-demo video{display:block;width:100%;height:100%;object-fit:contain;background:#000}.media-play{position:absolute;border:1px solid var(--pink);background:rgba(8,4,15,.92);color:white;font:700 .62rem/1.2 ui-monospace,Consolas,monospace;letter-spacing:.1em;cursor:pointer;box-shadow:0 12px 35px rgba(0,0,0,.65),0 0 20px rgba(255,43,214,.25);transition:opacity .25s,transform .25s}.media-play:hover{transform:scale(1.04);border-color:var(--cyan)}.media-play.hidden{opacity:0;pointer-events:none}.talk-sound{left:50%;top:50%;transform:translate(-50%,-50%);padding:.75rem .85rem;white-space:nowrap}.talk-sound:hover{transform:translate(-50%,-50%) scale(1.04)}.talk-sound b{color:var(--cyan);font-size:.8rem}.finale-play{inset:0;width:100%;height:100%;border:0;background:rgba(3,2,7,.58);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem}.finale-play:hover{transform:none;background:rgba(3,2,7,.42)}.finale-play b{display:grid;place-items:center;width:68px;height:68px;padding-left:5px;border:2px solid var(--cyan);border-radius:50%;background:rgba(8,4,15,.86);color:var(--pink);font-size:1.7rem;box-shadow:0 0 30px rgba(30,246,255,.3)}.finale-play span{font-size:.8rem;color:white}.finale-play small{font-size:.48rem;color:var(--cyan);letter-spacing:.16em}
@media(max-width:560px){.finish-demo{width:92%}.finale-play b{width:52px;height:52px;font-size:1.3rem}.talk-sound{font-size:.46rem;padding:.55rem}}