:root{
  --bg:#03050a;--panel:#071018;--panel2:#0a121d;--line:#173248;--text:#eef8ff;
  --muted:#7f94aa;--cyan:#5ee8ff;--blue:#3ea6ff;--violet:#855dff;--orange:#ff8b2b;
  --accent:#69f0cf;--shadow:0 20px 80px rgba(0,0,0,.45);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color-scheme:dark
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:
  radial-gradient(circle at 14% 0%,rgba(20,107,153,.14),transparent 28%),
  radial-gradient(circle at 86% 12%,rgba(255,119,21,.08),transparent 24%),
  linear-gradient(180deg,#02050a,#050910 48%,#03060a);
  color:var(--text);overflow-x:hidden}
a{color:inherit;text-decoration:none}
#matrix-canvas,.noise,.scanlines,.grid-bg,.cursor-glow{position:fixed;inset:0;pointer-events:none}
#matrix-canvas{z-index:-4;opacity:.28}
.grid-bg{z-index:-3;background-image:
  linear-gradient(rgba(83,206,255,.035) 1px,transparent 1px),
  linear-gradient(90deg,rgba(83,206,255,.035) 1px,transparent 1px);
  background-size:52px 52px;mask-image:linear-gradient(to bottom,black,transparent 88%);
  animation:gridDrift 18s linear infinite}
.noise{z-index:30;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.scanlines{z-index:29;opacity:.13;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,rgba(255,255,255,.035) 4px);mix-blend-mode:screen}
.cursor-glow{z-index:-2;background:radial-gradient(circle 260px at var(--mx,50%) var(--my,20%),rgba(63,182,255,.12),transparent 68%);transition:background .08s linear}
@keyframes gridDrift{to{transform:translate3d(52px,52px,0)}}

.top{position:sticky;top:0;z-index:50;height:78px;display:flex;align-items:center;justify-content:space-between;
  padding:0 max(20px,4vw);background:rgba(2,6,11,.76);backdrop-filter:blur(22px) saturate(140%);
  border-bottom:1px solid rgba(87,213,255,.12);box-shadow:0 10px 50px rgba(0,0,0,.22)}
.top:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),var(--orange),transparent);opacity:.35}
.brand-lockup{display:flex;align-items:center;gap:12px;min-width:220px}
.brand-orb{display:grid;place-items:center;position:relative;filter:drop-shadow(0 0 14px rgba(70,208,255,.28))}
.brand-orb svg{width:100%;height:100%;overflow:visible}
.brand-orb.mini{width:44px;height:44px}
.brand-words{display:grid;gap:2px}.brand-words b{font-size:15px;letter-spacing:.13em}.brand-words small{font-size:9px;letter-spacing:.2em;color:var(--orange)}
.orbit{fill:none;stroke:rgba(94,232,255,.55);stroke-width:1.4;stroke-dasharray:11 8;transform-origin:center}
.orbit-a{animation:spin 8s linear infinite}.orbit-b{animation:spinReverse 6s linear infinite}.orbit-c{animation:spin 4.8s linear infinite}
.brand-n{fill:none;stroke:var(--cyan);stroke-width:8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 9px rgba(67,210,255,.6))}
.hero-mark .brand-n{stroke:url(#nexusGrad)}
.brand-core{fill:none;stroke:var(--orange);stroke-width:3;stroke-linecap:round;animation:coreBlink 1.4s ease-in-out infinite}
.core-dot{fill:var(--text);filter:drop-shadow(0 0 11px var(--cyan));animation:corePulse 1.2s ease-in-out infinite}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinReverse{to{transform:rotate(-360deg)}}
@keyframes coreBlink{50%{opacity:.25}}@keyframes corePulse{50%{r:12;opacity:.45}}
nav{display:flex;gap:26px;color:#9db0c4;font-size:13px;text-transform:uppercase;letter-spacing:.08em}
nav a{position:relative}nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:-11px;height:1px;background:var(--cyan);transition:.25s}
nav a:hover{color:#fff;text-shadow:0 0 18px var(--cyan)}nav a:hover:after{left:0;right:0}
.button{display:inline-flex;align-items:center;gap:12px;justify-content:center;padding:13px 18px;border:1px solid #244056;border-radius:10px;
  background:linear-gradient(180deg,rgba(9,20,31,.95),rgba(5,12,20,.95));font-weight:800;font-size:13px;letter-spacing:.06em;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);transition:.25s transform,.25s border-color,.25s box-shadow,.25s background}
.button i{font-style:normal;color:var(--cyan)}.button:hover{transform:translateY(-2px);border-color:var(--cyan);box-shadow:0 0 26px rgba(75,208,255,.16)}
.button.primary{border-color:rgba(255,139,43,.85);background:linear-gradient(135deg,rgba(255,139,43,.18),rgba(27,115,160,.18));box-shadow:0 0 28px rgba(255,126,33,.13),inset 0 0 24px rgba(255,139,43,.06)}
.button.primary:hover{box-shadow:0 0 36px rgba(255,132,36,.28),0 0 18px rgba(85,221,255,.18) inset}
.button.ghost{background:rgba(4,10,16,.35)}

.hero{max-width:1440px;margin:0 auto;padding:74px 28px 60px;position:relative}
.hero:before,.hero:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(110px);z-index:-1;opacity:.18}
.hero:before{left:-160px;top:30px;background:var(--blue)}.hero:after{right:-130px;top:110px;background:var(--orange)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;min-height:610px;align-items:center;gap:20px}
.hero-copy{position:relative;z-index:5;max-width:760px}
.eyebrow,.kicker{font-size:11px;letter-spacing:.24em;color:var(--cyan);font-weight:900}
.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 rgba(105,240,207,.7),0 0 18px var(--accent);animation:pulse 1.8s infinite;margin-right:10px}
@keyframes pulse{70%{box-shadow:0 0 0 12px rgba(105,240,207,0),0 0 22px var(--accent)}100%{box-shadow:0 0 0 0 rgba(105,240,207,0),0 0 10px var(--accent)}}
.hero-title-wrap{margin:26px 0 24px}
.glitch-tag{display:inline-block;border:1px solid rgba(94,232,255,.25);padding:6px 9px;font:700 9px "SFMono-Regular",Consolas,monospace;letter-spacing:.18em;color:#8cecff;background:#06111b}
.glitch-title{position:relative;margin:10px 0 0;font-size:clamp(70px,8.4vw,128px);line-height:.84;letter-spacing:-.07em;font-weight:950;
  color:transparent;background:linear-gradient(90deg,#f5fbff 0%,#83dfff 44%,#ff9334 82%,#ffba73 100%);background-clip:text;
  filter:drop-shadow(0 0 20px rgba(70,195,255,.12))}
.glitch-title:before,.glitch-title:after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;opacity:0}
.glitch-title:before{color:var(--cyan);transform:translateX(2px)}.glitch-title:after{color:var(--orange);transform:translateX(-2px)}
.glitch-title:hover:before,.glitch-title.glitching:before{opacity:.5;animation:glitchA .18s steps(2,end) infinite}
.glitch-title:hover:after,.glitch-title.glitching:after{opacity:.4;animation:glitchB .16s steps(2,end) infinite}
@keyframes glitchA{0%{clip-path:inset(8% 0 72% 0)}33%{clip-path:inset(52% 0 21% 0)}66%{clip-path:inset(77% 0 8% 0)}100%{clip-path:inset(32% 0 49% 0)}}
@keyframes glitchB{0%{clip-path:inset(70% 0 10% 0)}50%{clip-path:inset(13% 0 68% 0)}100%{clip-path:inset(42% 0 33% 0)}}
.byline{font-size:clamp(18px,2.2vw,30px);letter-spacing:.18em;color:#9cb0c3}.byline strong{color:#fff;text-shadow:0 0 18px rgba(255,139,43,.32)}
.lead{max-width:760px;font-size:19px;line-height:1.65;color:#9db0c3}.lead.small{font-size:17px}
.actions{display:flex;gap:12px;margin:34px 0 26px}.signal{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.signal span{font:700 9px "SFMono-Regular",Consolas,monospace;letter-spacing:.11em;color:#7fa5bf;padding:8px 10px;border:1px solid #18354b;border-radius:4px;background:rgba(5,14,22,.7);position:relative;overflow:hidden}
.signal span:after{content:"";position:absolute;inset:0;transform:translateX(-110%);background:linear-gradient(90deg,transparent,rgba(94,232,255,.18),transparent);animation:sweep 4s infinite}
@keyframes sweep{60%,100%{transform:translateX(110%)}}

.hero-core{position:relative;min-height:560px;display:grid;place-items:center;perspective:1100px;transform-style:preserve-3d}
.hero-mark{width:min(360px,70vw);height:min(360px,70vw);z-index:4;animation:floatCore 5s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(68,213,255,.22))}
.hero-mark .brand-n{stroke-width:13}
.energy-ring{position:absolute;width:440px;height:440px;border-radius:50%;border:1px solid rgba(76,216,255,.35);box-shadow:0 0 40px rgba(62,183,255,.08),inset 0 0 40px rgba(255,132,36,.05)}
.ring-one{animation:tiltSpin 9s linear infinite}.ring-two{width:360px;height:360px;border-color:rgba(255,133,40,.35);animation:tiltSpinReverse 7s linear infinite}.ring-three{width:500px;height:210px;border-color:rgba(132,90,255,.35);animation:spin 10s linear infinite}
.radar-sweep{position:absolute;width:520px;height:520px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 86%,rgba(94,232,255,.16) 94%,transparent 100%);animation:spin 4s linear infinite;mask:radial-gradient(circle,transparent 0 62%,#000 63% 64%,transparent 65%)}
@keyframes floatCore{50%{transform:translateY(-16px) rotateX(2deg) rotateY(-2deg)}}@keyframes tiltSpin{to{transform:rotateX(68deg) rotateZ(360deg)}}@keyframes tiltSpinReverse{to{transform:rotateY(72deg) rotateZ(-360deg)}}
.core-label{position:absolute;z-index:6;bottom:66px;display:grid;place-items:center;gap:3px;padding:9px 18px;border:1px solid rgba(71,209,255,.28);background:rgba(4,10,16,.72);backdrop-filter:blur(12px);clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%)}
.core-label span{font-size:18px;font-weight:950;letter-spacing:.15em}.core-label b{font-size:9px;color:var(--cyan);letter-spacing:.22em}.core-label em{font:700 8px monospace;color:var(--orange);letter-spacing:.18em}
.hud{position:absolute;z-index:7;display:grid;gap:2px;padding:10px 12px;width:112px;border:1px solid rgba(71,207,255,.28);background:rgba(4,11,18,.74);backdrop-filter:blur(10px);box-shadow:0 0 24px rgba(0,0,0,.28)}
.hud small{font:700 9px monospace;color:#6f88a0}.hud b{font-size:11px;letter-spacing:.08em}.hud i{position:absolute;right:8px;top:8px;font-size:8px;color:var(--accent);font-style:normal;text-shadow:0 0 8px var(--accent)}
.hud-a{left:4%;top:20%;animation:hudFloat 4.2s ease-in-out infinite}.hud-b{right:1%;top:27%;animation:hudFloat 4.8s ease-in-out infinite .4s}.hud-c{left:8%;bottom:20%;animation:hudFloat 5.1s ease-in-out infinite .7s}.hud-d{right:5%;bottom:17%;animation:hudFloat 4.5s ease-in-out infinite .2s}
@keyframes hudFloat{50%{transform:translateY(-10px)}}

.stats{display:grid;grid-template-columns:repeat(4,1fr);margin:10px 0 32px;border:1px solid #163048;background:linear-gradient(90deg,rgba(4,11,18,.92),rgba(8,16,24,.92));box-shadow:var(--shadow);position:relative;overflow:hidden}
.stats:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(94,232,255,.06) 45%,transparent 70%);animation:statSweep 5s linear infinite}
@keyframes statSweep{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.stats>div{position:relative;padding:24px 20px;text-align:center;border-right:1px solid #163048}.stats>div:last-child{border-right:0}
.stat-number{display:block;font:900 clamp(26px,3.1vw,44px) "SFMono-Regular",Consolas,monospace;color:var(--cyan);text-shadow:0 0 18px rgba(94,232,255,.24)}
.stats>div:last-child .stat-number{color:var(--orange);text-shadow:0 0 18px rgba(255,139,43,.25)}.stats small{display:block;margin-top:6px;font-size:9px;letter-spacing:.16em;color:#7890a6}

.terminal{background:rgba(5,10,16,.9);border:1px solid #183047;border-radius:12px;box-shadow:0 24px 80px rgba(0,0,0,.38);overflow:hidden;position:relative}
.terminal:after{content:"";position:absolute;left:0;right:0;top:44px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);animation:terminalScan 3s linear infinite}
@keyframes terminalScan{0%{transform:translateY(0);opacity:.8}100%{transform:translateY(230px);opacity:0}}
.terminal-bar{height:44px;display:flex;align-items:center;gap:7px;padding:0 15px;border-bottom:1px solid #172333;color:#617a90;font-size:10px}.terminal-bar i{width:8px;height:8px;border-radius:50%;background:#253847}.terminal-bar i:nth-child(1){background:#ff7659}.terminal-bar i:nth-child(2){background:#ffbd4a}.terminal-bar i:nth-child(3){background:#57d982}.terminal-bar b{margin-left:8px;letter-spacing:.14em}.terminal-clock{margin-left:auto;color:var(--accent);letter-spacing:.18em}
.terminal-body{min-height:176px;font-family:"SFMono-Regular",Consolas,monospace;padding:20px;display:grid;gap:10px;color:#90a7ba;font-size:12px}
.log-line{opacity:0;transform:translateY(5px);animation:logIn .34s forwards}.log-line .index{display:inline-block;width:40px;color:#405a70}.log-line .ok{color:var(--accent);margin-right:10px}.log-line .warn{color:#ffc168;margin-right:10px}@keyframes logIn{to{opacity:1;transform:none}}

.section{max-width:1320px;margin:0 auto;padding:90px 28px;position:relative}
.section h2{font-size:clamp(38px,5vw,68px);letter-spacing:-.05em;line-height:1.02;margin:12px 0 0}.section h2 span{color:#82a6be}
.section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end}.section-head p{color:var(--muted);line-height:1.75;margin:0}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:40px}
.cards article,.pricing article,.security-list div{background:linear-gradient(180deg,rgba(9,18,28,.96),rgba(5,11,17,.96));border:1px solid var(--line);border-radius:12px;padding:24px;position:relative;overflow:hidden;transition:.3s transform,.3s border-color,.3s box-shadow}
.cards article:hover,.pricing article:hover,.security-list div:hover{transform:translateY(-5px);border-color:#2c6b8e;box-shadow:0 18px 45px rgba(0,0,0,.3),0 0 28px rgba(64,197,255,.06)}
.cards article:before,.pricing article:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(94,232,255,.04),transparent 40%,rgba(255,139,43,.035));pointer-events:none}
.card-scan{position:absolute;left:0;right:0;height:1px;top:-2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:0}.cards article:hover .card-scan{opacity:1;animation:cardScan 1.2s linear}
@keyframes cardScan{to{top:100%}}
.num{font:10px "SFMono-Regular",Consolas,monospace;color:#58748a}.card-icon{font-size:28px;color:var(--cyan);text-shadow:0 0 16px rgba(94,232,255,.25);margin-top:24px}.cards h3{font-size:20px;margin:12px 0 9px}.cards p{color:var(--muted);line-height:1.6;margin:0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.security-list{display:grid;gap:12px}.security-list div{display:grid;grid-template-columns:1fr auto;gap:8px}.security-list b{font-size:15px}.security-list span{grid-column:1;color:var(--muted);font-size:13px;line-height:1.55}.security-list em{grid-column:2;grid-row:1/3;align-self:center;font:800 9px monospace;color:var(--accent);font-style:normal;letter-spacing:.1em}
.security-radar{width:180px;height:180px;border-radius:50%;border:1px solid rgba(94,232,255,.24);position:relative;margin-top:34px;overflow:hidden;background:radial-gradient(circle,rgba(94,232,255,.08),transparent 70%)}
.security-radar:before{content:"";position:absolute;inset:18px;border:1px dashed rgba(94,232,255,.18);border-radius:50%}.security-radar div{position:absolute;inset:0;background:conic-gradient(transparent 0 78%,rgba(94,232,255,.2));animation:spin 2.8s linear infinite}.security-radar span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:800 8px monospace;color:var(--cyan);letter-spacing:.12em;white-space:nowrap}

.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}.pricing article.featured{border-color:#3f8e87;box-shadow:0 0 0 1px rgba(105,240,207,.08) inset,0 0 40px rgba(105,240,207,.05)}.price{font-size:42px;letter-spacing:-.04em;margin:12px 0}.price small{font-size:13px;color:var(--muted);font-weight:500}.features{display:grid;gap:9px;color:#93a9bc;font-size:13px;margin:18px 0 24px}.note{color:#6f8498;font-size:12px;max-width:800px;line-height:1.65}.loading{color:var(--muted);padding:30px;font:700 11px monospace;letter-spacing:.12em}.loading-dots{animation:dots 1s steps(3,end) infinite}@keyframes dots{50%{opacity:.2}}

.architecture{border-top:1px solid rgba(94,232,255,.07)}.flow{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:34px}.flow span{padding:14px 18px;border:1px solid #1e3b50;background:#07111a;border-radius:8px;box-shadow:inset 0 0 20px rgba(94,232,255,.02)}.flow i{color:#4f6a7d}.flow.secondary span{font-size:12px;color:#90a4b7}
.cta{max-width:1320px;margin:48px auto 90px;padding:40px 28px;border-top:1px solid #173047;border-bottom:1px solid #173047;display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(90deg,rgba(9,19,28,.5),rgba(255,139,43,.03),rgba(9,19,28,.5))}.cta h2{margin:10px 0 0;font-size:36px}

footer{border-top:1px solid #14293a;max-width:100%;padding:26px max(24px,4vw) 34px;display:grid;grid-template-columns:1fr 1.2fr .8fr;align-items:center;gap:26px;color:#667f95;background:rgba(3,7,11,.86);font-size:12px}
.footer-brand{display:flex;align-items:center;gap:11px}.footer-mark{width:44px;height:44px}.footer-brand>div{display:grid;gap:2px}.footer-brand b{color:#e8f8ff;letter-spacing:.12em}.footer-brand small{color:var(--orange);letter-spacing:.14em;font-size:8px}.footer-center{display:grid;gap:6px;text-align:center}.footer-center span{color:#a9bdcf;letter-spacing:.18em;font-size:10px}.footer-center small{letter-spacing:.14em;font-size:8px}.footer-contact{display:grid;text-align:right;gap:2px}.footer-contact b{color:var(--cyan);letter-spacing:.12em}.footer-contact span{font-size:8px;letter-spacing:.15em}

.reveal{opacity:0;transform:translateY(24px) scale(.99);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}
@media(max-width:1050px){nav{display:none}.hero-grid{grid-template-columns:1fr}.hero-core{min-height:500px}.cards{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.stats>div:nth-child(2){border-right:0}.stats>div:nth-child(-n+2){border-bottom:1px solid #163048}}
@media(max-width:760px){.top{height:70px;padding:0 16px}.brand-lockup{min-width:0}.brand-words small{display:none}.button.ghost span{display:none}.hero{padding:58px 16px 44px}.hero-grid{min-height:auto}.hero-core{min-height:420px}.hero-mark{width:260px;height:260px}.energy-ring{width:320px;height:320px}.ring-two{width:260px;height:260px}.ring-three{width:360px;height:150px}.radar-sweep{width:360px;height:360px}.hud{width:96px;padding:8px}.glitch-title{font-size:clamp(54px,17vw,88px)}.lead{font-size:16px}.actions{flex-direction:column;align-items:stretch}.section{padding:64px 16px}.cards,.pricing,.split,.section-head{grid-template-columns:1fr}.split{gap:38px}.stats{grid-template-columns:1fr 1fr}.stats>div{padding:18px 10px}.cta{margin:30px 16px 60px;padding:28px 0;flex-direction:column;align-items:flex-start}.cta h2{font-size:30px}footer{grid-template-columns:1fr;text-align:left}.footer-center{text-align:left}.footer-contact{text-align:left}.terminal-body{font-size:10px}.hud-a,.hud-c{left:0}.hud-b,.hud-d{right:0}}
@media(max-width:480px){.hero-core{min-height:360px}.hero-mark{width:220px;height:220px}.energy-ring{width:280px;height:280px}.ring-two{width:220px;height:220px}.ring-three{width:310px;height:130px}.radar-sweep{width:320px;height:320px}.hud{transform:scale(.85)}.core-label{bottom:34px}.stats{grid-template-columns:1fr}.stats>div{border-right:0;border-bottom:1px solid #163048}.cards{grid-template-columns:1fr}.glitch-title{font-size:52px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}#matrix-canvas{display:none}}


/* ===== CINEMATIC BOOT + COMMAND HUD ===== */
.boot-screen{position:fixed;inset:0;z-index:200;background:#02050a;display:grid;place-items:center;overflow:hidden;transition:opacity .7s ease,visibility .7s ease}
.boot-screen.done{opacity:0;visibility:hidden}
.boot-grid{position:absolute;inset:-20%;background-image:linear-gradient(rgba(94,232,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(94,232,255,.06) 1px,transparent 1px);background-size:46px 46px;transform:perspective(800px) rotateX(68deg) translateY(18%);transform-origin:center;animation:bootGrid 4s linear infinite}
@keyframes bootGrid{to{background-position:0 46px,46px 0}}
.boot-core{position:relative;z-index:2;width:min(520px,86vw);text-align:center}
.boot-logo{width:180px;height:180px;margin:0 auto 20px;position:relative;display:grid;place-items:center}
.boot-logo b{font-size:88px;line-height:1;font-weight:950;color:transparent;background:linear-gradient(135deg,var(--cyan),#fff 45%,var(--orange));background-clip:text;filter:drop-shadow(0 0 18px rgba(94,232,255,.5));animation:bootPulse 1.2s ease-in-out infinite}
.boot-ring{position:absolute;inset:10px;border-radius:50%;border:1px solid rgba(94,232,255,.45);box-shadow:0 0 30px rgba(94,232,255,.08)}
.boot-ring.r1{animation:spin 3.2s linear infinite}.boot-ring.r2{inset:28px;border-color:rgba(255,139,43,.45);animation:spinReverse 2.6s linear infinite}.boot-ring.r3{inset:46px;border-style:dashed;animation:spin 1.8s linear infinite}
.boot-title{font-size:clamp(42px,8vw,74px);font-weight:950;letter-spacing:-.05em;color:#f3fbff;text-shadow:0 0 24px rgba(94,232,255,.2);position:relative}
.boot-title:before,.boot-title:after{content:attr(data-text);position:absolute;inset:0;opacity:.35}
.boot-title:before{color:var(--cyan);transform:translateX(2px);clip-path:inset(0 0 56% 0)}.boot-title:after{color:var(--orange);transform:translateX(-2px);clip-path:inset(55% 0 0 0)}
.boot-sub{margin-top:8px;color:var(--orange);letter-spacing:.28em;font:800 11px monospace}
.boot-progress{height:3px;background:#0d1b25;margin:28px auto 12px;max-width:420px;overflow:hidden;box-shadow:0 0 20px rgba(94,232,255,.12)}
.boot-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan),#7e62ff,var(--orange));box-shadow:0 0 16px var(--cyan);transition:width .2s linear}
.boot-log{font:700 9px monospace;letter-spacing:.13em;color:#6e8ba1}
@keyframes bootPulse{50%{transform:scale(1.04);filter:drop-shadow(0 0 28px rgba(255,139,43,.42))}}

.status-rail{position:relative;z-index:20;overflow:hidden;border-bottom:1px solid rgba(94,232,255,.08);background:#03080d;height:28px;display:flex;align-items:center}
.status-track{display:flex;gap:42px;white-space:nowrap;min-width:max-content;animation:rail 26s linear infinite;font:700 9px monospace;letter-spacing:.14em;color:#66859b}
.status-track span:nth-child(6n+1){color:var(--accent)}.status-track span:nth-child(6n+6){color:var(--orange)}
@keyframes rail{to{transform:translateX(-50%)}}

.ops-dock{position:absolute;right:-28px;top:58px;width:188px;padding:14px;border:1px solid rgba(94,232,255,.26);background:linear-gradient(180deg,rgba(3,11,18,.92),rgba(4,8,14,.76));backdrop-filter:blur(14px);box-shadow:0 0 34px rgba(0,0,0,.4),inset 0 0 20px rgba(94,232,255,.025);z-index:8;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}
.ops-dock:before,.ops-dock:after{content:"";position:absolute;background:var(--cyan);opacity:.65}.ops-dock:before{left:0;top:0;width:28px;height:1px}.ops-dock:after{right:0;bottom:0;width:28px;height:1px;background:var(--orange)}
.dock-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font:800 9px monospace;letter-spacing:.14em;color:var(--cyan)}.dock-head i{font-style:normal;color:var(--accent);text-shadow:0 0 8px var(--accent)}
.dock-row{display:flex;justify-content:space-between;padding:7px 0;border-top:1px solid rgba(94,232,255,.08)}.dock-row small{font:700 8px monospace;color:#5e7990}.dock-row b{font:800 8px monospace;color:#d9f7ff}
.dock-meter{height:3px;background:#0d1a23;margin:10px 0}.dock-meter span{display:block;height:100%;width:var(--v);background:linear-gradient(90deg,var(--cyan),var(--orange));animation:meterPulse 2s ease-in-out infinite}
@keyframes meterPulse{50%{filter:brightness(1.8)}}
.dock-cta{display:block;margin-top:10px;padding:9px 10px;text-align:center;border:1px solid rgba(94,232,255,.2);font:800 8px monospace;letter-spacing:.1em;color:var(--cyan);background:rgba(94,232,255,.03);transition:.25s}.dock-cta:hover{background:rgba(94,232,255,.09);box-shadow:0 0 20px rgba(94,232,255,.11)}

.world-console{position:relative;margin:18px 0 34px;height:360px;border:1px solid #173047;background:
  radial-gradient(circle at 50% 45%,rgba(45,150,215,.09),transparent 40%),
  linear-gradient(180deg,rgba(4,12,19,.96),rgba(3,8,13,.96));
  overflow:hidden;box-shadow:var(--shadow)}
.world-console:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(94,232,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(94,232,255,.035) 1px,transparent 1px);background-size:30px 30px;mask-image:radial-gradient(circle at center,#000,transparent 78%)}
.world-console:after{content:"";position:absolute;left:0;right:0;top:-2px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),var(--orange),transparent);animation:worldScan 4s linear infinite;box-shadow:0 0 18px var(--cyan)}
@keyframes worldScan{to{transform:translateY(360px);opacity:.1}}
.world-hud{position:absolute;left:18px;top:15px;z-index:3;display:grid;gap:3px}.world-hud span{font:800 9px monospace;letter-spacing:.15em;color:var(--cyan)}.world-hud b{font:700 8px monospace;letter-spacing:.1em;color:#5f7e95}
.world-svg{position:absolute;inset:0;width:100%;height:100%}.world-disc{fill:url(#globeGlow);stroke:rgba(94,232,255,.16);stroke-width:1}.world-grid{fill:none;stroke:rgba(94,232,255,.11);stroke-width:1;stroke-dasharray:8 10}
.world-line{fill:none;stroke-width:2;stroke-dasharray:14 12;animation:dashFlow 9s linear infinite;filter:drop-shadow(0 0 5px rgba(94,232,255,.3))}
.world-line.l1{stroke:rgba(94,232,255,.8)}.world-line.l2{stroke:rgba(255,139,43,.72);animation-duration:11s}.world-line.l3{stroke:rgba(133,93,255,.72);animation-duration:7s}
@keyframes dashFlow{to{stroke-dashoffset:-240}}
.world-nodes circle{fill:#fff;stroke:var(--cyan);stroke-width:2;animation:nodePulse 1.6s ease-in-out infinite}.world-nodes circle:nth-child(2n){stroke:var(--orange);animation-delay:.4s}.world-nodes circle:nth-child(3n){stroke:var(--violet);animation-delay:.8s}
@keyframes nodePulse{50%{r:8;opacity:.45}}
.world-data{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(94,232,255,.1);background:rgba(3,9,14,.74);backdrop-filter:blur(10px)}
.world-data span{padding:12px;text-align:center;border-right:1px solid rgba(94,232,255,.08);font:700 8px monospace;letter-spacing:.11em;color:#617e93}.world-data span:last-child{border-right:0}.world-data b{display:block;color:#e8f8ff;font-size:10px;margin-bottom:3px}

@media(max-width:1050px){.ops-dock{right:10px;top:46px}.world-console{height:320px}}
@media(max-width:760px){.boot-logo{width:140px;height:140px}.status-rail{height:24px}.ops-dock{position:absolute;right:4px;top:28px;transform:scale(.82);transform-origin:top right}.world-console{height:300px}.world-data{grid-template-columns:1fr 1fr}.world-data span:nth-child(-n+2){border-bottom:1px solid rgba(94,232,255,.08)}}
@media(max-width:480px){.ops-dock{display:none}.world-console{height:270px}.world-hud{left:12px;top:10px}.world-data span{padding:9px 5px;font-size:7px}}
@media(prefers-reduced-motion:reduce){.boot-screen{display:none}.status-track{animation:none}.world-line,.world-nodes circle,.world-console:after{animation:none}}