@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/space-grotesk-latin.woff2') format('woff2')}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 600;font-display:swap;src:url('/assets/fonts/jetbrains-mono-latin.woff2') format('woff2')}
:root{color-scheme:dark;--bg:#04050d;--text:#e9ebf3;--muted:#8a91a7;--blue:#1d3bff;--soft:#8b9aff;--line:rgba(164,180,255,.16);--mono:'JetBrains Mono',monospace}
*{box-sizing:border-box}html,body{margin:0;min-width:280px;background:var(--bg);color:var(--text);font-family:'Space Grotesk',sans-serif}body{overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #a4b1ff;outline-offset:8px}button{border:0}::selection{background:#1d3bff;color:white}
.experience{position:relative;isolation:isolate;min-height:780px;height:100svh;overflow:hidden;background:radial-gradient(ellipse at 50% 58%,#0c1233 0%,#060813 40%,#04050d 74%)}
.grain{position:absolute;inset:0;z-index:8;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.6' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
.header{height:104px;margin:0 4.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:9px}.brand>img{width:53px;height:auto;object-fit:contain}.brand>span{font-size:27px;letter-spacing:-1.5px;font-weight:600}.brand-period{color:#5972ff}.header-note{font:10px/1.7 var(--mono);letter-spacing:.02em;position:absolute;left:50%;transform:translateX(-50%);margin:0;color:#c3c8d8}.header-note span{color:#7d859b;font-size:9px}.contact-link{font-size:12px;display:flex;gap:20px;align-items:center;padding:12px 0}.contact-dot{width:7px;height:7px;border:1px solid #9ba8ff;border-radius:50%;transition:background .2s}.contact-link:hover .contact-dot{background:#7290ff;box-shadow:0 0 14px #465cff}
.intro{position:absolute;z-index:2;top:137px;left:20px;right:20px;text-align:center;pointer-events:none}.eyebrow{display:flex;justify-content:center;gap:10px;align-items:center;font:9px var(--mono);letter-spacing:.17em;text-transform:uppercase;margin:0 0 18px;color:#a1a9c3}.eyebrow>span{width:5px;height:5px;background:#7189ff;border-radius:50%;box-shadow:0 0 12px #5875ff}h1{font-weight:400;line-height:1.05;letter-spacing:-.065em;font-size:clamp(42px,5.05vw,78px);margin:0}h1 em{font-style:normal;color:#8f9bd0}.intro-copy{font-size:12px;color:#929bb3;margin-top:16px;letter-spacing:.005em}
.scene{position:absolute;top:245px;bottom:216px;left:0;right:0;touch-action:pan-y;min-height:270px;z-index:3}.scene canvas{width:100%;height:100%;display:block;position:absolute;inset:0;z-index:2;opacity:0;transition:opacity 1.1s ease}.scene.ready canvas{opacity:1}.scene-halo{position:absolute;inset:0 20% -50px;background:radial-gradient(ellipse at 50% 64%,#233eea2b,transparent 65%);filter:blur(20px);pointer-events:none}.horizon{position:absolute;width:140%;left:-20%;height:170px;bottom:0;border-top:1px solid #5b75ff15;border-radius:50%;background:linear-gradient(#203bb90b,transparent);pointer-events:none}.orbit{position:absolute;left:50%;top:75%;width:68%;height:22%;transform:translate(-50%,-50%);border:1px solid #4d67ed22;border-radius:50%;pointer-events:none}.orbit-two{width:86%;height:33%;border-color:#4d67ed0d}
.fallback-art{position:absolute;left:50%;top:46%;width:210px;height:210px;transform:translate(-50%,-50%) rotate(-30deg);opacity:.85;transition:opacity .5s}.fallback-art span{position:absolute;inset:0;border:23px solid #6e8be3;border-radius:50%;box-shadow:inset 7px 7px 18px #02030b,8px 8px 24px #0006,0 0 20px #5976ff22;transform:rotateY(35deg)}.fallback-art span:nth-child(2){transform:rotateX(55deg) rotateY(-35deg);border-color:#2547e0}.fallback-art span:nth-child(3){transform:rotateX(70deg) rotateY(40deg);border-color:#c0c9e6}.ready .fallback-art{opacity:0;visibility:hidden}
.side-note{position:absolute;top:51%;z-index:4;display:flex;align-items:center;gap:20px;font:9px/1.9 var(--mono);letter-spacing:.02em;color:#7d88a4;pointer-events:none}.left-note{left:4.2%}.right-note{right:4.2%;text-align:right}.cross{font:18px var(--mono);color:#6579aa}
.selection{position:absolute;bottom:143px;left:20px;right:20px;text-align:center;z-index:5}.selection-index{display:flex;gap:10px;align-items:center;justify-content:center;font:9px var(--mono);letter-spacing:.08em;color:#7f8bb0}.selection-index>span:first-child{color:#b7c3f7}.index-line{height:1px;width:33px;background:#62739b70}.selection h2{font-weight:400;font-size:44px;letter-spacing:-.045em;line-height:1.1;margin:10px 0 9px}.selection h2 a{display:inline-flex;align-items:center;gap:14px}.open-mark{width:23px;height:23px;border:1px solid #7383b24d;border-radius:50%;font:17px/21px var(--mono);letter-spacing:0;color:#899cdd;transition:background .25s,transform .4s}.selection h2 a:hover .open-mark{transform:rotate(90deg);background:#1d3bff;color:white;border-color:#1d3bff}.selection p{margin:0;color:#9da7bf;font-size:11px;line-height:1.7}.selection.changing{animation:selection-in .5s both}@keyframes selection-in{from{opacity:.2;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
.destination-nav{position:absolute;left:50%;transform:translateX(-50%);bottom:68px;z-index:10;display:flex;gap:0;width:480px;max-width:calc(100% - 40px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.destination{background:transparent;display:flex;gap:11px;align-items:center;justify-content:center;position:relative;flex:1;padding:18px 8px;font-size:12px;color:#848ea9;transition:color .25s,background .25s}.nav-number{font:8px var(--mono);color:#64708f}.destination:before{content:'';height:1px;background:#7791ff;box-shadow:0 0 12px #5d7aff;position:absolute;top:-1px;left:16px;right:16px;transform:scaleX(0);transition:transform .4s}.destination.active:before{transform:scaleX(1)}.destination.active{color:#f0f2ff;background:linear-gradient(#6581ff0a,transparent)}.destination.active .nav-number{color:#91a5ee}.destination:hover{color:white}.nav-dot{width:4px;height:4px;border-radius:50%;background:#7895ff;opacity:0;box-shadow:0 0 8px #5a7dff}.active .nav-dot{opacity:1}
.interaction-hint{position:absolute;bottom:123px;left:50%;transform:translateX(-50%);margin:0;z-index:6;display:flex;align-items:center;justify-content:center;gap:8px;font:8px var(--mono);letter-spacing:.01em;color:#7d88a3;white-space:nowrap}.hint-separator{color:#43516f;padding:0 3px}.touch-hint{display:none}.scroll-symbol{width:9px;height:13px;border:1px solid #657394;border-radius:5px;position:relative;margin-right:2px}.scroll-symbol:after{content:'';position:absolute;top:3px;width:1px;height:3px;left:3px;background:#9eaed8;animation:scroll-dot 2s ease-in-out infinite}@keyframes scroll-dot{50%{transform:translateY(3px);opacity:.4}}
.footer{position:absolute;bottom:0;left:4.2%;right:4.2%;height:60px;display:flex;align-items:center;justify-content:space-between;z-index:10;font:8px var(--mono);color:#8d96ae;letter-spacing:.02em}.footer p{margin:0;display:flex;gap:9px;align-items:center}.status-dot{width:4px;height:4px;background:#6d80c1;border-radius:50%}.footer-location span{color:#64708a;margin-left:20px}.footer button{display:flex;gap:7px;align-items:center;background:transparent;padding:12px;color:#8d96ae;font:8px var(--mono);position:absolute;left:50%;transform:translateX(-50%)}.motion-symbol{font-size:11px;color:#c0cbed}.object-cursor{position:fixed;left:0;top:0;z-index:12;border:1px solid #a1b5ff65;border-radius:50%;width:66px;height:66px;display:flex;align-items:center;justify-content:center;font:8px var(--mono);text-transform:uppercase;background:#05091755;backdrop-filter:blur(6px);pointer-events:none;opacity:0;transition:opacity .2s}.object-cursor.visible{opacity:1}
.skip-link{position:fixed;left:20px;top:-100px;background:#192eb6;padding:12px;z-index:100}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.no-script-nav{position:absolute;bottom:115px;left:0;right:0;z-index:11;display:flex;justify-content:center;gap:20px;background:#04050d;padding:10px}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .scene canvas{transition:none}
@media(min-height:1000px) and (min-width:769px){.intro{top:16%}.scene{top:29%;bottom:24%}.selection{bottom:17%}.destination-nav{bottom:8%}.interaction-hint{bottom:14%}}
@media(max-width:1000px){.side-note{display:none}.header-note{left:52%}.header-note span{display:none}.scene{top:245px}.brand>span{font-size:25px}}
@media(max-width:600px){.experience{height:100svh;min-height:700px}.header{height:80px;margin:0 24px}.brand{gap:7px}.brand>img{width:40px}.brand>span{font-size:23px;letter-spacing:-1.3px}.header-note{display:none}.contact-link{font-size:11px;gap:10px}.contact-dot{width:6px;height:6px}.intro{top:119px;left:15px;right:15px}.eyebrow{font-size:7px;letter-spacing:.12em;margin-bottom:15px;gap:7px}h1{font-size:43px;letter-spacing:-.065em;line-height:1.06;max-width:340px;margin:auto}h1 em{display:block}.intro-copy{max-width:250px;margin:15px auto 0;font-size:10px;line-height:1.7}.scene{top:265px;bottom:231px;min-height:190px}.scene-halo{inset:-10px 0 -40px}.orbit-one{width:110%}.orbit-two{width:150%}.selection{bottom:157px;left:18px;right:18px}.selection h2{font-size:35px;margin:9px 0}.selection p{font-size:10px;max-width:260px;margin:auto;line-height:1.65}.selection-index{font-size:8px}.open-mark{width:21px;height:21px;font-size:16px;line-height:19px}.destination-nav{bottom:73px;max-width:calc(100% - 48px)}.destination{font-size:11px;padding:18px 4px;gap:7px}.nav-number{font-size:7px}.destination:before{left:10px;right:10px}.interaction-hint{bottom:131px;font-size:7px;gap:6px}.desktop-hint{display:none}.touch-hint{display:inline}.interaction-hint>span:last-child{font-size:0}.interaction-hint>span:last-child:after{content:'Tap to discover';font-size:7px}.footer{left:24px;right:24px;height:61px;font-size:7px;align-items:center}.footer-location{display:none!important}.footer button{position:static;transform:none;font-size:7px;padding:12px 0}.object-cursor{display:none}.fallback-art{width:150px;height:150px}.fallback-art span{border-width:17px}}
@media(max-width:350px){.header{margin:0 18px}.brand>span{font-size:21px}.brand>img{width:35px}.intro{top:111px}h1{font-size:38px}.scene{top:250px}.destination-nav{max-width:calc(100% - 36px)}.destination{gap:6px}.nav-dot{display:none}.footer{left:18px;right:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.object-cursor{display:none}}
/* Keep the established Sysverge lockup intact. */
.brand>img{width:126px;height:auto}.experience{min-height:700px}[hidden]{display:none!important}
@media(max-width:600px){.brand>img{width:108px}.experience{min-height:700px}}
@media(max-width:350px){.brand>img{width:98px}}
@media(max-height:780px) and (min-width:601px){.header{height:80px}.intro{top:108px}.intro h1{font-size:clamp(40px,4.7vw,63px)}.intro .eyebrow{margin-bottom:12px}.intro-copy{margin-top:11px}.scene{top:210px;bottom:205px;min-height:240px}.selection{bottom:139px}.selection h2{font-size:35px}.side-note{top:49%;font-size:8px;gap:12px}}
@media(max-height:740px) and (max-width:600px){.intro{top:99px}.eyebrow{margin-bottom:10px}.intro h1{font-size:37px}.intro-copy{margin-top:10px}.scene{top:220px;bottom:218px}.selection{bottom:151px}.selection h2{font-size:31px}.selection-index{font-size:7px}.selection p{font-size:9px}.interaction-hint{bottom:127px}}