:root{--bg:#040d1b;--panel:#07182b;--panel2:#081d33;--line:rgba(48,143,216,.28);--text:#edf7ff;--muted:#83a8ca;--cyan:#00d9ff;--blue:#168cff;--green:#25f2a0;--purple:#bd7cff;--orange:#ffbf43;--red:#ff5f75}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 75% 17%,#06264a 0,transparent 33%),linear-gradient(135deg,#040b17,#06152a 55%,#030b17);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}.ambient{position:fixed;pointer-events:none;border-radius:50%;filter:blur(90px);opacity:.13;z-index:0}.ambient-one{width:320px;height:320px;background:#007bff;top:20%;left:-200px}.ambient-two{width:260px;height:260px;background:#00ffc3;right:-160px;bottom:0}.topbar{height:76px;padding:0 clamp(20px,4.2vw,72px);border-bottom:1px solid rgba(35,131,208,.28);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;background:rgba(3,12,25,.76);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--text)}.brand-mark{font-family:"Space Grotesk";font-size:27px;font-weight:700;color:var(--cyan);border:1px solid rgba(0,217,255,.6);width:37px;height:37px;display:grid;place-items:center;transform:skew(-7deg);box-shadow:0 0 18px #00d9ff1a}.brand-name{font-family:"Space Grotesk";font-size:23px;font-weight:700;letter-spacing:2px}.brand-divider,.topbar-divider{height:28px;width:1px;background:#1d4b70;margin:0 13px}.brand-subtitle{font-size:11px;letter-spacing:3px;color:#80b8e7;font-weight:600}.topbar-right{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:700;letter-spacing:1.2px;color:#b6d7f3}.topbar-meta{color:#7d9fbe;font-size:9px}.topbar-meta i{font-style:normal;color:var(--cyan);padding:0 5px}.live-dot{width:8px;height:8px;display:inline-block;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);animation:blink 1.8s infinite}.page-shell{position:relative;z-index:1;padding:0 clamp(20px,4.2vw,72px);max-width:1800px;margin:auto}.hero-section{min-height:400px;display:grid;grid-template-columns:minmax(350px,.88fr) minmax(450px,1.12fr);align-items:center;position:relative;border-bottom:1px solid rgba(37,129,199,.23);overflow:hidden}.hero-copy{position:relative;z-index:1;padding:42px 0 32px}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--cyan);font-weight:700;display:flex;align-items:center;gap:10px}.eyebrow-line{width:24px;height:1px;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}h1{font-family:"Space Grotesk";font-weight:600;font-size:clamp(38px,4.5vw,68px);line-height:1.04;letter-spacing:-2.5px;margin:20px 0 15px}h1 span{color:var(--cyan);text-shadow:0 0 32px #00d9ff38}.hero-lead{font-size:14px;line-height:1.8;color:#9dbbda}.status-row{display:flex;align-items:center;gap:17px;margin-top:23px;flex-wrap:wrap}.status-pill{display:inline-flex;align-items:center;gap:12px;border:1px solid #25f2a0a8;color:var(--green);background:#0a8e4e17;border-radius:7px;padding:11px 20px;font-size:12px;font-weight:800;letter-spacing:2px;box-shadow:inset 0 0 20px #25f2a00b,0 0 24px #25f2a00b}.status-pulse{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);animation:blink 1.5s infinite}.status-pill.warning{color:var(--orange);border-color:#ffbf4380;background:#ffbf4310}.status-pill.warning .status-pulse{background:var(--orange);box-shadow:0 0 12px var(--orange)}.status-pill.offline{color:var(--red);border-color:#ff5f7580;background:#ff5f7510}.status-pill.offline .status-pulse{background:var(--red);box-shadow:0 0 12px var(--red)}.status-caption{display:flex;align-items:center;gap:12px;color:#89c8ee;font-size:11px}.caption-rule{height:24px;width:1px;background:#23628d}.hero-note{display:flex;gap:10px;align-items:flex-start;max-width:450px;color:#7198bc;font-size:10px;line-height:1.7;margin:22px 0 0}.info-icon{border:1px solid #2b9bd4;color:var(--cyan);width:15px;height:15px;min-width:15px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700;margin-top:1px}.hero-visual{height:390px;position:relative;isolation:isolate}.visual-grid{position:absolute;inset:10% -5% 0;background-image:linear-gradient(#1382c51a 1px,transparent 1px),linear-gradient(90deg,#1382c51a 1px,transparent 1px);background-size:34px 34px;transform:perspective(500px) rotateX(57deg) scale(1.15);transform-origin:bottom;mask-image:linear-gradient(transparent,#000 30%,#000 75%,transparent)}.orbit{position:absolute;border:1px solid #00d9ff2b;border-radius:50%;transform:rotate(-20deg)}.orbit-a{width:70%;height:65%;left:15%;top:16%;animation:orbit 25s linear infinite}.orbit-b{width:87%;height:42%;left:6%;top:31%;transform:rotate(20deg);border-color:#25f2a022;animation:orbit 32s linear infinite reverse}.network-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.wire{fill:none;stroke:url(#wire);stroke-width:1.7;stroke-dasharray:8 10;animation:dash 8s linear infinite}.wire-two{animation-duration:11s;opacity:.7}.wire-three{animation-duration:13s;opacity:.55}.signal-points circle{fill:var(--cyan);animation:blink 1.7s infinite}.office-node,.internet-node{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:9px;font-weight:800;letter-spacing:1px;color:#9bd5ff}.office-node{left:2%;top:39%}.node-icon{font-size:31px;color:var(--cyan);text-shadow:0 0 20px #00d9ff}.office-node small,.internet-node small{font-size:7px;letter-spacing:1px;color:#527da4}.internet-node{right:0;top:32%}.globe{width:92px;height:92px;border:1px solid #00cfff;border-radius:50%;position:relative;box-shadow:0 0 35px #00bfff3d,inset 0 0 24px #00bfff20;background:radial-gradient(circle at 40% 35%,#00d9ff2b,transparent 60%);overflow:hidden}.globe:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 13px,#00d9ff52 14px 15px);border-radius:50%}.globe-long{position:absolute;left:25%;top:-2%;width:50%;height:104%;border:1px solid #00d9ff70;border-radius:50%}.globe-lat{position:absolute;left:-4%;top:27%;width:108%;height:44%;border:1px solid #00d9ff70;border-radius:50%}.globe-lat-two{top:12%;height:76%;opacity:.6}.server-platform{position:absolute;z-index:1;width:220px;height:90px;left:48%;top:76%;transform:translate(-50%,-50%) rotateX(60deg) rotateZ(-20deg);border:2px solid #00cfff;background:#007bff1b;box-shadow:0 0 20px #00cfff,inset 0 0 20px #00cfff40}.platform-ring{position:absolute;inset:-12px;border:1px solid #25f2a0;box-shadow:0 0 18px #25f2a050;animation:platformPulse 3s ease-in-out infinite}.server-rack{position:absolute;z-index:3;left:48%;top:48%;transform:translate(-50%,-50%);width:126px;height:220px;padding:22px 10px 10px;background:linear-gradient(90deg,#07172a,#0c2b49 20%,#06162a 75%,#12385b);border:1px solid #2a9ad5;box-shadow:12px 12px 35px #0008,-7px 0 25px #00aaff1d;clip-path:polygon(0 7%,75% 0,100% 8%,100% 100%,0 100%)}.rack-top{position:absolute;left:0;right:0;top:0;height:19px;background:linear-gradient(100deg,#0c3153,#17639a,#0b2745);border-bottom:1px solid #39b9ff}.rack-label{font-family:"Space Grotesk";font-size:10px;font-weight:700;letter-spacing:1px;margin:0 0 8px;color:#d7f2ff}.rack-label span{font-size:7px;color:var(--cyan)}.rack-unit{height:28px;margin-bottom:6px;border:1px solid #16466a;background:linear-gradient(90deg,#061322,#0a2138);display:flex;align-items:center;gap:5px;padding:0 6px;position:relative}.rack-unit b{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:blink 2s infinite}.rack-unit i{height:3px;width:12px;background:#138cff;box-shadow:0 0 5px #168cff}.rack-unit i:nth-of-type(2){background:#25f2a0}.rack-unit span{margin-left:auto;font-size:7px;color:#5c87a9}.rack-side{position:absolute;right:0;top:20px;bottom:0;width:7px;background:#1b4d70;opacity:.6}.floating-chip{position:absolute;z-index:4;padding:8px 10px;border:1px solid #1e6a92;background:#06182be8;color:#8fb9d9;font-size:8px;letter-spacing:1px;box-shadow:0 8px 25px #0004;animation:float 5s ease-in-out infinite}.floating-chip b{color:var(--green);font-size:8px;margin-left:5px}.chip-led{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green);margin-right:6px;box-shadow:0 0 8px var(--green)}.chip-a{left:14%;top:18%}.chip-b{right:11%;bottom:13%;animation-delay:-2s}
.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;padding:18px 0 36px}.metric-card{min-height:116px;display:flex;align-items:center;gap:15px;padding:20px 17px;background:linear-gradient(120deg,#07182bdf,#061326e8);border:1px solid #16466d;border-left:3px solid var(--accent);border-radius:10px;position:relative;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}.metric-card:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,var(--accent) 0,transparent 38%);opacity:.035;pointer-events:none}.metric-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 10px 35px #0003,0 0 20px color-mix(in srgb,var(--accent),transparent 90%)}.metric-green{--accent:var(--green)}.metric-blue{--accent:var(--blue)}.metric-purple{--accent:var(--purple)}.metric-cyan{--accent:var(--cyan)}.metric-icon{width:53px;height:53px;min-width:53px;border:1px solid var(--accent);border-radius:50%;display:grid;place-items:center;color:var(--accent);box-shadow:0 0 22px color-mix(in srgb,var(--accent),transparent 85%),inset 0 0 12px color-mix(in srgb,var(--accent),transparent 92%)}.metric-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.metric-content{min-width:0}.metric-label{font-size:8px;letter-spacing:1.3px;color:#8aaecd;font-weight:700;white-space:nowrap}.metric-value{font-family:"Space Grotesk";font-size:19px;font-weight:700;color:var(--accent);margin:6px 0 3px;white-space:nowrap}.metric-value small{font-size:10px}.metric-detail{font-size:9px;color:#7597b8;line-height:1.4}.metric-chevron{margin-left:auto;align-self:center;color:#47769e;font-size:22px}.services-section{padding:0 0 27px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:17px}.section-kicker{font-size:9px;letter-spacing:2px;color:var(--cyan);font-weight:700}.section-heading h2{font-family:"Space Grotesk";font-size:24px;letter-spacing:-.6px;margin:5px 0 0}.section-tools{display:flex;align-items:center;gap:17px}.legend{font-size:9px;color:#91b1ce;white-space:nowrap}.legend-dot{width:7px;height:7px;display:inline-block;border-radius:50%;margin-right:5px}.legend-dot.online{background:var(--green);box-shadow:0 0 8px #25f2a080}.legend-dot.warning{background:var(--orange)}.legend-dot.offline{background:var(--red)}.refresh-button{border:0;border-left:1px solid #1b476a;padding:0 0 0 17px;background:transparent;color:#70cfff;font-size:10px;white-space:nowrap}.refresh-button span{font-size:18px;vertical-align:-2px;margin-right:5px;display:inline-block}.refresh-button:disabled{opacity:.5}.refresh-button.is-loading span{animation:spin 1s linear infinite}.services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.service-card{min-height:134px;padding:18px;background:linear-gradient(145deg,#071a2e,#051225);border:1px solid #17446b;border-radius:9px;display:grid;grid-template-columns:45px minmax(0,1fr);column-gap:13px;row-gap:14px;align-items:center;position:relative;overflow:hidden;transition:transform .25s,border-color .25s,background .25s}.service-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#00d9ff66,transparent);transform:translateX(-100%);transition:transform .7s}.service-card:hover{transform:translateY(-3px);border-color:#2b8ec1;background:linear-gradient(145deg,#09213a,#06152a)}.service-card:hover:after{transform:translateX(100%)}.service-icon{width:44px;height:44px;border:1px solid #1269a7;border-radius:12px;display:grid;place-items:center;font-size:21px;color:#5ecaff;background:#007bff14}.service-icon.journal{color:#48e6b3;border-color:#138d6b;background:#00d58d13}.service-icon.research{color:#c28aff;border-color:#8153b8;background:#9e50ff12}.service-icon.institution{color:#ffc65a;border-color:#9c6a18;background:#ffb00012}.service-info{min-width:0}.service-info h3{font-size:13px;font-weight:700;margin:0 0 5px;overflow-wrap:anywhere}.service-info p{font-size:9px;line-height:1.5;color:#7c9dbb;margin:0}.service-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #12324d;padding-top:11px}.service-state{display:flex;align-items:center;gap:8px;color:#8baecc;font-size:9px}.service-state-dot{width:7px;height:7px;flex:none;border-radius:50%;background:#6889a8}.service-card.online .service-state-dot{background:var(--green);box-shadow:0 0 8px #25f2a0a0}.service-card.warning .service-state-dot{background:var(--orange);box-shadow:0 0 8px #ffbf4380}.service-card.offline .service-state-dot{background:var(--red);box-shadow:0 0 8px #ff5f7580}.service-card.online .service-state{color:#7cefc2}.service-card.warning .service-state{color:#ffd27a}.service-card.offline .service-state{color:#ff9aa9}.service-check{border:1px solid #1c4c72;background:#0a2037;color:#8ccfff;font-size:9px;padding:5px 10px;border-radius:7px;text-decoration:none;white-space:nowrap}.service-check:hover{border-color:#00d9ff;color:white}.service-footnote{font-size:9px;color:#5e7f9f;line-height:1.6;margin:13px 0 0}.activity-panel{min-height:58px;display:flex;align-items:center;gap:22px;border:1px solid #16456b;border-radius:8px;background:#06172a;padding:11px 16px;margin:0 0 26px;overflow:hidden}.activity-title{display:flex;align-items:center;gap:10px;min-width:175px}.activity-wave{font-size:28px;color:var(--cyan);line-height:1}.activity-title b{display:block;font-size:9px;letter-spacing:1.1px}.activity-title small{display:block;color:#6487a7;font-size:8px;margin-top:3px}.activity-track{height:22px;flex:1;position:relative;overflow:hidden}.activity-line{height:100%;background:linear-gradient(90deg,transparent,#00d9ff 10%,#00d9ff 11%,transparent 12%,transparent 15%,#25f2a0 16%,transparent 17%,transparent 24%,#00d9ff 25%,transparent 26%);background-size:200% 100%;mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent);animation:activityMove 4s linear infinite;opacity:.8}.activity-bars{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 13px,#00d9ff 14px 15px,transparent 16px 22px);opacity:.15;clip-path:polygon(0 50%,3% 40%,5% 70%,8% 20%,11% 60%,15% 50%,18% 10%,20% 80%,23% 45%,27% 55%,30% 20%,33% 70%,37% 45%,40% 55%,44% 10%,47% 70%,50% 45%,54% 55%,57% 20%,60% 70%,64% 40%,68% 60%,71% 10%,75% 80%,79% 45%,83% 55%,87% 20%,90% 70%,94% 40%,97% 60%,100% 50%,100% 100%,0 100%)}.activity-status{display:flex;align-items:center;gap:8px;font-size:9px;color:#86aaca;white-space:nowrap}.activity-status .live-dot{width:6px;height:6px}.footer{display:flex;justify-content:space-between;align-items:center;padding:0 0 25px;color:#587b9b;font-size:8px;letter-spacing:1px}.footer-brand span{color:var(--cyan);padding:0 8px}.footer-right{display:flex;align-items:center;gap:10px}.footer-square{width:7px;height:7px;background:var(--cyan);box-shadow:0 0 9px var(--cyan)}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.42}}@keyframes dash{to{stroke-dashoffset:-180}}@keyframes orbit{to{transform:rotate(340deg)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes platformPulse{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes activityMove{to{background-position:200% 0}}
@media(min-width:1500px){.hero-section{min-height:440px}.hero-visual{height:430px}.metrics-grid{padding-bottom:40px}.metric-card{min-height:124px}.service-card{min-height:145px;padding:20px}}@media(max-width:1100px){.hero-section{grid-template-columns:.9fr 1.1fr}.hero-visual{transform:scale(.9);transform-origin:center right;margin-left:-30px}.metrics-grid,.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{align-items:flex-start;flex-direction:column}.section-tools{flex-wrap:wrap}}@media(max-width:700px){.topbar{height:64px;padding:0 18px}.brand-mark{width:31px;height:31px;font-size:22px}.brand-name{font-size:19px}.brand-divider{margin:0 3px;height:22px}.brand-subtitle{font-size:8px;letter-spacing:1.4px}.topbar-right{gap:6px;font-size:8px}.topbar-meta,.topbar-divider{display:none}.page-shell{padding:0 18px}.hero-section{display:flex;flex-direction:column;align-items:stretch;overflow:visible}.hero-copy{padding:34px 0 10px}h1{font-size:43px;letter-spacing:-1.8px}.hero-lead{font-size:12px}.hero-visual{height:300px;width:100%;transform:none;margin:0}.server-rack{transform:translate(-50%,-50%) scale(.8);transform-origin:center}.server-platform{transform:translate(-50%,-50%) rotateX(60deg) rotateZ(-20deg) scale(.8)}.globe{width:65px;height:65px}.office-node{left:0}.internet-node{right:0}.floating-chip{font-size:7px}.metrics-grid{gap:10px;padding:14px 0 28px}.metric-card{padding:13px 10px;gap:10px;min-height:100px}.metric-icon{width:39px;height:39px;min-width:39px}.metric-icon svg{width:19px;height:19px}.metric-label{font-size:7px;letter-spacing:.6px}.metric-value{font-size:15px}.metric-detail{font-size:8px}.metric-chevron{display:none}.section-heading h2{font-size:22px}.section-tools{gap:10px}.legend{font-size:8px}.services-grid{gap:10px}.service-card{padding:13px;grid-template-columns:36px minmax(0,1fr);gap:10px}.service-icon{width:36px;height:36px;font-size:17px}.service-info h3{font-size:11px}.service-info p{font-size:8px}.service-state{font-size:8px}.service-check{font-size:8px;padding:4px 7px}.activity-panel{gap:10px;padding:10px}.activity-title{min-width:auto}.activity-title b{font-size:8px}.activity-title small{max-width:105px}.activity-track{min-width:30px}.activity-status{font-size:8px}.footer{gap:12px;align-items:flex-start;flex-direction:column}.footer-right{display:none}}@media(max-width:390px){.brand-subtitle{display:none}.metrics-grid{grid-template-columns:1fr}.metric-card{min-height:82px}.services-grid{grid-template-columns:1fr}.hero-visual{height:260px}.status-caption{font-size:10px}.activity-status{white-space:normal}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}