:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#e6edf5;background:#080d17;font-synthesis:none;--mint:#9aeac7;--dim:#a5b3c7;--edge:#2d3b51}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% 20%,#18313666,transparent 50%)}main{max-width:1180px;margin:auto;padding:28px 32px 52px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 0 34px;border-bottom:1px solid var(--edge)}a{color:var(--mint);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}.brand{text-decoration:none;font-size:12px;letter-spacing:2px;font-weight:750}.brand span{color:var(--dim);font-size:10px}.lab-label,.eyebrow{font:600 10px/1.7 ui-monospace,monospace;letter-spacing:1.8px;color:var(--dim)}.lab-label{border:1px solid var(--edge);border-radius:30px;padding:6px 12px;white-space:nowrap}.hero{padding:44px 0 28px;position:relative}.eyebrow{margin:0 0 14px}.hero h1{font-size:clamp(40px,6vw,68px);font-weight:500;letter-spacing:-3px;line-height:1.07;margin:0 0 22px}em{font-style:normal;color:var(--mint)}.intro{color:#c0ccdc;font-size:16px;line-height:1.7}.simulation{font-size:12px;color:var(--dim);max-width:630px;line-height:1.6}.console{display:grid;grid-template-columns:1.15fr 1fr;border:1px solid var(--edge);border-radius:24px;overflow:hidden;background:#0b1321cc;box-shadow:0 24px 90px #0004}.scene{min-height:390px;position:relative;overflow:hidden;perspective:900px;isolation:isolate;background:radial-gradient(ellipse at center,#28495166,#0a122000 65%)}.grid-plane{position:absolute;inset:-20%;background:linear-gradient(#54726624 1px,transparent 1px),linear-gradient(90deg,#54726624 1px,transparent 1px);background-size:34px 34px;transform:rotateX(62deg) translateZ(-55px) translateY(70px);mask-image:radial-gradient(ellipse,#000,transparent 65%)}.orbit{position:absolute;top:50%;left:50%;width:320px;height:320px;margin:-160px;border:1px solid #a1dfc555;border-radius:50%;transform:rotateX(64deg) rotateZ(-25deg);box-shadow:0 0 26px #9aeac70c}.orbit-b{width:390px;height:390px;margin:-195px;transform:rotateX(58deg) rotateY(38deg)}.core{position:absolute;left:50%;top:50%;width:200px;height:190px;margin:-95px -100px;transform-style:preserve-3d;animation:float 7s ease-in-out infinite}.core:before,.core:after{content:"";position:absolute;inset:0;border:1px solid #9aeac742;border-radius:28px;background:#162a3266;transform:translateZ(-24px) translate(13px,13px)}.core:after{transform:translateZ(-48px) translate(25px,25px);opacity:.4}.core-face{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;border:1px solid #9aeac799;border-radius:28px;background:linear-gradient(145deg,#273e49ee,#0e202bea);box-shadow:0 0 65px #84dbb725,inset 0 1px #e0ffed44;transform:rotateY(-14deg) rotateX(10deg)}.core-face span{font:9px ui-monospace,monospace;letter-spacing:1.8px;color:#b7d2d2}.core-face strong{font-size:29px;letter-spacing:3px;color:var(--mint)}.core-face small{font:12px ui-monospace,monospace;color:var(--dim)}.satellite{position:absolute;z-index:2;width:130px;padding:17px 14px;background:linear-gradient(150deg,#1a293cdd,#0a1423e8);border:1px solid #60708466;border-radius:16px;box-shadow:0 14px 24px #0004;transform:rotateY(-12deg) rotateX(8deg)}.satellite span{display:block;font:8px ui-monospace,monospace;color:var(--dim);letter-spacing:1px}.satellite b{display:block;font-size:23px;font-weight:500;margin:9px 0;letter-spacing:2px}.satellite i{font-style:normal;font-size:10px;color:var(--dim)}.device{top:46px;left:27px}.executor{bottom:52px;right:25px}.scene-caption{position:absolute;bottom:22px;left:0;right:0;text-align:center;font:9px ui-monospace,monospace;letter-spacing:2px;color:var(--dim)}.gate-panel{border-left:1px solid var(--edge);padding:30px}.state-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.state-heading .eyebrow{margin:0}.mode{font:600 9px ui-monospace,monospace;color:var(--mint);border:1px solid #477560;border-radius:5px;padding:7px;white-space:nowrap}#state{font-size:36px;letter-spacing:2px;font-weight:500;margin:22px 0 3px}#reason{min-height:35px;color:var(--dim);font-size:13px;margin:0 0 18px;line-height:1.5}.meter-label{font-size:11px;color:var(--dim);display:flex;justify-content:space-between}progress{appearance:none;display:block;width:100%;height:5px;border:0;border-radius:9px;margin-top:10px;overflow:hidden;background:#263248}progress::-webkit-progress-bar{background:#263248}progress::-webkit-progress-value{background:var(--mint)}progress::-moz-progress-bar{background:var(--mint)}.metrics{display:flex;gap:32px;margin:21px 0}.metrics dt{font-size:10px;color:var(--dim);margin-bottom:4px}.metrics dd{font:19px ui-monospace,monospace;margin:0}.action-row{display:flex;gap:10px;flex-wrap:wrap}button{font:500 12px/1.4 inherit;font-family:inherit;font-size:12px;color:#e1eaf4;border:1px solid #425571;background:#142137;padding:13px 15px;min-height:44px;border-radius:8px;cursor:pointer;transition:background .15s}button:hover:not(:disabled){background:#263b52}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:var(--mint);border-color:var(--mint);color:#081d17;font-weight:650}.primary:hover:not(:disabled){background:#bef5db}.danger{background:#442631;color:#ffc5cc;border-color:#824653;width:100%;margin-top:12px}.danger:hover:not(:disabled){background:#60323d}.quiet{background:transparent;color:#b3c5d9}.small{font-size:11px;line-height:1.6;color:var(--dim)}#notice{font:12px/1.7 ui-monospace,monospace;border-left:2px solid var(--mint);padding:10px 15px;margin:20px 0;min-height:41px;color:#cde9de}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{border:1px solid var(--edge);border-radius:16px;background:#0e1725ab;padding:28px}.panel h2{font-size:23px;font-weight:500;margin:0 0 20px;letter-spacing:-.4px}.panel>p:not(.eyebrow):not(.small){font-size:13px;line-height:1.7;color:#b7c6d9}.switch{display:flex;gap:11px;align-items:center;margin:17px 0;font-size:13px;line-height:1.5}.switch input{width:19px;height:19px;accent-color:var(--mint);flex-shrink:0}fieldset{margin:20px 0;border:0;padding:0}legend{font-size:11px;color:var(--dim);margin:0 0 10px}.band-row{display:flex;gap:12px}.band-row label{display:grid;gap:6px;flex:1;min-width:0;font-size:11px;color:var(--dim)}input[type=number]{min-width:0;width:100%;background:#080f1c;border:1px solid #425571;color:#e6edf5;border-radius:7px;padding:12px;font:13px inherit}#grant,#pulse{width:100%;margin-top:8px}details{margin:24px 0 0;font-size:12px}summary{cursor:pointer;padding:6px 0;color:var(--mint)}pre{font:10px/1.6 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:#060d18;border-radius:8px;padding:12px;max-height:330px;overflow:auto}.order{margin-top:20px}.order>p:not(.small):not(.eyebrow){font:12px/2 ui-monospace,monospace;color:#d9e7f4}.order span{color:var(--mint);padding:0 10px}footer{border-top:1px solid var(--edge);margin-top:34px;padding-top:20px;color:#b7c6d9;font-size:12px;line-height:1.7}footer nav{display:flex;flex-wrap:wrap;gap:10px 20px}footer .small{max-width:760px;margin-top:22px}:focus-visible{outline:2px solid #fbdf98;outline-offset:4px}.paused .core{animation:none}.scene[data-state=REVOKED] .core-face,.scene[data-state=EXPIRED] .core-face{border-color:#eb94a1}.scene[data-state=REVOKED] strong,.scene[data-state=EXPIRED] strong{color:#ffb4c0}
@keyframes float{0%,100%{transform:translateY(0) rotateZ(-2deg)}50%{transform:translateY(-12px) rotateZ(1deg)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:850px){.console{grid-template-columns:1fr}.scene{min-height:340px}.gate-panel{border-left:0;border-top:1px solid var(--edge)}.lower-grid{grid-template-columns:1fr}.device{left:12%}.executor{right:12%}.hero h1{letter-spacing:-2px}}
@media(max-width:480px){main{padding:16px 16px 36px}header{gap:8px;align-items:flex-start;padding-bottom:20px}.brand{font-size:10px;letter-spacing:1px}.brand span{display:block;font-size:8px;margin-top:5px}.lab-label{font-size:7px;padding:5px 8px;letter-spacing:.7px}.hero{padding-top:30px}.intro{font-size:14px}.scene{min-height:330px}.core{width:162px;height:166px;margin:-83px -81px}.core-face strong{font-size:23px}.core-face span{font-size:7px}.satellite{width:98px;padding:13px 10px}.satellite span{font-size:6px}.satellite b{font-size:17px}.satellite i{font-size:8px}.device{left:14px;top:29px}.executor{right:12px;bottom:42px}.gate-panel,.panel{padding:22px}.state-heading .eyebrow{font-size:8px;letter-spacing:1px}.mode{font-size:8px}.order span{padding:0 5px}.metrics{gap:30px}.action-row>*{flex:1}.simulation{font-size:11px}}

.signal-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 24px}
.signal-strip>div{border-top:1px solid #405268;padding:14px 0 0;min-width:0}
.signal-strip dt{font:9px ui-monospace,monospace;letter-spacing:1.4px;color:var(--dim)}
.signal-strip dd{font:14px ui-monospace,monospace;margin:10px 0 6px;color:#e3efee}
.signal-strip small{font-size:10px;color:var(--dim);line-height:1.5}
.network-node{position:absolute;top:40px;right:28px;border:1px dashed #60708488;border-radius:50%;width:112px;height:112px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;color:var(--dim);background:#111b2c88;transform:rotateY(-20deg) rotateX(12deg);box-shadow:10px 14px 0 #24354b22}
.network-node span{font:8px ui-monospace,monospace;letter-spacing:1.6px}.network-node b{font:12px ui-monospace,monospace;font-weight:400}.network-node small{font-size:8px}
.scene[data-internet=offline] .network-node{border-color:#7183a3;color:#c0ccdc;background:#101a2ccc}
.scene[data-radio=quiet] .orbit{border-style:dashed;border-color:#e6bd7755;box-shadow:none}
.scene[data-radio=quiet] .device{border-color:#d2a96188}.scene[data-radio=quiet] .scene-caption{color:#e4c99b}
.scene[data-state=SILENT] .core-face{border-color:#7690a8;box-shadow:0 0 35px #7a92a311}.scene[data-state=SILENT] .core-face strong{color:#a9bacb}
.intent{padding:15px;border:1px solid #354b5d;background:#09131dc7;border-radius:10px;margin:0 0 18px}
.intent .eyebrow{font-size:8px;letter-spacing:1px}.intent>p:not(.small){font:11px/1.6 ui-monospace,monospace;color:#c8e1d6;margin:10px 0 12px}.intent .small{margin-bottom:0;font-size:10px}
.offline-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:32px 0 34px}
.case-number{font:11px ui-monospace,monospace;color:var(--mint)}.offline-cases h2{font-size:16px;line-height:1.4;font-weight:500;margin:10px 0}.offline-cases p{font-size:12px;line-height:1.7;color:var(--dim);margin:0}
.scheduling-note{max-width:850px;margin-top:24px}.switch small{font-size:10px;color:var(--dim)}
@media(max-width:850px){.network-node{top:28px;right:12%;width:90px;height:90px}.offline-cases{gap:20px}}
@media(max-width:480px){.signal-strip{gap:10px}.signal-strip dt{font-size:7px;letter-spacing:.7px}.signal-strip dd{font-size:10px;line-height:1.5}.signal-strip small{font-size:8px}.network-node{top:21px;right:20px;width:80px;height:80px;gap:6px}.network-node span{font-size:6px}.network-node b{font-size:10px}.network-node small{font-size:7px}.offline-cases{grid-template-columns:1fr;gap:20px}.offline-cases article{border-left:1px solid var(--edge);padding-left:16px}.offline-cases h2{display:inline;margin-left:12px;font-size:15px}.offline-cases p{margin-top:8px}}