:root{--connected: #2e5b57;--degraded: #8a5a00;--surface-base: #f1f2f0;--surface-inset: #e7e9e5;--ink-primary: #16191c;--ink-secondary: #5a6169;--hairline: #c9cdc8}*{box-sizing:border-box}html{background:var(--surface-base);color:var(--ink-primary);font-family:IBM Plex Sans,PingFang SC,Noto Sans CJK SC,system-ui,sans-serif;font-size:16px;line-height:1.45}body{margin:0;min-width:320px}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.18em}a:focus-visible{outline:2px solid var(--ink-primary);outline-offset:4px}.shell{min-height:100vh}.axis{margin:0 auto;max-width:1180px;padding:0 24px}.topbar{border-bottom:1px solid var(--hairline);font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.topbar .axis{align-items:center;display:flex;gap:24px;min-height:64px}.brand-mark{display:block;height:32px;width:32px}.topbar nav{display:flex;flex-wrap:wrap;gap:16px;margin-left:auto}.hero{border-bottom:1px solid var(--hairline);padding:96px 0 72px}.hero-grid{display:grid;gap:48px;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr)}.hero-copy{align-self:center}.label{color:var(--ink-secondary);font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:500;letter-spacing:.14em;margin:0 0 16px;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{font-size:96px;font-weight:600;letter-spacing:0;line-height:.98;margin-bottom:24px}h2{font-size:52px;font-weight:600;letter-spacing:0;line-height:1.05;margin-bottom:24px}h3{font-size:22px;font-weight:600;letter-spacing:0;line-height:1.2;margin-bottom:8px}.dek{color:var(--ink-secondary);font-size:28px;line-height:1.25;max-width:680px}.actions{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}.button{border:1px solid var(--ink-primary);display:inline-flex;font-weight:500;min-height:48px;padding:12px 18px;text-decoration:none}.button.secondary{border-color:var(--hairline)}.instrument{align-self:center;background:var(--surface-inset);border-bottom:1px solid var(--hairline);border-top:1px solid var(--hairline);padding:24px}.instrument-head{align-items:flex-start;display:flex;gap:16px;margin-bottom:32px}.instrument-head img{display:block;height:64px;width:64px}.instrument-title{font-size:30px;font-weight:600;line-height:1.15;margin-bottom:4px}.status-rule{background:var(--connected);height:2px;margin-bottom:24px;width:100%}.status-line{display:grid;gap:12px;grid-template-columns:16px minmax(0,1fr);padding:16px 0}.status-line+.status-line{border-top:1px solid var(--hairline)}.square{background:var(--connected);height:12px;margin-top:5px;width:12px}.square.half{background:linear-gradient(90deg,var(--degraded) 50%,transparent 50%);border:1px solid var(--degraded)}.square.hollow{background:transparent;border:1px solid var(--ink-secondary)}.mono{color:var(--ink-secondary);font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:13px}.band{border-bottom:1px solid var(--hairline);padding:72px 0}.split{display:grid;gap:48px;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr)}.rows{border-bottom:1px solid var(--hairline);border-top:1px solid var(--hairline)}.row{display:grid;gap:24px;grid-template-columns:160px minmax(0,1fr);padding:20px 0}.row+.row{border-top:1px solid var(--hairline)}.row p{color:var(--ink-secondary);margin-bottom:0}.steps{counter-reset:steps}.step{border-top:1px solid var(--hairline);counter-increment:steps;display:grid;gap:24px;grid-template-columns:72px minmax(0,1fr);padding:24px 0}.step:last-child{border-bottom:1px solid var(--hairline)}.step:before{color:var(--ink-secondary);content:counter(steps,decimal-leading-zero);font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:18px}footer{color:var(--ink-secondary);font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:12px;padding:32px 0}@media(max-width:820px){.topbar .axis,.hero-grid,.split,.row,.step{display:block}.topbar nav{margin-left:0;padding-bottom:18px}.hero{padding:48px 0 40px}h1{font-size:44px}h2{font-size:34px}h3,.dek{font-size:21px}.instrument{margin-top:32px;padding:24px}.instrument-title{font-size:30px}.instrument .status-rule,.instrument .status-line{display:none}.band{padding:40px 0}.row,.step{padding:24px 0}.step:before{display:block;margin-bottom:12px}}@media(max-width:360px){.hero{padding:28px 0 20px}h1{margin-bottom:18px}.dek{font-size:20px}.actions{gap:12px;margin-top:24px}.button.secondary{display:none}.instrument{margin-top:20px;padding:16px}.instrument-head{gap:12px;margin-bottom:0}.instrument-head img{height:48px;width:48px}.instrument-title{font-size:26px}}