:root{--bg:#020713;--bg-deep:#01030a;--navy:#071c4d;--blue:#3d7dd8;--blue-soft:#7eaeef;--teal:#21b9b2;--teal-bright:#78fff1;--white:#f3f8ff;--muted:#8ca0bd;--intro-duration:14s;--ease-cinematic:cubic-bezier(.18,.76,.2,1)}*{box-sizing:border-box}html,body{background:var(--bg-deep);width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--white);-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;font-family:Segoe UI,Avenir Next,Avenir,Helvetica Neue,Arial,sans-serif}button,input,textarea,select{font:inherit}#networkCanvas,.ambient,.stage{position:fixed;inset:0}#networkCanvas{z-index:0;opacity:0;width:100%;height:100%;animation:2.4s .25s forwards canvasIn}.ambient{z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 45%,#133e802e,#0000 34%),linear-gradient(#01050f8f,#01030aeb);overflow:hidden}.ambient__orb{filter:blur(85px);opacity:0;mix-blend-mode:screen;border-radius:50%;position:absolute}.ambient__orb--one{background:#1c53b229;width:42vw;height:42vw;animation:5s .5s forwards orbIn,16s ease-in-out 3s infinite alternate orbFloatOne;top:8vh;left:6vw}.ambient__orb--two{background:#159f9a1f;width:36vw;height:36vw;animation:5s 1.4s forwards orbIn,18s ease-in-out 3s infinite alternate orbFloatTwo;bottom:2vh;right:5vw}.ambient__grid{opacity:0;transform-origin:50% 100%;background-image:linear-gradient(#4477be0e 1px,#0000 1px),linear-gradient(90deg,#4477be0e 1px,#0000 1px);background-size:72px 72px;animation:3.2s .8s forwards gridIn,20s linear 4s infinite gridDrift;position:absolute;inset:-12%;transform:perspective(560px)rotateX(62deg)translateY(28%);-webkit-mask-image:linear-gradient(#0000 24%,#000 90%);mask-image:linear-gradient(#0000 24%,#000 90%)}.ambient__grain{opacity:.12;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");animation:.24s steps(2,end) infinite grainShift;position:absolute;inset:-60%}.ambient__scan{opacity:0;height:1px;animation:scanLine 5.4s 1.8s var(--ease-cinematic) forwards;background:linear-gradient(90deg,#0000,#76fff173,#0000);position:absolute;top:-4%;left:-10%;right:-10%;box-shadow:0 0 22px #41ddcf33}.stage{z-index:2;isolation:isolate}.stage:before,.stage:after{content:"";pointer-events:none;position:absolute;inset:0}.stage:before{z-index:-1;background:radial-gradient(circle at 50% 48%,#0000 12%,#01040d29 54%,#000208b3 100%)}.stage:after{opacity:0;border:1px solid #7dacef12;margin:clamp(14px,2vw,32px);animation:1.6s .5s forwards frameIn}.cinema-bars span{z-index:10;height:8vh;animation:barOpen 1.35s .15s var(--ease-cinematic) forwards;background:#00030a;position:absolute;left:0;right:0}.cinema-bars__top{transform-origin:top;top:0}.cinema-bars__bottom{transform-origin:bottom;bottom:0}.intro{place-items:center;display:grid;position:absolute;inset:0}.phase{color:#b2cbedc7;letter-spacing:.34em;white-space:nowrap;opacity:0;align-items:center;gap:10px;font-size:10px;font-weight:650;animation:1s .9s forwards phaseIn,1s 8.4s forwards phaseOut;display:inline-flex;position:absolute;top:max(5.2vh,44px);left:50%;transform:translate(-50%)translateY(-10px)}.phase__dot{background:var(--teal-bright);width:6px;height:6px;box-shadow:0 0 0 0 #78fff180, 0 0 12px var(--teal);border-radius:50%;animation:1.5s ease-in-out infinite statusPulse}.phase__text{transition:opacity .22s,transform .22s}.phase__text.is-changing{opacity:0;transform:translateY(5px)}.mark-wrap{aspect-ratio:1;opacity:0;filter:drop-shadow(0 0 22px #1f63c514);width:min(61vmin,610px);animation:markIgnite 1.5s .55s var(--ease-cinematic) forwards, markSettle 2.15s 7.05s var(--ease-cinematic) forwards;will-change:transform, opacity;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.72)}.mark-aura{filter:blur(22px);opacity:0;animation:auraBloom 2.2s 4.55s var(--ease-cinematic) forwards, auraBreathe 4s 8s ease-in-out infinite alternate;background:radial-gradient(circle,#3d85e233,#1cc5bb0f 42%,#0000 72%);border-radius:50%;position:absolute;inset:17%;transform:scale(.25)}.brand-mark{width:100%;height:100%;overflow:visible}.draw-path{stroke-dasharray:1;stroke-dashoffset:1px}.outer-orbit{stroke:#4d7dca21;stroke-width:1.5px;stroke-dasharray:3 9;opacity:0;animation:1.4s 1.1s forwards orbitGhost}.segment{opacity:.9;animation:drawPath .95s var(--ease-cinematic) forwards}.segment--1{animation-delay:1.22s}.segment--2{animation-delay:1.32s}.segment--3{animation-delay:1.42s}.segment--4{animation-delay:1.52s}.segment--5{animation-delay:1.62s}.segment--6{animation-delay:1.72s}.segment--7{animation-delay:1.82s}.segment--8{animation-delay:1.92s}.segment--9{animation-delay:2.02s}.radial{animation:.6s forwards drawPath}.radial--1{animation-delay:1.72s}.radial--2{animation-delay:1.82s}.radial--3{animation-delay:1.92s}.radial--4{animation-delay:2.02s}.radial--5{animation-delay:2.12s}.radial--6{animation-delay:2.22s}.radial--7{animation-delay:2.32s}.radial--8{animation-delay:2.42s}.radial--9{animation-delay:2.52s}.node{opacity:0;transform-box:fill-box;transform-origin:50%;filter:url(#blueGlow);animation:nodeArrive .65s var(--ease-cinematic) forwards;transform:scale(0)}.node--1{animation-delay:1.6s}.node--2{animation-delay:1.72s}.node--3{animation-delay:1.84s}.node--4{animation-delay:1.96s}.node--5{animation-delay:2.08s}.node--6{animation-delay:2.2s}.node--7{animation-delay:2.32s}.node--8{animation-delay:2.44s}.node--9{animation-delay:2.56s}.node-pulse{fill:none;stroke:#82b1f0;stroke-width:2px;opacity:0;transform-box:fill-box;transform-origin:50%;animation:2.6s ease-out 3.05s infinite nodePulse}.signal-rings{stroke-width:2px;pointer-events:none}.signal-ring{opacity:0;transform-box:fill-box;transform-origin:50%;animation:3.25s ease-out infinite signalBroadcast}.signal-ring--1{animation-delay:2.65s}.signal-ring--2{animation-delay:3.05s}.signal-ring--3{animation-delay:3.45s}.shield-outline{stroke:url(#tealStroke);stroke-width:3px;stroke-linejoin:round;opacity:.7;filter:url(#tealGlow);animation:drawPath 1.35s 4.25s var(--ease-cinematic) forwards, shieldFade 1.2s 6.2s ease forwards}.safety-ring{stroke:url(#navyStroke);stroke-width:13px;stroke-linecap:round;opacity:.94;animation:drawPath 1.35s 4.9s var(--ease-cinematic) forwards}.safety-ring--inner{stroke-width:2px;stroke:#5387d366;animation-delay:5.15s}.pentagon-line{stroke-width:4px;stroke-linejoin:round;filter:url(#tealGlow);animation:drawPath 1.2s 3.5s var(--ease-cinematic) forwards}.inner-link{animation:.72s forwards drawPath}.inner-link--1{animation-delay:3.9s}.inner-link--2{animation-delay:4.05s}.inner-link--3{animation-delay:4.2s}.inner-link--4{animation-delay:4.35s}.inner-link--5{animation-delay:4.5s}.inner-node{opacity:0;transform-box:fill-box;transform-origin:50%;animation:innerNodeArrive .65s var(--ease-cinematic) forwards;filter:drop-shadow(0 0 6px #32cec57a);transform:scale(0)}.inner-node--1{animation-delay:3.52s}.inner-node--2{animation-delay:3.72s}.inner-node--3{animation-delay:3.92s}.inner-node--4{animation-delay:4.12s}.inner-node--5{animation-delay:4.32s}.core-mark{opacity:0;transform-box:fill-box;transform-origin:50%;animation:coreReveal 1.15s 5.55s var(--ease-cinematic) forwards;transform:scale(.55)rotate(-16deg)}.core-disc{fill:#020a1df0;stroke:#5b90e04d;stroke-width:2px}.s-glyph{fill:url(#navyStroke);letter-spacing:-.08em;filter:url(#blueGlow);font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:126px;font-weight:760}.core-dot{fill:var(--teal-bright);filter:url(#tealGlow);animation:1.8s ease-in-out 6.45s infinite coreHeartbeat}.packet{filter:drop-shadow(0 0 5px #78fff1ad)}.data-packets{opacity:0;animation:.8s 3.15s forwards packetsIn,1s 7s forwards packetsSoft}.concept{color:#99bae6d6;letter-spacing:.36em;opacity:0;text-shadow:0 0 14px #4a8eeb4d;font-size:clamp(8px,.8vw,11px);font-weight:650;position:absolute}.concept:before{content:"";background:linear-gradient(90deg,#0000,#6fa2e780);width:44px;height:1px;position:absolute;top:50%}.concept--network{animation:.8s 1.85s forwards conceptLeft,.7s 3.2s forwards conceptFade;top:27%;left:-7%;transform:translate(-10px)}.concept--network:before{right:calc(100% + 11px)}.concept--communication{animation:.8s 3.15s forwards conceptRight,.7s 4.7s forwards conceptFade;top:44%;right:-19%;transform:translate(10px)}.concept--communication:before{left:calc(100% + 9px);transform:rotate(180deg)}.concept--safety{animation:.8s 4.85s forwards conceptBottom,.7s 6.45s forwards conceptFade;bottom:-1%;left:50%;transform:translate(-50%,10px)}.concept--safety:before{display:none}.identity{text-align:center;width:min(92vw,940px);position:absolute;top:61.5%;left:50%;transform:translate(-50%)}.wordmark{color:var(--white);letter-spacing:-.065em;filter:drop-shadow(0 0 22px #4781d926);justify-content:center;align-items:baseline;margin:0;font-size:clamp(56px,8.1vw,124px);font-weight:650;line-height:.93;display:flex}.wordmark span{opacity:0;transform-origin:50% 100%;background:linear-gradient(#fff 0%,#a9c4e9 52%,#5b83bd 100%);color:#0000;animation:letterReveal .78s calc(7.85s + var(--i) * 65ms) var(--ease-cinematic) forwards;-webkit-background-clip:text;background-clip:text;display:inline-block;transform:translateY(44px)rotateX(72deg)}.wordmark__k{position:relative}.wordmark__k:after{content:"";transform-origin:0;width:.55em;height:.16em;animation:kAccent .68s 8.55s var(--ease-cinematic) forwards;background:linear-gradient(90deg,#167b86,#72fff0);border-radius:999px;position:absolute;top:.52em;right:-.02em;transform:rotate(-43deg)scaleX(0);box-shadow:0 0 18px #34d9cf57}.tagline{color:#cddef5cc;letter-spacing:clamp(.22em,.35vw,.44em);opacity:0;animation:taglineReveal 1.15s 9.35s var(--ease-cinematic) forwards;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(8px,1.4vw,20px);margin:clamp(20px,2.6vh,30px) 0 0;font-size:clamp(8px,.92vw,13px);font-weight:650;display:flex;transform:translateY(16px)}.tagline i{background:var(--teal-bright);border-radius:50%;width:4px;height:4px;display:inline-block;box-shadow:0 0 12px #55ffefb8}.coming{opacity:0;animation:comingReveal 1.25s 10.85s var(--ease-cinematic) forwards;justify-content:center;align-items:center;gap:clamp(12px,1.7vw,24px);margin-top:clamp(24px,4.2vh,52px);display:flex;transform:translateY(14px)}.coming__line{background:linear-gradient(90deg,#0000,#588cd68c);width:clamp(34px,6vw,90px);height:1px}.coming__line:last-child{transform:rotate(180deg)}.coming__text{color:#e7f1fff5;letter-spacing:.44em;white-space:nowrap;font-size:clamp(12px,1.25vw,17px);font-weight:650}.coming__dots{align-items:center;gap:6px;margin-left:-13px;display:inline-flex}.coming__dots b{background:var(--teal-bright);border-radius:50%;width:4px;height:4px;animation:1.25s ease-in-out infinite dotWave;box-shadow:0 0 10px #59fff17a}.coming__dots b:nth-child(2){animation-delay:.17s}.coming__dots b:nth-child(3){animation-delay:.34s}.hud{z-index:4;color:#7694be73;letter-spacing:.22em;opacity:0;align-items:center;gap:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:8px;animation:1.2s 1.1s forwards hudIn;display:flex;position:absolute}.hud i{background:#4282d84d;width:32px;height:1px;display:block}.hud--top-left{top:max(24px,3vw);left:max(24px,3vw)}.hud--top-right{flex-direction:row-reverse;top:max(24px,3vw);right:max(24px,3vw)}.hud--bottom-left{bottom:max(24px,3vw);left:max(24px,3vw)}.hud--bottom-right{flex-direction:row-reverse;bottom:max(24px,3vw);right:max(24px,3vw)}.replay{z-index:8;color:#b1cbeeb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;opacity:0;background:#040e237a;border:1px solid #699be033;border-radius:999px;align-items:center;gap:8px;padding:10px 12px;transition:border-color .25s,color .25s,background .25s,transform .25s;animation:.8s 12.1s forwards replayIn;display:inline-flex;position:absolute;bottom:max(48px,6vw);right:max(24px,3vw);transform:translateY(8px)}.replay:hover{color:var(--white);background:#051630b8;border-color:#55e6dc73;transform:translateY(-2px)}.replay:focus-visible{outline:2px solid var(--teal-bright);outline-offset:4px}.replay svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.replay span{letter-spacing:.25em;font-size:8px;font-weight:700}.noscript{z-index:100;color:#fff;text-align:center;background:#020713;place-items:center;padding:24px;font:600 20px/1.4 Segoe UI,sans-serif;display:grid;position:fixed;inset:0}body.is-replaying *{animation:none!important}@keyframes canvasIn{to{opacity:1}}@keyframes orbIn{to{opacity:1}}@keyframes orbFloatOne{to{transform:translate(14vw,5vh)scale(1.15)}}@keyframes orbFloatTwo{to{transform:translate(-12vw,-8vh)scale(1.12)}}@keyframes gridIn{to{opacity:1}}@keyframes gridDrift{to{background-position:0 72px,72px 0}}@keyframes grainShift{0%{transform:translate(0)}25%{transform:translate(2%,-3%)}50%{transform:translate(-4%,2%)}75%{transform:translate(3%,4%)}to{transform:translate(-2%,-1%)}}@keyframes scanLine{0%{opacity:0;top:-4%}9%{opacity:.9}90%{opacity:.38}to{opacity:0;top:104%}}@keyframes frameIn{to{opacity:1}}@keyframes barOpen{to{transform:scaleY(0)}}@keyframes phaseIn{to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes phaseOut{to{opacity:0;transform:translate(-50%)translateY(-8px)}}@keyframes statusPulse{0%,to{box-shadow:0 0 0 0 #78fff16b, 0 0 12px var(--teal)}50%{box-shadow:0 0 0 7px #78fff100, 0 0 17px var(--teal-bright)}}@keyframes markIgnite{0%{opacity:0;filter:blur(10px)drop-shadow(0 0 #2879de00);transform:translate(-50%,-50%)scale(.72)}65%{opacity:1}to{opacity:1;filter:blur()drop-shadow(0 0 28px #1f63c51c);transform:translate(-50%,-50%)scale(1)}}@keyframes markSettle{0%{transform:translate(-50%,-50%)scale(1)}to{transform:translate(-50%,-82%)scale(.61)}}@keyframes auraBloom{0%{opacity:0;transform:scale(.25)}55%{opacity:1}to{opacity:.7;transform:scale(1.35)}}@keyframes auraBreathe{to{opacity:.95;transform:scale(1.52)}}@keyframes orbitGhost{to{opacity:1}}@keyframes drawPath{to{stroke-dashoffset:0}}@keyframes nodeArrive{0%{opacity:0;transform:scale(0)}70%{opacity:1;transform:scale(1.45)}to{opacity:1;transform:scale(1)}}@keyframes nodePulse{0%{opacity:.6;transform:scale(1)}70%,to{opacity:0;transform:scale(3.2)}}@keyframes signalBroadcast{0%{opacity:0;transform:scale(.42)}16%{opacity:.68}to{opacity:0;transform:scale(1.4)}}@keyframes shieldFade{to{opacity:.1}}@keyframes innerNodeArrive{0%{opacity:0;transform:scale(0)}65%{opacity:1;transform:scale(1.45)}to{opacity:1;transform:scale(1)}}@keyframes coreReveal{0%{opacity:0;transform:scale(.55)rotate(-16deg)}68%{opacity:1;transform:scale(1.08)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes coreHeartbeat{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}@keyframes packetsIn{to{opacity:1}}@keyframes packetsSoft{to{opacity:.42}}@keyframes conceptLeft{to{opacity:1;transform:translate(0)}}@keyframes conceptRight{to{opacity:1;transform:translate(0)}}@keyframes conceptBottom{to{opacity:1;transform:translate(-50%)}}@keyframes conceptFade{to{opacity:0}}@keyframes letterReveal{0%{opacity:0;filter:blur(9px);transform:translateY(44px)rotateX(72deg)}to{opacity:1;filter:blur();transform:translateY(0)rotateX(0)}}@keyframes kAccent{to{transform:rotate(-43deg)scaleX(1)}}@keyframes taglineReveal{to{opacity:1;transform:translateY(0)}}@keyframes comingReveal{to{opacity:1;transform:translateY(0)}}@keyframes dotWave{0%,65%,to{opacity:.2;transform:translateY(0)scale(.8)}30%{opacity:1;transform:translateY(-4px)scale(1.15)}}@keyframes hudIn{to{opacity:1}}@keyframes replayIn{to{opacity:1;transform:translateY(0)}}@media (max-width:700px){.ambient__grid{background-size:52px 52px}.mark-wrap{width:min(82vmin,490px)}.identity{width:94vw;top:62.5%}.wordmark{font-size:clamp(51px,15.2vw,82px)}.tagline{letter-spacing:.22em;gap:7px 10px;max-width:92vw;margin-inline:auto;line-height:1.8}.coming{gap:10px;margin-top:28px}.coming__text{letter-spacing:.3em}.concept--network{left:0}.concept--communication{right:-7%}.hud--bottom-left,.hud--bottom-right,.hud--top-left{display:none}.hud--top-right{top:22px;right:22px}.replay{bottom:18px;right:18px}@keyframes markSettle{0%{transform:translate(-50%,-50%)scale(1)}to{transform:translate(-50%,-92%)scale(.49)}}}@media (max-height:700px) and (min-width:701px){.mark-wrap{width:min(70vh,520px)}.identity{top:59%}.wordmark{font-size:clamp(48px,10vh,88px)}.tagline{margin-top:13px}.coming{margin-top:19px}@keyframes markSettle{0%{transform:translate(-50%,-50%)scale(1)}to{transform:translate(-50%,-84%)scale(.53)}}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.mark-wrap{opacity:1;transform:translate(-50%,-82%)scale(.61)}.draw-path{stroke-dashoffset:0}.node,.inner-node,.core-mark,.wordmark span,.tagline,.coming,.replay{opacity:1;transform:none}}