:root{color-scheme:dark;font:16px/1.5 system-ui,sans-serif;color:#e8ede9;background:#14191b}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 90% 15%,#203335 0,transparent 55%)}main{max-width:1040px;margin:auto;padding:52px 40px}.brand{display:inline-flex;align-items:center;gap:9px;color:inherit;font-weight:750;font-size:24px;text-decoration:none;letter-spacing:-1px}.brand span{color:#b9ed8c;font-size:11px}.eyebrow{color:#b9ed8c;letter-spacing:.2em;font-size:11px;margin-top:110px}h1{font-weight:500;font-size:clamp(38px,6vw,72px);line-height:1.1;letter-spacing:-.045em;margin:24px 0}.intro{color:#a7b3af;font-size:18px;line-height:1.7}section{margin-top:64px;max-width:640px;padding:25px 24px;border:1px solid #35423e;border-radius:16px;display:flex;gap:16px;align-items:center;background:#ffffff03}section p{margin:3px 0 0;color:#a7b3af;font-size:13px}strong{font-size:14px;font-weight:550}.indicator{width:8px;height:8px;border-radius:50%;background:#a7b3af;flex:none}.indicator[data-state=ready]{background:#b9ed8c;box-shadow:0 0 15px #b9ed8c50}.indicator[data-state=offline]{background:#e6be88}button{margin-left:auto;white-space:nowrap;background:transparent;border:0;color:#c8d4ce;padding:10px;cursor:pointer;font:inherit;font-size:12px}button:hover{color:#b9ed8c}button:focus-visible,a:focus-visible{outline:2px solid #b9ed8c;outline-offset:5px}button:disabled{opacity:.5}footer{margin-top:90px;color:#73817b;font-size:12px}@media(max-width:600px){main{padding:30px 24px}.eyebrow{margin-top:90px}section{padding:20px 16px;gap:12px;flex-wrap:wrap}button{padding:8px 0}footer{margin-top:60px}}