:root{color-scheme:light dark;--bg: #f3f5f8;--surface: #fff;--field: #fff;--ink: #0d1a2b;--muted: #5a6a80;--line: #cdd6e2;--accent: #1f4fd6;--accent-ink: #fff;--ok: #0d8f63;--warn: #b86e00;--danger: #c4322b;--chip: #e9eef5;--edge: #7f93b0;--node-line: #9fb0c6;--grid: rgb(31 79 214 / .07);--code-bg: #0d1a2b;--code-ink: #dfe7f2;--sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--gutter: 40px}@media(prefers-color-scheme:dark){:root{--bg: #0a1220;--surface: #0f192b;--field: #0b1424;--ink: #e3eaf5;--muted: #8899b2;--line: #22324c;--accent: #6d94ff;--accent-ink: #06102a;--ok: #3fd29a;--warn: #f0a83a;--danger: #ff6b61;--chip: #18253b;--edge: #4c6286;--node-line: #3a4f72;--grid: rgb(109 148 255 / .07);--code-bg: #050b16;--code-ink: #cfdaee}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background-color:var(--bg);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:24px 24px;color:var(--ink);font:15px/1.5 var(--sans)}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}p{margin:0}a{color:var(--accent);text-underline-offset:2px}code,.mono{font-family:var(--mono)}.muted{color:var(--muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;font:600 14px/1.2 var(--sans);color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:6px;cursor:pointer;text-decoration:none;white-space:nowrap}button:hover,.button:hover{border-color:var(--edge)}button:disabled{opacity:.55;cursor:default}button.primary,.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}button.primary:hover,.button.primary:hover{filter:brightness(1.08)}button.danger,.button.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,var(--line))}.button.ghost{background:none;border-color:transparent;color:var(--muted);font-weight:500}.button.ghost:hover{color:var(--ink)}input{width:100%;padding:10px 12px;font:400 15px var(--sans);color:var(--ink);background:var(--field);border:1px solid var(--line);border-radius:6px}input::placeholder{color:color-mix(in srgb,var(--muted) 70%,transparent)}input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}input[type=checkbox]{width:auto;accent-color:var(--accent)}input.code{font:500 22px var(--mono);letter-spacing:.18em;text-transform:uppercase;padding:12px 14px}.field{display:grid;gap:6px;font-size:13px;font-weight:500}.check{display:flex;gap:8px;align-items:center;font-size:14px}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.row.end{justify-content:flex-end}form{display:grid;gap:14px}form>p,.stack>p{color:var(--muted);font-size:14px}.stack{display:grid;gap:14px;justify-items:start}[role=alert]{color:var(--danger);font-size:14px;padding:9px 12px;border-radius:6px;background:color-mix(in srgb,var(--danger) 9%,transparent);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent)}.notice{padding:12px 14px;border-radius:6px;background:var(--surface);border:1px solid var(--line);font-size:14.5px}.notice.ok{border-color:color-mix(in srgb,var(--ok) 45%,var(--line))}.badge{display:inline-block;margin-left:8px;font-size:11.5px;font-weight:600;padding:1px 8px;border-radius:999px;color:var(--ok);border:1px solid color-mix(in srgb,var(--ok) 40%,var(--line));vertical-align:1px}.eyebrow{font:500 12.5px var(--mono);color:var(--muted)}.lede{color:var(--muted);font-size:16px}.icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.cmd{display:flex;align-items:center;gap:10px;padding:10px 10px 10px 14px;font:14px var(--mono);color:var(--code-ink);background:var(--code-bg);border:1px solid var(--line);border-radius:6px}.cmd code{flex:1;min-width:0;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.cmd-prompt{color:var(--ok)}.cmd button{padding:4px 10px;font:500 12px var(--sans);color:inherit;background:none;border-color:color-mix(in srgb,var(--code-ink) 25%,transparent)}.site-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px var(--gutter);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 92%,transparent)}.brand{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;font:500 16px var(--mono);letter-spacing:-.01em;white-space:nowrap}.brand-mark{width:26px;height:26px;flex:none}.brand-dot{fill:var(--accent)}.header-actions{display:flex;align-items:center;gap:6px;min-width:0}.header-actions button{padding:7px 12px;font-size:13px}.header-actions .button{padding:7px 12px;font-size:13.5px}.header-email{font-size:13.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:6px}.header-actions .button.ghost{overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:240px}.schematic{position:relative}.edges{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.edges path{fill:none;stroke:var(--edge);stroke-width:1.5;stroke-dasharray:5 5}.zone{position:absolute;border:1px dashed var(--node-line);border-radius:10px}.zone b{position:absolute;top:-9px;left:12px;padding:0 6px;background:var(--bg);font:500 11px var(--mono);color:var(--muted)}.agent-node{--s: 140px;position:absolute;width:var(--s);height:var(--s);transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;background:var(--surface);border:1.5px solid var(--node-line)}.pair .agent-node{position:relative;transform:none;flex:none}.agent-node.is-running{border-color:var(--accent)}.agent-node.is-waiting{border-color:var(--warn)}.agent-core{display:flex;flex-direction:column;align-items:center;gap:3px;max-width:86%;text-align:center;line-height:1.2}.agent-core>svg{width:calc(var(--s) * .15);height:calc(var(--s) * .15)}.agent-core .icon{stroke-width:1.6}.harness{fill:var(--ink)}.harness-claude{fill:#d97757}.agent-name{font-weight:600;font-size:max(12px,calc(var(--s) * .09));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.agent-chip{font:max(10px,calc(var(--s) * .07)) var(--mono);padding:1px 7px;border-radius:9px;background:var(--chip);color:var(--muted)}.agent-machine{font-size:max(10px,calc(var(--s) * .07));color:var(--muted)}.agent-state{font-size:max(10px,calc(var(--s) * .07));font-weight:600;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.agent-state:before{content:"● ";font-size:.8em}.is-running .agent-state{color:var(--accent)}.is-waiting .agent-state{color:var(--warn)}.agent-orbit{position:absolute;left:50%;top:50%;width:32px;height:32px;margin:-16px;display:grid;place-items:center;border-radius:50%;background:var(--surface);border:1.5px solid var(--line);color:var(--ink);transform:rotate(var(--a)) translate(calc(var(--s) / 2 + 26px)) rotate(calc(-1 * var(--a)))}.agent-orbit.is-hot{color:var(--accent);border-color:var(--accent)}.agent-orbit svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.section{padding:56px var(--gutter)}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px;align-items:center;max-width:1280px;margin:0 auto}.hero h1{font-size:clamp(36px,4.6vw,56px);line-height:1.03;letter-spacing:-.025em;margin:14px 0 18px}.hero .accent{color:var(--accent)}.hero .lede{font-size:18px;max-width:32em}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.actions .button{padding:12px 20px;font-size:15px}.works-with{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin-top:28px;font-size:13px;color:var(--muted)}.works-with span{display:inline-flex;gap:6px;align-items:center}.works-with svg{width:16px;height:16px}.hero-graph{height:470px}.features{display:grid;grid-template-columns:repeat(3,1fr);padding:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface)}.features>div{padding:26px var(--gutter) 32px;border-right:1px solid var(--line)}.features>div:last-child{border-right:0}.feature-key{font:500 12px var(--mono);color:var(--accent);text-transform:uppercase}.features h3{font-size:17px;margin:8px 0 6px}.features p{color:var(--muted);font-size:14.5px}.page{max-width:720px;margin:0 auto;padding:48px var(--gutter) 72px;display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.page h1{font-size:34px;letter-spacing:-.02em}.page .eyebrow+h1{margin-top:-10px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:22px 24px;display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.panel h2{font-size:17px}.panel>p{color:var(--muted);font-size:14.5px}.panel.danger{border-color:color-mix(in srgb,var(--danger) 35%,var(--line))}.device{justify-items:center;text-align:center;max-width:640px}.device form{width:100%;max-width:420px;text-align:left}.device form .lede,.device input.code{text-align:center}.pair{display:flex;align-items:center;margin:6px 0}.pair-link{width:120px;height:2px;background-image:linear-gradient(90deg,var(--accent) 50%,transparent 50%);background-size:10px 2px}.pair-link.is-done{background:var(--ok)}.confirm{width:100%;text-align:left;border-top:3px solid var(--accent)}.confirm h2{font-size:20px;overflow-wrap:anywhere}.confirm p.code{font:500 26px var(--mono);letter-spacing:.15em;color:var(--ink)}.confirm .meta{font:13px var(--mono);color:var(--muted)}.warn{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--ink)!important;padding:10px 12px;border-radius:6px;background:color-mix(in srgb,var(--warn) 11%,transparent)}.warn .icon{stroke:var(--warn);margin-top:2px}.confirm button.primary{padding:11px 22px}.auth{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 57px)}.auth-main{width:100%;max-width:460px;justify-self:center;align-self:center;padding:56px 24px;display:grid;gap:16px}.auth-main h1{font-size:32px;letter-spacing:-.02em}.auth-main form{margin-top:6px}.auth-main form button[type=submit]{width:100%;padding:11px 16px}.aside-line{font-size:14px;color:var(--muted)}.auth-side{position:relative;border-left:1px solid var(--line);background:color-mix(in srgb,var(--accent) 4%,var(--bg));overflow:hidden}.auth-side .schematic{position:absolute;inset:0 0 140px}.auth-caption{position:absolute;left:40px;right:40px;bottom:40px;color:var(--muted)}.auth-caption strong{display:block;color:var(--ink);font-size:19px;margin-bottom:4px}.account{display:grid;grid-template-columns:210px minmax(0,760px);gap:40px;justify-content:center;padding:32px var(--gutter) 72px}.account-nav{position:sticky;top:16px;align-self:start;display:grid;gap:2px}.account-nav a{padding:8px 12px;font:13px var(--mono);color:var(--muted);text-decoration:none;border-radius:0 6px 6px 0;box-shadow:inset 1px 0 0 var(--line)}.account-nav a:hover{color:var(--ink);background:var(--surface);box-shadow:inset 2px 0 0 var(--accent)}.account-nav a.danger{color:var(--danger)}.account-main{display:grid;gap:20px}.account-main h1{font-size:30px;letter-spacing:-.02em}.account-main .panel{scroll-margin-top:16px}.account-main form,.account-main .stack{max-width:520px}.account-main form>button{justify-self:start}.panel>p.value{color:var(--ink)}.value{font-weight:500}.scan{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.qr{width:168px;height:168px;padding:6px;background:#fff;border-radius:8px;border:1px solid var(--line)}.secret{font:14px var(--mono);letter-spacing:.06em;padding:8px 10px;background:var(--chip);border-radius:6px;color:var(--ink)!important}.backup-codes{list-style:none;margin:0;padding:12px 14px;display:grid;grid-template-columns:repeat(2,max-content);gap:6px 28px;font:14px var(--mono);border:1px dashed var(--line);border-radius:6px}.list{list-style:none;margin:0;padding:0}.list li{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid var(--line)}.list li:first-child{border-top:0;padding-top:2px}.list .who{flex:1;min-width:0;font-size:14.5px;overflow-wrap:anywhere}.list .who .muted{font-size:13px}.list button{padding:6px 12px;font-size:13px}.row-icon{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:50%;border:1.5px solid var(--node-line);background:var(--surface);color:var(--ink)}.row-icon.is-on{border-color:var(--accent)}.split{display:flex;gap:20px;align-items:center;justify-content:space-between}.split p{color:var(--muted);font-size:14.5px}@media(max-width:900px){.hero{grid-template-columns:minmax(0,1fr)}.hero-graph{height:420px;max-width:560px;width:100%;justify-self:center}.auth{grid-template-columns:1fr;min-height:0}.auth-side{display:none}.account{grid-template-columns:minmax(0,1fr);gap:16px}.account-nav{position:static;display:flex;overflow-x:auto;gap:4px;padding-bottom:4px;scrollbar-width:none}.account-nav a{white-space:nowrap;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);padding:6px 12px}}@media(max-width:640px){:root{--gutter: 16px}.site-header{padding:12px var(--gutter)}.brand{font-size:15px}.header-email{display:none}.header-actions .button.ghost{max-width:140px}.section{padding:28px var(--gutter)}.hero{gap:12px}.hero .lede{font-size:16px}.hero-graph{height:340px}.hero-graph .agent-node{--s: 104px !important}.hero-graph .agent-node .agent-chip,.hero-graph .agent-node .agent-machine,.hero-graph .agent-orbit{display:none}.features{grid-template-columns:1fr}.features>div{border-right:0;border-bottom:1px solid var(--line);padding:20px var(--gutter)}.features>div:last-child{border-bottom:0}.page{padding:28px var(--gutter) 48px}.page h1{font-size:28px}.panel{padding:18px 16px}.auth-main{padding:32px var(--gutter)}.account{padding:20px var(--gutter) 48px}.pair-link{width:48px}.pair .agent-node{--s: 100px !important}.confirm .row.end button{width:100%}.split{flex-direction:column;align-items:stretch}.list li{flex-wrap:wrap}.cmd{font-size:12.5px}}
