:root{color-scheme:dark;--bg:#061722;--panel:#092431;--edge:rgba(182,222,225,.15);--gold:#e6c381;--mute:#92aeb8;--white:#f0f7f5;--rise:#5ce2c8;--fall:#ef9385}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 82% 10%,rgba(22,104,124,.28),transparent 33%),radial-gradient(ellipse at 0 80%,rgba(29,87,110,.22),transparent 40%),#061722;color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:inherit}.top{height:86px;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(18px,6vw,98px);border-bottom:1px solid var(--edge);backdrop-filter:blur(16px);background:rgba(4,17,24,.52)}.brand{display:flex;align-items:center;gap:15px}.crest{color:var(--gold);width:48px;height:48px;border:1px solid rgba(230,195,129,.46);border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:23px}.brand strong{display:block;font-size:16px;letter-spacing:.13em}.brand strong span{font-size:12px;color:var(--mute);font-weight:600;margin-left:6px}.label{font-size:10px;color:var(--gold);letter-spacing:.35em;font-weight:800}.topRight{display:flex;align-items:center;gap:22px}.back{text-decoration:none;color:#b8cfd5;font-size:12px}.back:hover{color:var(--white)}.lozenge{font-size:10px;letter-spacing:.12em;border:1px solid rgba(230,195,129,.35);border-radius:30px;padding:10px 14px;color:var(--gold)}main{max-width:1460px;padding:0 clamp(18px,6vw,96px) 90px;margin:auto}.hero{padding:75px 0 50px}.eyebrow{font-size:10px;color:var(--gold);letter-spacing:.27em;font-weight:800}.hero h1{font-size:clamp(48px,6vw,88px);letter-spacing:-.062em;line-height:1.05;margin:20px 0}.hero h1 em{font-style:normal;color:var(--gold)}.hero>p{max-width:580px;color:var(--mute);font-size:16px;line-height:1.75}.bar{display:flex;align-items:center;gap:13px;color:#b4c9ca;font-size:12px;margin-top:30px}.pulse{width:8px;height:8px;display:inline-block;border-radius:50%;background:var(--gold);box-shadow:0 0 15px rgba(230,195,129,.32)}.pulse.good{background:var(--rise);box-shadow:0 0 15px rgba(92,226,200,.3)}.pulse.fail{background:var(--fall)}.barDivider{height:13px;width:1px;background:var(--edge)}.workspace{background:linear-gradient(160deg,rgba(17,54,65,.82),rgba(6,30,42,.92));border:1px solid rgba(177,218,222,.16);border-radius:22px;box-shadow:0 28px 80px rgba(0,0,0,.25);overflow:hidden}.workspaceTop{padding:30px;display:flex;align-items:end;justify-content:space-between;gap:24px}.workspaceTop h2{font-size:24px;font-weight:600;letter-spacing:-.04em;margin:8px 0 0}.smallmark{font-size:12px;color:#7fabb2;margin-left:10px}.controls{display:flex;align-items:end;gap:12px}.controls label{display:grid;gap:7px;color:var(--mute);font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.controls select,.controls button{appearance:none;min-height:39px;background:#102f39;border:1px solid rgba(161,202,209,.2);border-radius:9px;color:var(--white);font-size:12px;padding:10px 14px;cursor:pointer}.controls select:focus,.controls button:focus{outline:2px solid var(--gold);outline-offset:2px}.controls button{background:#bfa06b;border-color:#bfa06b;color:#102028;font-weight:800}.controls button:disabled{opacity:.5;cursor:progress}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--edge)}.metrics article{padding:23px 30px;border-right:1px solid var(--edge)}.metrics article:last-child{border-right:0}.metrics article span{display:block;color:var(--mute);font-size:11px;margin-bottom:14px}.metrics strong{font-size:clamp(20px,2vw,29px);font-variant-numeric:tabular-nums;letter-spacing:-.05em;display:block}.metrics small{font-size:10px;color:#789aa4;display:block;margin-top:8px}.chartShell{padding:24px 24px 10px}.chartHeader{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px;color:#84aab2;font-size:10px;letter-spacing:.13em}.legend{display:flex;gap:10px;align-items:center;letter-spacing:0}.legend i{width:8px;height:8px;border-radius:50%;display:inline-block}.dotUp{background:var(--rise)}.dotDown{background:var(--fall)}.dotBand{background:var(--gold)}.chart{min-height:270px;display:flex;align-items:center;justify-content:center}.chart svg{width:100%;height:auto;display:block}.loading{color:var(--mute)}.detail{display:grid;grid-template-columns:1.3fr 1fr 1fr;border-top:1px solid var(--edge)}.detail>div{padding:23px 30px;border-right:1px solid var(--edge)}.detail>div:last-child{border-right:0}.detail strong{font-size:12px}.detail p{font-size:11px;line-height:1.65;color:var(--mute)}.gates{display:grid;grid-template-columns:1fr 1.15fr;gap:50px;align-items:start;margin:75px 0 0;padding:38px 0;border-top:1px solid var(--edge)}.gates h2{font-size:36px;font-weight:550;letter-spacing:-.04em}.gates p{font-size:13px;line-height:1.8;color:var(--mute);max-width:420px}.gateList{border:1px solid var(--edge);border-radius:16px;overflow:hidden}.gateList>div{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px;border-bottom:1px solid var(--edge);font-size:12px}.gateList>div:last-child{border:0}.gateList strong{font-size:10px;letter-spacing:.06em;white-space:nowrap}.ready{color:var(--rise)}.hold{color:var(--gold)}footer{display:flex;justify-content:space-between;gap:15px;padding:28px clamp(18px,6vw,98px);border-top:1px solid var(--edge);color:var(--mute);font-size:11px;flex-wrap:wrap}footer .sep{color:var(--gold);margin:0 6px}footer a{color:var(--gold)}@media(max-width:850px){.hero{padding-top:55px}.workspaceTop{align-items:start;flex-direction:column}.metrics{grid-template-columns:repeat(2,1fr)}.metrics article:nth-child(2){border-right:0}.metrics article:nth-child(-n+2){border-bottom:1px solid var(--edge)}.detail{grid-template-columns:1fr}.detail>div{border-right:0;border-bottom:1px solid var(--edge)}.gates{grid-template-columns:1fr;gap:20px}.topRight .back{display:none}}@media(max-width:520px){.top{height:74px}.brand strong span{display:none}.lozenge{font-size:8px;padding:8px}.workspaceTop{padding:21px}.controls{flex-wrap:wrap}.metrics article{padding:18px}.chartShell{padding:14px 9px}.chartHeader{font-size:9px;flex-direction:column;align-items:start}.chart{min-height:200px}.bar{flex-wrap:wrap}.detail>div{padding:18px}.hero h1{font-size:53px}.gateList>div{font-size:11px}}