:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#060b18;--bg-soft:#0c1222;--bg-medium:#131b2e;--bg-strong:#1e293b;--bg-quaternary:#334155;--brand:#0166ff;--brand-strong:#0166ff;--brand-soft:#0d2b66;--brand-softer:#0a1a3d;--fg-brand:#4d9aff;--fg-brand-strong:#99c2ff;--heading:#f1f5f9;--body:#94a3b8;--body-subtle:#7c899e;--white:#fff;--purple:#8b5cf6;--sky:#0ea5e9;--teal:#14b8a6;--pink:#ec4899;--cyan:#22d3ee;--fuchsia:#d946ef;--indigo:#6366f1;--orange:#f97316;--amber:#facc15;--success:#096;--fg-success:#10b981;--danger:#c70036;--warning:#f97316;--border-default:#1e293b;--border-strong:#334155;--border-brand:#4d9aff;--glass-bg:#ffffff0f;--glass-bg-hover:#ffffff1a;--glass-bg-strong:#ffffff24;--glass-border:#ffffff1a;--glass-border-strong:#ffffff38;--glass-blur:blur(16px) saturate(1.4);--glass-blur-strong:blur(24px) saturate(1.5);--color-1-400:#ffffff14;--color-1-700:#0000004d;--r-base:16px;--r-default:10px;--r-sm:6px;--r-full:9999px;--shadow-2xs:0 1px 2px #0000000a;--shadow-xs:0 1px 3px 0 #0000000d, 0 1px 2px -1px #00000008;--shadow-sm:0 2px 6px -1px #00000012, 0 1px 3px -1px #0000000d;--shadow-md:0 6px 16px -4px #00000014, 0 2px 6px -2px #0000000d;--shadow-lg:0 12px 28px -6px #0000001a, 0 4px 12px -4px #0000000f;--shadow-xl:0 24px 48px -10px #00000024, 0 8px 20px -8px #00000014;--shadow-2xl:0 32px 64px -16px #00000038;--shadow-glass:0 32px 80px -24px #000000b3, 0 8px 24px -12px #00000080;--font-display:"Zalando Sans Expanded", "Zalando Sans", system-ui, sans-serif;--font-sans:"Zalando Sans", "Zalando Sans Expanded", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-6:48px;--space-8:64px;--space-12:96px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--a:var(--brand);--b:var(--indigo)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;height:100%}body{background:var(--bg);min-height:100%;color:var(--body);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.7;overflow-x:hidden}#root{isolation:isolate;width:100%;margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--heading);letter-spacing:-.02em;margin:0;font-weight:600;line-height:1.1}p{margin:0}a{color:var(--fg-brand);text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:0;font-family:inherit}img,svg,canvas{max-width:100%;display:block}:focus-visible{outline:2px solid var(--fg-brand);outline-offset:3px;border-radius:var(--r-sm)}:focus:not(:focus-visible){outline:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:10000;background:var(--brand);color:var(--white);font-family:var(--font-mono);letter-spacing:.04em;border-radius:var(--r-default);box-shadow:var(--shadow-lg);transition:transform .18s var(--ease-out);padding:10px 16px;font-size:13px;position:fixed;top:12px;left:12px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}::selection{background:color-mix(in srgb, var(--brand) 55%, transparent);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#94a3b838;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b861}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.experience{z-index:3;position:relative}.stage{justify-content:center;align-items:center;gap:clamp(28px,4vw,72px);min-height:100vh;padding:120px clamp(24px,5vw,64px) 110px;display:flex;position:relative;overflow:hidden}.stage-watermark{z-index:0;font-family:var(--font-display);letter-spacing:-.04em;color:color-mix(in srgb, var(--a) 14%, transparent);pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:flex-end;font-size:clamp(140px,26vw,420px);font-weight:700;line-height:.8;display:flex;position:absolute;bottom:-2vh;right:2vw}.wm-name{animation:wm-in .6s var(--ease-out) both;display:inline-block}@keyframes wm-in{0%{opacity:0;filter:blur(12px);transform:translateY(.12em)}to{opacity:1;filter:blur();transform:translateY(0)}}.stage-intro{z-index:2;flex:none;max-width:clamp(280px,28vw,400px);position:relative}.eyebrow{font-family:var(--font-mono);letter-spacing:.26em;color:var(--fg-brand);margin-bottom:20px;font-size:12px;font-weight:600}.stage-title{letter-spacing:-.04em;color:var(--heading);text-shadow:0 8px 60px #0166ff2e;font-size:clamp(48px,6vw,92px);line-height:.92}.stage-count{font-family:var(--font-mono);vertical-align:super;color:var(--body-subtle);letter-spacing:0;font-size:.24em;font-weight:600}.stage-lead{max-width:40ch;color:var(--body);margin-top:24px;font-size:clamp(15px,1.2vw,17px);line-height:1.7}.console-wrap{z-index:2;flex:0 auto;min-width:0;position:relative}@media (width<=900px){.stage{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:32px;min-height:auto;padding:104px 20px 64px;overflow:visible}.stage-intro{flex:none;max-width:none}.stage-watermark{display:none}}.btn{box-sizing:border-box;font-family:var(--font-sans);white-space:nowrap;border-radius:var(--r-base);box-shadow:var(--shadow-xs), inset var(--color-1-400) 0 6px 0 -5px, var(--color-1-700) 0 4px 10px -5px;transition:background-color .2s var(--ease-out), color .2s var(--ease-out), transform .2s var(--ease-out), box-shadow .2s var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:16px;font-weight:500;line-height:1;display:inline-flex}.btn:active{transform:translateY(1px)scale(.985)}.btn-brand{background:var(--brand);color:var(--white)}.btn-brand:hover{background:var(--brand-strong);box-shadow:var(--shadow-sm), inset var(--color-1-400) 0 6px 0 -5px, 0 10px 30px -8px var(--glow,#0166ff99)}.btn-ghost{color:var(--heading);border-color:var(--glass-border);box-shadow:none;background:0 0}.btn-ghost:hover{background:var(--glass-bg)}.btn-arrow{transition:transform .3s var(--ease-out)}.btn:hover .btn-arrow{transform:translate(4px)}.pill{font-family:var(--font-mono);letter-spacing:.06em;border-radius:var(--r-full);border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--body);align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.pill-live{color:var(--fg-success);border-color:color-mix(in srgb, var(--fg-success) 40%, transparent);background:color-mix(in srgb, var(--fg-success) 12%, transparent)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--r-base);box-shadow:var(--shadow-glass)}.worldbg{z-index:0;background:var(--bg);position:fixed;inset:0;overflow:hidden}.wb-layer{opacity:0;transition:opacity .9s var(--ease-out);will-change:opacity;position:absolute;inset:0}.wb-layer.is-on{opacity:1}.wb-media{object-fit:cover;filter:brightness(.5)saturate(1.1);width:100%;height:100%;position:absolute;inset:0;transform:scale(1.05)}.wb-tint{background:radial-gradient(80% 60% at 70% 15%, var(--glow), transparent 60%), radial-gradient(90% 80% at 50% 60%, transparent 40%, #060b18b8 100%);opacity:.9;position:absolute;inset:0}.worldbg-grade{background:radial-gradient(120% 90% at 50% 0,#0000 45%,#060b1880 100%),linear-gradient(#060b184d,#0000 30%,#060b188c);position:absolute;inset:0}.console{--at:color-mix(in srgb, var(--a) 62%, white);perspective:1200px;width:100%;max-width:1040px;margin-inline:auto}.console-3d{transform-style:preserve-3d;will-change:transform;position:relative;transform:rotateY(-13deg)rotateX(4deg)}.console-glass{border-radius:var(--r-base);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow-glass), inset 0 1px 0 #ffffff1f, 0 0 0 1px #ffffff05;transform-style:preserve-3d;grid-template-columns:minmax(220px,290px) 1fr;gap:clamp(20px,2.4vw,36px);padding:clamp(20px,2.2vw,32px);display:grid;position:relative}.console-glass:after{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--a), transparent 40%, transparent 60%, var(--b));-webkit-mask-composite:xor;opacity:.55;transition:background .6s var(--ease-out);pointer-events:none;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.c-side{border-right:1px solid var(--glass-border);flex-direction:column;gap:18px;padding-right:clamp(16px,1.6vw,28px);display:flex;transform:translateZ(10px)}.c-side-head{flex-direction:column;gap:4px;display:flex}.c-side-brand{font-family:var(--font-display);letter-spacing:-.01em;color:var(--heading);font-size:18px;font-weight:700}.c-side-sub{font-family:var(--font-mono);letter-spacing:.22em;color:var(--body-subtle);font-size:11px}.c-realmlist{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.c-realm{border-radius:var(--r-default);width:100%;color:var(--body);text-align:left;transition:background .3s var(--ease-out), border-color .3s var(--ease-out), transform .3s var(--ease-out);border:1px solid #0000;align-items:center;gap:14px;padding:12px;display:flex;position:relative}.c-realm:hover{background:var(--glass-bg);color:var(--heading)}.c-realm.is-active{background:var(--glass-bg-strong);border-color:var(--glass-border-strong);box-shadow:var(--shadow-md), 0 0 24px -8px var(--glow);color:var(--heading)}.c-realm-badge{border-radius:var(--r-default);width:40px;height:40px;font-family:var(--font-mono);color:var(--white);background:linear-gradient(150deg, var(--a), var(--b));flex:none;place-items:center;font-size:14px;font-weight:700;display:grid;box-shadow:inset 0 1px #ffffff40}.c-realm:not(.is-active) .c-realm-badge{background:var(--glass-bg);color:var(--body)}.c-realm-badge svg{width:22px;height:22px}.c-realm-text{flex-direction:column;gap:2px;min-width:0;display:flex}.c-realm-name{font-family:var(--font-display);color:inherit;font-size:15px;font-weight:600}.c-realm-meta{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--body-subtle);font-size:10.5px}.c-realm-status{border-radius:var(--r-full);width:8px;height:8px;transition:background .3s var(--ease-out), box-shadow .3s var(--ease-out);background:#94a3b859;margin-left:auto}.c-realm-status.sel{background:var(--fg-success);animation:1.9s ease-in-out infinite sel-pulse}@keyframes sel-pulse{0%,to{box-shadow:0 0 0 3px color-mix(in srgb, var(--fg-success) 18%, transparent), 0 0 10px var(--fg-success)}50%{box-shadow:0 0 0 7px color-mix(in srgb, var(--fg-success) 0%, transparent), 0 0 16px var(--fg-success)}}.c-main{min-width:0;transform-style:preserve-3d;flex-direction:column;gap:18px;display:flex}.c-feature{aspect-ratio:16/9;border-radius:var(--r-default);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg), 0 24px 60px -28px var(--glow);position:relative;overflow:hidden;transform:translateZ(36px)}.c-feature-img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .7s var(--ease-out), transform 1.2s var(--ease-out);position:absolute;inset:0;transform:scale(1.06)}.c-feature-img.is-on{opacity:1;transform:scale(1)}.c-feature-grad{background:linear-gradient(#0000 40%,#060b18d9);position:absolute;inset:0}.c-feature-cap{position:absolute;bottom:clamp(14px,1.4vw,20px);left:clamp(16px,1.6vw,24px);right:16px}.c-feature-tag{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--at);font-size:11px}.c-feature-name{color:var(--white);text-shadow:0 4px 30px #00000080;margin-top:6px;font-size:clamp(28px,3.4vw,46px);line-height:1}.c-feature-meta{font-family:var(--font-mono);color:var(--body);align-items:center;gap:10px;margin-top:12px;font-size:12px;display:flex}.c-feature-meta .dot{opacity:.5}.c-mainbar{justify-content:space-between;align-items:center;gap:20px;display:flex}.c-desc{color:var(--body);max-width:46ch;font-size:14.5px;line-height:1.6}.c-cta{flex:none}.btn-brand.c-cta{background:color-mix(in srgb, var(--a) 70%, #05070f)}.btn-brand.c-cta:hover{background:color-mix(in srgb, var(--a) 84%, #05070f);box-shadow:var(--shadow-sm), inset var(--color-1-400) 0 6px 0 -5px, 0 12px 32px -10px var(--glow)}.c-carousel{scrollbar-width:none;gap:10px;margin:0;padding:4px;list-style:none;display:flex;overflow-x:auto;transform:translateZ(56px)}.c-carousel::-webkit-scrollbar{display:none}.c-chip{text-align:left;border-radius:var(--r-default);background:var(--glass-bg);border:1px solid var(--glass-border);min-width:150px;color:var(--body);transition:background .25s var(--ease-out), transform .25s var(--ease-out), border-color .25s var(--ease-out);flex-direction:column;gap:4px;padding:12px 14px;display:flex}.c-chip:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-strong);color:var(--heading);transform:translateY(-3px)}.c-chip-intent{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--at);font-size:10px}.c-chip-name{font-size:14px;font-weight:600}.c-chip-next{min-width:56px;color:var(--heading);justify-content:center;align-items:center;font-size:20px}@media (width<=900px){.console{perspective:none;width:100%}.console-3d{transform:none!important}.console-glass{grid-template-columns:1fr}.c-side{border-right:0;border-bottom:1px solid var(--glass-border);padding-bottom:18px;padding-right:0}.c-realmlist{scrollbar-width:none;flex-direction:row;overflow-x:auto}.c-realm{flex:none}.c-realm-meta{display:none}.c-feature,.c-carousel{transform:none}}@media (width<=560px){.c-mainbar{flex-direction:column;align-items:flex-start}}.hud-top{z-index:60;justify-content:space-between;align-items:center;padding:20px clamp(20px,4vw,48px);display:flex;position:fixed;top:0;left:0;right:0}.hud-brand{font-family:var(--font-mono);letter-spacing:.14em;color:var(--heading);align-items:center;gap:10px;font-size:13px;font-weight:600;display:inline-flex}.hud-brand b{color:var(--body);font-weight:600}.hud-dia{background:conic-gradient(from 0deg, var(--brand), var(--purple), var(--teal), var(--brand));border-radius:2px;width:13px;height:13px;transform:rotate(45deg)}.hud-top-r{align-items:center;gap:18px;display:flex}.hud-label{font-family:var(--font-mono);letter-spacing:.18em;color:var(--body-subtle);font-size:11px}.hud-enter{letter-spacing:.08em;padding:8px 14px;font-size:12px}.hud-foot{z-index:60;pointer-events:none;justify-content:space-between;align-items:center;padding:0 clamp(20px,4vw,48px) 24px;display:flex;position:fixed;bottom:0;left:0;right:0}.hud-dots{pointer-events:auto;gap:10px;display:flex}.hud-dot{border-radius:var(--r-full);width:30px;height:4px;transition:background .3s var(--ease-out), width .3s var(--ease-out);background:#94a3b840;position:relative}.hud-dot:before{content:"";position:absolute;inset:-20px -6px}.hud-dot.on{background:linear-gradient(90deg, var(--a), var(--b));width:46px}.hud-hint{font-family:var(--font-mono);letter-spacing:.22em;color:var(--body-subtle);align-items:center;gap:9px;font-size:11px;display:inline-flex}.hud-hint-ar{animation:1.6s ease-in-out infinite hud-bob}@keyframes hud-bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media (width<=620px){.hud-label,.hud-hint{display:none}}.loader{z-index:1000;background:var(--bg);place-items:center;display:grid;position:fixed;inset:0}.loader-inner{justify-items:center;gap:28px;width:min(80vw,420px);display:grid}.loader-brand{text-align:center;justify-items:center;gap:10px;display:grid}.loader-dia{background:conic-gradient(from 0deg, var(--brand), var(--purple), var(--teal), var(--brand));width:18px;height:18px;box-shadow:0 0 30px var(--brand);border-radius:3px;transform:rotate(45deg)}.loader-name{font-family:var(--font-display);letter-spacing:.02em;color:var(--heading);font-size:clamp(20px,3vw,30px);font-weight:700}.loader-sub{font-family:var(--font-mono);letter-spacing:.24em;color:var(--body-subtle);font-size:11px}.loader-bar{border-radius:var(--r-full);background:#94a3b82e;width:100%;height:2px;overflow:hidden}.loader-bar-fill{transform-origin:0;background:linear-gradient(90deg, var(--brand), var(--purple), var(--teal));width:100%;height:100%;transform:scaleX(0)}.loader-count{font-family:var(--font-mono);letter-spacing:.2em;color:var(--fg-brand);font-size:13px}.cur-dot,.cur-ring{z-index:9999;pointer-events:none;border-radius:var(--r-full);will-change:transform;position:fixed;top:0;left:0}.cur-dot{background:var(--white);width:7px;height:7px;margin:-3.5px 0 0 -3.5px}.cur-ring{border:1.5px solid #fff6;width:38px;height:38px;margin:-19px 0 0 -19px}body.cursor-on,body.cursor-on *{cursor:none!important}