:root{--background: #020307;--surface: #03040a;--logo-navy: #000d56;--accent-blue: #1233a6;--dim-blue: #07174e;--text: #9aa3b7;--logo-blur: 0px;--logo-scale: 1;--logo-rotate: 0deg;--logo-opacity: 0;--logo-glow: 0;--parallax-x: 0px;--parallax-y: 0px;--shake-x: 0px;--shake-y: 0px;--sweep-pos: -40%;--sweep-opacity: 0;--logo-width: 54vw;--logo-max: 920px;--logo-aspect: 2.52;--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--background)}body{color:var(--text);font-family:ui-sans-serif,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.stage{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;overflow:hidden;background:var(--background);transform:translate3d(var(--shake-x),var(--shake-y),0)}.layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.backdrop{z-index:1}.fracture{z-index:3}.fracture svg{display:block;width:100%;height:100%}.debris{z-index:4}.logo-wrap{position:absolute;inset:0;z-index:2;display:grid;place-items:center;pointer-events:none}.logo-shift{position:relative;width:min(var(--logo-width),var(--logo-max));max-width:calc(100vw - 2rem - var(--safe-l) - var(--safe-r));aspect-ratio:var(--logo-aspect);transform:translate3d(var(--parallax-x),var(--parallax-y),0) rotate(var(--logo-rotate)) scale(var(--logo-scale));will-change:transform,filter,opacity;filter:blur(var(--logo-blur)) drop-shadow(0 0 calc(13px * var(--logo-glow)) rgba(18,51,166,calc(.3 * var(--logo-glow))));opacity:var(--logo-opacity)}.logo{position:absolute;inset:0;display:block;width:100%;height:100%;user-select:none;-webkit-user-drag:none}.logo-main{clip-path:inset(0 0 var(--sub-bottom, 22.3%) 0)}.logo-sub{clip-path:inset(var(--sub-top, 77.7%) 0 0 var(--sub-left, 61.4%));opacity:var(--sub-opacity, 1);transform:translate3d(0,var(--sub-y, 0px),0);filter:blur(var(--sub-blur, 0px))}.sweep{position:absolute;inset:0;pointer-events:none;opacity:var(--sweep-opacity);background:linear-gradient(100deg,transparent 0%,transparent 38%,rgba(90,130,255,.5) 47%,rgba(180,205,255,.85) 50%,rgba(90,130,255,.5) 53%,transparent 62%,transparent 100%);background-size:260% 100%;background-position:var(--sweep-pos) 0;background-repeat:no-repeat;-webkit-mask-image:var(--sweep-mask, none);mask-image:var(--sweep-mask, none);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mix-blend-mode:screen}.replay{position:absolute;top:50%;left:50%;z-index:5;width:min(var(--logo-width),var(--logo-max));aspect-ratio:var(--logo-aspect);transform:translate(-50%,-50%);padding:0;border:0;border-radius:4px;background:transparent;color:transparent;font-size:0;cursor:pointer;pointer-events:none;opacity:0}.stage[data-phase=idle] .replay{pointer-events:auto}.replay:focus-visible{outline:1px solid rgba(154,163,183,.6);outline-offset:12px;opacity:1}.gate{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.35rem;width:100%;height:100%;padding:0;border:0;background:var(--background);color:var(--text);font:inherit;cursor:pointer;transition:opacity .22s ease}.gate[hidden]{display:none}.gate-svg{display:block;overflow:visible}.gate-frame,.gate-arrow{transform-box:fill-box;transform-origin:50% 50%;transition:transform .22s cubic-bezier(.22,.61,.36,1),stroke .22s ease,fill .22s ease,opacity .22s ease}.gate-square{fill:none;stroke:var(--accent-blue);stroke-width:1;animation:gate-breathe 4.6s ease-in-out infinite}.gate-arrow{fill:var(--accent-blue);opacity:.55}@keyframes gate-breathe{0%,to{stroke-opacity:.32;filter:drop-shadow(0 0 0 rgba(18,51,166,0))}50%{stroke-opacity:.78;filter:drop-shadow(0 0 5px rgba(18,51,166,.55))}}.gate-svg:hover .gate-frame{transform:scale(.93)}.gate-svg:hover .gate-square{stroke:#4c74e6;animation-duration:2.4s}.gate-svg:hover .gate-arrow{transform:translate(2px);fill:#6f92f0;opacity:1}.gate:focus-visible{outline:none}.gate.is-keyboard:focus-visible .gate-svg{outline:1px solid rgba(154,163,183,.5);outline-offset:7px}.gate:focus-visible .gate-square{stroke:#4c74e6}.gate:focus-visible .gate-arrow{opacity:.9}.gate-shard{stroke:#6f92f0;stroke-width:1;opacity:0;transform-box:fill-box;transform-origin:50% 50%}.gate.is-firing{opacity:0;transition:opacity .26s ease 60ms}.gate.is-firing .gate-square{animation:none;stroke-opacity:1}.gate.is-firing .gate-frame{transform:scale(.16);opacity:0;transition:transform .19s cubic-bezier(.7,0,.84,0),opacity .19s ease-in}.gate.is-firing .gate-arrow{transform:translate(16px);opacity:0;transition:transform .19s cubic-bezier(.7,0,.84,0),opacity .16s ease-in}.gate.is-firing .gate-shard{animation:gate-shard .3s cubic-bezier(.16,.72,.3,1) forwards}.gate-shard:nth-child(1){--shard-x: -9px;--shard-y: -9px}.gate-shard:nth-child(2){--shard-x: 9px;--shard-y: -9px}.gate-shard:nth-child(3){--shard-x: 8px;--shard-y: 8px}.gate-shard:nth-child(4){--shard-x: -8px;--shard-y: 10px}.gate-shard:nth-child(5){--shard-x: 2px;--shard-y: -13px}.gate-shard:nth-child(6){--shard-x: -3px;--shard-y: 12px}@keyframes gate-shard{0%{opacity:0;transform:translate(0)}22%{opacity:.9}to{opacity:0;transform:translate(var(--shard-x),var(--shard-y))}}.mute{position:absolute;right:calc(1.15rem + var(--safe-r));bottom:calc(1.15rem + var(--safe-b));z-index:9;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:3px;background:transparent;color:var(--text);cursor:pointer;opacity:.3;transition:opacity .2s ease}.mute:hover,.mute:focus-visible{opacity:.85}.mute:focus-visible{outline:1px solid rgba(154,163,183,.6);outline-offset:3px}.mute-icon{position:relative;display:flex;align-items:center;gap:2px;width:18px;height:14px;justify-content:center}.mute-bar{width:2px;background:currentColor;transition:height .2s ease}.mute-bar:nth-child(1){height:5px}.mute-bar:nth-child(2){height:13px}.mute-bar:nth-child(3){height:8px}.mute-slash{position:absolute;left:-2px;width:22px;height:1px;background:currentColor;transform:rotate(-32deg) scaleX(0);transform-origin:left center;transition:transform .2s ease}.mute[aria-pressed=true] .mute-slash{transform:rotate(-32deg) scaleX(1)}.mute[aria-pressed=true] .mute-bar{height:4px}@media (max-width: 1024px){:root{--logo-width: 68vw}}@media (max-width: 640px){:root{--logo-width: 85vw}.mute{right:calc(.75rem + var(--safe-r));bottom:calc(.75rem + var(--safe-b))}}@media (max-height: 460px){.logo-shift{max-height:62vh;width:auto;height:62vh}}@media (prefers-reduced-motion: reduce){.gate-square{animation:none;stroke-opacity:.7}.gate.is-firing .gate-shard{animation:none}.gate.is-firing .gate-frame,.gate.is-firing .gate-arrow{transform:none}.logo-shift{transform:rotate(var(--logo-rotate)) scale(var(--logo-scale))}.stage{transform:none}}