@import "https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600&family=Geist+Mono:wght@500&display=swap";*{box-sizing:border-box}body{color:#171717;background:#fff;margin:0;font-family:Geist,system-ui,sans-serif}button,input{font:inherit}nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2;background:#fffc;justify-content:space-between;align-items:center;height:64px;padding:0 max(24px,50vw - 560px);display:flex;position:sticky;top:0;box-shadow:0 1px #00000014}.brand,.badge,.actions,.alert{align-items:center;display:flex}.brand{gap:10px}.logo{color:#fff;background:#171717;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.badge{background:#fafafa;border-radius:999px;gap:6px;padding:6px 10px;font-size:12px;font-weight:500;box-shadow:0 0 0 1px #00000014}.shell{max-width:1120px;margin:auto;padding:96px 24px 64px}header{max-width:760px;margin-bottom:56px}.eyebrow{color:#0068d6;background:#ebf5ff;width:max-content;font-family:Geist Mono}h1{letter-spacing:-4px;margin:24px 0;font-size:clamp(46px,7vw,76px);line-height:.98}header>p{color:#666;max-width:700px;font-size:20px;line-height:1.6}.grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.card{border-radius:12px;padding:26px;box-shadow:0 0 0 1px #00000014,0 2px 2px #0000000a,0 8px 20px -16px #000}.card-head{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.card h2{letter-spacing:-.8px;margin:0 0 6px;font-size:24px}.card p{color:#666;margin:0;line-height:1.5}.dot{background:#aaa;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 5px #f4f4f5}.dot.on{background:#16a34a;box-shadow:0 0 0 5px #dcfce7}label{margin-bottom:8px;font-size:13px;font-weight:500;display:block}.input{border:0;border-radius:7px;outline:none;width:100%;padding:12px;box-shadow:0 0 0 1px #d4d4d8}.input:focus{box-shadow:0 0 0 2px #0072f5}.actions{gap:8px;margin-top:16px}.btn{color:#fff;cursor:pointer;background:#171717;border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-weight:500;display:inline-flex}.btn:hover{background:#333}.btn-outline{color:#171717;background:#fff;box-shadow:0 0 0 1px #00000026}.error{font-size:13px;color:#dc2626!important;margin-top:8px!important}.live{color:#15803d;background:#dcfce7}.idle{color:#666}.status{border-top:1px solid #eee;border-bottom:1px solid #eee;justify-content:space-between;padding:16px 0;font-size:14px;display:flex}.alert{color:#9a3412;background:#fff7ed;border-radius:8px;align-items:flex-start;gap:12px;margin:18px 0;padding:14px}.alert p{color:#9a3412;margin-top:3px;font-size:13px}.wide{width:100%}.steps{border-top:1px solid #eee;grid-template-columns:repeat(3,1fr);margin-top:56px;display:grid}.steps>div{padding:32px}.steps>div+div{border-left:1px solid #eee}.steps span{color:#888;font-family:Geist Mono;font-size:12px}.steps h3{margin:16px 0 8px;font-size:20px}.steps p{color:#666;margin:0}.profiles{margin-top:16px}.profile-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.profile{border-radius:8px;flex-direction:column;align-items:flex-start;gap:9px;min-height:92px;padding:14px;display:flex;box-shadow:0 0 0 1px #00000014}.profile small{color:#666;white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.status b{align-items:center;gap:6px;display:flex}label .input{margin-top:8px;margin-bottom:12px}footer{text-align:center;color:#888;border-top:1px solid #eee;padding:32px;font-size:13px}@media (width<=760px){.shell{padding-top:64px}.grid,.steps{grid-template-columns:1fr}.steps>div+div{border-top:1px solid #eee;border-left:0}h1{letter-spacing:-2.5px}.card{padding:20px}nav{padding:0 18px}}