@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-ext-wght-normal-DCwSJGxG.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-wght-normal-D_ZTVpCC.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-600-normal-DWFSQ4vo.woff) format("woff")}:root{font-family:Figtree Variable,ui-sans-serif,system-ui,sans-serif;color:#10171e;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;--background: oklch(1 0 0);--surface: oklch(.972 .006 250);--surface-strong: oklch(.935 .01 250);--ink: oklch(.2 .018 250);--ink-raised: oklch(.27 .022 250);--muted: oklch(.46 .018 250);--border: oklch(.85 .012 250);--border-strong: oklch(.7 .018 250);--app: oklch(.56 .16 32.1);--app-soft: oklch(.94 .035 32.1);--app-ink: oklch(.37 .12 32.1);--connector: oklch(.43 .09 190);--connector-soft: oklch(.95 .025 190);--connector-ink: oklch(.31 .07 190);--agent: oklch(.52 .15 275);--agent-soft: oklch(.95 .025 275);--agent-ink: oklch(.34 .12 275);--signal: oklch(.79 .14 83);--signal-soft: oklch(.96 .04 83);--success: oklch(.48 .12 150);--success-soft: oklch(.95 .03 150);--danger: oklch(.5 .18 25);--danger-soft: oklch(.96 .03 25);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--ease-out: cubic-bezier(.22, 1, .36, 1);--duration: .2s;--font-ui: "Figtree Variable", ui-sans-serif, system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--background)}button,textarea,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}code,pre{font-family:IBM Plex Mono,ui-monospace,monospace}.skip-link{position:fixed;z-index:50;top:12px;left:12px;padding:10px 14px;border-radius:var(--radius-sm);color:var(--background);background:var(--ink);transform:translateY(-160%);transition:transform var(--duration) var(--ease-out)}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:2px solid var(--agent);outline-offset:3px}.wordmark{display:inline-flex;align-items:center;gap:10px;width:fit-content;font-weight:760;letter-spacing:-.025em;text-decoration:none}.wordmark-mark{display:inline-flex;align-items:center;gap:3px}.wordmark-mark span{width:7px;height:7px;border-radius:50%}.wordmark-mark span:nth-child(1){background:var(--app)}.wordmark-mark span:nth-child(2){background:var(--connector)}.wordmark-mark span:nth-child(3){background:var(--agent)}.button{min-height:48px;border-radius:var(--radius-md);padding:12px 16px;cursor:pointer;font-size:.875rem;font-weight:700;line-height:1.3;text-align:center;transition:background-color var(--duration) var(--ease-out),border-color var(--duration) var(--ease-out),color var(--duration) var(--ease-out)}.button-primary{border:1px solid var(--ink);color:var(--background);background:var(--ink)}.button-primary:hover{border-color:var(--ink-raised);background:var(--ink-raised)}.button-secondary{border:1px solid var(--border-strong);color:var(--ink);background:var(--background)}.button-secondary:hover{background:var(--surface)}.button:disabled{cursor:wait;opacity:.58}.button-progress{display:none;width:14px;height:14px;margin-left:8px;border:2px solid oklch(1 0 0 / .35);border-top-color:var(--background);border-radius:50%;vertical-align:-2px;animation:spin .8s linear infinite}body[data-demo=running] .button-progress{display:inline-block}label{color:var(--ink);font-size:.8125rem;font-weight:700}.label-hint{color:var(--muted);font-size:.7rem;font-weight:500}textarea{width:100%;min-height:92px;border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:12px 14px;color:var(--ink);background:var(--background);font-size:1rem;line-height:1.5;resize:vertical;transition:border-color var(--duration) var(--ease-out)}textarea:hover{border-color:var(--muted)}textarea:focus-visible{border-color:var(--agent)}#runtime-card{min-height:86px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.75rem}.runtime-summary{display:grid;gap:3px;margin-top:8px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--connector-ink);background:var(--connector-soft);font-size:.75rem}.runtime-summary span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-bar{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px;border-bottom:1px solid var(--border);color:var(--muted);font-size:.8rem;font-weight:650}.panel-bar h2{margin:0;color:var(--ink);font-size:.9rem}.message-stage{display:flex;flex:1;flex-direction:column;justify-content:center}#canvas-message{margin:0;font-weight:720;line-height:1;letter-spacing:-.04em;overflow-wrap:anywhere;text-wrap:balance;transition:color .28s var(--ease-out)}body[data-demo=passed] #canvas-message{color:var(--app-ink)}.status-line{min-height:60px;display:flex;align-items:center;padding:13px 20px;border-top:1px solid var(--border);color:var(--muted);font-size:.85rem;line-height:1.45}.status-line:empty{display:none}body[data-demo=failed] .status-line,body[data-demo=reauthorize] .status-line{color:var(--danger);background:var(--danger-soft)}body[data-demo=passed] .status-line{color:var(--success);background:var(--success-soft)}.trace-heading{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px}.trace-heading h2,.trace-heading h3{margin:0;font-size:.9rem}#trace-summary{color:var(--muted);font-size:.75rem;text-align:right}.event-details{border-top:1px solid var(--border)}.event-details summary{min-height:48px;display:flex;align-items:center;padding:0 20px;cursor:pointer;color:var(--muted);font-size:.75rem;font-weight:650;list-style:none}.event-details summary::-webkit-details-marker{display:none}.event-details summary:after{content:"+";margin-left:auto;color:var(--ink);font-size:1rem}.event-details[open] summary:after{content:"−"}#events{max-height:240px;margin:0;overflow:auto;padding:18px 20px;color:#ced9e5;background:var(--ink);font-size:.72rem;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.code-heading{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 18px;border-bottom:1px solid oklch(1 0 0 / .14);color:var(--background);font-size:.78rem;font-weight:650}.copy-button{min-width:58px;min-height:36px;border:1px solid oklch(1 0 0 / .25);border-radius:var(--radius-sm);color:var(--background);background:transparent;cursor:pointer;font-size:.7rem;font-weight:650}.copy-button:hover{background:#ffffff14}body[data-layout=desktop]{--desktop-content: min(1240px, calc(100vw - 64px) )}.desktop-header,.desktop-page,.site-footer{width:var(--desktop-content);margin:0 auto}.desktop-header{min-height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;border-bottom:1px solid var(--border)}.desktop-header nav{display:flex;gap:26px}.desktop-header nav a,.site-footer a{color:var(--muted);font-size:.85rem;font-weight:620;text-decoration:none}.desktop-header nav a:hover,.site-footer a:hover{color:var(--ink)}.desktop-intro{min-height:330px;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,520px);align-items:center;gap:clamp(36px,4vw,64px);padding:64px 0}.desktop-intro h1{max-width:800px;margin:0;font-size:5rem;font-weight:740;line-height:.98;letter-spacing:-.04em;text-wrap:balance}.desktop-intro p{max-width:54ch;margin:24px 0 0;color:var(--muted);font-size:1.12rem;line-height:1.55}.micro-flow{width:100%;padding:28px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.micro-flow svg{width:100%;display:block;overflow:visible}.micro-flow-bracket,.micro-flow-track{fill:none;stroke:var(--border);stroke-width:1.2}.micro-flow-track{stroke-dasharray:2 5}.micro-flow-territory,.micro-flow-label,.micro-flow-sublabel{text-anchor:middle}.micro-flow-territory,.micro-flow-sublabel{fill:var(--muted);font-family:var(--font-mono)}.micro-flow-territory{font-size:9.5px;letter-spacing:.12em}.micro-flow-label{fill:var(--ink);font-family:var(--font-ui);font-size:16px;font-weight:700}.micro-flow-sublabel{font-size:10.5px;font-weight:500;letter-spacing:.04em}.micro-flow-node>circle:first-child{fill:none;stroke-width:1.5}.micro-flow-node-app>circle{fill:var(--app);stroke:var(--app)}.micro-flow-node-connector>circle{fill:var(--connector);stroke:var(--connector)}.micro-flow-node-agent>circle{fill:var(--agent);stroke:var(--agent)}.micro-flow-node>circle:first-child{fill:none}.micro-flow-mover-signal{fill:#a47800;fill:oklch(.6 .13 83)}.micro-flow-mover-result{fill:var(--success)}.desktop-demo{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.demo-heading{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 24px;border-bottom:1px solid var(--border)}.demo-heading h2{margin:0;font-size:1.25rem;letter-spacing:-.02em}.demo-heading p{margin:4px 0 0;color:var(--muted);font-size:.84rem}.demo-heading code{color:var(--app-ink);font-size:.8em}.connection-state{color:var(--connector-ink);font-size:.78rem;font-weight:680}.desktop-workbench{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(350px,.75fr)}.result-surface{min-width:0;min-height:500px;display:flex;flex-direction:column}.result-surface .message-stage{padding:56px}.message-label{margin:0 0 20px;color:var(--app-ink);font-size:.78rem;font-weight:680}.result-surface #canvas-message{max-width:18ch;font-size:4.5rem}.task-panel{min-width:0;border-left:1px solid var(--border);background:var(--surface)}.task-panel form{padding:18px 22px 22px}.task-panel label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:14px 0 8px}.task-panel .button{width:100%;margin-top:14px}.task-panel .button-secondary{margin-top:8px}.runtime-note{margin:0;padding:17px 22px;border-top:1px solid var(--border);color:var(--muted);font-size:.75rem;line-height:1.5}.trace-panel{border-top:1px solid var(--border);background:var(--surface)}.desktop-explanation{display:grid;grid-template-columns:minmax(240px,.62fr) minmax(0,1.38fr);gap:72px;padding:110px 0}.explanation-copy h2,.code-intro h2{margin:0;font-size:2.6rem;line-height:1.05;letter-spacing:-.035em;text-wrap:balance}.explanation-copy p,.code-intro p{max-width:50ch;margin:20px 0 0;color:var(--muted);line-height:1.6}.responsibility-list{border-top:1px solid var(--border-strong)}.responsibility-list article{position:relative;display:grid;grid-template-columns:minmax(190px,.7fr) minmax(0,1.3fr);gap:28px;padding:24px 0 24px 28px;border-bottom:1px solid var(--border)}.actor-dot{position:absolute;top:30px;left:0;width:8px;height:8px;border-radius:50%}.actor-dot-app{background:var(--app)}.actor-dot-connector{background:var(--connector)}.actor-dot-agent{background:var(--agent)}.responsibility-list h3,.responsibility-list p{margin:0;font-size:.9rem;line-height:1.5}.responsibility-list p{color:var(--muted)}.security-note{grid-column:2;display:grid;grid-template-columns:minmax(190px,.7fr) minmax(0,1.3fr);gap:28px;padding:22px 0;color:var(--connector-ink);font-size:.86rem;line-height:1.55}.desktop-code{display:grid;grid-template-columns:minmax(240px,.62fr) minmax(0,1.38fr);gap:72px;padding:0 0 110px}.gateway-setup{display:grid;grid-template-columns:minmax(240px,.62fr) minmax(0,1.38fr);align-items:center;gap:72px;padding:0 0 110px}.gateway-setup-copy{display:grid;align-content:center;gap:18px}.gateway-setup-copy h2,.mobile-implementation h2{margin:0;font-size:clamp(2rem,3.5vw,3rem);line-height:1.04;letter-spacing:-.035em;text-wrap:balance}.gateway-setup-copy p,.mobile-implementation>p{max-width:48ch;margin:0;color:var(--muted);line-height:1.65}.gateway-setup-copy>span{color:var(--connector-ink);font-family:var(--font-mono);font-size:.72rem}.gateway-terminal{contain:content;overflow:hidden;border:1px solid oklch(1 0 0 / .16);border-radius:10px;color:#dfe5ec;background:#02050c;font-family:var(--font-mono);font-size:.78rem;line-height:1.65}.terminal-toolbar{min-height:46px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:0 14px;border-bottom:1px solid oklch(1 0 0 / .1);color:#8e969f;background:#050c13;font-size:.68rem}.terminal-window-controls{display:flex;gap:6px}.terminal-window-controls i{width:8px;height:8px;border-radius:50%;background:#5b646f}.terminal-window-controls i:nth-child(1){background:#da534f}.terminal-window-controls i:nth-child(2){background:#e3ae3b}.terminal-window-controls i:nth-child(3){background:#47aa62}.terminal-title{justify-self:center;white-space:nowrap}.terminal-replay{min-height:32px;justify-self:end;border:0;padding:0 4px;color:#7bcbc6;background:transparent;cursor:pointer;font:inherit;font-weight:600}.terminal-replay:hover{color:#9ef0ea}.terminal-lines{min-height:380px;display:grid;align-content:center;gap:8px;margin:0;padding:28px 24px;list-style:none}.terminal-line{min-width:0;transition:opacity .22s var(--ease-out),color .22s var(--ease-out),transform .22s var(--ease-out)}.terminal-line[data-state=pending]{opacity:.25}.terminal-line[data-state=current]{opacity:1;transform:translate(3px)}.terminal-line[data-state=complete]{opacity:.86}.terminal-line-command{display:grid;grid-template-columns:14px minmax(0,1fr);gap:8px;color:#f1f6fa}.terminal-prompt{color:#3ed0c8}.terminal-command-copy{min-width:0;display:inline-grid}.terminal-command-ghost,.terminal-command-typed{min-width:0;grid-area:1 / 1;overflow-wrap:anywhere}.terminal-command-ghost{opacity:.18}.terminal-command-typed{color:#f1f6fa}.terminal-line[data-state=current] .terminal-command-typed:after{content:"";width:.55em;height:1.1em;display:inline-block;margin-left:2px;vertical-align:-.16em;background:#3ed0c8;animation:terminal-caret .8s steps(1,end) infinite}.terminal-line-output{padding-left:22px;color:#9ca6b0}.terminal-line-output[data-tone=success]{color:#7cc58c}.terminal-line-output[data-tone=muted]{color:#737b85}.syntax-keyword{color:#a9a5ff;color:oklch(.76 .13 285)}.syntax-string{color:#f7a470}.syntax-function{color:#60ccc5}.syntax-number{color:#eabd63}.syntax-comment{color:#818e9b;font-style:italic}.desktop-code .code-example{overflow:hidden;border-radius:var(--radius-lg);background:var(--ink)}.desktop-code pre{min-height:380px;margin:0;overflow:auto;padding:28px 24px;color:#d8dfe6;font-size:.8rem;line-height:1.75}.architecture-story{padding:0 0 110px}.architecture-intro,.future-intro{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:34px}.architecture-intro h2,.future-intro h2{margin:0;font-size:2.6rem;line-height:1.05;letter-spacing:-.035em;text-wrap:balance}.architecture-intro p,.future-intro p{max-width:62ch;margin:14px 0 0;color:var(--muted);line-height:1.6}.architecture-mode{flex:0 0 auto;padding:8px 12px;border:1px solid color-mix(in oklch,var(--agent) 50%,var(--border));border-radius:999px;color:var(--agent-ink);font-family:var(--font-mono);font-size:.68rem;font-weight:600;white-space:nowrap}.current-architecture{display:grid;grid-template-columns:minmax(250px,.42fr) 56px minmax(0,1.58fr);align-items:center;min-height:690px;padding:44px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.architecture-app{overflow:hidden;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--background)}.architecture-browser-bar{min-height:48px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid var(--border)}.architecture-browser-bar i{width:8px;height:8px;border-radius:50%;background:var(--border)}.architecture-browser-bar span{margin-left:4px;padding:5px 9px;border-radius:999px;color:var(--muted);background:var(--surface);font-family:var(--font-mono);font-size:.66rem}.architecture-app-body{padding:26px 22px 30px}.architecture-app-body>code{color:var(--app-ink);font-size:.72rem;font-weight:600;letter-spacing:.04em}.architecture-app-body p{margin:14px 0 20px;color:var(--muted);font-size:.82rem;line-height:1.55}.architecture-app-body ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.architecture-app-body li{min-height:38px;display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.architecture-app-body li i{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--app)}.architecture-app-body li code{min-width:0;overflow:hidden;font-size:.68rem;font-weight:600;text-overflow:ellipsis}.architecture-app-body>strong{display:block;margin-top:20px;color:var(--app-ink);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.04em;text-transform:uppercase}.architecture-handoff{position:relative;height:2px;background:var(--connector)}.architecture-handoff:after{content:"";position:absolute;top:50%;right:-1px;width:8px;height:8px;border-top:2px solid var(--connector);border-right:2px solid var(--connector);transform:translateY(-50%) rotate(45deg)}.architecture-handoff span{position:absolute;top:50%;left:50%;width:8px;height:8px;border:2px solid var(--background);border-radius:50%;background:var(--connector);transform:translate(-50%,-50%)}.architecture-boundary{position:relative;padding:58px 32px 34px;border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--background)}.boundary-label{position:absolute;top:18px;left:28px;color:var(--connector-ink);font-family:var(--font-mono);font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.architecture-stack{position:relative;display:grid;gap:13px}.architecture-stack:before{content:"";position:absolute;top:40px;bottom:40px;left:24px;width:2px;background:linear-gradient(to bottom,var(--connector),var(--connector) 42%,var(--agent) 58%,var(--agent))}.architecture-layer{position:relative;z-index:1;min-height:76px;display:grid;align-content:center;gap:7px;padding:15px 18px 15px 46px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background)}.architecture-layer:before{content:"";position:absolute;top:50%;left:19px;width:11px;height:11px;border:3px solid var(--background);border-radius:50%;background:var(--connector);transform:translateY(-50%)}.architecture-layer-runtime:before,.architecture-layer-adapter:before,.architecture-layer-agent:before{background:var(--agent)}.architecture-layer>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.architecture-layer strong{font-size:.92rem}.architecture-layer span{padding:4px 7px;border-radius:999px;color:var(--connector-ink);background:var(--connector-soft);font-family:var(--font-mono);font-size:.62rem;font-weight:600}.architecture-layer-runtime span,.architecture-layer-adapter span,.architecture-layer-agent span{color:var(--agent-ink);background:var(--agent-soft)}.architecture-layer p{margin:0;color:var(--muted);font-size:.75rem;line-height:1.45}.architecture-layer-adapter{min-height:58px}.judge-substitution{position:absolute;right:48px;bottom:-68px;z-index:2;width:min(430px,calc(100% - 96px));display:grid;gap:5px;padding:13px 16px;border-radius:var(--radius-md);color:var(--agent-ink);background:var(--agent-soft)}.judge-substitution:before{content:"";position:absolute;right:28px;top:-9px;width:18px;height:18px;background:var(--agent-soft);transform:rotate(45deg)}.judge-substitution strong,.judge-substitution span{position:relative}.judge-substitution strong{font-size:.76rem}.judge-substitution span{font-size:.7rem;line-height:1.45}.future-intro{align-items:start;margin:150px 0 20px}.future-intro p{max-width:54ch;margin:0}.north-story{height:340vh;min-height:2250px}.north-sticky{position:sticky;top:0;min-height:100vh;display:grid;align-content:center;padding:34px 0;background:var(--background)}.north-canvas{position:relative;width:100%;aspect-ratio:1100 / 660;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px),var(--surface);background-size:32px 32px}.north-wires{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--border-strong);stroke-width:1.5;vector-effect:non-scaling-stroke}.north-legend{position:absolute;top:6%;left:5%;display:flex;align-items:center;gap:8px;opacity:var(--legend-progress, 0);transform:translateY(calc((1 - var(--legend-progress, 0)) * 8px))}.north-status{display:inline-flex;align-items:center;width:fit-content;padding:4px 7px;border-radius:999px;font-family:var(--font-mono);font-size:.52rem;font-style:normal;font-weight:600;letter-spacing:.04em;line-height:1;text-transform:uppercase}.north-status-proven{color:var(--success);background:var(--success-soft)}.north-status-transitional{color:#825100;color:oklch(.48 .12 70);background:var(--signal-soft)}.north-status-intended{color:var(--agent-ink);background:var(--agent-soft)}.north-axis,.north-control-plane{position:absolute;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:color-mix(in oklch,var(--background) 94%,transparent);box-shadow:0 8px 24px #0f171f0d}.north-axis{width:26.36%;height:25.45%;padding:18px 20px}.north-conductor,.north-agent{left:5%}.north-transport,.north-deployment{left:68.64%}.north-conductor,.north-transport{top:15.76%}.north-agent,.north-deployment{top:45.45%}.north-axis-label{display:block;color:var(--muted);font-family:var(--font-mono);font-size:.58rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase}.north-axis-stage{position:relative;min-height:82px;margin-top:14px}.north-axis-current,.north-axis-intended{position:absolute;inset:0;display:grid;align-content:start;justify-items:start;gap:12px}.north-axis strong{font-size:clamp(.82rem,1.3vw,1.06rem);line-height:1.15}.north-axis strong span{color:var(--muted);font-size:.76em;font-weight:550}.north-axis-current{opacity:calc(1 - var(--axis-progress));transform:translateY(calc(var(--axis-progress) * -14px))}.north-axis-intended{opacity:var(--axis-progress);transform:translateY(calc((1 - var(--axis-progress)) * 14px))}.north-conductor{--axis-progress: var(--conductor-progress, 0)}.north-agent{--axis-progress: var(--agent-progress, 0)}.north-transport{--axis-progress: var(--transport-progress, 0)}.north-deployment{--axis-progress: var(--deployment-progress, 0)}.north-control-plane{top:10.61%;left:36.82%;width:26.36%;height:68.48%;padding:34px 28px;color:var(--connector-ink);border-color:color-mix(in oklch,var(--connector) 48%,var(--border));background:color-mix(in oklch,var(--connector-soft) 92%,white);box-shadow:0 14px 36px #0144411f}.north-control-plane>span{font-family:var(--font-mono);font-size:.6rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.north-control-plane h3{margin:6px 0 0;font-size:clamp(1.35rem,2.5vw,2rem);line-height:1;letter-spacing:-.04em}.north-control-plane em{display:block;margin-top:8px;color:var(--success);font-family:var(--font-mono);font-size:.62rem;font-style:normal;font-weight:600;opacity:var(--stable-progress, 0)}.north-control-plane ul{display:grid;gap:0;margin:26px 0 0;padding:0;list-style:none}.north-control-plane li{position:relative;padding:12px 0 12px 18px;border-top:1px solid color-mix(in oklch,var(--connector) 20%,var(--border));font-size:clamp(.68rem,1vw,.84rem);font-weight:610}.north-control-plane li:before{content:"";position:absolute;top:50%;left:2px;width:6px;height:6px;border-radius:50%;background:var(--connector);transform:translateY(-50%)}.north-roadmap{position:absolute;right:5%;bottom:3.6%;left:5%;display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);align-items:end;gap:34px;opacity:var(--roadmap-progress, 0);transform:translateY(calc((1 - var(--roadmap-progress, 0)) * 20px))}.north-roadmap>div>span{display:block;color:var(--agent-ink);font-family:var(--font-mono);font-size:.56rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.north-roadmap strong{display:block;margin-top:5px;font-size:clamp(1rem,1.7vw,1.35rem)}.north-roadmap ol{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:0;padding:0;counter-reset:roadmap;list-style:none}.north-roadmap li{min-height:54px;padding:9px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--background);font-size:clamp(.55rem,.75vw,.66rem);font-weight:620;line-height:1.25;opacity:var(--item-progress);transform:translateY(calc((1 - var(--item-progress)) * 10px))}.north-roadmap li:before{counter-increment:roadmap;content:"0" counter(roadmap);display:block;margin-bottom:5px;color:var(--agent-ink);font-family:var(--font-mono);font-size:.5rem}.north-roadmap li:nth-child(1){--item-progress: var(--roadmap-one, 0)}.north-roadmap li:nth-child(2){--item-progress: var(--roadmap-two, 0)}.north-roadmap li:nth-child(3){--item-progress: var(--roadmap-three, 0)}.north-roadmap li:nth-child(4){--item-progress: var(--roadmap-four, 0)}.mobile-north{display:none}.site-footer{min-height:100px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;border-top:1px solid var(--border);color:var(--muted);font-size:.8rem}.site-footer span:first-child{color:var(--ink);font-weight:740}.site-footer a{justify-self:end}.connection-panel{display:grid;grid-template-columns:minmax(210px,.48fr) minmax(0,1.52fr);align-items:start;gap:12px 32px;padding:24px;border-bottom:1px solid var(--border);background:var(--surface)}.connection-copy h2,.scenario-heading h2{margin:0;font-size:1.2rem;letter-spacing:-.02em}.connection-copy p,.scenario-heading p{margin:4px 0 0;color:var(--muted);font-size:.82rem;line-height:1.5}.connect-form{grid-column:2;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.connect-form label,.connect-form .runtime-summary,.connect-form .form-actions{grid-column:1 / -1}.connect-form textarea{min-height:72px;max-height:120px}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.connect-form .form-actions{justify-content:space-between}.action-buttons{display:flex;justify-content:flex-end;gap:8px}.form-actions .button{width:180px;flex:0 0 180px}.connection-status{display:flex;align-items:center;gap:8px}.connection-status span{color:var(--muted);font-size:.7rem}.connection-status strong{color:var(--connector-ink);font-size:.8rem;line-height:1.35}.scenario-controls{display:grid;grid-template-columns:minmax(210px,.48fr) minmax(0,1.52fr);gap:16px 32px;padding:24px}.scenario-heading{align-content:start;display:grid;justify-items:start;gap:12px;grid-row:1 / span 2}.tool-info-button{min-height:36px;border:0;padding:0;color:var(--connector-ink);background:transparent;cursor:pointer;font-size:.78rem;font-weight:700;text-decoration:underline;text-underline-offset:4px}.tool-info-button:hover{color:var(--ink)}.scenario-tabs{display:flex;gap:4px;padding:4px;border-radius:var(--radius-md);background:var(--surface-strong)}.scenario-tabs button{min-height:40px;flex:1;border:0;border-radius:var(--radius-sm);padding:8px 12px;color:var(--muted);background:transparent;cursor:pointer;font-size:.8rem;font-weight:680}.scenario-tabs button[aria-selected=true]{color:var(--ink);background:var(--background)}.scenario-prompt{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.scenario-prompt textarea{min-height:112px}.scenario-controls>.status-line{grid-column:2;min-height:44px;padding:8px 0 0;border-top:0}.scenario-stage{border-top:1px solid var(--border);background:var(--surface)}.scenario-surface{min-height:0;background:var(--background)}.scenario-surface>header{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 22px;border-bottom:1px solid var(--border)}.scenario-surface>header div{display:grid;gap:3px}.scenario-surface>header span{color:var(--muted);font-size:.7rem}.scenario-surface>header h3{margin:0;font-size:1rem}.surface-badge{padding:6px 9px;border-radius:999px;color:var(--app-ink)!important;background:var(--app-soft);font-weight:680}.board-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:22px}.board-columns>section{min-width:0;padding:14px;border-radius:var(--radius-md);background:var(--surface)}.board-columns h4{margin:0 0 12px;color:var(--muted);font-size:.75rem}.board-columns ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.board-columns li{display:grid;gap:14px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--background);font-size:.82rem;line-height:1.35}.board-columns small{width:fit-content;padding:3px 6px;border-radius:999px;color:var(--muted);background:var(--surface-strong);font-size:.65rem}.board-columns small[data-task-priority=high]{color:var(--danger);background:var(--danger-soft)}.editor-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);min-height:410px}.document-page{max-width:720px;padding:44px 48px;font-size:1rem;line-height:1.8}.document-page p{margin:0 0 22px}.document-page [data-format=heading]{font-size:1.55rem;font-weight:720;line-height:1.25}.document-page [data-format=callout]{padding:14px;border-radius:var(--radius-sm);background:var(--agent-soft)}[data-review-kind]{padding:1px 2px;background:var(--signal-soft);-webkit-box-decoration-break:clone;box-decoration-break:clone}[data-review-kind=fact]{background:var(--danger-soft)}.editor-layout aside{padding:24px;border-left:1px solid var(--border);background:var(--surface)}.editor-layout aside h4,.product-layout aside h4{margin:0 0 14px;font-size:.78rem}#review-comments{display:grid;gap:12px;margin:0;padding:0;list-style:none}#review-comments li{display:grid;gap:5px;font-size:.78rem;line-height:1.45}#review-comments strong{color:var(--app-ink);text-transform:capitalize}#review-comments span,.empty-review{color:var(--muted)}.product-layout{display:grid;grid-template-columns:.72fr .8fr 1.1fr;min-height:410px}.product-visual{display:grid;place-items:center;min-height:360px;background:var(--surface)}.product-visual span{width:150px;height:170px;border:26px solid var(--ink);border-bottom-color:transparent;border-radius:80px 80px 22px 22px}.product-details,.product-layout aside{padding:36px 28px}.product-details{border-left:1px solid var(--border)}.rating{color:var(--signal-ink, oklch(.37 .09 83));font-size:.82rem;font-weight:680}.rating span,.product-details>p:not(.product-price){color:var(--muted);font-weight:450}.product-price{margin:18px 0;font-size:2rem;font-weight:720}.product-details>p:not(.product-price){line-height:1.55}.product-details button{min-height:44px;width:100%;margin-top:18px;border:0;border-radius:var(--radius-md);color:var(--background);background:var(--ink);opacity:.45}.product-layout aside{border-left:1px solid var(--border);background:var(--connector-soft)}.research-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.research-heading span{font-size:.78rem;font-weight:700}#product-kid-fit{padding:4px 7px;border-radius:999px;color:var(--connector-ink);background:var(--background);font-size:.7rem;text-transform:capitalize}#product-verdict,#product-price-note{color:var(--connector-ink);font-size:.8rem;line-height:1.5}#product-concerns,#product-alternatives{display:grid;gap:7px;margin:0 0 20px;padding-left:18px;color:var(--connector-ink);font-size:.75rem;line-height:1.45}#product-alternatives li{display:grid;grid-template-columns:1fr auto;gap:2px 10px}#product-alternatives span{grid-column:1 / -1;color:var(--muted)}.price-check{margin:18px 0;padding:12px;border-radius:var(--radius-sm);background:var(--background)}.price-check span{display:block;color:var(--muted);font-size:.68rem}.price-check strong{display:block;margin-top:3px;color:var(--connector-ink)}body[data-layout=mobile]{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.mobile-header,.mobile-page{width:min(100% - 32px,560px);margin:0 auto}.mobile-header{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border)}.source-link{min-height:44px;display:inline-flex;align-items:center;color:var(--muted);font-size:.78rem;font-weight:650;text-underline-offset:3px}.mobile-intro{padding:44px 0 38px}.mobile-intro h1{margin:0;font-size:3rem;font-weight:740;line-height:.98;letter-spacing:-.04em;text-wrap:balance}.mobile-intro p{margin:18px 0 0;color:var(--muted);font-size:1.05rem;line-height:1.5}.mobile-demo{margin:0 -8px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg)}.mobile-result{min-height:380px;display:flex;flex-direction:column}.mobile-result .message-stage{min-height:260px;padding:32px 22px}.mobile-result #canvas-message{font-size:3rem}.mobile-form{display:grid;gap:16px;padding:24px 16px;border-top:1px solid var(--border);background:var(--surface)}.mobile-field{display:grid;gap:8px}.mobile-field label{font-size:.88rem}.mobile-form textarea{min-height:104px}.mobile-form .form-actions,.mobile-form .button{width:100%}.mobile-form .form-actions{flex-direction:column}.mobile-form .action-buttons{width:100%;display:grid}.mobile-form .button{flex-basis:auto}.mobile-connection-row{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px;border-top:1px solid var(--border);color:var(--muted);font-size:.78rem;font-weight:650}.mobile-trace{border-top:1px solid var(--border);background:var(--surface)}.mobile-trace .trace-heading{align-items:flex-start;flex-direction:column;justify-content:center;gap:4px;min-height:70px;padding:14px 20px}.mobile-trace #trace-summary{text-align:left}.mobile-explanation{padding:72px 0 30px}.mobile-explanation>h2{max-width:12ch;margin:0 0 28px;font-size:2.25rem;line-height:1.05;letter-spacing:-.035em}.mobile-boundaries{border-top:1px solid var(--border-strong)}.mobile-boundaries p{display:grid;grid-template-columns:92px 1fr;gap:16px;margin:0;padding:18px 0;border-bottom:1px solid var(--border);font-size:.88rem;line-height:1.45}.mobile-boundaries p:nth-child(1) strong{color:var(--app-ink)}.mobile-boundaries p:nth-child(2) strong{color:var(--connector-ink)}.mobile-boundaries p:nth-child(3) strong{color:var(--agent-ink)}.mobile-boundaries span{color:var(--muted)}.mobile-explanation>details{border-bottom:1px solid var(--border)}.mobile-explanation>details>summary{min-height:60px;display:flex;align-items:center;cursor:pointer;font-size:.9rem;font-weight:680;list-style:none}.mobile-explanation>details>summary::-webkit-details-marker{display:none}.mobile-explanation>details>summary:after{content:"+";margin-left:auto;color:var(--muted)}.mobile-explanation>details[open]>summary:after{content:"−"}.mobile-explanation>details>p{margin:-2px 0 20px;color:var(--muted);font-size:.9rem;line-height:1.6}.mobile-implementation{display:grid;gap:18px;padding:42px 0 18px}.mobile-implementation h2{font-size:2rem}.mobile-implementation .code-example,.mobile-implementation .gateway-terminal{overflow:hidden;border-radius:var(--radius-lg);background:var(--ink)}.mobile-browser-code pre{margin:0;overflow:auto;padding:20px 16px;color:#d8dfe6;font-size:.72rem;line-height:1.7}.mobile-gateway-setup .gateway-terminal{font-size:.68rem}.mobile-gateway-setup .terminal-lines{min-height:360px;padding:22px 14px}.mobile-code-details .code-heading{background:var(--ink)}.mobile-code-details pre{margin:0;overflow:auto;padding:20px 16px;color:#d8dfe6;background:var(--ink);font-size:.72rem;line-height:1.7}.mobile-runtime-note{margin:0;padding:24px 0 52px;color:var(--muted);font-size:.75rem;line-height:1.55}body[data-layout=mobile] .architecture-story{padding:54px 0 18px}body[data-layout=mobile] .architecture-intro,body[data-layout=mobile] .future-intro{display:grid;gap:18px;margin-bottom:24px}body[data-layout=mobile] .architecture-intro h2,body[data-layout=mobile] .future-intro h2{font-size:2rem}body[data-layout=mobile] .architecture-intro p,body[data-layout=mobile] .future-intro p{margin-top:10px;font-size:.92rem}body[data-layout=mobile] .architecture-mode{width:fit-content;max-width:100%;white-space:normal}body[data-layout=mobile] .current-architecture{grid-template-columns:1fr;min-height:0;padding:12px}body[data-layout=mobile] .architecture-app-body{padding:22px 18px 24px}body[data-layout=mobile] .architecture-handoff{width:2px;height:34px;justify-self:center}body[data-layout=mobile] .architecture-handoff:after{inset:auto auto -1px 50%;transform:translate(-50%) rotate(135deg)}body[data-layout=mobile] .architecture-boundary{padding:54px 12px 20px}body[data-layout=mobile] .boundary-label{left:16px;max-width:calc(100% - 32px)}body[data-layout=mobile] .architecture-layer{padding-right:12px}body[data-layout=mobile] .architecture-layer>div{align-items:flex-start;flex-direction:column;gap:6px}body[data-layout=mobile] .judge-substitution{position:relative;right:auto;bottom:auto;width:auto;margin:24px 4px 0}body[data-layout=mobile] .future-intro{margin-top:76px}body[data-layout=mobile] .mobile-north{display:grid;gap:12px}.mobile-north-core,.mobile-north-axes article{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.mobile-north-core{display:grid;gap:8px;padding:20px;color:var(--connector-ink);border-color:color-mix(in oklch,var(--connector) 40%,var(--border));background:var(--connector-soft)}.mobile-north-core span,.mobile-north-axes article>span{font-family:var(--font-mono);font-size:.62rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.mobile-north-core strong{font-size:1rem;line-height:1.4}.mobile-north-axes{display:grid;gap:8px}.mobile-north-axes article{display:grid;gap:12px;padding:16px}.mobile-north-axes article>span{color:var(--muted)}.mobile-north-axes article>div{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:9px}.mobile-north-axes del{color:var(--muted);font-size:.82rem;text-decoration-thickness:1px}.mobile-north-axes i{color:var(--agent-ink);font-style:normal}.mobile-north-axes strong{color:var(--agent-ink);font-size:.84rem;line-height:1.25}.mobile-north>p{margin:10px 0 0;color:var(--muted);font-size:.9rem;line-height:1.55}.mobile-north>p strong{color:var(--ink)}body[data-layout=mobile] .mobile-demo{overflow:visible;border:0}.mobile-connection,.mobile-scenarios,body[data-layout=mobile] .scenario-stage,body[data-layout=mobile] .mobile-trace{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg)}.mobile-connection{margin-bottom:14px;background:var(--surface)}.mobile-connection>div:first-child{padding:18px 16px 0}.mobile-connection h2{margin:0;font-size:1.05rem}.mobile-connection p{margin:4px 0 0;color:var(--muted);font-size:.8rem}.mobile-connection .mobile-form{border-top:0}.mobile-scenarios{margin-bottom:14px;background:var(--surface)}.mobile-scenarios .scenario-tabs{margin:12px 12px 0}.mobile-scenarios .status-line{background:var(--background)}body[data-layout=mobile] .scenario-stage{margin-bottom:14px}body[data-layout=mobile] .scenario-prompt{grid-template-columns:1fr}body[data-layout=mobile] .scenario-prompt textarea{min-height:132px}body[data-layout=mobile] .scenario-surface{min-height:0}body[data-layout=mobile] .scenario-surface>header{padding:12px 16px}body[data-layout=mobile] .board-columns{grid-template-columns:1fr;padding:16px}body[data-layout=mobile] .editor-layout,body[data-layout=mobile] .product-layout{grid-template-columns:1fr}body[data-layout=mobile] .document-page{padding:28px 20px;font-size:.94rem}body[data-layout=mobile] .editor-layout aside,body[data-layout=mobile] .product-layout aside,body[data-layout=mobile] .product-details{border-top:1px solid var(--border);border-left:0}body[data-layout=mobile] .product-visual{min-height:260px}body[data-layout=mobile] .product-details,body[data-layout=mobile] .product-layout aside{padding:24px 20px}body[data-layout=mobile] .mobile-trace{margin-top:0}.scenario-stage{padding:22px;background:#e4e8ed}.scenario-surface{overflow:hidden;border:1px solid var(--third-party-border, var(--border-strong));border-radius:12px;box-shadow:0 8px 24px #10171e14;font-family:var(--third-party-font, ui-sans-serif, system-ui, sans-serif)}.board-surface{--third-party-brand: oklch(.3 .08 275);--third-party-brand-ink: oklch(.98 .01 275);--third-party-accent: oklch(.58 .17 282);--third-party-soft: oklch(.96 .025 282);--third-party-border: oklch(.84 .025 275)}.editor-surface{--third-party-brand: oklch(.31 .055 350);--third-party-brand-ink: oklch(.98 .012 75);--third-party-accent: oklch(.55 .11 350);--third-party-soft: oklch(.97 .018 75);--third-party-border: oklch(.83 .025 55)}.product-surface{--third-party-brand: oklch(.79 .15 75);--third-party-brand-ink: oklch(.24 .035 55);--third-party-accent: oklch(.57 .17 48);--third-party-soft: oklch(.97 .03 82);--third-party-border: oklch(.82 .05 75)}.scenario-surface>.third-party-header{min-height:66px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;padding:10px 16px;border-bottom:0;color:var(--third-party-brand-ink);background:var(--third-party-brand)}.third-party-brand{display:flex!important;align-items:center;gap:10px!important}.third-party-brand>div{display:grid;gap:1px!important}.third-party-logo{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:var(--third-party-brand);background:var(--third-party-brand-ink);font-size:.9rem!important;font-weight:800}.third-party-brand strong{font-size:.9rem;line-height:1.2}.scenario-surface>.third-party-header .third-party-brand small{color:color-mix(in oklch,var(--third-party-brand-ink) 68%,transparent);font-size:.65rem}.third-party-header nav{justify-self:center;display:flex;align-items:center;gap:24px;font-size:.75rem}.third-party-header nav span{color:color-mix(in oklch,var(--third-party-brand-ink) 62%,transparent)!important;font-size:inherit!important}.third-party-header nav strong{padding:8px 0 6px;border-bottom:2px solid currentColor}.integration-badge{padding:5px 8px;border:1px solid color-mix(in oklch,var(--third-party-brand-ink) 28%,transparent);border-radius:6px;color:var(--third-party-brand-ink)!important;background:color-mix(in oklch,var(--third-party-brand-ink) 10%,transparent);font-size:.65rem!important;font-weight:700;white-space:nowrap}.market-search{width:min(360px,100%);justify-self:center;padding:9px 12px;border:1px solid color-mix(in oklch,var(--third-party-brand-ink) 35%,transparent);border-radius:7px;color:color-mix(in oklch,var(--third-party-brand-ink) 65%,transparent);background:color-mix(in oklch,white 72%,transparent);font-size:.72rem}.third-party-context{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 18px;border-bottom:1px solid var(--third-party-border);background:var(--third-party-soft)}.third-party-context>div{display:grid;gap:2px}.third-party-context span{color:color-mix(in oklch,var(--ink) 58%,transparent);font-size:.68rem}.third-party-context h3{margin:0;font-size:1.05rem;letter-spacing:-.015em}.third-party-context button,.document-state{min-height:34px;border:0;border-radius:6px;padding:0 12px;color:var(--third-party-brand-ink);background:var(--third-party-brand);font-size:.72rem;font-weight:700}.document-state{min-height:auto;padding-block:7px}.board-surface .board-columns{background:var(--third-party-soft)}.board-surface .board-columns>section{border:1px solid var(--third-party-border);background:#fbfcff;background:oklch(.99 .006 275)}.editor-surface .editor-layout{background:var(--third-party-soft)}.editor-surface .document-page{color:#2c1e18;background:#fffdfa;background:oklch(.995 .008 75);font-family:Georgia,Times New Roman,serif}.editor-surface .editor-layout aside{background:#f7ede0}.product-surface .product-layout,.product-surface .product-details{background:#fffdf9;background:oklch(.995 .008 85)}.product-surface .product-visual{background:var(--third-party-soft)}.product-surface .product-details button{background:var(--third-party-brand-ink)}body[data-layout=mobile] .scenario-stage{padding:8px;background:#dce2e8}body[data-layout=mobile] .scenario-surface>.third-party-header{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:10px 12px}body[data-layout=mobile] .third-party-header nav,body[data-layout=mobile] .market-search{display:none}body[data-layout=mobile] .third-party-context{padding-inline:14px}.scenario-surface{position:relative}.scenario-surface:after{position:absolute;z-index:24;inset:0;border:2px solid transparent;border-radius:inherit;content:"";opacity:0;pointer-events:none}.scenario-surface[data-agent-motion=request]:after{border-color:#a47800;border-color:oklch(.6 .13 83);animation:app-request-boundary .76s var(--ease-out) both}.scenario-surface[data-agent-motion=result]:after{border-color:var(--success);animation:app-result-boundary .82s var(--ease-out) both}.scenario-surface[data-agent-motion=error]:after{border-color:var(--danger);animation:app-result-boundary .82s var(--ease-out) both}.tool-flight-stack{position:absolute;z-index:30;top:76px;left:50%;display:grid;justify-items:center;gap:7px;transform:translate(-50%);pointer-events:none}.tool-flight{max-width:min(390px,calc(100vw - 64px));display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid oklch(.6 .13 83);border-radius:999px;color:var(--ink);background:var(--signal-soft);box-shadow:0 6px 14px #10171e24;font-family:var(--font-mono);font-size:.68rem;animation:tool-request-arrive .48s var(--ease-out) both}.tool-flight span{flex:none;color:#755500;color:oklch(.47 .11 83);font-weight:600}.tool-flight strong{min-width:0;overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.tool-flight[data-phase=result]{border-color:var(--success);color:var(--success);background:var(--success-soft);animation:tool-result-leave 1.1s var(--ease-out) both}.tool-flight[data-phase=error]{border-color:var(--danger);color:var(--danger);background:var(--danger-soft);animation:tool-result-leave 1.1s var(--ease-out) both}body[data-layout=mobile] .tool-flight-stack{inset:auto 12px 12px;transform:none}body[data-layout=mobile] .tool-flight{max-width:100%}.activity-panel .trace-heading{border-bottom:1px solid var(--border)}.activity-feed{max-height:280px;margin:0;overflow-y:auto;padding:8px 20px 16px;list-style:none;scrollbar-gutter:stable}.activity-feed:empty:before{content:"Connection and task events will appear here.";display:block;padding:16px 0 10px;color:var(--muted);font-size:.8rem}.activity-feed li{min-height:52px;display:grid;grid-template-columns:12px minmax(0,1fr);align-items:start;gap:12px;padding:11px 0;border-bottom:1px solid var(--border)}.activity-feed li:last-child{border-bottom:0}.activity-marker{width:9px;height:9px;margin-top:5px;border:2px solid var(--background);border-radius:50%;background:var(--border-strong);box-shadow:0 0 0 1px var(--border)}.activity-feed li[data-kind=connector] .activity-marker{background:var(--connector)}.activity-feed li[data-kind=runtime] .activity-marker{background:var(--agent)}.activity-feed li[data-kind=tool] .activity-marker{background:var(--app)}.activity-feed li[data-kind=result] .activity-marker{background:var(--success)}.activity-feed li[data-state=active] .activity-marker{box-shadow:0 0 0 4px var(--signal-soft);animation:activity-pulse 1.4s var(--ease-out) infinite}.activity-feed li[data-state=error] .activity-marker{background:var(--danger);box-shadow:0 0 0 4px var(--danger-soft)}.activity-feed li>div{display:grid;grid-template-columns:minmax(170px,.55fr) minmax(0,1.45fr);gap:18px}.activity-feed strong{overflow-wrap:anywhere;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.78rem;line-height:1.45}.activity-feed li>div>span{color:var(--muted);font-size:.78rem;line-height:1.45}.mobile-scenario-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 16px 4px}.mobile-scenario-heading h2{margin:0;font-size:1rem}.tool-dialog{width:min(760px,calc(100vw - 32px));max-height:min(760px,calc(100dvh - 48px));border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:0;color:var(--ink);background:var(--background);box-shadow:0 20px 60px #10171e33}.tool-dialog::backdrop{background:#10171e7a}.tool-dialog-heading{position:sticky;z-index:2;top:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid var(--border);background:var(--background)}.tool-dialog-heading span,.tool-dialog>p{color:var(--muted);font-size:.78rem}.tool-dialog-heading h2{margin:3px 0 0;font-size:1.25rem}.tool-dialog-heading button{min-height:40px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:0 14px;color:var(--ink);background:var(--background);cursor:pointer;font-weight:680}.tool-dialog>p{margin:0;padding:18px 22px 0;line-height:1.5}.tool-definition-list{display:grid;gap:14px;padding:18px 22px 24px}.tool-contract{padding:18px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.tool-contract-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.tool-contract-heading>code{color:var(--ink);font-size:.9rem;font-weight:600;overflow-wrap:anywhere}.tool-contract-heading>span{flex:none;padding:5px 7px;border-radius:999px;color:var(--app-ink);background:var(--app-soft);font-size:.68rem;font-weight:700}.tool-contract>p{max-width:62ch;margin:8px 0 18px;color:var(--muted);font-size:.85rem;line-height:1.5}.tool-contract h3{margin:0;color:var(--muted);font-size:.72rem;font-weight:700}.tool-field-list{display:grid;gap:0;margin:8px 0 0;padding:0;border-top:1px solid var(--border);list-style:none}.tool-field{min-width:0;padding:11px 0;border-bottom:1px solid var(--border)}.tool-field:last-child{border-bottom:0;padding-bottom:0}.tool-field-heading{display:flex;align-items:baseline;gap:8px}.tool-field-heading>code{color:var(--ink);font-size:.78rem;font-weight:600;overflow-wrap:anywhere}.tool-field-type{color:var(--connector-ink);font-size:.72rem}.tool-field-requirement{margin-left:auto;color:var(--muted);font-size:.68rem}.tool-field-requirement[data-required=true]{color:var(--ink);font-weight:650}.tool-nested-fields{margin:10px 0 0 16px;padding-left:14px;border-top:0;border-left:1px solid var(--border-strong)}.tool-nested-fields .tool-field{padding-block:8px}.tool-enum-values{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.tool-enum-values code{padding:3px 6px;border-radius:5px;color:var(--connector-ink);background:var(--connector-soft);font-size:.66rem}@keyframes activity-pulse{50%{box-shadow:0 0 0 7px var(--signal-soft)}}@keyframes app-request-boundary{0%{opacity:0;box-shadow:inset 0 0 #e6b13f00}40%{opacity:.9;box-shadow:inset 0 0 0 5px #e6b13f29}to{opacity:.28;box-shadow:inset 0 0 0 1px #e6b13f14}}@keyframes app-result-boundary{0%{opacity:.9;box-shadow:inset 0 0 0 5px #19703729}to{opacity:0;box-shadow:inset 0 0 #19703700}}@keyframes tool-request-arrive{0%{opacity:0;transform:translate(32px) scale(.92)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes tool-result-leave{0%{opacity:1;transform:translate(0) scale(1)}55%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(32px) scale(.94)}}@media(max-width:640px){.activity-feed{max-height:360px;padding-inline:16px}.activity-feed li>div{grid-template-columns:1fr;gap:3px}.tool-dialog-heading{padding:16px}.tool-dialog>p,.tool-definition-list{padding-inline:16px}.tool-contract{padding:16px 14px}.tool-contract-heading{align-items:flex-start}}@media(prefers-reduced-motion:reduce){.activity-feed li[data-state=active] .activity-marker{animation:none}.terminal-line,.terminal-command-typed:after,.scenario-surface:after,.tool-flight{animation:none!important;transition:none!important}.north-story{height:auto;min-height:0}.north-sticky{position:static;min-height:0;padding-block:20px}.north-story{--conductor-progress: 1 !important;--agent-progress: 1 !important;--transport-progress: 1 !important;--deployment-progress: 1 !important;--stable-progress: 1 !important;--legend-progress: 1 !important;--roadmap-progress: 1 !important;--roadmap-one: 1 !important;--roadmap-two: 1 !important;--roadmap-three: 1 !important;--roadmap-four: 1 !important}}@media(max-width:1060px){body[data-layout=desktop]{--desktop-content: min(100% - 40px, 900px)}.desktop-intro{grid-template-columns:minmax(0,1fr) minmax(360px,460px);gap:32px}.desktop-intro h1{font-size:4rem}.micro-flow{width:100%}.desktop-workbench{grid-template-columns:1fr}.task-panel{border-top:1px solid var(--border);border-left:0}.desktop-explanation,.desktop-code,.gateway-setup{grid-template-columns:1fr;gap:42px}.security-note{grid-column:1}.connection-panel{grid-template-columns:1fr}.connect-form{grid-column:1;grid-row:auto}}@media(max-width:880px){.desktop-intro{grid-template-columns:1fr;gap:34px}.micro-flow{width:min(560px,100%)}}@media(max-width:460px){.mobile-intro h1,.mobile-result #canvas-message{font-size:2.65rem}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes terminal-caret{50%{opacity:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}