:root{--ink:#08080B;--panel:#131318;--panel2:#1C1C23;--line:#2C2C35;--bone:#F7F3EA;--muted:#ACA8A0;--gold:#F2BC45;--gold-soft:#FFD97F;--violet:#7C5CFC;--teal:#22D3B6;--rose:#FF4F7E;--display:"Bricolage Grotesque",system-ui,sans-serif;--body:"Hanken Grotesk",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace}*{box-sizing:border-box}html{scroll-padding-top:84px;background:var(--ink)}body{margin:0;background:transparent;color:var(--bone);font:400 17px/1.6 var(--body);overflow-x:clip}img{max-width:100%;display:block}a{color:inherit}[hidden]{display:none!important}.wrap{width:min(1240px,100%);margin:0 auto;padding:0 clamp(16px,4vw,36px);position:relative}.aurora{position:fixed;inset:0;z-index:-1;overflow:hidden;background:var(--ink)}.aurora i{position:absolute;width:82vmax;height:82vmax;opacity:.34;will-change:transform}.aurora i:nth-child(1){left:-28vmax;top:-32vmax;background:radial-gradient(closest-side,var(--gold),transparent);animation:drift-a 19s ease-in-out infinite alternate}.aurora i:nth-child(2){right:-32vmax;top:-2vmax;background:radial-gradient(closest-side,var(--violet),transparent);animation:drift-b 23s ease-in-out infinite alternate}.aurora i:nth-child(3){left:8vmax;bottom:-44vmax;background:radial-gradient(closest-side,var(--rose),transparent);opacity:.24;animation:drift-c 27s ease-in-out infinite alternate}@keyframes drift-a{to{transform:translate(26vmax,16vmax) scale(1.2)}}@keyframes drift-b{to{transform:translate(-30vmax,20vmax) scale(.82)}}@keyframes drift-c{to{transform:translate(-20vmax,-18vmax) scale(1.25)}}.intro{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:var(--ink);pointer-events:none;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);animation:intro-out .75s cubic-bezier(.8,0,.2,1) 1.25s forwards}.intro .mark{width:clamp(120px,22vw,220px)}@keyframes intro-out{to{clip-path:polygon(0 0,100% 0,100% 0,0 0);visibility:hidden}}.mark{display:block;overflow:visible}.mark path{fill:var(--gold)}.mark .l{animation:logo-l .75s cubic-bezier(.2,.85,.2,1) both}.mark .r{animation:logo-r .75s cubic-bezier(.2,.85,.2,1) both}.mark .l2,.mark .r2{animation-delay:.1s}.mark .l3,.mark .r3{animation-delay:.2s}.mark.live .r{animation:logo-r .75s cubic-bezier(.2,.85,.2,1) both,logo-cut 5s 2s ease-in-out infinite}.mark.live .r2{animation-delay:.1s,2.1s}.mark.live .r3{animation-delay:.2s,2.2s}@keyframes logo-l{0%{transform:translate(-170px);opacity:0}}@keyframes logo-r{0%{transform:translate(220px);opacity:0}}@keyframes logo-cut{0%,82%,to{transform:none}87%{transform:translate(52px)}93%{transform:translate(-8px)}}header{position:sticky;top:0;z-index:30;background:#08080ba8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px}.brand{display:flex;align-items:center;gap:10px;font:800 22px/1 var(--display);text-decoration:none}.brand .mark{width:30px;height:auto}.bar-progress{position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:linear-gradient(90deg,var(--gold),var(--rose));transform:scaleX(0);transform-origin:left}nav{display:flex;align-items:center;gap:26px;font-size:15px}.home-link{display:block;width:46px;line-height:0;transition:transform .2s}.home-link svg{width:100%;height:auto;display:block}.home-link:hover{transform:translateY(-2px)}nav a{text-decoration:none;color:var(--muted);transition:color .2s}nav a:hover{color:var(--bone)}.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 26px;border:0;border-radius:11px;background:var(--gold);color:#17120a;font:600 16px/1 var(--body);text-decoration:none;cursor:pointer;box-shadow:0 10px 34px #f2bc4557;transition:transform .25s,box-shadow .25s}.btn:after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:34%;transform:skew(-22deg);background:#ffffff8c;animation:shine 4.5s ease-in-out infinite}@keyframes shine{0%,62%{left:-40%}82%,to{left:125%}}.btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 16px 46px #f2bc4580}.btn:disabled{opacity:.6;cursor:wait;transform:none}.btn.ghost{background:#ffffff0f;color:var(--bone);box-shadow:inset 0 0 0 1px #fff3}.btn.ghost:after{display:none}.btn.ghost:hover{box-shadow:inset 0 0 0 1px var(--gold)}header .btn{min-height:42px;padding:0 18px;font-size:14px;box-shadow:none}.tag{font:500 12px/1.4 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--gold);margin:0}h1,h2,h3{font-family:var(--display);font-weight:800;margin:0;letter-spacing:-.025em}h2{font-size:clamp(36px,6vw,74px);line-height:1;margin-top:12px}h3{font-size:22px;line-height:1.2;letter-spacing:-.01em}.lede{font-size:clamp(18px,2vw,22px);color:#d0ccc4;max-width:58ch;margin:0}.hero{padding:clamp(44px,6vw,76px) 0 clamp(40px,5vw,64px)}.hero h1{font-size:clamp(50px,10.5vw,136px);line-height:.94;margin:16px 0 24px}.hero h1 .fix{display:block}.rot{display:grid;color:var(--gold)}.rot span{grid-area:1/1;opacity:0;transform:translateY(55%) rotate(3deg);transition:opacity .4s,transform .55s cubic-bezier(.2,.85,.2,1);transform-origin:left}.rot span.on{opacity:1;transform:none}.rot span.out{opacity:0;transform:translateY(-55%) rotate(-3deg)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 0}.app{background:#131318db;border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden;box-shadow:0 40px 110px #000000a6,0 0 90px #f2bc451a}.app .bar{display:flex;align-items:center;gap:7px;padding:12px 14px;border-bottom:1px solid var(--line);font:500 12px/1 var(--mono);color:var(--muted)}.app .bar i{width:10px;height:10px;border-radius:50%;background:var(--rose)}.app .bar i:nth-child(2){background:var(--gold)}.app .bar i:nth-child(3){background:var(--teal)}.app .bar span{margin-left:6px}.app .bar b{margin-left:auto;font-weight:500;color:var(--gold)}.hero .app{margin-top:clamp(36px,5vw,60px);transform-origin:50% 0}.monitor{position:relative;aspect-ratio:16/8;overflow:hidden;background:#0d0d12}.scene{position:absolute;inset:0;background:linear-gradient(120deg,#2a1a52,#7c3b6c 46%,#e08a3b);background-size:220% 220%;animation:scene 9s ease-in-out infinite alternate}@keyframes scene{to{background-position:100% 100%}}.who{position:absolute;left:50%;bottom:-8%;width:30%;aspect-ratio:1/1.05;margin-left:-15%;animation:breathe 3.4s ease-in-out infinite}.who:before{content:"";position:absolute;left:29%;top:0;width:42%;aspect-ratio:1;border-radius:50%;background:#100c16}.who:after{content:"";position:absolute;left:0;right:0;bottom:0;height:56%;border-radius:50% 50% 0 0;background:#100c16}@keyframes breathe{50%{transform:translateY(-2.5%) scale(1.02)}}.cap{position:absolute;left:0;right:0;bottom:12%;text-align:center;font:800 clamp(20px,4.6vw,58px)/1 var(--display);letter-spacing:-.01em;text-transform:uppercase;text-shadow:0 4px 20px rgba(0,0,0,.65)}.cap span{display:inline-block;margin:0 .14em}.cap .hit{color:var(--gold);animation:hit .35s cubic-bezier(.2,1.5,.4,1) both}@keyframes hit{0%{transform:scale(1.5);opacity:.2}}.lines{position:relative;padding:12px;display:grid;gap:5px;background:#0f0f14}.track{display:flex;gap:3px;height:clamp(22px,3.6vw,38px);overflow:hidden}.track span{flex:var(--w) 0 0;min-width:0;border-radius:4px;background:var(--c)}.track .gap{background:repeating-linear-gradient(135deg,#2a2a32 0 6px,#1d1d23 6px 12px);animation:close 8s ease-in-out infinite}.track.cc span{background:var(--gold);opacity:0;animation:cc 8s ease-in-out infinite}.head-line{position:absolute;top:6px;bottom:6px;width:2px;background:#fff;box-shadow:0 0 14px #fff;animation:head 8s linear infinite}@keyframes close{0%,26%{flex-grow:var(--w)}44%,90%{flex-grow:0;margin-left:-3px;opacity:0}to{flex-grow:var(--w)}}@keyframes cc{0%,46%{opacity:0;transform:translateY(8px)}58%,90%{opacity:1;transform:none}to{opacity:0}}@keyframes head{0%{left:1%}96%,to{left:99%}}.marquee{border-block:1px solid rgba(255,255,255,.1);overflow:hidden;padding:18px 0;background:#08080b80}.marquee div{display:flex;gap:42px;width:max-content;font:800 clamp(30px,5vw,60px)/1 var(--display);letter-spacing:-.02em;white-space:nowrap;animation:slide 26s linear infinite}.marquee.back div{animation-direction:reverse;color:transparent;-webkit-text-stroke:1.5px rgba(247,243,234,.42)}.marquee em{font-style:normal;color:var(--gold)}@keyframes slide{to{transform:translate(-50%)}}.claim{padding:clamp(60px,9vw,120px) 0;text-align:center}.claim b{display:block;font:800 clamp(78px,20vw,260px)/.9 var(--display);letter-spacing:-.04em;background:linear-gradient(100deg,var(--gold-soft),var(--gold) 34%,var(--rose) 62%,var(--gold-soft));background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:flow 6s linear infinite}@keyframes flow{to{background-position:-220% 0}}.claim p{margin:14px auto 0;font-size:clamp(20px,3vw,32px);line-height:1.2;max-width:24ch}.claim small{display:block;margin-top:14px;font-size:14px;line-height:1.4;color:var(--muted)}section{padding:clamp(60px,8vw,110px) 0}.head{max-width:820px;margin-bottom:clamp(30px,4vw,52px)}.head p:not(.tag){color:var(--muted);margin:14px 0 0}#story{padding:0;min-height:100svh;display:flex;align-items:center;overflow:hidden}#story .wrap{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(24px,5vw,64px);align-items:center;padding-block:84px 24px}#story h2{font-size:clamp(32px,4.8vw,62px)}.now{display:none;margin:12px 0 0;font:500 16px/1.3 var(--body);color:var(--gold)}.steps{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:4px}.steps li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;padding:10px 12px;border-left:3px solid var(--line);color:var(--muted);transition:border-color .25s,color .25s,background .25s}.steps li small{font:500 12px/1.9 var(--mono)}.steps li b{font:800 19px/1.2 var(--display);display:block}.steps li span{display:none;font-size:15px;line-height:1.4}.steps li.on{border-color:var(--gold);color:var(--bone);background:#f2bc4517}.steps li.on span{display:block}.steps li.on small{color:var(--gold)}.s-progress{position:absolute;left:0;right:0;bottom:0;height:6px;background:var(--gold);transform:scaleX(0);transform-origin:left}.s-done{position:absolute;right:12px;top:12px;padding:8px 12px;border-radius:7px;background:var(--gold);color:#17120a;font:600 13px/1 var(--body);opacity:0}.s-cap span{opacity:0;display:inline-block}.s-wave{background:transparent!important;display:flex;align-items:center;gap:2px;overflow:hidden}.s-wave i{flex:1;min-width:1px;height:100%;background:var(--teal);border-radius:2px;transform-origin:center}.s-cc{transform:scaleX(0);transform-origin:left}.s-cc span{background:var(--gold)}.zoom-dot{flex:0 0 auto!important;width:10px;align-self:center;height:10px;border-radius:2px;background:var(--rose)!important;transform:rotate(45deg) scale(0);margin:0 -5px}.show{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,5vw,72px);align-items:center;perspective:1200px}.shot{border:1px solid rgba(255,255,255,.14);border-radius:14px;overflow:hidden;box-shadow:0 40px 100px #0009;transform-origin:50% 100%}.pm{display:grid;grid-template-columns:62px minmax(0,1fr);background:#121217}.pm-side{display:grid;gap:12px;align-content:start;padding:18px 15px;border-right:1px solid var(--line)}.pm-side i{aspect-ratio:1;border-radius:9px;background:var(--panel2)}.pm-side i.on{background:var(--gold);animation:glow 2.4s ease-in-out infinite}@keyframes glow{50%{box-shadow:0 0 22px #f2bc45bf}}.pm-main{display:grid;gap:14px;padding:clamp(18px,3vw,30px);min-width:0}.pm-hi{margin:0;font:800 clamp(20px,2.5vw,29px)/1.15 var(--display);letter-spacing:-.02em}.pm-auto{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border:1px solid rgba(242,188,69,.65);border-radius:13px;background:#f2bc4514}.pm-auto b{display:block;font:800 21px/1.1 var(--display)}.pm-auto small{color:var(--muted);font-size:14px}.pm-auto span{padding:12px 20px;border-radius:9px;background:var(--gold);color:#17120a;font-weight:600;animation:press 7s ease-in-out infinite}@keyframes press{0%,6%{transform:none}3%{transform:scale(.9)}}.pm-run{height:7px;border-radius:4px;background:var(--panel2);overflow:hidden}.pm-run i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--rose));transform-origin:left;animation:run 7s linear infinite}@keyframes run{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.pm-status{margin:-5px 0 0;font:500 13px/1.3 var(--mono);color:var(--gold-soft)}.pm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.pm-grid i{height:clamp(46px,7vw,76px);border-radius:10px;background:linear-gradient(145deg,var(--c),var(--panel2) 72%)}.points{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:11px}.points li{padding-left:24px;position:relative;color:#cfcbc3}.points li:before{content:"";position:absolute;left:0;top:.62em;width:12px;height:3px;background:var(--gold)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card{--x:50%;--y:0%;position:relative;overflow:hidden;background:#131318db;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;transition:border-color .25s,transform .25s;will-change:transform}.card:before{content:"";position:absolute;inset:0;background:radial-gradient(260px circle at var(--x) var(--y),rgba(242,188,69,.22),transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none}.card:hover{border-color:#f2bc45a6}.card:hover:before{opacity:1}.card p{margin:8px 0 0;color:var(--muted);font-size:15.5px;line-height:1.5}.viz{position:relative;height:76px;margin-bottom:18px;border-radius:10px;background:#0e0e13;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:5px;font:600 14px/1 var(--body)}.v-words span:nth-child(2){position:relative;color:var(--rose);animation:gone 3.6s infinite}.v-words span:nth-child(2):after{content:"";position:absolute;left:-2px;right:-2px;top:50%;height:2px;background:var(--rose);transform:scaleX(0);transform-origin:left;animation:strike 3.6s infinite}@keyframes strike{0%,30%{transform:scaleX(0)}45%,to{transform:scaleX(1)}}@keyframes gone{0%,55%{max-width:70px;opacity:1}72%,92%{max-width:0;opacity:0}to{max-width:70px;opacity:1}}.v-ad i{width:46px;height:38px;border-radius:6px;background:var(--panel2);animation:pick 3.3s infinite}.v-ad i:nth-child(2){animation-delay:1.1s}.v-ad i:nth-child(3){animation-delay:2.2s}@keyframes pick{0%,8%{background:var(--panel2);transform:none}16%,30%{background:var(--violet);transform:translateY(-5px)}38%,to{background:var(--panel2);transform:none}}.v-lang{display:grid;font:800 22px/1 var(--display);color:var(--gold)}.v-lang span{grid-area:1/1;opacity:0;animation:langs 8s infinite}.v-lang span:nth-child(2){animation-delay:2s}.v-lang span:nth-child(3){animation-delay:4s}.v-lang span:nth-child(4){animation-delay:6s}@keyframes langs{0%,20%{opacity:1;transform:none}25%,to{opacity:0;transform:translateY(-8px)}}.v-beat{gap:4px;align-items:flex-end;padding-bottom:12px}.v-beat i{width:7px;height:52px;border-radius:3px;background:var(--rose);transform-origin:bottom;animation:beat .62s ease-in-out infinite alternate}.v-beat i:nth-child(2n){animation-delay:.16s;background:var(--gold)}.v-beat i:nth-child(3n){animation-delay:.32s}.v-beat i:nth-child(5n){animation-delay:.46s}@keyframes beat{0%{transform:scaleY(.18)}}.v-duck{gap:18px;align-items:flex-end;padding-bottom:12px}.v-duck i{width:64px;height:48px;border-radius:5px;transform-origin:bottom;background:var(--teal);animation:talk 3.2s ease-in-out infinite}.v-duck i+i{background:var(--gold);animation-name:duck}@keyframes talk{0%,20%,80%,to{transform:scaleY(.1)}35%,65%{transform:scaleY(1)}}@keyframes duck{0%,20%,80%,to{transform:scaleY(1)}35%,65%{transform:scaleY(.26)}}.v-frame i{display:block;height:52px;width:92px;border:2px solid var(--gold);border-radius:5px;animation:frame 4.4s ease-in-out infinite}@keyframes frame{0%,30%{width:92px}45%,75%{width:30px}90%,to{width:92px}}.v-cam i{width:44px;height:32px;border-radius:5px;background:var(--panel2);animation:cam 3.6s steps(1) infinite}.v-cam i:nth-child(2){animation-delay:1.2s}.v-cam i:nth-child(3){animation-delay:2.4s}@keyframes cam{0%{background:var(--teal)}33%,to{background:var(--panel2)}}.v-cut{background:repeating-conic-gradient(#24242b 0 25%,#16161b 0 50%) 0 0/20px 20px}.v-cut i{position:relative;width:44px;height:60px;align-self:flex-end;animation:breathe 2.8s ease-in-out infinite}.v-cut i:before{content:"";position:absolute;left:12px;top:2px;width:20px;height:20px;border-radius:50%;background:var(--gold)}.v-cut i:after{content:"";position:absolute;left:0;right:0;bottom:0;height:34px;border-radius:50% 50% 0 0;background:var(--gold)}.v-track i{position:absolute;width:48px;height:32px;border:2px dashed var(--gold);border-radius:5px;background:#f2bc452e;animation:follow 5s ease-in-out infinite}@keyframes follow{0%,to{left:10%;top:12%}33%{left:70%;top:50%}66%{left:40%;top:8%}}.nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;padding:0;list-style:none;background:#ffffff1f;border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden}.nums li{background:#08080bd1;padding:clamp(22px,3.4vw,38px);transition:background .3s}.nums li:hover{background:#f2bc451a}.nums b{display:block;font:800 clamp(38px,6vw,74px)/1 var(--display);letter-spacing:-.03em;color:var(--gold);font-variant-numeric:tabular-nums}.nums span{display:block;margin-top:10px;font:500 11px/1.45 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.final{text-align:center;padding:clamp(70px,11vw,150px) 0}.final .mark{width:clamp(90px,14vw,150px);margin:0 auto 26px}.final h2{font-size:clamp(42px,8vw,104px)}.final .btn{margin-top:30px}.join{background:#131318e6;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:clamp(26px,5vw,52px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,56px);align-items:center}.join h2{font-size:clamp(30px,4.4vw,52px)}.join p:not(.tag):not(.msg):not(.note){color:var(--muted);margin:14px 0 0}form{display:grid;gap:12px}label{font:500 12px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}input[type=email]{width:100%;min-height:52px;padding:0 15px;border-radius:9px;border:1px solid var(--line);background:var(--ink);color:var(--bone);font:400 17px/1 var(--body)}input[type=email]:focus{outline:2px solid var(--gold);outline-offset:1px}.trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.note{font-size:14px;line-height:1.45;color:var(--muted);margin:0}.msg{font-size:15px;margin:0;color:var(--gold-soft);min-height:1.4em}.dl{padding-top:clamp(44px,6vw,72px)}.dl h1{font-size:clamp(50px,9vw,110px);line-height:1;margin:12px 0 16px}.plats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}.plat{background:#131318e6;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:clamp(22px,3.4vw,34px);display:grid;gap:12px;justify-items:start;transition:border-color .25s,transform .25s}.plat:hover{transform:translateY(-4px)}.plat.on{border-color:var(--gold)}.plat h2{margin:0;font-size:clamp(32px,4.4vw,52px)}.plat p{margin:0;color:var(--muted)}.soon{font:500 11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}.need{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,5vw,56px);margin-top:clamp(36px,5vw,56px)}.after{margin:18px 0 0;padding-left:20px;color:var(--muted);display:grid;gap:9px}footer{border-top:1px solid rgba(255,255,255,.1);padding:30px 0;color:var(--muted);font-size:14px;background:#08080b99}footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}.js .reveal{opacity:0;transform:translateY(34px) scale(.98);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.85,.2,1)}.js .reveal.in{opacity:1;transform:none}@media (max-width:900px){.show,.join{grid-template-columns:minmax(0,1fr)}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}nav a:not(.btn):not(.home-link){display:none}#story .wrap{grid-template-columns:minmax(0,1fr);gap:18px;padding-block:80px 18px}.steps{display:none}.now{display:block}}@media (max-width:900px){#story{min-height:0;padding:44px 0}#story .wrap{padding-block:0}}@media (max-width:560px){section{padding:46px 0}.hero{padding:26px 0 30px}.claim{padding:44px 0}.final{padding:60px 0}.head{margin-bottom:24px}.marquee{padding:12px 0}.grid,.plats,.need{grid-template-columns:minmax(0,1fr)}.nums{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor{aspect-ratio:16/10}}
