:root{--stage:#071209;--panel:#0b1c0e;--line:#f4f7f214;--text:#f4f7f2;--muted:#8fa593;--green:#5fa657;--green-hi:#74c26b;--glow:#b3f5c3;--purple:#7b4fe8;--key-edge:#1c1838;--error:#ff8a80;--display:var(--font-display), "Clash Display", system-ui, sans-serif;--sans:var(--font-sans), system-ui, sans-serif;--mono:var(--font-mono), ui-monospace, monospace;--ease:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{background:var(--stage)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--stage);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}::selection{background:var(--green);color:var(--stage)}.display{font-family:var(--display);font-weight:600}.mono{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:12px}.grain{z-index:900;pointer-events:none;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.9s steps(6,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-4%,3%)}40%{transform:translate(3%,-5%)}60%{transform:translate(-2%,6%)}80%{transform:translate(5%,2%)}to{transform:translate(0)}}.cursor{z-index:1000;pointer-events:none;display:none;position:fixed;top:0;left:0}html.has-cursor .cursor{display:block}html.has-cursor,html.has-cursor *{cursor:none!important}.cursor:before{content:"";background:var(--glow);width:12px;height:12px;transition:transform .45s var(--ease), background .3s, opacity .3s;border-radius:50%;margin:-6px 0 0 -6px;position:absolute;box-shadow:0 0 18px 2px #b3f5c3b3}.cursor.is-hot:before{box-shadow:inset 0 0 0 .35px var(--glow), 0 0 30px #b3f5c340;background:#b3f5c324;transform:scale(4.6)}.cursor.is-hidden:before{opacity:0}.hero{isolation:isolate;flex-direction:column;min-height:100svh;padding:24px clamp(16px,4vw,48px);display:flex;position:relative;overflow:hidden}.hero:before{content:"";z-index:-2;background:linear-gradient(var(--line) 1px, transparent 1px) 0 0 / 92px 92px, linear-gradient(90deg, var(--line) 1px, transparent 1px) 0 0 / 92px 92px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000 40%,#0000);mask-image:radial-gradient(80% 70% at 50% 40%,#000 40%,#0000)}.hero>:not(.stage){visibility:hidden}.hero.is-ready>*{visibility:visible}.stage{z-index:-1;pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.beam{transform-origin:50% 0;clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);filter:blur(6px);mix-blend-mode:screen;background:linear-gradient(#b3f5c333,#b3f5c30a 65%,#0000);width:34vw;height:130vh;position:absolute;top:-10vh}.beam-l{left:4vw;transform:rotate(-14deg)}.beam-r{right:4vw;transform:rotate(14deg)}.haze{background:radial-gradient(50% 35% at 50% 62%,#5fa65738,#0000 70%),radial-gradient(80% 40% at 50% 110%,#5fa65740,#0000 70%);position:absolute;inset:0}.topbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.lockup{letter-spacing:-.03em;align-items:center;gap:12px;font-size:22px;font-weight:600;display:flex}.lockup i{background:var(--text);width:2px;height:24px}.lockup svg{margin-right:-6px}.lockup .linq{letter-spacing:.02em;font-size:17px;font-weight:700}.stack{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:4vh 0;display:flex}.stack .line{margin:-.04em -.06em -.1em;padding:.04em .06em .1em;display:block;overflow:hidden}.char{will-change:transform;display:inline-block}.h-attending,.h-experience{font-family:var(--display);letter-spacing:-.035em;white-space:nowrap;margin:0;font-size:clamp(54px,10.5vw,188px);font-weight:600;line-height:.92}.tape-bar{background:var(--green);transform-origin:0;clip-path:polygon(0 6%,4% 0,9% 7%,15% 1%,22% 8%,28% 2%,35% 6%,41% 0,48% 7%,55% 2%,61% 8%,68% 1%,74% 6%,81% 0,88% 7%,94% 2%,100% 6%,100% 94%,95% 100%,89% 93%,82% 99%,76% 92%,69% 100%,62% 94%,56% 99%,49% 93%,42% 100%,36% 94%,29% 99%,22% 92%,16% 100%,9% 94%,4% 99%,0 93%);width:min(92vw,6.9em);height:.36em;max-height:64px;margin:.12em 0 .18em;font-size:clamp(54px,10.5vw,188px);box-shadow:0 30px 80px #5fa65759}.event-name{letter-spacing:-.02em;margin:0 0 clamp(10px,2vh,22px);font-size:clamp(18px,2.4vw,40px);font-weight:500}.keys{gap:clamp(4px,.6vw,10px);margin-bottom:clamp(8px,2vh,20px);display:flex}.key{--size:clamp(66px, 9vw, 150px);width:var(--size);height:calc(var(--size) * 1.08);border:3px solid var(--key-edge);background:linear-gradient(170deg, #9370ff, var(--purple) 45%, #5b34c9);cursor:pointer;will-change:transform;border-radius:22%;padding:0;transition:box-shadow .12s;position:relative;box-shadow:0 0 0 6px #5fa65747,0 10px #2e1b6e,0 28px 50px #0000008c}.key:before,.key:after{content:"";background:#b3f5c3b3;width:2px;height:14%;position:absolute;bottom:9%}.key:before{left:10%;transform:rotate(12deg)}.key:after{right:10%;transform:rotate(-12deg)}.key-top{border:3px solid var(--key-edge);color:#16152b;font-family:var(--sans);font-weight:700;font-size:calc(var(--size) * .5);background:linear-gradient(#fff,#e7e9f2);border-radius:18%;place-items:center;line-height:1;display:grid;position:absolute;inset:6% 8% 26%;box-shadow:inset 0 -6px #16152b14}.key:hover .key-top{background:linear-gradient(#fff,#f3f4f9)}.key.is-pressed{box-shadow:0 0 0 6px #b3f5c399,0 2px #2e1b6e,0 10px 20px #00000080}.hero-foot{grid-template-columns:1fr auto 1fr;align-items:end;gap:16px;padding-bottom:8px;display:grid}.hero-foot>:last-child{justify-self:end}.scroll-cue{color:var(--text);flex-direction:column;align-items:center;gap:10px;font-weight:500;text-decoration:none;display:inline-flex}.scroll-cue .arrow{width:44px;height:44px;animation:bob 2s var(--ease) infinite;border:1px solid #f4f7f24d;border-radius:50%;place-items:center;display:grid}@keyframes bob{50%{transform:translateY(6px)}}.studio{max-width:1440px;margin:0 auto;padding:clamp(80px,14vh,160px) clamp(16px,4vw,48px);position:relative}.studio-head{grid-area:head;align-self:end}.studio-head .label{color:var(--green-hi);margin-bottom:18px;display:block}.studio-head h2{letter-spacing:-.04em;margin:0;font-size:clamp(44px,5.4vw,86px);line-height:.95}.reveal-line{padding-bottom:.08em;display:block;overflow:hidden}.reveal-line>*{display:inline-block}.studio-head em{color:var(--stage);background:var(--green);padding:0 .12em;font-style:normal}.studio-sub{color:var(--muted);max-width:34ch;margin:18px 0 0;font-size:17px;line-height:1.5}.studio-grid{grid-template:"head card""steps card"1fr/minmax(320px,440px) 1fr;gap:32px clamp(40px,6vw,96px);min-height:min(760px,100svh - 160px);display:grid}.controls{grid-area:steps;align-self:start}.card-stage{grid-area:card;align-self:center}.controls{gap:8px;display:grid}.step{border-top:1px solid var(--line);grid-template-columns:44px 1fr;gap:12px;padding:24px 0;display:grid}.step-num{color:var(--green-hi);padding-top:5px}.step-body h3{font-family:var(--display);letter-spacing:-.02em;margin:0 0 14px;font-size:26px;font-weight:500}.row{flex-wrap:wrap;gap:10px;display:flex}input{width:100%;font:inherit;color:var(--text);border:1px solid var(--line);background:#f4f7f208;border-radius:12px;outline:none;padding:13px 16px;font-size:16px;transition:border-color .2s,background .2s}input:focus{border-color:var(--green);background:#5fa6570f}.row input{flex:1;width:auto;min-width:0}.magnetic{display:inline-block}.btn{font:inherit;color:var(--text);cursor:pointer;background:0 0;border:1px solid #f4f7f238;border-radius:999px;align-items:center;gap:10px;padding:14px 22px;font-size:15px;font-weight:600;transition:background .25s,border-color .25s,color .25s;display:inline-flex}.btn:hover:not(:disabled){background:#f4f7f212;border-color:#f4f7f266}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-primary,.btn-x{background:var(--green);border-color:var(--green);color:var(--stage)}.btn-primary:hover:not(:disabled),.btn-x:hover:not(:disabled){background:var(--glow);border-color:var(--glow)}.btn-x{padding:16px 28px;font-size:16px}.link{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.connected{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.connected strong{color:var(--text)}.upload{color:var(--green-hi);cursor:pointer;margin-top:14px;display:inline-block}.upload:hover{color:var(--glow)}.x-connect{margin-top:10px;font-size:14px}.muted{color:var(--muted);margin:0;font-size:15px}.status{min-height:18px;color:var(--glow);margin:4px 0 0}.error{color:var(--error);text-transform:none;letter-spacing:0;font-family:var(--sans);font-size:14px}.card-stage{perspective:1400px;position:relative}.tilt{transform-style:preserve-3d;will-change:transform;border-radius:6px;position:relative;overflow:hidden}.tilt canvas{width:100%;height:auto;display:block}.glare{pointer-events:none;background:radial-gradient(circle at var(--gx,30%) var(--gy,20%), #ffffff29, transparent 45%);mix-blend-mode:overlay;position:absolute;inset:0}.card-shadow{filter:blur(20px);z-index:-1;background:radial-gradient(#5fa65759,#0000 70%);height:60px;position:absolute;inset:auto 8% -40px}.footer{text-align:center;padding:clamp(60px,10vh,120px) clamp(16px,4vw,48px) 0;position:relative;overflow:hidden}.countdown{flex-direction:column;align-items:center;gap:clamp(16px,3vh,28px);display:flex}.countdown-label{color:var(--green-hi);align-items:center;gap:10px;display:inline-flex}.countdown-row{justify-content:center;align-items:flex-start;display:flex}.countdown-unit-wrap{align-items:flex-start;display:flex}.countdown-unit{flex-direction:column;align-items:center;gap:14px;display:flex}.countdown-digits{font-size:clamp(40px,10vw,190px);line-height:.9;display:flex}.countdown-colon{color:var(--green);padding:0 clamp(4px,1.2vw,22px);font-size:clamp(28px,7vw,140px);line-height:1}.countdown-unit-label{font-size:11px}.digit{text-align:center;clip-path:inset(0 -50%);width:.8em;padding-bottom:.05em;display:inline-block}.digit-in{animation:digit-roll .55s var(--ease);display:inline-block}@keyframes digit-roll{0%{opacity:0;filter:blur(4px);transform:translateY(-100%)}to{opacity:1;filter:none;transform:none}}.countdown-state{letter-spacing:-.04em;margin:0;font-size:clamp(52px,11vw,200px);line-height:.9}.live-dot{background:#ff5a4f;border-radius:50%;width:9px;height:9px;animation:1.6s infinite live;box-shadow:0 0 #ff5a4f99}@keyframes live{70%{box-shadow:0 0 0 10px #ff5a4f00}to{box-shadow:0 0 #ff5a4f00}}.footer-base{width:min(960px,100%);margin:clamp(40px,7vh,72px) auto 0}.footer-bar{color:var(--text);background:#183a1c;border:1px solid #f4f7f214;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px clamp(16px,3vw,40px);padding:26px 20px;display:flex}.footer-bar i{background:#f4f7f280;width:1px;height:22px}.footer-bar a{color:var(--glow);text-decoration:none}.footer-bar a:hover{color:var(--text)}.funnel{width:100%;height:clamp(140px,22vw,280px);display:block}@media (max-width:900px){.studio-grid{grid-template:"head""card""steps"/1fr;min-height:0}}@media (max-width:640px){.hide-sm{display:none}.hero{min-height:auto;padding-bottom:28px}.stack{flex:none;padding:64px 0 44px}.scroll-cue .arrow{width:38px;height:38px}.studio{padding-top:48px;padding-bottom:40px}.studio-grid{row-gap:24px}.studio-sub{margin-top:12px;font-size:15px}.step{padding:18px 0}.footer{padding-top:32px}.footer-base{margin-top:28px}.footer-bar{gap:10px;padding:18px 16px}.funnel{height:110px}.footer-bar i{display:none}.footer-bar{flex-direction:column}.h-attending,.h-experience,.tape-bar{font-size:12.5vw}.key{--size:18vw}.hero-foot{grid-template-columns:1fr;justify-items:center}.hero-foot>:first-child{display:none}.lockup{font-size:18px}}@media (prefers-reduced-motion:reduce){.grain,.scroll-cue .arrow,.digit-in,.live-dot{animation:none}}