:root{color-scheme:dark;--bg:#0b0d10;--panel:#121821;--border:#273241;--muted:#96a2b4;--text:#eaf0f8;--blue:#4c8dff;--cyan:#58d8ec;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.ambient{position:absolute;z-index:-1;inset:0 0 auto;height:790px;background:radial-gradient(ellipse at 68% 18%,#1237654f 0%,transparent 43%),radial-gradient(ellipse at 30% 32%,#0e374550 0%,transparent 45%);pointer-events:none}.topbar{position:sticky;top:0;z-index:5;backdrop-filter:blur(22px);background:#0b0d10cf;border-bottom:1px solid #ffffff12}.topbar-inner{max-width:1180px;margin:auto;padding:21px 26px;display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:15px;font-weight:700}.mark{display:grid;place-items:center;width:46px;height:38px;border:1px solid #446fa0;background:linear-gradient(120deg,#143c71,#0e2237);border-radius:10px;color:#70b4ff;letter-spacing:-1.5px;font-size:15px;box-shadow:0 7px 28px #1d6cdb22}.mark b{font-weight:760;white-space:nowrap;color:#70b4ff}.mark em{color:#e5f5ff;font-style:normal}.brand-name{font-size:15px;letter-spacing:-.3px}.brand-suffix{color:#778699;font-weight:400}.topbar-right{display:flex;gap:17px;align-items:center;color:#8f9cab;font-size:11px;font-weight:700;letter-spacing:1px}.environment{border:1px solid #283e43;color:#85c6bd;padding:8px 10px;border-radius:30px}.version{font-family:ui-monospace,SFMono-Regular,monospace;font-weight:500;letter-spacing:0}.shell{max-width:1180px;margin:0 auto;padding:0 26px}.hero{padding:110px 0 116px;max-width:750px}.eyebrow,.overline{font-size:11px;letter-spacing:2.1px;font-weight:750;color:#89add1}.eyebrow{display:flex;align-items:center;gap:12px}.spark{width:9px;height:9px;border-radius:50%;background:#54c9eb;box-shadow:0 0 16px #54c9eb}.slash{color:#49647f}h1{font-size:clamp(46px,6vw,81px);line-height:1.06;letter-spacing:-4.7px;font-weight:740;margin:28px 0}h1 span{background:linear-gradient(95deg,#5598ff,#58d8ec);color:transparent;background-clip:text}.intro{font-size:18px;line-height:1.78;max-width:650px;color:#a9b5c6;margin:0 0 30px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border-radius:10px;min-height:45px;padding:0 20px;font-size:13px;font-weight:720;transition:transform .15s ease,background .15s ease}.button:hover{transform:translateY(-2px)}.primary{background:linear-gradient(95deg,#3f7ef1,#2598d7);box-shadow:0 10px 27px #2678ed25}.secondary{background:#18212c;border:1px solid #2e3b4b;color:#dce8f8}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.section-title h2{font-size:25px;letter-spacing:-.8px;margin:11px 0 0}.badge{font:11px ui-monospace,monospace;border:1px solid #37556d;color:#9eb9d3;padding:9px 12px;border-radius:7px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{min-height:265px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(155deg,#151c26,#10151d);padding:26px;box-shadow:0 15px 36px #0003;display:flex;flex-direction:column}.active-card{border-color:#376292;box-shadow:0 0 35px #275d9b13}.card-top,.card-bottom{display:flex;align-items:center;justify-content:space-between}.icon-box{display:grid;place-items:center;width:41px;height:41px;border-radius:11px;background:#26303f;color:#9bacbe;font-size:24px}.icon-box.blue{background:#173860;color:#69b6ff}.tag{font:700 10px ui-monospace,monospace;color:#92a0af;background:#232b35;border:1px solid #2b3844;border-radius:5px;padding:8px}.tag.current{background:#163e37;color:#88dcb8;border-color:#2a6556}.card h3{font-size:19px;margin:23px 0 7px;letter-spacing:-.35px}.card p{margin:0;color:#9eacbd;font-size:14px;line-height:1.65}.card-bottom{margin-top:auto;padding-top:24px;gap:8px}.mono{font:12px ui-monospace,monospace;color:#76aaf0}.status{font-size:12px;color:#a1b1c5;white-space:nowrap}.status-dot{display:inline-block;width:7px;height:7px;background:#8393a3;border-radius:50%;margin-right:7px}.status.online{color:#8addb9}.status.online .status-dot{background:#49d39c;box-shadow:0 0 12px #49d39c88}.status.offline{color:#f0a1a1}.status.offline .status-dot{background:#ed8888}.inactive{color:#728193;font-size:12px;white-space:nowrap}.endpoint{margin:44px 0 92px;padding:25px 27px;background:linear-gradient(90deg,#12243a,#111820);border:1px solid #284159;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:20px}.endpoint-url{font:17px ui-monospace,SFMono-Regular,monospace;letter-spacing:-.3px;margin:15px 0 8px;overflow-wrap:anywhere}.endpoint-url span{color:#6cbdff}.endpoint p{margin:0;color:#879cad;font-size:12px}.endpoint-chip{font:700 10px ui-monospace,monospace;padding:9px 10px;border:1px solid #467c82;color:#8bd0cd;border-radius:6px;white-space:nowrap}footer{max-width:1180px;padding:25px 26px;margin:auto;border-top:1px solid #26303b;display:flex;justify-content:space-between;gap:16px;color:#738195;font-size:12px}@media(max-width:900px){.cards{grid-template-columns:1fr 1fr}.card:last-child{grid-column:1/-1}.hero{padding:75px 0 85px}}@media(max-width:600px){.topbar-inner{padding:15px 18px}.brand-suffix,.environment{display:none}.shell{padding:0 18px}.hero{padding:72px 0 67px}h1{letter-spacing:-2px}.intro{font-size:15px}.cards{grid-template-columns:1fr}.card:last-child{grid-column:auto}.endpoint{align-items:flex-start;flex-direction:column}footer{flex-direction:column;padding:21px 18px}.eyebrow{font-size:9px;letter-spacing:1px}}