:root{--bg:#05070d;--ink:#f5f6fa;--muted:#e5e7eb9e;--faint:#e5e7eb66;--line:#ffffff1a;--glass:#ffffff0d;--cyan:#22d3ee;--sky:#38bdf8;--indigo:#6366f1;--violet:#a855f7;--green:#34d399;--sans:"Geist", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"Geist Mono", ui-monospace, Consolas, monospace;--ease:cubic-bezier(.2, .8, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}button{color:inherit;font-family:inherit}.bg{background:radial-gradient(circle at 18% 12%, #22d3ee33, transparent 42%), radial-gradient(circle at 85% 8%, #a855f72e, transparent 40%), radial-gradient(circle at 50% 110%, #6366f13d, transparent 50%), var(--bg);transition:filter .8s var(--ease);position:fixed;inset:0}.bg:before{content:"";background-image:radial-gradient(#ffffff0f 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 45%,#000 30%,#0000 100%);mask-image:radial-gradient(70% 60% at 50% 45%,#000 30%,#0000 100%)}.bg.dim{filter:brightness(.55)saturate(.9)}.stage{touch-action:none;position:fixed;inset:0}.stage canvas{cursor:grab;animation:fade-in 1.4s var(--ease) both}.stage canvas:active{cursor:grabbing}.loader{place-items:center;display:grid;position:fixed;inset:0}.loader img{width:64px;animation:1.2s ease-in-out infinite alternate pulse}@keyframes fade-in{0%{opacity:0}}@keyframes pulse{0%{opacity:.35;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.ui{pointer-events:none;position:fixed;inset:0}.ui a,.ui button{pointer-events:auto}.nav{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px)saturate(140%);pointer-events:auto;background:#0a0d168c;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;width:min(1180px,100% - 32px);padding:8px 8px 8px 16px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}.brand{color:var(--ink);letter-spacing:-.02em;align-items:center;gap:10px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.brand img{height:24px}.links{gap:2px;display:flex}.links a{color:var(--muted);border-radius:10px;padding:8px 12px;font-size:14px;text-decoration:none;transition:color .2s,background .2s}.links a:hover{color:var(--ink);background:var(--glass)}.nav-cta{gap:8px;display:flex}.btn{white-space:nowrap;cursor:pointer;height:38px;transition:transform .2s var(--ease), filter .2s, background .2s, border-color .2s;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg, var(--indigo), var(--violet));box-shadow:0 6px 24px #6366f159,inset 0 1px #ffffff40}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-ghost{color:var(--ink);background:var(--glass);border-color:var(--line)}.btn-ghost:hover{background:#ffffff14;border-color:#ffffff3d}.icon-btn{border:1px solid var(--line);background:var(--glass);cursor:pointer;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;font-size:15px;transition:border-color .2s,background .2s;display:grid}.icon-btn:hover{background:#ffffff17;border-color:#ffffff47}:focus-visible{outline:2px solid var(--sky);outline-offset:2px}.hero{text-align:center;width:min(900px,100% - 32px);transition:opacity .5s var(--ease), transform .7s var(--ease);position:absolute;top:clamp(84px,11.5vh,136px);left:50%;transform:translate(-50%)}.hero.hidden{opacity:0;transform:translate(-50%,-18px)}.eyebrow{border:1px solid var(--line);background:var(--glass);font:500 12.5px var(--mono);color:var(--muted);letter-spacing:.01em;border-radius:999px;align-items:center;gap:10px;padding:5px 14px 5px 5px;display:inline-flex}.eyebrow .tag{color:#e0e7ff;background:linear-gradient(135deg,#22d3ee38,#a855f747);border-radius:999px;padding:3px 9px}.hero h1{letter-spacing:-.045em;margin:16px 0 12px;font-size:clamp(34px,min(5.6vw,8.6vh),72px);font-weight:700;line-height:.98}.grad{background:linear-gradient(100deg,#67e8f9 0%,#818cf8 45%,#c084fc 85%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero p{max-width:560px;color:var(--muted);margin:0 auto;font-size:clamp(15px,1.3vw,17px);line-height:1.55}.hud{width:min(1180px,100% - 32px);font:500 12px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--faint);transition:opacity .4s var(--ease);justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.hud.hidden{opacity:0}.hud.hidden *{pointer-events:none!important}kbd{font:inherit;border:1px solid var(--line);color:var(--muted);border-radius:6px;padding:2px 6px}.pager{align-items:center;gap:2px;display:flex}.pager>button:not(.pager-name){cursor:pointer;background:0 0;border:0;place-items:center;width:22px;height:22px;padding:0;display:grid}.pager>button>span{width:6px;height:6px;transition:width .45s var(--ease), background .45s;background:#ffffff40;border-radius:99px;display:block}.pager>button.on>span{background:linear-gradient(90deg, var(--cyan), var(--violet));width:22px}.pager-name{white-space:nowrap;text-align:left;cursor:pointer;min-width:132px;font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--ink);background:0 0;border:0;margin-left:10px}.pager-name span{color:var(--faint)}.arrows{align-items:center;gap:10px;display:flex}.count{text-align:center;min-width:64px}.panel{--a:var(--cyan);--b:var(--indigo);border:1px solid var(--line);-webkit-backdrop-filter:blur(22px)saturate(140%);opacity:0;pointer-events:none;width:min(440px,38vw);transition:opacity .3s var(--ease), transform .5s var(--ease);background:linear-gradient(#101422bd,#080a12bd);border-radius:22px;padding:26px 28px 22px;position:absolute;top:50%;right:max(24px,6vw);transform:translate(28px,-50%);box-shadow:0 30px 80px #00000073,inset 0 1px #ffffff0f}.panel:before{content:"";background:linear-gradient(90deg, transparent, var(--a), var(--b), transparent);height:1px;position:absolute;top:-1px;left:24px;right:24px}.panel.open{opacity:1;pointer-events:auto;transition-delay:.32s;transform:translateY(-50%)}.panel-top{font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);justify-content:space-between;align-items:center;gap:12px;display:flex}.panel h2{letter-spacing:-.045em;background:linear-gradient(100deg, var(--a), var(--b));color:#0000;animation:rise .6s var(--ease) both;-webkit-background-clip:text;background-clip:text;margin:14px 0 12px;font-size:clamp(40px,4.2vw,58px);font-weight:700;line-height:1}.status{border:1px solid var(--line);font:500 12px var(--mono);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:4px 10px;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.status.live{color:#a7f3d0;background:#34d3991a;border-color:#34d39959}.status.live:before{background:var(--green);animation:1.8s ease-out infinite ping;box-shadow:0 0 #34d39999}.status.soon{color:#cbd5e1;background:var(--glass)}.tagline{letter-spacing:-.02em;margin:18px 0 8px;font-size:20px;font-weight:600}.desc{color:var(--muted);margin:0;font-size:15px;line-height:1.6}.features{gap:10px;margin:20px 0 22px;padding:0;list-style:none;display:grid}.features li{color:#e5e7ebdb;opacity:0;transition:opacity .45s var(--ease), transform .45s var(--ease);align-items:flex-start;gap:10px;font-size:14.5px;line-height:1.45;display:flex;transform:translateY(6px)}.features svg{color:var(--a);flex:none;margin-top:2px}.panel.open .features li{opacity:1;transform:none}.panel.open .features li:first-child{transition-delay:.48s}.panel.open .features li:nth-child(2){transition-delay:.56s}.panel.open .features li:nth-child(3){transition-delay:.64s}.panel-cta{flex-wrap:wrap;gap:10px;display:flex}.panel-nav{border-top:1px solid var(--line);justify-content:space-between;margin-top:20px;padding-top:14px;display:flex}.panel-nav button{cursor:pointer;font:500 12px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);background:0 0;border:0;padding:4px 0;transition:color .2s}.panel-nav button:hover{color:var(--ink)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@keyframes ping{70%{box-shadow:0 0 0 7px #34d39900}to{box-shadow:0 0 #34d39900}}@media (width<=960px){.links{display:none}}@media (width<=820px){.nav .btn-ghost,.hint{display:none}.hud{flex-wrap:wrap;justify-content:center;gap:8px 16px}.panel{width:auto;max-height:52vh;padding:18px 20px;inset:auto 12px 12px;overflow:auto;transform:translateY(24px)}.panel.open{transform:none}.panel h2{margin-top:8px;font-size:36px}.tagline{margin-top:12px;font-size:17px}.features{margin:14px 0 16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important}}