:root{--black:#0a0a0a;--panel:#141414;--blue:#0066ff;--white:#fff;--muted:#96a0af;--line:rgba(0,102,255,.4)}
*{box-sizing:border-box}
html{background:var(--black);color:var(--white);font-family:"Montserrat",sans-serif}
body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:#050608}
button,a{font:inherit}a{color:inherit;text-decoration:none}
button{color:inherit}
.boot{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#020305;transition:opacity .45s ease,visibility .45s ease}
.boot.is-hidden{opacity:0;visibility:hidden}
.boot p{font:400 clamp(1.5rem,4vw,3.7rem)/1 "Anton",sans-serif;letter-spacing:.09em;color:#fff;text-shadow:0 0 24px rgba(0,102,255,.75)}
.boot__scan{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,102,255,.14),transparent 55%);animation:scan 1.1s linear infinite}
@keyframes scan{from{transform:translateY(-55%)}to{transform:translateY(55%)}}
.shell{min-height:100vh;display:grid;grid-template-rows:76px 1fr 48px;opacity:0;transition:opacity .55s ease}
.shell.is-ready{opacity:1}
.topbar,.footer{z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4vw,68px);border-color:rgba(255,255,255,.1);background:rgba(5,6,8,.82);backdrop-filter:blur(12px)}
.topbar{border-bottom:1px solid rgba(255,255,255,.08)}
.brand img{display:block;width:112px;height:auto}
.topbar__actions,.footer__socials,.language{display:flex;align-items:center;gap:16px}
.live{font-size:.68rem;letter-spacing:.16em;color:#b8c1cf}.live i{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 13px var(--blue);animation:pulse 1.8s infinite}
.language{gap:7px;font-weight:700;font-size:.76rem}.language button,.language a{border:0;background:none;opacity:.4;cursor:pointer;padding:8px 3px}.language button.is-active,.language a.is-active{opacity:1;color:var(--blue)}
.console{position:relative;overflow:hidden;isolation:isolate}
.grid{position:absolute;inset:0;z-index:-4;background-image:linear-gradient(rgba(255,255,255,.027) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.027) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(circle at center,#000 10%,transparent 75%)}
.atmosphere{position:absolute;z-index:-3;width:58vw;height:58vw;border-radius:50%;filter:blur(80px);opacity:.2;background:radial-gradient(circle,rgba(0,102,255,.7),transparent 66%);animation:drift 11s ease-in-out infinite alternate}
.atmosphere--one{left:-18vw;top:-25vw}.atmosphere--two{right:-25vw;bottom:-30vw;animation-delay:-5s}
@keyframes drift{to{transform:translate3d(7vw,4vh,0) scale(1.14)}}
.telemetry{position:absolute;top:7%;display:flex;flex-direction:column;gap:5px;font-size:.6rem;letter-spacing:.15em;color:var(--muted)}
.telemetry strong{font-size:.78rem;color:#fff}.telemetry--left{left:4vw}.telemetry--right{right:4vw;text-align:right}
.core{position:absolute;left:50%;top:50%;translate:-50% -50%;width:min(32vw,430px);aspect-ratio:1;display:grid;place-items:center;text-align:center;z-index:4}
.core>img{position:absolute;width:70%;opacity:.09;filter:drop-shadow(0 0 22px var(--blue))}
.core__orbit,.core__pulse{position:absolute;inset:5%;border:1px solid rgba(0,102,255,.45);border-radius:50%;box-shadow:inset 0 0 50px rgba(0,102,255,.08),0 0 45px rgba(0,102,255,.08)}
.core__orbit:before,.core__orbit:after{content:"";position:absolute;inset:9%;border:1px dashed rgba(255,255,255,.12);border-radius:50%;animation:rotate 28s linear infinite}.core__orbit:after{inset:22%;animation-direction:reverse;animation-duration:17s}
.core__pulse{inset:29%;background:rgba(0,102,255,.06);animation:corePulse 3s ease-in-out infinite}
@keyframes rotate{to{rotate:360deg}}@keyframes corePulse{50%{scale:1.13;box-shadow:0 0 60px rgba(0,102,255,.22)}}@keyframes pulse{50%{opacity:.35}}
.core__copy{position:relative;z-index:2}.core__copy p{font-size:clamp(.48rem,.65vw,.68rem);letter-spacing:.18em;color:#aab3c1;text-align:center}.core__promise{margin:0 0 12px}.core__pillars{margin:15px auto 0;max-width:430px;line-height:1.6}.core h1{margin:0;font:400 clamp(2.1rem,4.2vw,4.8rem)/.93 "Anton",sans-serif;letter-spacing:.02em}.core h1 em{font-style:normal;color:var(--blue);text-shadow:0 0 22px rgba(0,102,255,.42)}
.terminals{position:absolute;inset:0;z-index:5}.terminal{position:absolute;width:min(22vw,330px);min-height:105px;padding:18px 20px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(135deg,rgba(20,20,20,.84),rgba(8,10,14,.6));backdrop-filter:blur(9px);overflow:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s}
.terminal:hover,.terminal:focus-visible{transform:translateY(-4px);border-color:var(--blue);box-shadow:0 0 28px rgba(0,102,255,.18);outline:none}
.terminal:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--blue);box-shadow:0 0 12px var(--blue);transition:width .4s}.terminal:hover:after,.terminal:focus-visible:after{width:100%}
.terminal__index{display:block;margin-bottom:11px;color:var(--blue);font-size:.58rem;letter-spacing:.18em}.terminal__label{display:block;font:400 clamp(1.35rem,2.1vw,2.35rem)/1 "Anton",sans-serif;letter-spacing:.035em}.terminal__detail{display:block;margin-top:8px;color:#8d98a9;font-size:.56rem;letter-spacing:.14em}.terminal--listen{left:5vw;top:18%}.terminal--productions{right:5vw;top:18%}.terminal--universe{left:5vw;bottom:16%}.terminal--collab{right:5vw;bottom:16%}.terminal--social{left:50%;bottom:2%;translate:-50% 0;width:min(31vw,440px);min-height:122px;padding:18px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.terminal--social:hover{transform:translate(0,-4px)}.terminal--social .terminal__index{position:absolute;left:18px;top:15px;margin:0}.terminal--social .terminal__label{font-size:clamp(1.3rem,1.75vw,1.9rem)}.social-links{display:flex;justify-content:center;gap:11px;margin-top:14px}.social-links a{width:39px;height:39px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);background:rgba(5,7,11,.75);transition:.25s}.social-links a:hover{border-color:var(--blue);background:var(--blue);box-shadow:0 0 18px rgba(0,102,255,.35)}.social-links svg{width:19px;height:19px;fill:#fff}.social-links rect,.social-links circle{fill:none;stroke:#fff;stroke-width:1.8}.social-links .social-dot{fill:#fff;stroke:none}
.terminal__cover{position:absolute;right:0;top:0;width:36%;height:100%;background:center/cover no-repeat;opacity:.26;mask-image:linear-gradient(90deg,transparent,#000)}
.frequency-lines{position:absolute;inset:0;z-index:1;pointer-events:none}.line{position:absolute;left:50%;top:50%;display:block;height:1px;width:34vw;background:linear-gradient(90deg,var(--line),transparent);transform-origin:0 50%}.line:after{content:"";position:absolute;width:5px;height:5px;right:0;top:-2px;border-radius:50%;background:var(--blue);box-shadow:0 0 10px var(--blue);animation:travel 2.6s ease-in-out infinite}.line--one{transform:rotate(202deg)}.line--two{transform:rotate(-22deg)}.line--three{transform:rotate(158deg)}.line--four{transform:rotate(22deg)}@keyframes travel{0%,100%{translate:-30vw 0;opacity:0}20%,80%{opacity:1}50%{translate:0 0}}
.instruction{position:absolute;left:50%;top:10%;translate:-50% 0;margin:0;font-size:.58rem;letter-spacing:.18em;color:#707b8c}
.footer{justify-content:center;border-top:1px solid rgba(255,255,255,.08);font-size:.56rem;letter-spacing:.12em;color:#778191}.footer a:hover{color:#fff}
@media (max-width:800px){body{overflow:auto}.shell{min-height:100svh;grid-template-rows:66px 1fr 44px}.topbar,.footer{padding:0 18px}.brand img{width:94px}.live{display:none}.console{min-height:940px}.telemetry{top:3.5%;width:42%;font-size:.5rem;line-height:1.35}.telemetry strong{display:block;margin-top:3px;font-size:.64rem;line-height:1.25}.telemetry--left{left:18px;text-align:left}.telemetry--right{right:18px;text-align:right}.core{top:22%;width:250px}.core h1{font-size:2.8rem}.core__copy p{font-size:.48rem}.terminals{inset:40% 18px auto;display:grid;gap:10px}.terminal{position:relative!important;inset:auto!important;translate:none!important;width:100%;min-height:88px;padding:14px 17px;display:grid;grid-template-columns:34px 1fr;align-items:center}.terminal:hover{transform:none}.terminal__index{grid-row:1/3;margin:0}.terminal__label{font-size:1.55rem}.terminal__detail{margin-top:4px}.terminal__cover{width:25%}.terminal--social{min-height:122px;display:flex;flex-direction:column;align-items:center;justify-content:center}.terminal--social .terminal__index{position:absolute;left:17px;top:14px}.terminal--social .terminal__label{font-size:1.45rem}.social-links{display:flex;justify-content:center;margin-top:13px}.social-links a{width:36px;height:36px}.frequency-lines{display:none}.instruction{display:none}.footer>span,.footer__socials{display:none}.footer{justify-content:center}.atmosphere{width:100vw;height:100vw}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.social-rail{position:fixed;right:18px;top:50%;translate:0 -50%;z-index:30;display:flex;flex-direction:column;gap:8px}.social-rail a{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.16);background:rgba(8,10,14,.88);font-size:.58rem;font-weight:700;letter-spacing:.04em;transition:.25s}.social-rail a:hover{color:#fff;border-color:var(--blue);background:var(--blue);box-shadow:0 0 20px rgba(0,102,255,.35)}
p{text-align:justify;text-justify:inter-word;hyphens:auto}
@media(max-width:800px){.social-rail{top:auto;right:50%;bottom:10px;translate:50% 0;flex-direction:row;padding:6px;background:rgba(5,6,8,.92);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px)}.social-rail a{width:47px;height:38px}}