:root{--bg:#050d10;--bg2:#071316;--panel:#09171b;--panel2:#0c1d21;--line:#18353c;--line2:#244b53;--text:#dbe9e7;--muted:#789297;--green:#69ffc5;--cyan:#51d7ee;--amber:#ffc76b;--red:#ff6f73;--pad:clamp(20px,4vw,58px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:"Space Grotesk",sans-serif;background-image:linear-gradient(rgba(81,215,238,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(81,215,238,.035) 1px,transparent 1px);background-size:40px 40px;overflow-x:hidden}
button,a{font:inherit}
.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 14% 3%,rgba(81,215,238,.13),transparent 30%),radial-gradient(circle at 88% 44%,rgba(105,255,197,.07),transparent 27%),linear-gradient(180deg,transparent 60%,rgba(3,8,10,.6));z-index:-2}
.scanline{position:fixed;inset:0;pointer-events:none;opacity:.045;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#fff 4px);z-index:20}
.shell{width:min(1380px,100%);margin:auto;padding-left:var(--pad);padding-right:var(--pad)}
.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font:600 12px "IBM Plex Mono",monospace;letter-spacing:.1em;position:relative;z-index:5}
.brand{display:flex;align-items:center;gap:16px;color:var(--text);text-decoration:none}
.signal-mark{width:76px;height:48px;display:grid;grid-template-columns:auto auto auto;align-items:center;position:relative;padding:0 7px;border-left:2px solid var(--green);border-right:1px solid var(--line2);background:linear-gradient(90deg,rgba(105,255,197,.09),transparent)}
.signal-letter{font:700 17px "Space Grotesk";letter-spacing:-.08em}.signal-letter.d{color:var(--green);font-size:25px}.signal-letter.wm{color:var(--text)}.signal-slash{font:500 10px "IBM Plex Mono";color:var(--cyan);transform:skew(-10deg)}
.signal-mark:before,.signal-mark:after{content:"";position:absolute;height:1px;background:var(--green);left:-2px}.signal-mark:before{top:0;width:34px}.signal-mark:after{bottom:0;width:58px}
.signal-nodes{position:absolute;left:8px;right:8px;bottom:-5px;display:flex;justify-content:space-between}.signal-nodes i{width:4px;height:4px;border-radius:50%;background:var(--amber);box-shadow:0 0 7px var(--amber)}
.wordmark{font-size:14px;letter-spacing:.13em}.wordmark i{color:var(--green);font-style:normal}.topnav{display:flex;gap:28px}.topnav a{color:var(--muted);text-decoration:none;transition:.2s}.topnav a:hover{color:var(--green)}
.status{color:var(--muted)}.status span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);margin-right:8px;animation:pulse 2.4s infinite}
.hero{min-height:760px;padding-top:clamp(80px,10vw,145px);padding-bottom:120px;position:relative}.hero-signal{position:absolute;right:var(--pad);top:85px;width:min(42vw,520px);height:1px;background:linear-gradient(90deg,transparent,var(--line2))}.hero-signal span{position:absolute;right:0;top:-3px;width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 18px var(--cyan)}
.eyebrow,.panel-label,.section-head>div>span{font:500 11px "IBM Plex Mono";letter-spacing:.16em;color:var(--green)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.65fr);gap:clamp(55px,8vw,130px);align-items:end}
h1{font-size:clamp(58px,8.2vw,120px);line-height:.87;letter-spacing:-.067em;margin:30px 0 34px;font-weight:600;max-width:950px}h1 em{color:var(--green);font-style:normal;text-shadow:0 0 35px rgba(105,255,197,.14)}
.lede{font-size:clamp(18px,2vw,25px);line-height:1.55;color:#a4b8b8;max-width:760px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:42px}
.button{display:inline-block;border:1px solid var(--line2);padding:15px 19px;color:var(--text);text-decoration:none;font:600 11px "IBM Plex Mono";letter-spacing:.09em;transition:.2s}.button:hover{border-color:var(--green);color:var(--green);transform:translateY(-2px)}.button.primary{background:var(--green);border-color:var(--green);color:#03100c}.button.primary:hover{box-shadow:0 0 24px rgba(105,255,197,.18);color:#03100c}
.panel{background:linear-gradient(145deg,rgba(14,34,39,.96),rgba(6,17,20,.98));border:1px solid var(--line);box-shadow:inset 0 1px rgba(255,255,255,.025),0 20px 60px rgba(0,0,0,.12)}
.identity-card{padding:28px;position:relative;overflow:hidden}.identity-card:after{content:"";position:absolute;width:130px;height:130px;border:1px solid rgba(81,215,238,.08);border-radius:50%;right:-65px;top:-65px}.panel-top{display:flex;justify-content:space-between;align-items:center}.panel-id{font:500 9px "IBM Plex Mono";letter-spacing:.14em;color:#46666c}
.identity-card dl,.readout dl{margin:20px 0 0}.identity-card dl div,.readout dl div{padding:14px 0;border-top:1px solid var(--line)}dt{font:500 9px "IBM Plex Mono";letter-spacing:.13em;color:var(--muted);margin-bottom:6px}dd{margin:0;font:500 12px "IBM Plex Mono"}.availability{color:var(--green);text-decoration:none}.availability:hover{text-decoration:underline}
.node-signature{border-top:1px solid var(--line);padding-top:21px;margin-top:12px;display:flex;justify-content:space-between;align-items:center}.node-signature>span{font:500 9px "IBM Plex Mono";letter-spacing:.14em;color:#557278}.node-signature div{display:flex;gap:15px}.node-signature i{display:block;width:6px;height:6px;border-radius:50%;background:var(--amber);box-shadow:0 0 8px rgba(255,199,107,.7)}
.section{padding-top:115px;padding-bottom:115px;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:46px}.section-head h2,.transmission h2{font-size:clamp(38px,5vw,68px);line-height:.96;letter-spacing:-.052em;margin:12px 0 0}.section-head>p{max-width:440px;color:var(--muted);line-height:1.65}
.pulse-section{background:linear-gradient(180deg,rgba(7,19,22,.7),rgba(5,13,16,.4));position:relative}.pulse-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 20%,rgba(81,215,238,.055),transparent 27%);pointer-events:none}
.pulse-head{align-items:center}.pulse-summary{min-width:360px;padding:22px 24px;display:flex;align-items:center;gap:20px}.pulse-summary>div:last-child{display:flex;flex-direction:column}.pulse-summary span{font:500 9px "IBM Plex Mono";letter-spacing:.15em;color:var(--muted)}.pulse-summary strong{font:600 18px "IBM Plex Mono";letter-spacing:.08em;color:var(--green);margin:5px 0}.pulse-summary small{font:400 10px "IBM Plex Mono";color:#55747a}
.pulse-orbit{width:52px;height:52px;border:1px solid var(--line2);border-radius:50%;position:relative}.pulse-orbit:before,.pulse-orbit:after{content:"";position:absolute;inset:8px;border:1px solid rgba(81,215,238,.22);border-radius:50%}.pulse-orbit:after{inset:18px;background:var(--green);border:0;box-shadow:0 0 20px var(--green)}.pulse-orbit i{position:absolute;width:6px;height:6px;background:var(--cyan);border-radius:50%;top:3px;left:23px;transform-origin:3px 23px;animation:orbit 3s linear infinite}
.console-frame{overflow:hidden}.console-bar{height:48px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:#648087;font:500 9px "IBM Plex Mono";letter-spacing:.12em}.console-bar>div{display:flex;gap:7px}.console-bar i{width:6px;height:6px;border-radius:50%;background:#25484f}.console-bar i:first-child{background:var(--green);box-shadow:0 0 8px var(--green)}
.status-grid{display:grid;grid-template-columns:repeat(3,1fr)}.status-column{min-width:0;padding:27px;border-right:1px solid var(--line)}.status-column:last-child{border-right:0}.status-column>header{display:flex;gap:12px;align-items:center;padding-bottom:19px;border-bottom:1px solid var(--line)}.status-column>header span{font:500 9px "IBM Plex Mono";color:var(--green)}.status-column h3{font:600 12px "IBM Plex Mono";letter-spacing:.12em;margin:0}
.service-row{min-height:102px;display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:12px;border-bottom:1px solid rgba(24,53,60,.72);padding:19px 0}.service-row:last-child{border-bottom:0}.service-row>div:nth-child(2){display:flex;flex-direction:column;min-width:0}.service-row strong{font:600 13px "Space Grotesk";white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-row span{font:400 9px/1.45 "IBM Plex Mono";color:var(--muted);margin-top:5px}.service-row>b{font:500 10px "IBM Plex Mono";color:#668086}.service-state{width:14px;height:14px;border:1px solid var(--line2);border-radius:50%;display:grid;place-items:center}.service-state i{width:5px;height:5px;border-radius:50%;background:#48656b}.service-row.operational .service-state i{background:var(--green);box-shadow:0 0 9px var(--green)}.service-row.degraded .service-state i{background:var(--amber);box-shadow:0 0 9px var(--amber)}.service-row.outage .service-state i{background:var(--red);box-shadow:0 0 9px var(--red)}.service-row.unknown .service-state i{background:#6d858a}.service-row.loading{opacity:.55}.service-row.loading .service-state i{animation:pulse 1s infinite}
.console-foot{min-height:51px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 20px;color:#506e74;font:500 8px "IBM Plex Mono";letter-spacing:.11em}.console-foot button{border:0;background:transparent;color:var(--cyan);font:500 9px "IBM Plex Mono";cursor:pointer}.console-foot button:hover{color:var(--green)}.signal-note{font:400 9px/1.6 "IBM Plex Mono";letter-spacing:.06em;color:#47636a;margin-top:15px}
.diagnostic-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:14px}.ip-panel,.readout{padding:28px;min-height:290px}.ip{font:600 clamp(25px,3.1vw,46px) "IBM Plex Mono";color:var(--green);margin:55px 0 12px;word-break:break-all}.location{font:500 11px "IBM Plex Mono";color:var(--muted)}.text-button{border:0;background:none;color:var(--cyan);font:500 10px "IBM Plex Mono";padding:0;margin-top:45px;cursor:pointer}.text-button:hover{color:var(--green)}.privacy-note{font:9px/1.6 "IBM Plex Mono";letter-spacing:.08em;color:#49666c;margin-top:18px}
.transmission-card{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:clamp(30px,5vw,72px);align-items:end;position:relative;overflow:hidden}.transmission-card:after{content:">_";position:absolute;right:3%;top:-18%;font:700 210px "IBM Plex Mono";color:rgba(81,215,238,.027);pointer-events:none}.transmission-copy{position:relative;z-index:1}.transmission-copy p{color:#91aaad;line-height:1.7;font-size:18px;margin:0 0 30px;max-width:520px}
footer{height:110px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;color:#58747a;font:500 9px "IBM Plex Mono";letter-spacing:.11em}
@keyframes pulse{0%,100%{opacity:.45}50%{opacity:1}}@keyframes orbit{to{transform:rotate(360deg)}}
@media(max-width:1040px){.topnav{display:none}.hero-grid{grid-template-columns:1fr}.identity-card{max-width:620px}.status-grid{grid-template-columns:1fr}.status-column{border-right:0;border-bottom:1px solid var(--line)}.status-column:last-child{border-bottom:0}.service-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-row{border-bottom:0}.diagnostic-grid{grid-template-columns:1fr}.section-head{display:block}.pulse-summary{margin-top:28px;max-width:480px}.section-head>p{margin-top:22px}}
@media(max-width:700px){.topbar{height:76px}.wordmark{display:inline;font-size:12px}.hero{min-height:auto;padding-top:75px;padding-bottom:85px}h1{font-size:54px}.section{padding-top:78px;padding-bottom:78px}.pulse-summary{min-width:0}.service-list{grid-template-columns:1fr;gap:0}.service-row{border-bottom:1px solid var(--line)}.console-foot{align-items:flex-start;flex-direction:column}.console-foot span:nth-child(2){display:none}.transmission-card{grid-template-columns:1fr;gap:28px}.ip-panel,.readout{min-height:0}.ip{margin-top:38px}footer{height:auto;padding-top:34px;padding-bottom:34px;align-items:flex-start;flex-direction:column}.actions .button{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.status span,.pulse-orbit i,.service-row.loading .service-state i{animation:none}.button{transition:none}}