:root{font-family:Segoe UI,Arial,sans-serif;color:#f2f6fc;background:#0b1424;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}a{color:inherit}.topbar{height:76px;border-bottom:1px solid #26364a;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1120px)/2));gap:16px}.brand{display:flex;align-items:center;gap:12px;font-weight:700;text-decoration:none}.mark{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:#08201e;background:#4dd8c5;font-size:13px}.environment{font-size:13px;color:#9bb0c6}main{max-width:1120px;margin:auto;padding:60px 24px 100px}.hero{max-width:770px;padding:28px 0 70px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:#66dfd0;font-size:12px;font-weight:700}.hero h1{font-size:clamp(38px,6vw,72px);line-height:1.08;letter-spacing:-.045em;margin:20px 0}.hero p{font-size:clamp(16px,2vw,20px);line-height:1.6;color:#b5c6d9;max-width:650px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:32px}.primary{background:#4dd8c5;color:#08201e;text-decoration:none;font-weight:700;padding:14px 20px;border-radius:10px}.primary:hover,.primary:focus-visible{background:#7cebdd}.note{color:#a9bbcf;font-size:14px}.panel{border:1px solid #2a3d52;background:#132238;border-radius:18px;padding:30px;box-shadow:0 20px 60px #0002}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.panel h2{margin:10px 0 24px;font-size:27px}.status{border-radius:99px;padding:8px 13px;background:#27394d;color:#cfdae6;font-size:13px;white-space:nowrap}.status.online{background:#123d38;color:#79f1d6}.status.offline{background:#4c282c;color:#ffc7c7}.features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.features>div{border:1px solid #2a3d52;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:12px;min-height:105px}.features strong{font-size:14px}.features span{color:#a9bbcf;font-size:14px}.footnote{margin:24px 0 0;color:#a9bbcf;line-height:1.6;font-size:14px}footer{border-top:1px solid #26364a;padding:24px;color:#8fa4bb;text-align:center;font-size:13px}footer span{padding:0 8px}@media(max-width:760px){.topbar{height:66px}.environment{display:none}main{padding:34px 18px 70px}.hero{padding-bottom:52px}.panel{padding:22px}.panel-header{align-items:flex-start;flex-direction:column}.features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:460px){.features{grid-template-columns:1fr}.hero h1{font-size:38px}.panel h2{margin-bottom:8px}}:focus-visible{outline:3px solid #87eee0;outline-offset:3px}