:root{--ink:#02060c;--panel:#07101b;--line:rgba(130,167,190,.17);--soft:#8193a2;--text:#e9f0f2;--cyan:#53e3e0;--blue:#2d7cff;--green:#6cf5b3;--mono:"Cascadia Mono","SFMono-Regular",Consolas,monospace;--display:"Arial Narrow","Roboto Condensed","Segoe UI",sans-serif}
*{box-sizing:border-box}html{background:var(--ink)}body{margin:0;min-height:100vh;color:var(--text);overflow-x:hidden;background:radial-gradient(circle at 71% 40%,rgba(13,82,115,.2),transparent 28%),linear-gradient(132deg,#010408,#050c14 58%,#02070d);font-family:var(--display)}
#network-canvas{position:fixed;inset:0;z-index:0;width:100%;height:100%;opacity:.78}.grain{position:fixed;inset:0;z-index:9;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.sweep{position:fixed;z-index:7;top:-25vh;left:-20vw;width:42vw;height:160vh;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(78,225,224,.055),transparent);transform:rotate(20deg);animation:global-sweep 7s ease-in-out infinite}
.command-bar{position:relative;z-index:10;height:82px;padding:0 clamp(24px,5vw,78px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:rgba(2,6,12,.52);backdrop-filter:blur(14px)}.locator,.access-link,.console-back{font:9px/1 var(--mono);letter-spacing:.2em}.locator{display:flex;gap:12px;align-items:center;color:#879baa}.locator i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 15px var(--green);animation:blink 1.4s infinite}.locator b{color:#324351}.access-link,.console-back{padding:13px 15px;color:#a8bdc7;border:1px solid var(--line);text-decoration:none;transition:.25s}.access-link:hover,.console-back:hover{color:#fff;border-color:var(--cyan);box-shadow:0 0 28px rgba(83,227,224,.12)}.access-link i{margin-left:17px;color:var(--cyan)}
.operations{position:relative;z-index:2;display:grid;grid-template-columns:minmax(500px,.86fr) minmax(600px,1.14fr);min-height:calc(100vh - 153px);align-items:center;padding:48px clamp(24px,5vw,78px) 46px}.mission{position:relative;z-index:3}.classification{display:flex;align-items:center;gap:25px;margin-bottom:28px;font:8px/1 var(--mono);letter-spacing:.22em;color:#6c8493}.classification b{padding:7px 9px;color:#07100e;background:var(--green);font-weight:700}.mission h1{margin:0;font-size:clamp(70px,8.2vw,142px);font-weight:700;line-height:.78;letter-spacing:-.065em}.mission h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #a8c1cb;text-shadow:0 0 40px rgba(83,227,224,.12)}.statement{margin:36px 0;color:#91a2ae;font-size:clamp(14px,1.2vw,18px);line-height:1.65;letter-spacing:.045em}.designation{position:relative;width:min(440px,90%);padding:18px 22px;border:1px solid var(--line);background:rgba(6,15,25,.78);overflow:hidden}.designation::after{content:"";position:absolute;top:0;bottom:0;width:80px;background:linear-gradient(90deg,transparent,rgba(83,227,224,.14),transparent);animation:designation-scan 3.5s linear infinite}.designation span{display:block;margin-bottom:7px;color:#617785;font:8px/1 var(--mono);letter-spacing:.25em}.designation strong{font:500 clamp(15px,1.5vw,21px)/1.2 var(--mono);letter-spacing:.04em}.designation i{position:absolute;right:18px;top:50%;width:9px;height:9px;border:1px solid var(--cyan);transform:translateY(-50%) rotate(45deg);box-shadow:0 0 11px var(--cyan)}.capabilities{display:flex;gap:1px;margin-top:24px}.capabilities div{width:145px;padding:14px 15px;background:rgba(7,16,27,.7);border-top:1px solid var(--line)}.capabilities small,.capabilities strong{display:block;font-family:var(--mono);font-size:8px;letter-spacing:.16em}.capabilities small{color:#526a78;margin-bottom:7px}.capabilities strong{color:#b7cbd2;font-weight:400}
.operations{position:relative;z-index:2;display:grid;grid-template-columns:minmax(500px,.86fr) minmax(600px,1.14fr);min-height:calc(100vh - 153px);align-items:center;padding:48px clamp(24px,5vw,78px) 46px}.mission{position:relative;z-index:3}.classification{display:flex;align-items:center;gap:25px;margin-bottom:28px;font:8px/1 var(--mono);letter-spacing:.22em;color:#6c8493}.classification b{padding:7px 9px;color:#07100e;background:var(--green);font-weight:700}.mission h1{margin:0;font-size:clamp(70px,8.2vw,142px);font-weight:700;line-height:.78;letter-spacing:-.065em}.mission h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #a8c1cb;text-shadow:0 0 40px rgba(83,227,224,.12)}.statement{margin:36px 0;color:#91a2ae;font-size:clamp(14px,1.2vw,18px);line-height:1.65;letter-spacing:.045em}.designation{position:relative;width:min(440px,90%);padding:18px 22px;border:1px solid var(--line);background:rgba(6,15,25,.78);overflow:hidden}.designation::after{content:"";position:absolute;top:0;bottom:0;width:80px;background:linear-gradient(90deg,transparent,rgba(83,227,224,.14),transparent);animation:designation-scan 3.5s linear infinite}.designation span{display:block;margin-bottom:7px;color:#617785;font:8px/1 var(--mono);letter-spacing:.25em}.designation strong{font:500 clamp(15px,1.5vw,21px)/1.2 var(--mono);letter-spacing:.04em}.designation i{position:absolute;right:18px;top:50%;width:9px;height:9px;border:1px solid var(--cyan);transform:translateY(-50%) rotate(45deg);box-shadow:0 0 11px var(--cyan)}
.service-registry{width:min(540px,96%);margin-top:18px;border:1px solid rgba(83,227,224,.25);background:rgba(3,12,20,.86);box-shadow:0 18px 50px rgba(0,0,0,.3),inset 0 0 35px rgba(45,124,255,.035)}.registry-head{display:flex;justify-content:space-between;padding:9px 12px;border-bottom:1px solid var(--line);color:#6e8a96;font:7px/1 var(--mono);letter-spacing:.18em}.registry-head b{color:var(--green);font-weight:400}.registry-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.service-card{position:relative;min-height:62px;padding:11px 12px;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:9px;color:inherit;background:rgba(5,15,25,.96);text-decoration:none;overflow:hidden;transition:.25s}.service-card::after{content:"";position:absolute;left:-80%;bottom:0;width:70%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan));transition:left .35s}.service-card:hover{background:rgba(8,28,43,.98);box-shadow:inset 0 0 28px rgba(83,227,224,.07)}.service-card:hover::after{left:35%}.service-card>i{display:grid;place-items:center;width:22px;height:22px;border:1px solid #2b5260;color:var(--cyan);font:7px/1 var(--mono);font-style:normal;transform:rotate(45deg)}.service-card>i::first-line{transform:rotate(-45deg)}.service-card span small,.service-card span strong,.service-card span em{display:block;font-family:var(--mono);font-style:normal}.service-card span small{color:#55717c;font-size:6px;letter-spacing:.15em}.service-card span strong{margin:4px 0 2px;color:#d3e4e8;font-size:9px;letter-spacing:.08em}.service-card span em{color:#73909a;font-size:7px}.service-card>b{color:#65808a;font:6px/1 var(--mono);font-weight:400;letter-spacing:.1em}.service-primary{background:linear-gradient(110deg,rgba(11,44,60,.98),rgba(5,15,25,.96))}.service-primary>i{background:var(--cyan);color:#041015;box-shadow:0 0 18px rgba(83,227,224,.45)}.service-primary span strong{color:#fff}.service-primary>b{color:var(--cyan)}
.situation{position:relative;display:grid;place-items:center;min-width:0}.scope{position:relative;width:min(50vw,710px);aspect-ratio:1;overflow:hidden;border:1px solid rgba(127,172,195,.13);background:radial-gradient(circle,rgba(16,94,117,.17),rgba(3,10,17,.38) 55%,rgba(2,6,12,.4));clip-path:polygon(8% 0,100% 0,100% 92%,92% 100%,0 100%,0 8%)}.scope::before,.scope::after{content:"";position:absolute;z-index:2;background:rgba(83,227,224,.6);box-shadow:0 0 9px var(--cyan)}.scope::before{top:0;left:0;width:22%;height:1px;animation:border-x 4s ease-in-out infinite}.scope::after{top:0;left:0;width:1px;height:22%;animation:border-y 4s ease-in-out infinite}.scope-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(98,151,174,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(98,151,174,.08) 1px,transparent 1px);background-size:8.333% 8.333%;mask-image:radial-gradient(circle,#000 25%,transparent 78%)}.radar{position:absolute;left:50%;top:50%;width:78%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);overflow:hidden;border:1px solid rgba(83,227,224,.1)}.radar::before{content:"";position:absolute;inset:0;background:conic-gradient(from 0deg,transparent 0 300deg,rgba(83,227,224,.03) 328deg,rgba(83,227,224,.31) 359deg,transparent 360deg);animation:radar 5s linear infinite}.radar::after{content:"";position:absolute;inset:18%;border:1px solid rgba(83,227,224,.1);border-radius:50%;box-shadow:0 0 0 80px rgba(4,18,27,.03)}.orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(88,144,167,.15);border-radius:50%;transform:translate(-50%,-50%)}.orbit-one{width:56%;aspect-ratio:1}.orbit-two{width:32%;aspect-ratio:1}.routes{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:rgba(102,199,210,.34);stroke-width:1}.routes path{stroke-dasharray:5 10;animation:route 4s linear infinite}.routes path:nth-child(2){animation-duration:6s;animation-direction:reverse}.routes path:nth-child(3){animation-duration:3s}.node{position:absolute;z-index:4;color:#8ca1ad;font:7px/1.3 var(--mono);letter-spacing:.12em}.node span{display:block;width:9px;height:9px;margin-bottom:8px;border:1px solid var(--cyan);background:#091922;box-shadow:0 0 16px rgba(83,227,224,.9);transform:rotate(45deg);animation:node-pulse 2.2s ease-in-out infinite}.node b,.node small{display:block;font-size:7px;font-weight:400}.node small{color:#516b78}.node.primary{left:49%;top:47%;color:#ddffff}.node.primary span{width:17px;height:17px;background:var(--cyan);box-shadow:0 0 16px #fff,0 0 45px var(--cyan),0 0 95px var(--blue)}.node-a{left:15%;top:66%}.node-b{right:18%;top:17%}.node-c{right:10%;bottom:22%}.node-d{left:23%;top:22%}.scope-label,.scope-index{position:absolute;color:#4d6672;font:7px/1.5 var(--mono);letter-spacing:.16em}.label-a{left:5%;top:5%}.label-b{right:5%;bottom:6%;text-align:right}.scope-index{right:4%;top:4%;font-size:28px;color:rgba(112,153,170,.16)}.event-stream{position:absolute;right:3%;bottom:2%;width:52%;padding:13px;background:rgba(3,10,17,.88);border-left:1px solid var(--cyan);box-shadow:0 10px 35px rgba(0,0,0,.32)}.event-stream div{display:flex;gap:14px;padding:5px 0;color:#72909c;font:7px/1.3 var(--mono);letter-spacing:.09em;opacity:0;animation:event 6s infinite}.event-stream div:nth-child(2){animation-delay:2s}.event-stream div:nth-child(3){animation-delay:4s}.event-stream time{color:var(--cyan)}
.ticker{position:relative;z-index:5;overflow:hidden;height:33px;border-top:1px solid var(--line);background:#06101a;color:#45616e;font:7px/33px var(--mono);letter-spacing:.2em;white-space:nowrap}.ticker div{width:max-content;animation:ticker 24s linear infinite}footer{position:relative;z-index:5;min-height:70px;padding:0 clamp(24px,5vw,78px);display:flex;align-items:center;justify-content:space-between;color:#4f6773;font:8px/1.5 var(--mono);letter-spacing:.18em;border-top:1px solid var(--line)}footer nav{display:flex;gap:30px}footer a{color:#76909b;text-decoration:none}footer a:hover{color:var(--cyan)}
.console-body{overflow:auto}.console{position:relative;z-index:2;max-width:1380px;margin:auto;padding:58px clamp(22px,5vw,70px) 90px}.console-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:42px}.overline{color:#607b87;font:8px/1 var(--mono);letter-spacing:.24em}.console h1{margin:10px 0 0;font-size:clamp(42px,6vw,82px);line-height:.9;letter-spacing:-.045em}.updated{text-align:right}.updated span,.updated strong{display:block;font:8px/1.6 var(--mono);letter-spacing:.16em}.updated span{color:#536b76}.updated strong{color:var(--cyan);font-weight:400}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.metric{min-height:190px;padding:26px;background:rgba(6,15,25,.94)}.metric>span{display:block;color:#647d88;font:8px/1 var(--mono);letter-spacing:.2em}.metric>strong{display:block;margin:25px 0 20px;font:400 clamp(27px,3vw,45px)/1 var(--mono);letter-spacing:-.04em}.metric>small{color:#647984;font:8px/1.5 var(--mono)}.meter{height:2px;margin-bottom:18px;background:#162733}.meter i{display:block;width:0;height:100%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);transition:width .7s ease}.signal{height:2px;display:flex;gap:5px;margin-bottom:18px}.signal i{height:100%;flex:1;background:var(--green);box-shadow:0 0 8px rgba(108,245,179,.4);animation:blink 1.6s infinite}.signal i:nth-child(2){animation-delay:.2s}.signal i:nth-child(3){animation-delay:.4s}.signal i:nth-child(4){animation-delay:.6s}.signal i:nth-child(5){animation-delay:.8s}.service-panel{margin-top:24px;border:1px solid var(--line);background:rgba(5,13,22,.91)}.panel-head{display:flex;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line);font:8px/1 var(--mono);letter-spacing:.17em;color:#67808b}.panel-head strong{margin-left:15px;color:var(--text)}.legend i{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green)}.service-list{display:grid;grid-template-columns:repeat(3,1fr)}.service-row{position:relative;min-height:78px;padding:18px 22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.service-row:nth-child(3n){border-right:0}.service-row i{position:absolute;right:17px;top:18px;width:5px;height:5px;border-radius:50%;background:var(--green)}.service-row strong,.service-row small{display:block;padding-right:15px}.service-row strong{color:#c7d6dc;font:400 10px/1.4 var(--mono)}.service-row small{margin-top:7px;color:#526b77;font:8px/1.4 var(--display)}.loading{padding:24px;color:#5e7782;font:9px/1 var(--mono);letter-spacing:.16em}.console-foot{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:24px;background:var(--line);border:1px solid var(--line)}.console-foot div{padding:18px 22px;background:rgba(5,13,22,.92)}.console-foot span,.console-foot strong{display:block;font:8px/1.5 var(--mono);letter-spacing:.13em}.console-foot span{color:#506a76}.console-foot strong{color:#a9bbc2;font-weight:400}
@keyframes global-sweep{0%,12%{transform:translateX(-70vw) rotate(20deg)}82%,100%{transform:translateX(170vw) rotate(20deg)}}@keyframes radar{to{transform:rotate(360deg)}}@keyframes route{to{stroke-dashoffset:-90}}@keyframes node-pulse{50%{transform:rotate(45deg) scale(1.6);opacity:.55}}@keyframes blink{50%{opacity:.25}}@keyframes designation-scan{from{left:-90px}to{left:110%}}@keyframes border-x{50%{width:68%}}@keyframes border-y{50%{height:68%}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes event{0%{opacity:0;transform:translateY(6px)}8%,26%{opacity:1;transform:none}34%,100%{opacity:0}}
@media(max-width:1050px){.operations{grid-template-columns:1fr;padding-top:70px}.situation{grid-row:1;margin-bottom:30px}.scope{width:min(86vw,650px)}.mission{grid-row:2}.metric-grid{grid-template-columns:repeat(2,1fr)}.service-list{grid-template-columns:repeat(2,1fr)}.service-row:nth-child(3n){border-right:1px solid var(--line)}.service-row:nth-child(2n){border-right:0}}@media(max-width:620px){.command-bar{height:70px}.locator b,.locator span:nth-of-type(2){display:none}.operations{padding:38px 20px 44px}.mission h1{font-size:clamp(62px,21vw,92px)}.scope{width:100vw;margin-left:-20px}.event-stream{width:70%;right:0}.registry-grid{grid-template-columns:1fr}.service-registry{width:100%}footer{padding:22px;gap:18px;flex-direction:column;align-items:flex-start}.console{padding:40px 18px 70px}.console-head{align-items:flex-start;gap:25px;flex-direction:column}.updated{text-align:left}.metric-grid,.service-list,.console-foot{grid-template-columns:1fr}.service-row{border-right:0!important}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important}#network-canvas,.sweep{display:none}}

/* Full-HD / 200% zoom fit: 2889×1800 physical pixels ≈ 1445×900 CSS pixels. */
@media (min-width:1051px){
  .command-bar{height:72px}
  .operations{grid-template-columns:minmax(420px,.86fr) minmax(500px,1.14fr);height:calc(100svh - 154px);min-height:0;padding:20px clamp(24px,5vw,78px)}
  .mission h1{font-size:clamp(62px,7vw,118px)}
  .classification{margin-bottom:20px}
  .statement{margin:25px 0;font-size:clamp(13px,1.05vw,17px);line-height:1.5}
  .designation{padding:14px 20px}
  .service-registry{margin-top:14px}.service-card{min-height:56px;padding:8px 10px}
  .scope{width:min(46vw,640px,calc(100svh - 205px))}
  .ticker{height:28px;font:7px/28px var(--mono)}
  footer{height:54px;min-height:54px}
}
@media (min-width:1051px) and (max-height:820px){
  .operations{height:calc(100svh - 134px);padding-top:12px;padding-bottom:12px}
  .command-bar{height:62px}
  .scope{width:min(43vw,520px,calc(100svh - 170px))}
  .mission h1{font-size:clamp(56px,6.4vw,96px)}
  .statement{margin:16px 0}.classification{margin-bottom:12px}.service-registry{margin-top:10px}.service-card{min-height:49px;padding:6px 9px}
  .ticker{height:24px;font:7px/24px var(--mono)}
  footer{height:48px;min-height:48px}
}
.stack-list{display:grid;grid-template-columns:repeat(5,1fr)}.stack-item{position:relative;min-height:98px;padding:20px 22px;border-right:1px solid var(--line)}.stack-item:last-child{border-right:0}.stack-item span,.stack-item strong,.stack-item small{display:block}.stack-item span{color:#607985;font:8px/1 var(--mono);letter-spacing:.16em}.stack-item strong{margin:12px 0 6px;color:#d3e3e7;font:400 12px/1.2 var(--mono)}.stack-item small{overflow-wrap:anywhere;color:#526b77;font:8px/1.35 var(--mono)}
@media(max-width:1050px){.stack-list{grid-template-columns:repeat(2,1fr)}.stack-item{border-bottom:1px solid var(--line)}}@media(max-width:620px){.stack-list{grid-template-columns:1fr}.stack-item{border-right:0}}