:root{--font-sans:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--ink:#14151a;--muted:#676b75;--line:#dfe1e7;--line-soft:#eceef2;--blue:#1649ff;--blue-dark:#0c35cc;--blue-soft:#f0f3ff;--blue-line:#aebcff;--paper:#fff;--canvas:#f7f7f4}*{box-sizing:border-box}html{background:var(--canvas)}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:linear-gradient(90deg, transparent calc(50% - .5px), #1a1b1f0e calc(50% - .5px), #1a1b1f0e calc(50% + .5px), transparent calc(50% + .5px)), var(--canvas);min-width:320px;color:var(--ink);font-family:var(--font-sans), Arial, Helvetica, sans-serif;margin:0}button,input,textarea,select{font:inherit}.page-shell{background-image:linear-gradient(#1b1d220e 1px,#0000 1px),linear-gradient(90deg,#1b1d220a 1px,#0000 1px);background-position:50% 32px,top;background-size:100% 160px,min(288px,20vw) 100%;place-items:center;min-height:100vh;padding:clamp(48px,8vh,88px) 24px;display:grid}.comparison-section{width:min(1160px,100%)}.section-heading{justify-content:space-between;align-items:center;gap:48px;margin:0 0 30px;padding:0 2px;display:flex}.heading-copy{max-width:760px}.lede{max-width:680px;color:var(--muted);margin:0;font-size:16px;line-height:1.55}.lede strong{color:var(--ink);font-weight:680}.heading-aside{flex:none;justify-items:end;width:min(310px,30vw);display:grid}.download-callout{width:100%}.download-hint{color:var(--blue);font-family:var(--font-mono);letter-spacing:.04em;will-change:transform;justify-content:flex-end;align-items:flex-end;gap:7px;margin:0 10px 10px 0;font-size:12px;font-weight:700;animation:2.4s ease-in-out infinite download-hint-float;display:flex;transform:rotate(-2deg)}.download-button{border:1px solid var(--blue-dark);background:var(--blue);color:#fff;letter-spacing:-.015em;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;min-height:64px;padding:13px 15px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,background-color .2s;animation:2.35s ease-in-out infinite download-pulse;display:grid;position:relative;overflow:hidden;box-shadow:0 13px 28px #1649ff38}.download-button:before{content:"";background:linear-gradient(110deg,#0000 12%,#ffffff29 48%,#0000 72%);transition:transform .45s;position:absolute;inset:0;transform:translate(-120%)}.download-button:hover{background:#0d3ee6;animation-play-state:paused;transform:translateY(-2px);box-shadow:0 17px 36px #1649ff4d}.download-button:hover:before{transform:translate(120%)}.download-button:active{transform:translateY(0);box-shadow:0 8px 18px #1649ff38}.download-button:focus-visible{outline-offset:4px;outline:3px solid #1649ff47}.download-icon{width:35px;height:35px;font-family:var(--font-mono);background:#ffffff1f;border:1px solid #ffffff6b;border-radius:9px;place-items:center;font-size:21px;line-height:1;display:grid}.download-filetype{color:#ffffffd1;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid #ffffff57;border-radius:6px;padding:4px 6px;font-size:9px;position:relative}.comparison-card{border:1px solid var(--line);background:var(--paper);grid-template-columns:repeat(2,minmax(0,1fr));min-height:600px;display:grid;overflow:hidden;box-shadow:0 22px 60px #18191d12}.agent-panel{background:#fffffffa;min-width:0}.agent-panel--optimized{border-right:1px solid var(--line)}.agent-header{border-bottom:1px solid var(--line);background:#fffffff5;min-height:138px;padding:21px 22px 18px}.agent-title-row{align-items:center;gap:10px;display:flex}.agent-title-row h2{letter-spacing:-.025em;margin:0;font-size:19px;font-weight:640}.agent-mark{width:21px;height:21px;font-family:var(--font-mono), monospace;place-items:center;font-size:18px;font-weight:700;display:grid}.agent-mark--optimized{color:var(--blue)}.agent-mark--traditional{color:#747983;font-size:14px}.agent-badge{color:var(--blue-dark);font-family:var(--font-mono), monospace;letter-spacing:.09em;text-transform:uppercase;background:#f3f5ff;border:1px solid #cbd4ff;margin-left:auto;padding:4px 7px 3px;font-size:9px;font-weight:650}.agent-badge--neutral{color:#6f727a;background:#f5f5f5;border-color:#dfe1e6}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px;display:grid}.metric{gap:5px;display:grid}.metric-label{color:#555963;font-family:var(--font-mono), monospace;letter-spacing:.13em;text-transform:uppercase;font-size:10px;font-weight:650}.metric-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;width:max-content;font-size:21px;font-weight:650;line-height:1}.metric-value--accent{color:var(--blue)}.agent-feed{overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-color:#9da2ae transparent;scrollbar-width:thin;height:462px;padding:0 21px 28px;font-size:13px;line-height:1.55;overflow-y:auto}.agent-feed::-webkit-scrollbar{width:9px}.agent-feed::-webkit-scrollbar-thumb{background:#a1a6b1;border:2px solid #fff}.terminal-command{z-index:2;border-bottom:1px solid var(--line-soft);color:#565a64;font-family:var(--font-mono), monospace;background:#fffffff7;padding:17px 0 13px;font-size:12px;position:sticky;top:0}.terminal-command span{color:#8d919a;margin-right:7px}.prompt-line,.thinking-line{margin-top:13px}.prompt-line{gap:7px;font-weight:620;display:flex}.prompt-line span{color:#828690}.thinking-line{color:#575b65}.thinking-line span{color:var(--blue);margin-right:5px}.agent-panel--traditional .thinking-line span{color:#7c818b}.tool-card{font-family:var(--font-mono), monospace;background:#f5f5f5;border:1px solid #dfe1e6;margin-top:13px;padding:15px 16px 16px;font-size:12px;line-height:1.65}.tool-card--optimized{border-color:var(--blue-line);background:var(--blue-soft)}.tool-title{color:#15171d;margin-bottom:9px;font-weight:650}.tool-title .muted,.muted{color:#626874;font-weight:450}.code-line{color:#3f4350;padding-left:16px}.code-key{color:var(--blue);font-weight:620}.code-string{color:#1d4ed8}.tool-status{color:#626874;margin-top:7px}.feed-node{transform-origin:50% 0;animation:.38s cubic-bezier(.2,.75,.25,1) both feed-in}.code-label{color:#6e727c}.code-block{color:#373b46;margin-top:6px}.code-indent{padding-left:16px}.code-boolean,.code-number{color:#6d28d9;font-weight:620}.code-string-neutral{color:#4f535d}.call-query{color:#656973}.tool-divider{background:#5369c447;height:1px;margin:13px 0 11px}.returned-line{color:#5d636f;margin-top:9px}.returned-line strong{color:#30333b;font-weight:650}.answer-block{background:#fafafa;border-left:2px solid #b6bac3;margin-top:15px;padding:15px 16px 13px}.answer-block--optimized{border-left-color:var(--blue);background:#f7f8ff}.answer-block p{font-family:var(--font-sans), Arial, Helvetica, sans-serif;margin:0;font-size:14px;line-height:1.5}.done-row{color:#626874;font-family:var(--font-mono), monospace;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;font-size:10px;display:flex}.done-row span:first-child{color:#4a4f5a;font-weight:600}.agent-panel--optimized.is-complete .agent-header{background:linear-gradient(#fff 0%,#f8f9ff 100%)}.agent-panel--traditional.is-complete .agent-header{background:linear-gradient(#fff 0%,#fafafa 100%)}.metric-final{color:var(--blue);background:#edf1ff;margin:-2px -5px;padding:2px 5px}.metric-heavy{color:#555963;background:#f1f1f2;margin:-2px -5px;padding:2px 5px}.metric-bump{animation:.32s cubic-bezier(.2,.8,.3,1) metric-bump}.comparison-footer{color:#6b6f78;min-height:52px;font-family:var(--font-mono), monospace;letter-spacing:.015em;justify-content:flex-end;align-items:center;padding:11px 2px 0;font-size:11px;display:flex}.animation-control{color:#41454f;min-width:82px;font-family:var(--font-mono), monospace;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:#fffc;border:1px solid #d9dbe1;border-radius:0;justify-content:center;align-items:center;gap:7px;padding:7px 10px;font-size:10px;font-weight:600;display:inline-flex}.animation-control:hover{background:#fff;border-color:#b8bcc6}.animation-control:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.animation-control:disabled{cursor:default;opacity:.55}@keyframes feed-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes metric-bump{0%{transform:translateY(0)}45%{color:var(--blue);transform:translateY(-3px)}to{transform:translateY(0)}}@keyframes download-pulse{0%,to{box-shadow:0 13px 28px #1649ff38,0 0 #1649ff2e}50%{box-shadow:0 17px 34px #1649ff4d,0 0 0 9px #1649ff00}}@keyframes download-hint-float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-5px)rotate(-2deg)}}@media (width<=760px){.page-shell{background-size:100% 140px,50% 100%;place-items:start center;padding:28px 12px 52px}.section-heading{margin-bottom:26px;display:block}.heading-aside{width:100%;margin-top:23px;display:block}.download-callout{width:min(100%,430px)}.download-hint{justify-content:flex-start;margin:0 0 12px 8px;font-size:13px}.download-button{min-height:68px;padding-inline:16px;font-size:16px}.comparison-card{grid-template-columns:repeat(2,minmax(0,1fr));min-height:600px}.agent-panel--optimized{border-right:1px solid var(--line);border-bottom:0}.agent-header{min-height:300px;padding:18px 12px 16px}.agent-title-row{flex-direction:column;align-items:flex-start;gap:7px}.agent-title-row h2{font-size:18px;line-height:1.45}.agent-badge{display:none}.metrics-grid{grid-template-columns:1fr;gap:15px;margin-top:18px}.metric{gap:4px}.agent-feed{height:300px;padding:0 10px 22px;font-size:12px;line-height:1.5}.terminal-command{overflow-wrap:anywhere;padding:15px 0 12px;font-size:11px;line-height:1.55}.prompt-line{display:block}.prompt-line span{margin-right:4px}.thinking-line,.tool-card,.code-line,.code-block,.call-query,.returned-line{overflow-wrap:anywhere}.tool-card{padding:11px 10px 12px;font-size:11px;line-height:1.55}.code-line,.code-indent{padding-left:7px}.answer-block{padding:12px 10px 11px}.answer-block p{font-size:13px}.done-row{flex-direction:column;align-items:flex-start;gap:4px}.comparison-footer{align-items:flex-start;gap:18px}}@media (width<=430px){.agent-title-row h2{font-size:16.5px}.metrics-grid{gap:14px}.metric-label{font-size:9px}.metric-value{font-size:18px}.agent-header{padding-inline:10px}.agent-feed{padding-inline:9px}.download-button{grid-template-columns:auto 1fr}.download-button>span:nth-child(2){text-align:left}.download-filetype{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}