@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap");:root{color-scheme:dark;--bg:#080b12;--panel:#111722;--line:#263244;--muted:#9aa8bd;--text:#f4f7fb;--blue:#6ea8ff;--cyan:#6de4e0}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif}body{background:radial-gradient(ellipse at 75% 0,#17284a 0,transparent 38%),var(--bg)}a{color:inherit;text-decoration:none}.shell{max-width:1180px;margin:0 auto;padding:28px 24px 64px}.topbar{justify-content:space-between;gap:18px;padding:10px 0 30px;border-bottom:1px solid var(--line)}.brand,.topbar{display:flex;align-items:center}.brand{gap:12px;font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:.3px;min-width:0}.brand-logo{display:block;flex:0 0 auto;width:56px;height:56px;object-fit:contain;border-radius:12px}.brand-copy{display:block;min-width:0}.brand small{display:block;color:var(--muted);font:500 11px DM Sans,sans-serif;letter-spacing:1.8px;margin-top:3px;line-height:1.4}.status{border:1px solid #295b55;color:#8bf0d7;background:#102b2a;padding:8px 12px;border-radius:999px;font-size:12px;white-space:nowrap}.hero{padding:58px 0 34px;max-width:800px}.eyebrow{color:var(--cyan);font-size:12px;font-weight:700;letter-spacing:2.2px;text-transform:uppercase}.hero h1{font:700 clamp(38px,6vw,68px)/1.03 Space Grotesk,sans-serif;letter-spacing:-2.8px;margin:18px 0}.hero h1 span{color:var(--blue)}.hero p{max-width:650px;color:#b3bfd0;font-size:17px;line-height:1.75;margin:0}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:12px 17px;font-weight:700;font-size:14px}.primary{background:var(--blue);color:#08111f}.secondary{border:1px solid #33445b;background:#111722}.live-panel{border:1px solid var(--line);background:linear-gradient(145deg,#111a28,#0d131d);border-radius:17px;padding:22px;margin:8px 0 30px}.live-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.live-heading h2{font:600 22px Space Grotesk,sans-serif;margin:6px 0 0}.refresh-note{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.pulse-dot,.state-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#8390a4;flex:0 0 auto}.pulse-dot{background:var(--cyan);box-shadow:0 0 0 4px #6de4e01a}.live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.live-card{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #263449;border-radius:12px;background:#0b111a}.live-card h3{font:600 14px Space Grotesk,sans-serif;margin:0 0 5px}.live-card p{color:#b6c3d4;font-size:13px;margin:0}.state-dot.is-online{background:#51dfaa;box-shadow:0 0 0 4px #51dfaa1a}.state-dot.is-offline{background:#ff7272;box-shadow:0 0 0 4px #ff72721a}.state-dot.is-pending{background:#e8b45d;box-shadow:0 0 0 4px #e8b45d1a}.live-footnote{font-size:11px;line-height:1.6;color:#7f8da3;margin:14px 0 0}.section-title{font:600 21px Space Grotesk,sans-serif;margin:20px 0 15px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:15px;gap:15px}.tile{border:1px solid var(--line);background:linear-gradient(145deg,#141d2b,#0e131c);border-radius:17px;padding:23px;min-height:195px}.tile .icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#1c2d48;color:var(--blue);font-size:19px}.tile h3{font:600 18px Space Grotesk,sans-serif;margin:18px 0 8px}.tile p{color:var(--muted);font-size:14px;line-height:1.65;margin:0}.tile .tag{display:inline-block;margin-top:16px;color:#9eb0c9;font-size:11px;letter-spacing:1px;text-transform:uppercase}.notice{margin-top:22px;padding:18px 20px;border:1px solid #3b4659;border-radius:13px;background:#101722;color:#b8c4d5;font-size:13px;line-height:1.7}.notice strong{color:#f5f7fb}.footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:40px;padding-top:20px;border-top:1px solid var(--line);color:#738198;font-size:12px}@media(max-width:760px){.grid,.live-grid{grid-template-columns:1fr}.hero{padding-top:40px}.shell{padding:18px 16px 44px}.hero h1{letter-spacing:-1.5px}}@media(max-width:560px){.topbar{align-items:flex-start;flex-direction:column}.brand-logo{width:48px;height:48px}.brand small{font-size:9px;letter-spacing:1.1px}.status{white-space:normal}.live-heading{align-items:flex-start;flex-direction:column}}