
:root{color-scheme:dark;--bg:#090f1b;--panel:#111d2d;--panel2:#152437;--line:#2b3e53;--text:#eef4fa;--muted:#a9bacb;--teal:#24d2be;--blue:#54beee;--red:#ff929e;--amber:#f4cc7d;font:15px/1.55 "Segoe UI",Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 0%,#113347 0,transparent 36%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--teal);outline-offset:4px}.skip{position:fixed;top:-100px;left:20px;background:var(--teal);color:#09202b;z-index:99;padding:12px}.skip:focus{top:12px}.top{max-width:1440px;margin:auto;display:flex;gap:25px;align-items:center;justify-content:space-between;padding:25px 40px}.top img{max-width:220px;object-fit:contain}.top nav{display:flex;gap:24px;flex-wrap:wrap;color:var(--muted);font-size:14px}.top nav a:hover{color:var(--teal)}main,footer{max-width:1440px;margin:auto;padding:30px 40px}.simulation{display:flex;gap:18px;align-items:center;padding:13px 40px;border-block:1px solid #234654;background:#0e2b35;color:#b7e9e6;font-size:13px}.simulation strong{letter-spacing:1.5px;font-size:11px;white-space:nowrap}.product-heading{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:14px 0 26px}.product-logo{width:310px;max-width:100%;height:70px;object-fit:contain;object-position:left}.product-heading p{color:var(--muted);margin:8px 0}.version{color:var(--teal);font-size:12px}.heading-actions,.actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.button{border:1px solid var(--teal);background:var(--teal);color:#06222e;padding:11px 17px;border-radius:7px;font-size:13px;font-weight:650;display:inline-flex;gap:9px;align-items:center;justify-content:center}.button.secondary{background:#102333;border-color:#34546a;color:var(--text)}.button:hover{filter:brightness(1.15)}.status-line{min-height:30px;color:var(--muted);font-size:13px;margin-bottom:16px}.status-line.working{color:var(--teal)}.working:before{content:"";display:inline-block;width:12px;height:12px;border:2px solid #24536a;border-top-color:var(--teal);border-radius:50%;animation:spin .7s linear infinite;margin-right:10px;vertical-align:-2px}@keyframes spin{to{transform:rotate(360deg)}}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:26px;flex-wrap:wrap}.tabs button{border:1px solid transparent;background:transparent;color:var(--muted);padding:10px 18px;border-radius:7px}.tabs button[aria-current=page]{border-color:#376779;background:#163343;color:var(--teal)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stat,.panel,.detail,.product-card{background:linear-gradient(140deg,#152537,#101b2b);border:1px solid var(--line);border-radius:12px}.stat{padding:22px}.stat p{font-size:12px;color:var(--muted);margin:0}.stat strong{display:block;font-size:34px;letter-spacing:-1.5px;line-height:1.4}.stat small{color:var(--muted);font-size:11px}.ok{color:var(--teal)}.warn{color:var(--amber)}.bad{color:var(--red)}.grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:20px}.panel{padding:24px;min-width:0;margin-bottom:20px}.panel h2,.detail h2{font-size:19px;margin:0 0 6px;font-weight:600}.panel h3{font-size:15px}.subtle{color:var(--muted);font-size:13px;margin:0 0 20px}.panel-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:18px}.panel-head h2{margin:0}.filters{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.filters label{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:9px}.filters input,.filters select,.control{background:#0b1523;border:1px solid #355068;color:var(--text);padding:9px 12px;border-radius:6px;min-width:0;max-width:100%}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px;white-space:nowrap}th{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#9bb3c7;text-align:left;padding:12px 10px;background:#0d1b2b}td{padding:15px 10px;border-bottom:1px solid #243449}td small{display:block;color:var(--muted);font-size:11px}tbody tr:hover{background:#1a3043}.table-link{background:none;border:0;color:#77dccc;padding:0;text-align:left;font-weight:600}.pill{font-size:10px;letter-spacing:.5px;padding:5px 9px;border-radius:20px;background:#123f39;color:#8de5d2;display:inline-block}.pill.offline{background:#472831;color:#ffb2bd}.pill.degraded{background:#473c23;color:#f6d78e}.pill.unknown{background:#2b3548;color:#bfcde1}.chart{width:100%;height:150px;display:block}.chart .axis{stroke:#304455;stroke-width:1}.chart .area{fill:#16b8ac14}.chart .line{fill:none;stroke:var(--teal);stroke-width:2.5}.chart text{fill:#90a7b8;font-size:10px}.timeline{list-style:none;padding:0;margin:0}.timeline li{border-left:2px solid #2e5266;padding:0 0 20px 18px;font-size:13px}.timeline small{display:block;color:var(--muted);font-size:11px}.outage{border:1px solid #725138;background:#30271e;border-radius:8px;padding:14px;margin:15px 0;font-size:13px}.outage .actions{margin-top:12px}.map-canvas{position:relative;min-height:410px;background:linear-gradient(#1c354266 1px,transparent 1px),linear-gradient(90deg,#1c354266 1px,transparent 1px),#0c1927;background-size:35px 35px;border:1px solid #294353;border-radius:9px;overflow:hidden}.map-canvas svg{position:absolute;width:100%;height:100%;inset:0}.map-canvas path{stroke:#3d6a7d;stroke-width:2;fill:none}.node{position:absolute;border:1px solid #355c70;background:#112d3d;color:#d9edf2;border-radius:9px;transform:translate(-50%,-50%);padding:11px 16px;min-width:120px;font-size:12px;box-shadow:0 8px 20px #0003}.node strong{display:block}.node small{color:var(--teal)}.node.offline{border-color:#bc687a}.node.offline small{color:var(--red)}.node.n1{left:50%;top:15%}.node.n2{left:27%;top:45%}.node.n3{left:73%;top:45%}.node.n4{left:17%;top:78%}.node.n5{left:48%;top:78%}.node.n6{left:82%;top:78%}.legend{display:flex;gap:18px;margin-top:16px;font-size:12px;color:var(--muted)}.legend i{display:inline-block;width:7px;height:7px;background:var(--teal);border-radius:50%;margin-right:6px}.legend .offline i{background:var(--red)}.detail{padding:24px;border-color:#326075;margin-bottom:20px}.detail dl{display:grid;grid-template-columns:130px 1fr;gap:9px;font-size:13px}.detail dt{color:var(--muted)}.detail dd{margin:0;overflow-wrap:anywhere}.code{background:#091321;border:1px solid #2b4255;border-radius:7px;padding:18px;overflow:auto;white-space:pre-wrap;word-break:break-word;color:#b9d8e3;font:12px/1.75 Consolas,monospace}.diff-line{display:block}.diff-line.old{color:#ffa3b0}.diff-line.new{color:#81e6cc}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.step{padding:15px;border:1px solid #2c4558;border-radius:7px;background:#0c1927;color:var(--muted);font-size:12px}.step strong{display:block;color:#dce9f2;margin-bottom:5px}.step.done{border-color:#207b71;color:#87ddcc}.observation{padding:16px;border-left:3px solid var(--amber);background:#262a29;margin:12px 0;font-size:13px}.observation p{color:var(--muted);margin-bottom:0}.progress{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:20px 0}.progress span{border-radius:3px;height:8px;background:#254052}.progress span.done{background:var(--teal)}.notice{font-size:13px;color:#bdcedb;background:#102633;border:1px solid #2b4c60;padding:16px;border-radius:8px;margin:15px 0}.limits{border-top:1px solid var(--line);margin-top:22px;padding-top:20px;color:var(--muted);font-size:12px}.limits h2{font-size:13px;color:#b5cad9}footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);margin-top:25px}.hub{padding-block:70px}.eyebrow{color:var(--teal);font-size:10px;letter-spacing:2px;font-weight:700}.hub h1{font-size:clamp(44px,6vw,80px);line-height:1.1;letter-spacing:-3px;margin:26px 0}.hub h1 em{font-style:normal;color:var(--teal)}.intro{font-size:18px;line-height:1.8;color:var(--muted);max-width:750px;margin-bottom:32px}.hub>.simulation{padding:20px;border-radius:8px;margin-bottom:35px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-card{padding:28px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}.product-card:hover{transform:translateY(-4px);border-color:#48b8b1}.product-card img{max-width:100%;height:65px;object-fit:contain;object-position:left;margin:25px 0 16px}.product-card h2{font-size:22px;letter-spacing:-.5px}.product-card p{color:var(--muted);font-size:14px;margin-bottom:35px}.card-end{margin-top:auto;color:var(--teal);font-size:13px;font-weight:600;display:flex;justify-content:space-between}.hub-note{margin-top:65px;max-width:760px}.hub-note h2{font-size:25px}.hub-note p{color:var(--muted)}
@media(max-width:1000px){.top{align-items:flex-start}.top nav{gap:14px}.grid{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr}.product-card{padding:30px}.stats{gap:10px}.stat{padding:16px}.heading-actions{max-width:270px}.node{min-width:100px;padding:10px}}
@media(max-width:650px){.top{padding:20px;flex-direction:column;gap:17px}.top nav{font-size:12px;gap:14px}main,footer{padding:24px 18px}.simulation{padding:14px 18px;flex-direction:column;align-items:flex-start;gap:6px}.product-heading{align-items:flex-start;flex-direction:column}.heading-actions{max-width:100%}.product-logo{width:270px;height:65px}.stats{grid-template-columns:repeat(2,1fr)}.stat strong{font-size:29px}.panel,.detail{padding:18px}.panel-head{align-items:flex-start;flex-direction:column}.tabs{gap:2px}.tabs button{padding:9px 10px;font-size:12px}.filters input{width:150px}.filters label{flex-wrap:wrap}.steps{grid-template-columns:1fr}.map-canvas{min-height:430px}.node{min-width:80px;padding:9px 7px;font-size:10px}.node.n4{left:16%}.node.n5{left:49%}.node.n6{left:83%}.detail dl{grid-template-columns:100px 1fr}.hub{padding-top:40px}.hub h1{letter-spacing:-2px}.intro{font-size:16px}.product-card{padding:24px}.hub-note{margin-top:40px}.button{font-size:12px;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.grid>div{min-width:0}.top>a:first-of-type{background:#cbd9e4;padding:8px 12px;border-radius:7px;display:flex}.product-logo{background:#cbd9e4;padding:12px;border-radius:8px;width:340px;height:90px}.product-card img{background:#cbd9e4;padding:10px;border-radius:7px}

.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:760px){.product-grid{grid-template-columns:1fr}}
