@font-face{font-family:Manrope;src:url(assets/manrope.woff2) format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:Source Sans;src:url(assets/source-sans-3.woff2) format('woff2');font-weight:200 900;font-display:swap}
:root{color-scheme:light;--paper:#fff;--ink:#20262d;--muted:#58616c;--line:#d9dfe5;--soft:#f5f7f9;--accent:#315e89;--active:#edf4fa;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 'Source Sans',sans-serif}::selection{background:#c9dced;color:#172e44}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:disabled{cursor:default;opacity:.35}button,summary{-webkit-tap-highlight-color:transparent}svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.explainer{max-width:980px;margin:auto;padding:32px}.intro{margin-bottom:32px}.intro h1{font:600 clamp(25px,4.3vw,36px)/1.18 Manrope,sans-serif;letter-spacing:-.03em;margin:0 0 14px;text-wrap:balance}.intro p{max-width:62ch;color:var(--muted);margin:0}.embedded .intro{display:none}.embedded .explainer{padding:24px 22px}.diagram{position:relative;isolation:isolate}.connections{position:absolute;inset:0;z-index:-1;overflow:visible;pointer-events:none;stroke-linecap:round}.wire{stroke:#c7cfd7;stroke-width:1.15;fill:none}.wire-active{stroke:var(--accent);stroke-width:1.8;fill:none;opacity:0}.wire-active.is-active{opacity:1}.packet{fill:var(--accent);stroke:white;stroke-width:1.5;opacity:0}.packet.is-active{opacity:1}.point{position:relative;display:flex;align-items:center;flex-direction:column;text-align:center;width:max-content;max-width:100%;z-index:1}.point strong{font:600 15px/1.35 Manrope,sans-serif;letter-spacing:-.015em;display:block;background:var(--paper)}.point>span:not(.node-symbol):not(.device-symbols),.point>div>span{display:block;color:var(--muted);font-size:13px;line-height:1.45;background:var(--paper);margin-top:3px}.node-symbol{display:block;width:46px;height:46px;padding:11px;border:1px solid #c7d0d9;border-radius:12px;background:var(--paper);color:#66717e;margin-bottom:9px;transition:color .18s,background .18s,border-color .18s}.node-symbol.compact{width:36px;height:36px;padding:8px;border-radius:50%}.point.is-active .node-symbol{color:var(--accent);background:var(--active);border-color:var(--accent)}.point.is-complete .node-symbol{color:#486578;border-color:#a8bdcc}.point.is-active strong{color:var(--accent)}
.compare-diagram{display:grid;grid-template-columns:.85fr 1.4fr;gap:32px;min-height:530px;padding-bottom:15px}.compare-diagram h2{margin:0;font:600 19px/1.3 Manrope,sans-serif;letter-spacing:-.02em}.lane-note{font-size:13px;color:var(--muted);margin:6px 0 0}.query-lane{border-right:1px solid #e2e6eb;padding-right:26px}.query-flow{height:438px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:22px 0 76px}.task-flow{height:438px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:22px 0 0}.agent-workspace{width:100%;display:flex;align-items:center;flex-direction:column;background:var(--paper);border:1px solid #d8e0e7;border-radius:12px;padding:15px 10px 12px;margin:4px 0}.agent-title{min-width:150px}.agent-title .node-symbol{margin-bottom:7px}.agent-title .agent-action{min-height:19px}.resources{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;width:100%;margin-top:17px;padding-top:11px;border-top:1px solid #e4e8ed}.resources>span{font-size:12px;color:var(--muted);text-align:center;transition:color .18s}.resources i{display:block;width:19px;height:19px;margin:0 auto 5px}.resources.is-active>span{color:var(--accent)}.task-result .node-symbol,.task-review .node-symbol{width:32px;height:32px;padding:7px;margin-bottom:5px}.task-result strong,.task-review strong{font-size:14px}.task-review>span:last-child{font-size:12px}
.iteration-diagram{height:682px;max-width:850px;margin:0 auto 10px}.owner-start{position:absolute;top:0;left:50%;transform:translateX(-50%);flex-direction:row;gap:10px;text-align:left}.owner-start .node-symbol{margin:0}.coordinator{position:absolute;left:50%;top:90px;transform:translateX(-50%);flex-direction:row;gap:12px;text-align:left}.coordinator .node-symbol{margin:0}.specialists{position:absolute;top:198px;left:38px;right:0;border:1px solid var(--line);border-radius:12px;background:transparent;padding:20px 22px 28px;height:206px;z-index:0}.specialists h2{position:relative;width:max-content;margin:0 auto 20px;background:var(--paper);font:600 14px/1.4 Manrope,sans-serif;letter-spacing:-.015em;z-index:1}.specialists h2 span{font:400 13px 'Source Sans',sans-serif;color:var(--muted)}.specialist-pair{display:grid;grid-template-columns:1fr .75fr 1fr;align-items:start;gap:8px}.specialist{justify-self:center;background:var(--paper);min-width:140px}.specialist small{display:block;font-size:12px;color:var(--muted);margin-top:10px;background:var(--paper)}.specialist strong{font-size:14px}.specialist .node-symbol{margin-bottom:9px}.exchange-labels{position:relative;align-self:stretch;z-index:1}.exchange-labels span{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:11px;background:var(--paper);padding:0 5px;color:var(--muted)}.exchange-labels span:first-child{top:5px}.exchange-labels span:last-child{top:92px}.review-row{position:absolute;top:456px;left:38px;right:0;display:grid;grid-template-columns:1.2fr 1fr;gap:54px;align-items:center;padding:0 46px}.final-review{flex-direction:row;gap:12px;text-align:left;justify-self:center}.final-review .node-symbol{margin:0}.evidence{justify-self:center;background:var(--paper)}.device-symbols{display:flex;align-items:end;height:40px;gap:5px;background:var(--paper);padding:0 7px 7px;box-sizing:content-box}.device-symbols i:first-child{width:45px;height:34px;display:block}.device-symbols i:last-child{width:20px;height:34px;display:block}.evidence strong{font-size:13px}.evidence>span:last-child{font-size:12px}.decision{position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:var(--paper)}.decision .node-symbol{margin-bottom:7px}.decision strong{font-size:14px}.decision-options{display:flex;gap:4px;margin-top:10px}.decision-options button{padding:8px 12px;min-height:40px;background:var(--paper);border:1px solid #d5dde4;border-radius:4px;font-size:13px;transition:background .16s,border-color .16s}.decision-options button:hover{background:var(--soft);border-color:#93a6b7}.decision-options button[aria-pressed=true]{background:var(--active);border-color:var(--accent);color:var(--accent)}.outer-loop-label{position:absolute;left:0;top:141px;background:var(--paper);font-size:11px;color:var(--muted);writing-mode:vertical-rl;padding:8px 0}
.playback{border-top:1px solid var(--line);padding-top:20px;margin-top:8px}.playback-top{display:flex;align-items:baseline;justify-content:space-between;gap:15px}.frame-title{font:600 16px/1.4 Manrope,sans-serif;margin:0;letter-spacing:-.015em}.frame-count{font:12px/1.3 'Source Sans',sans-serif;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.frame-description{font-size:14px;color:var(--muted);line-height:1.5;min-height:43px;margin:8px 0 18px;max-width:68ch}.controls{display:flex;align-items:center;gap:14px}.controls button{border:0;background:transparent;min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:9px;border-radius:4px}.controls button:hover:not(:disabled){background:var(--soft)}.controls .play-toggle{border:1px solid #cbd4dd;padding:8px 12px;gap:7px;min-width:108px;font-size:13px}.controls i{display:block;width:17px;height:17px}.step-buttons{display:flex;justify-content:center;gap:0;flex:1}.step-buttons button{position:relative;min-width:30px;padding:10px 4px;color:var(--muted);font-size:12px}.step-buttons button::after{content:'';position:absolute;bottom:3px;left:8px;right:8px;height:2px;background:#d9dfe5;border-radius:1px}.step-buttons button[aria-current=step]{color:var(--accent);font-weight:700}.step-buttons button[aria-current=step]::after{background:var(--accent)}.arrows{display:flex;gap:2px}.diagram-footnote{margin:22px 0 0;color:var(--muted);font-size:12px;line-height:1.65;max-width:80ch}.transcript{margin-top:16px;font-size:13px;color:var(--muted)}.transcript summary{cursor:pointer;text-underline-offset:3px;text-decoration:underline;min-height:32px;display:list-item;width:fit-content}.transcript ol{padding-left:20px;line-height:1.7}.transcript li{padding:3px 0}.motion-note{font-size:12px;color:var(--muted);margin:14px 0 0}
@media(max-width:600px){.explainer{padding:24px 16px}.embedded .explainer{padding:20px 14px}.intro{margin-bottom:25px}.compare-diagram{display:block;min-height:0;padding-bottom:12px}.compare-diagram h2{font-size:17px}.lane-note{font-size:12px}.query-lane{border:0;border-bottom:1px solid var(--line);padding:0 0 25px;margin-bottom:25px}.query-flow{height:128px;flex-direction:row;gap:8px;padding:22px 0 0}.query-flow .point{width:29%}.query-flow .node-symbol{width:34px;height:34px;padding:8px}.query-flow .point strong{font-size:12px}.query-flow .point>span:last-child{font-size:11px;max-width:95px}.task-flow{height:445px}.agent-workspace{max-width:340px;padding:13px 10px 12px}.resources{gap:6px}.resources>span{font-size:12px}.task-lane .point strong{font-size:14px}.iteration-diagram{height:741px}.owner-start strong,.coordinator strong,.final-review strong{font-size:15px}.owner-start>div>span,.coordinator>div>span,.final-review>div>span{font-size:12px}.specialists{left:21px;top:190px;height:249px;padding:17px 8px 23px}.specialists h2{font-size:13px;margin-bottom:34px}.specialists h2 span{font-size:12px}.specialist-pair{grid-template-columns:1fr 1fr;gap:19px}.specialist{min-width:0;width:100%}.specialist strong{font-size:12px}.specialist>span:last-of-type{font-size:11px}.specialist small{font-size:10px;margin-top:15px}.specialist .node-symbol{width:38px;height:38px;padding:9px}.exchange-labels{position:absolute;left:17px;right:17px;top:0;height:100%;pointer-events:none}.exchange-labels span:first-child{top:43px;font-size:10px}.exchange-labels span:last-child{top:auto;bottom:11px;font-size:10px}.review-row{left:21px;top:490px;gap:20px;padding:0;grid-template-columns:1fr 1fr}.final-review{flex-direction:column;text-align:center;gap:6px}.final-review .node-symbol{width:35px;height:35px;padding:8px}.evidence strong{font-size:11px}.evidence>span:last-child{font-size:10px}.device-symbols{height:30px;gap:3px;padding-bottom:4px}.device-symbols i:first-child{width:36px;height:28px}.device-symbols i:last-child{width:16px;height:28px}.decision{left:54%}.decision-options{gap:4px}.decision-options button{padding:8px 10px;font-size:12px;min-height:40px}.outer-loop-label{font-size:10px;top:137px}.controls{gap:7px;flex-wrap:wrap}.controls .play-toggle{min-width:100px;order:0}.arrows{margin-left:auto;order:1}.step-buttons{order:2;width:100%;flex-basis:100%;justify-content:space-between;margin-top:2px}.step-buttons button{flex:1;max-width:48px;min-width:30px;min-height:40px}.frame-title{font-size:15px}.frame-description{font-size:13px;min-height:57px;margin-bottom:12px}.playback{padding-top:18px}.diagram-footnote{font-size:12px}.connections{stroke-width:1}}
.compare-diagram{min-height:603px}.query-flow,.task-flow{height:510px}.handoff-label{position:absolute;top:420px;left:23%;font-size:12px;background:var(--paper);padding:1px 7px;color:var(--muted)}
@media(max-width:600px){.compare-diagram{min-height:0}.query-flow{height:128px}.task-flow{height:515px}.specialist-pair{gap:56px}.specialist small{font-size:11px}.specialist>span:last-of-type{font-size:12px}.evidence strong,.evidence>span:last-child{font-size:12px}.exchange-labels span:first-child,.exchange-labels span:last-child{font-size:11px}.outer-loop-label{font-size:11px}.handoff-label{top:455px;left:20%;font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.packet{display:none}}