.guide-header{padding-bottom:32px}.guide-header h1{max-width:700px;margin-top:0}.guide-header>p{max-width:680px}.guide-header .lede{font-size:var(--text-sm);margin-top:24px;line-height:1.5}.guide p{line-height:1.65}.guide section>p{max-width:680px}.guide section>.eyebrow{margin-bottom:12px}.guide section>h2{margin-bottom:8px}.guide section>h3+p{margin-top:12px}.guide section>p+p{margin-top:16px}.guide section{padding:32px 0}.guide section>h3{max-width:680px;margin-top:32px}.guide h3{font-size:var(--text-md);font-weight:500}.guide figure{margin:32px 0}.guide figcaption{color:var(--muted);font-size:var(--text-xs);margin-top:24px;line-height:1.65}.guide blockquote{font-size:var(--text-sm);margin:24px 0;padding:8px 0}.diagram-number{color:var(--link);font-size:var(--text-xs);display:block}.quadrant-chart{--scale-row:20px;--scale-gap:16px;--cell-inset:20px;gap:var(--scale-gap);display:grid;position:relative}.quadrant-y-axis{top:0;bottom:calc(var(--scale-row) + var(--scale-gap));right:calc(100% + var(--scale-gap));width:1.2em;font-size:var(--text-xs);color:var(--muted);position:absolute}.quadrant-y-axis span{writing-mode:vertical-rl;white-space:nowrap;position:absolute;left:0;transform:rotate(180deg)}.quadrant-y-axis span:first-child{bottom:var(--cell-inset)}.quadrant-y-axis span:last-child{top:var(--cell-inset)}.quadrant-plot{aspect-ratio:1;border:.5px solid var(--sand-6);background:var(--sand-3);border-radius:16px;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.quadrant-cell{min-width:0;position:relative}.quadrant-cell:nth-child(odd){border-right:.5px solid var(--sand-6)}.quadrant-cell:nth-child(-n+2){border-bottom:.5px solid var(--sand-6)}.quadrant-cell h3{top:var(--cell-inset);left:var(--cell-inset);right:var(--cell-inset);color:var(--ink);letter-spacing:-.015em;margin:0;font-size:14px;font-weight:500;line-height:1.35;position:absolute}.quadrant-cell h3 span{color:var(--muted);margin-bottom:4px;font-size:14px;font-weight:400;line-height:1.35;display:block}.quadrant-cell:nth-child(n+3) h3{top:auto;bottom:var(--cell-inset)}.quadrant-cell:nth-child(2) h3,.quadrant-cell:nth-child(4) h3{text-align:right}.quadrant-cell ul{margin:0;padding:0;list-style:none}.quadrant-cell li{max-width:78%;padding-left:20px;font-size:14px;position:absolute;top:34%;left:15%}.quadrant-cell li:nth-child(2){top:65%;left:33%}.quadrant-assistants li{top:15%;left:12%}.quadrant-assistants li:nth-child(2){top:37%;left:33%}.quadrant-assistants li:nth-child(3){top:60%;left:20%}.quadrant-cell li:before{content:"";background:var(--blue-9);border-radius:50%;width:12.5px;height:12.5px;position:absolute;top:calc(.675em - 6.25px);left:0}.quadrant-cell a{line-height:1.35;text-decoration:none;display:block}.quadrant-cell a:hover{color:var(--sand-10)}.quadrant-cell li strong{font-size:14px;font-weight:500;line-height:1.35;display:block}.quadrant-cell li span{margin-top:4px;font-size:14px;line-height:1.35;display:block}.quadrant-cell .reference-marker{color:var(--sand-10)}.quadrant-cell .reference-marker strong{color:var(--sand-12)}.quadrant-cell .reference-marker{white-space:nowrap;max-width:none}.quadrant-cell .reference-marker:before{background:var(--green-9);width:12px;height:12px;clip-path:var(--triangle);border-radius:0;top:calc(.675em - 6px)}.quadrant-cell li[data-chart-reference=deep-research]{max-width:40%;top:42%;left:5%}.quadrant-cell li[data-chart-reference=ready-made-task]{max-width:48%;top:42%;left:49%}.quadrant-cell li[data-chart-reference=general-assistant]{max-width:66%;top:34%;left:28%}.quadrant-cell li[data-chart-approach-id=doordash-code-review]{max-width:56%;top:30%;left:10%}.quadrant-cell li[data-chart-approach-id=posthog-stamphog]{max-width:46%;top:72%;left:15%}.quadrant-cell li[data-chart-approach-id=ramp-inspect]{max-width:35%;top:76%;left:60%}.quadrant-cell li[data-chart-approach-id=stripe-minions]{max-width:40%;top:48%;left:56%}.quadrant-cell li[data-chart-approach-id=brex-agent-platform]{max-width:58%;top:30%;left:10%}.quadrant-cell li[data-chart-approach-id=sentry-junior]{max-width:38%;top:50%;left:56%}.quadrant-cell li[data-chart-approach-id=shopify-internal-agents]{max-width:52%;top:72%;left:17%}.quadrant-x-axis{padding:0 var(--cell-inset);font-size:var(--text-xs);line-height:var(--scale-row);color:var(--muted);justify-content:space-between;gap:12px;display:flex}.quadrant-legend{color:var(--muted);font-size:var(--text-sm);flex-wrap:wrap;gap:12px 24px;margin:24px 0 12px;display:flex}.quadrant-legend span{align-items:center;gap:8px;display:inline-flex}.quadrant-legend i{width:12.5px;height:12.5px}.quadrant-legend .catalog-marker{background:var(--blue-9);border-radius:50%}.quadrant-legend .reference-marker-key{background:var(--green-9);width:12px;height:12px;clip-path:var(--triangle)}.guide .quadrant-figure{max-width:none}.guide-faq details{background:var(--sand-3);border-radius:10px;overflow:hidden}.guide-faq details+details{margin-top:12px}.guide-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:40px;padding:8px 12px;font-weight:400;line-height:1.5;display:flex}@media (hover:hover){.guide-faq details:hover{background:var(--sand-4)}}.guide-faq summary:before{content:none}.guide-faq summary .icon{color:var(--sand-10);flex:none}.guide-faq details[open]>summary .icon{transform:rotate(180deg)}.guide-faq details p{max-width:680px;color:var(--muted);margin:0;padding:0 12px 12px}.dimension-intro{gap:24px;margin-top:24px;display:grid}.dimension-intro h3{font-size:var(--text-md);margin-bottom:8px;line-height:1.3}.dimension-intro p{font-size:var(--text-sm);color:var(--muted)}.workflow-stack{border:.5px solid var(--sand-6);background:#fff;border-radius:16px;justify-items:center;padding:24px;display:grid}.workflow-node{background:var(--sand-3);text-align:center;border-radius:16px;width:fit-content;max-width:100%;padding:16px}.workflow-node .eyebrow{font-size:var(--text-xs)}.workflow-node strong{margin-top:2px;font-weight:400;display:block}.workflow-context{background:var(--sand-3)}.workflow-connector{justify-content:center;padding:4px 0;display:flex}.workflow-connector svg{fill:none;width:12px;height:32px;stroke:var(--sand-9);stroke-width:.5px;display:block}.placement-notes{margin-top:24px;padding:24px 0}.placement-notes summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;display:flex}.placement-notes summary:before{content:none}.placement-notes summary .icon{width:20px;height:20px;color:var(--sand-10);flex:none}.placement-notes[open]>summary .icon{transform:rotate(180deg)}.placement-notes ul{padding:0;list-style:none}.placement-notes li{font-size:var(--text-sm);margin-top:24px}.placement-notes li strong{font-weight:400}.placement-notes li p{margin:8px 0}.placement-notes .reference-placement{color:var(--muted)}.core-definition{background:var(--sand-3);text-align:center;border-radius:14px;margin:24px 0;padding:64px 24px}.combination-title{font-size:var(--text-sm);line-height:1.5}.combination-title strong{font-weight:400}.guide .core-definition p{font-size:var(--text-md);max-width:440px;color:var(--blue-9);margin:0 auto;font-weight:500;line-height:1.4}.guide .core-definition strong{color:var(--blue-9);font-weight:500}.guide section>.button{margin-top:16px}.scope-figure{background:#fff;border-radius:16px;width:100%;margin:24px 0 0;overflow:hidden}.scope-figure svg{width:100%;height:auto;display:block}.scope-figure .scope-portrait{display:none}.scope-frame{fill:none;stroke:var(--sand-6);stroke-width:.5px}.scope-label{fill:var(--muted);letter-spacing:-.01em;font-size:14px}.scope-link{fill:none;stroke:var(--sand-6);stroke-width:1.2px}.scope-node{fill:var(--blue-9);stroke:var(--blue-9);stroke-width:1.2px}.scope-agent{fill:var(--blue-9);stroke:var(--blue-9)}.scope-signal{fill:var(--blue-9)}.concept-pair svg{fill:none;width:100%;stroke:var(--sand-10);stroke-width:1.2px;display:block}.concept-pair svg text{fill:var(--muted);stroke:none;font:12px Areal,sans-serif}.concept-pair svg .agent-dot{fill:var(--accent);stroke:var(--accent)}.guide .concept-definition{font-size:var(--text-sm);max-width:610px;line-height:1.5}.place-panels{gap:16px;margin:24px 0;display:grid}.guide .place-panel{margin:0}.place-panel{border:.5px solid var(--sand-6);background:#fff;border-radius:16px;flex-direction:column;gap:32px;margin:0;padding:16px;display:flex;overflow:hidden}.guide .place-panel figcaption{font-size:var(--text-sm);margin:0;line-height:1.4}.place-panel figcaption strong{color:var(--ink);font-weight:500;display:block}.place-panel figcaption span{color:var(--muted);margin-top:8px;display:block}.place-scene{--callout-reach:62px;flex:1;justify-content:center;align-items:center;gap:4px;min-height:0;display:flex}.place-scene:has(.place-callout){padding-bottom:var(--callout-reach)}.place-scene-wide{display:block}.exchange-scene,.cycle-scene{height:auto}.place-machine,.place-link{--title-row:20px;--title-gap:8px;--box-width:240px;--box-height:calc(var(--box-width) * 9 / 16);--dot-size:18px;gap:var(--title-gap);grid-template-rows:auto auto;display:grid;position:relative}.place-machine{flex:0 0 var(--box-width);min-width:0}.place-machine-title{min-height:var(--title-row);font-size:var(--text-sm);text-align:center;color:var(--sand-12);line-height:20px;display:block}.place-box{aspect-ratio:16/9;background:var(--sand-3);border-radius:12px;position:relative}.place-agent-dot{background:var(--blue-8);border-radius:50%;width:18px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.place-callout{left:50%;top:calc(100% - var(--box-height) / 2 + var(--dot-size) / 2 + 6px);white-space:nowrap;font-size:var(--text-sm);color:var(--blue-9);justify-items:center;gap:6px;display:grid;position:absolute;transform:translate(-50%)}.place-callout-arrow{width:12px;height:calc(var(--box-height) / 2 - var(--dot-size) / 2 + 28px);position:relative}.place-callout-arrow svg{fill:none;width:12px;height:8px;stroke:var(--blue-9);stroke-width:1px;display:block}.place-callout-arrow:after{content:"";background:var(--blue-9);width:1px;position:absolute;top:7px;bottom:0;left:50%;transform:translate(-50%)}@keyframes place-pulse{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}50%{opacity:.65;transform:translate(-50%,-50%)scale(1.2)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (prefers-reduced-motion:no-preference){.place-agent-dot{animation:2.4s ease-in-out infinite place-pulse}}.place-link{flex:none}.exchange-scene{width:100%;height:100%;display:block}.exchange-scene,.exchange-strand{fill:none;stroke:var(--sand-10);stroke-width:1.2px}.exchange-you{fill:#fff;stroke:var(--sand-10);stroke-width:1.2px}.exchange-agent{fill:var(--blue-9);stroke:var(--blue-9)}.exchange-scene text{fill:var(--muted);stroke:none}.exchange-signal{fill:var(--blue-9);stroke:none}.cycle-scene{width:calc(100% + 16px);height:100%;margin-left:-16px;display:block}.cycle-scene text{fill:var(--muted);stroke:none}.cycle-link{fill:none;stroke:var(--sand-6);stroke-width:1.2px}.cycle-trigger{fill:#fff;stroke:var(--sand-6);stroke-width:1.2px}.cycle-trigger-on{fill:var(--blue-9);stroke:var(--blue-9);stroke-width:1.2px}.cycle-agent{fill:var(--blue-9)}.cycle-spinner{fill:none;stroke:#fff;stroke-width:2.5px;stroke-linecap:round}.cycle-result{fill:#fff;stroke:var(--sand-6);stroke-width:1.2px}.cycle-result-dot,.cycle-signal{fill:var(--blue-9)}.place-arrow{fill:none;width:64px;stroke:var(--sand-9);stroke-width:1.2px;align-self:center}.concept-pair{grid-template-columns:repeat(2,minmax(0,1fr));max-width:680px;margin:24px 0;display:grid}.guide .concept-pair figure{min-width:0;margin:0;padding:24px 16px}.concept-pair figure+figure{border-left:1px solid var(--sand-6)}.guide .concept-pair figcaption{margin:16px 0 0;line-height:1.5}.concept-pair figcaption strong{color:var(--ink);font-size:var(--text-md);margin-bottom:8px;display:block}.concept-pair figcaption span{font-size:var(--text-sm);display:block}.concept-combination{max-width:680px;margin:32px 0}.guide .concept-combination>p{font-size:var(--text-sm);margin:0;line-height:1.5}.concept-combination dl{font-size:var(--text-sm);color:var(--muted);border:.5px solid var(--sand-6);border-radius:14px;grid-template-columns:auto minmax(0,1fr);gap:0;margin:16px 0;display:grid;overflow:hidden}.concept-combination dl>div{display:contents}.concept-combination dt,.concept-combination dd{border-bottom:.5px solid var(--sand-6);margin:0;padding:10px 12px;line-height:20px}.concept-combination dt{background:var(--sand-3);color:var(--ink);border-right:.5px solid var(--sand-6)}.concept-combination dl>div:last-child dt,.concept-combination dl>div:last-child dd{border-bottom:0}.guide .concept-combination .combination-note{font-size:var(--text-sm);color:var(--muted)}.lessons{font-size:var(--text-sm)}.lessons .lesson-meta{font-size:var(--text-sm);color:var(--sand-10)}.lessons .guide-header{padding-bottom:32px}.lessons .guide-header>*,.lessons .lesson-list,.lesson-detail>article{max-width:680px}.lesson-preview{cursor:pointer;margin-bottom:40px;position:relative}.lesson-preview h2 a:after{content:"";position:absolute;inset:0}.lesson-preview h2{margin:0 0 8px}.lesson-preview h2 a{color:var(--ink);text-decoration:none}.lesson-summary{font-size:var(--text-sm);color:var(--sand-10);max-width:580px}.lesson-preview:hover h2 a{color:var(--sand-11)}.lesson-preview:hover .lesson-summary{color:var(--sand-9)}.lessons-editorial{max-width:620px;color:var(--muted);font-size:var(--text-sm);padding:24px 0 32px}.lesson-back{font-size:var(--text-sm);margin-bottom:32px;display:inline-block}.lesson-detail h1{max-width:640px}.lessons section{padding:32px 0}.lessons blockquote{font-size:var(--text-md);margin:32px 0 8px;padding:8px 0 0}.lessons .quote-credit{color:var(--muted);font-size:var(--text-sm);margin:0 0 24px}.lessons table{table-layout:fixed;border-spacing:0;border:.5px solid var(--sand-6);border-radius:14px;width:100%;margin:24px 0;overflow:hidden}.lessons th,.lessons td{text-align:left;vertical-align:top;overflow-wrap:anywhere;padding:12px;line-height:1.5}.lessons th{background:var(--sand-3);font-weight:500}.lessons th:first-child{width:30%}.lessons tbody td{border-top:.5px solid var(--sand-6)}.lessons .lesson-diagram{margin:32px 0 0}.lesson-node{background:var(--sand-3);border-radius:14px;min-width:0;padding:16px}.lesson-node strong{font-size:var(--text-md);font-weight:400;line-height:1.4;display:block}.lesson-diagram>.lesson-node strong{font-size:var(--text-sm);line-height:1.5}.lesson-node small{color:var(--muted);font-size:var(--text-sm);margin-top:6px;line-height:1.5;display:block}.lesson-diagram-tail{font-size:var(--text-sm);margin-top:16px}.lesson-reviewers{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.lessons .lesson-branches{border-left:1px solid var(--sand-6);margin:0 0 0 16px;padding:16px 0 0 20px;list-style:none}.lesson-branches li{background:var(--sand-3);border-radius:14px;padding:12px 16px;position:relative}.lesson-branches li+li{margin-top:12px}.lesson-branches li:before{content:"";border-top:1px solid var(--sand-6);width:20px;position:absolute;top:50%;left:-20px}.lesson-branches li:after{content:"";background:var(--sand-6);border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:-6px;transform:translateY(-50%)}.lesson-branches strong,.lesson-shared-state strong{font-weight:500;display:block}.lesson-branches span,.lesson-shared-state span{color:var(--sand-10);margin-top:6px;display:block}.lesson-shared-state{border:1px solid var(--sand-6);text-align:center;border-radius:14px;margin-top:16px;padding:16px;position:relative}.lesson-shared-state:before,.lesson-shared-state:after{content:"";border-left:1px solid var(--sand-6);height:16px;position:absolute;top:-17px}.lesson-shared-state:before{left:25%}.lesson-shared-state:after{left:75%}.lessons .lesson-diagram figcaption{font-size:var(--text-xs);color:var(--sand-10);margin-top:16px}.lessons figcaption{font-size:var(--text-sm);margin-top:16px}.guide .lesson-sources>h2{margin-bottom:16px}.lesson-related-title{font-size:var(--text-md);margin-top:32px}.lesson-sources ol{font-size:var(--text-sm);margin:0;padding-left:24px}.lesson-sources ol li+li{margin-top:16px}.lesson-sources li span{color:var(--muted);margin-top:8px;display:block}.lesson-sources .resource-links{font-size:var(--text-sm)}.lesson-next{font-size:var(--text-sm);gap:12px;padding:24px 0 32px;display:grid}@media (width<=800px){.scope-figure .scope-wide{display:none}.scope-figure .scope-portrait{display:block}.scope-portrait .scope-label,.place-panel figcaption strong,.place-panel figcaption span,.place-machine-title,.place-callout,.workflow-stack .workflow-node .eyebrow,.workflow-stack .workflow-node strong,.lesson-diagram .lesson-node>span,.lesson-diagram .lesson-node strong,.lesson-diagram .lesson-node small,.lesson-diagram .lesson-versions .diagram-number,.lesson-diagram .lesson-versions strong,.lesson-diagram .lesson-versions p,.lesson-diagram .lesson-branches strong,.lesson-diagram .lesson-branches span,.lessons .lesson-diagram figcaption,.lesson-diagram .lesson-diagram-tail,.lessons table,.lesson-branches,.lesson-shared-state,.guide-faq details,.concept-combination dl,.guide .classification-table{font-size:14px}.cycle-scene text{font-size:30px}.exchange-scene text{font-size:29px}.place-scene{flex-direction:column;align-items:center;gap:6px}.place-scene:has(.place-callout){padding-bottom:0}.place-link{grid-template-rows:auto;gap:0;width:64px;height:12px;margin:26px 0;transform:rotate(90deg)}.place-link .place-machine-title{display:none}.place-machine{width:var(--box-width);flex:none;max-width:100%}.place-callout-arrow{display:none}.place-callout{gap:10px}.concept-combination dl{border:0;border-radius:0;display:block;overflow:visible}.concept-combination dl>div{display:block}.concept-combination dl>div+div{margin-top:12px}.concept-combination dl>div dt,.concept-combination dl>div dd{border:.5px solid var(--sand-6)}.concept-combination dl>div dt{border-radius:12px 12px 0 0}.concept-combination dl>div dd{background:#fff;border-top:0;border-radius:0 0 12px 12px}.concept-combination dl>div:last-child dt{border-bottom:.5px solid var(--sand-6)}.concept-combination dl>div:last-child dd{border-bottom:.5px solid var(--sand-6);border-top:0}}@media (width<=600px){.guide-header h1{font-size:var(--text-xl)}.guide-header{padding-bottom:32px}.guide section{padding:32px 0}.quadrant-chart{gap:8px}.quadrant-y-axis{width:auto;padding:0 var(--cell-inset);justify-content:space-between;gap:12px;display:flex;position:static}.quadrant-y-axis span{writing-mode:horizontal-tb;position:static;transform:none}.quadrant-plot{aspect-ratio:.82}.quadrant-cell h3{top:12px;left:12px;right:12px}.quadrant-cell h3 span{display:none}.quadrant-cell:nth-child(n+3) h3{bottom:12px}.quadrant-cell li{padding-left:20px}.quadrant-x-axis,.quadrant-y-axis{display:none}.quadrant-cell li:before,.quadrant-cell .reference-marker:before{width:10px;height:10px;top:calc(.675em - 5px)}.quadrant-cell li[data-chart-approach-id=doordash-code-review]{top:34%;left:10%}.quadrant-cell li[data-chart-approach-id=stripe-minions]{top:54%;left:56%}.quadrant-cell li[data-chart-approach-id=posthog-stamphog]{top:72%;left:10%}.quadrant-cell li[data-chart-approach-id=ramp-inspect]{top:86%;left:64%}.quadrant-cell li[data-chart-approach-id=brex-agent-platform]{top:34%;left:10%}.quadrant-cell li[data-chart-approach-id=sentry-junior]{top:54%;left:auto;right:12px}.quadrant-cell li[data-chart-approach-id=shopify-internal-agents]{top:72%;left:10%}.quadrant-cell li[data-chart-reference=deep-research]{top:8%;left:7%}.quadrant-cell li[data-chart-reference=ready-made-task]{top:50%;left:7%}.quadrant-cell li[data-chart-reference=general-assistant]{top:32%;left:auto;right:12px}.quadrant-cell li span{display:none}.quadrant-cell li strong{font-weight:400}.quadrant-cell li,.quadrant-cell li[data-chart-approach-id],.quadrant-cell li[data-chart-reference]{white-space:nowrap;max-width:none}.quadrant-legend{gap:8px 16px}.core-definition{padding:40px 20px}.concept-pair{grid-template-columns:1fr}.concept-pair figure+figure{border-left:0;border-top:1px solid var(--sand-6)}.concept-pair svg{max-width:320px;margin:auto}.workflow-node{padding:16px 12px}.workflow-node .eyebrow{font-size:var(--text-xs)}.workflow-node strong{font-size:var(--text-sm)}.lessons .lesson-diagram{padding:0}.lesson-reviewers{gap:8px}.lesson-reviewers .lesson-node{padding:12px}.lesson-meta span{margin:8px 0 0;display:block}}
