:root{--paper:#f7f7ee;--ink:#172d26;--muted:#65726a;--line:#d9ded1;--green:#d4f48b;--orange:#d75b3e;--white:#fffef8;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}button{font:inherit;cursor:pointer}.wrap{max-width:1320px;padding:0 60px;margin:auto}.skip{position:absolute;top:-80px;left:20px;z-index:10;padding:12px;background:var(--ink);color:white}.skip:focus{top:12px}header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:23px;font-weight:750;letter-spacing:-1px}.logo{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:var(--ink);color:var(--green);border-radius:10px;font:700 26px Georgia;position:relative}.logo span{font:14px Arial;margin-left:-2px;margin-top:-9px}nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:600}nav a{text-decoration:none;transition:color .2s}nav a:hover{color:var(--orange)}.nav-github{border:1px solid var(--line);padding:10px 17px;border-radius:6px}.eyebrow{font:10px/1.7 var(--mono);letter-spacing:1.6px;display:flex;align-items:center;gap:9px}.dot,.live-dot{width:6px;height:6px;border-radius:50%;background:var(--orange);display:inline-block}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:60px;align-items:center;padding:86px 0 82px}h1{font-size:clamp(62px,6.4vw,92px);line-height:.99;letter-spacing:-5.5px;margin:28px 0 28px;font-weight:600}h1 em{font-family:Georgia,serif;color:var(--orange);font-weight:400}p{margin:0 0 16px}.lede{font-size:21px;line-height:1.45;letter-spacing:-.35px;margin-bottom:15px}.hero-description{font-size:15px;color:var(--muted);max-width:425px;line-height:1.8}.actions{display:flex;align-items:center;gap:24px;margin-top:29px;font-size:12px;font-weight:600}.button{background:var(--ink);color:var(--white);text-decoration:none;border-radius:6px;padding:15px 21px;transition:transform .2s,background .2s}.button:hover{background:#304b3e;transform:translateY(-2px)}.button span{margin-left:18px}.actions>a:last-child{text-decoration:none;border-bottom:1px solid var(--line);padding:8px 0}.hero-note{display:flex;align-items:center;gap:8px;color:var(--muted);font:10px var(--mono);margin:28px 0 0}.live-dot{background:#7d9d64}.runtime{background:var(--ink);color:var(--white);border-radius:16px;box-shadow:0 20px 50px #152d261a;position:relative;padding:24px;transform:rotate(1deg)}.runtime-top{display:flex;justify-content:space-between;align-items:center;font:9px var(--mono);letter-spacing:1px;color:#c0ccb6;border-bottom:1px solid #3d5045;padding-bottom:20px}.runtime-top i{display:inline-block;width:5px;height:5px;background:var(--green);border-radius:50%;margin-right:8px}.request-label{font:9px var(--mono);letter-spacing:1px;color:#a2b1a7;margin:25px 0 9px}.request-text{font-size:18px;letter-spacing:-.4px;min-height:58px;max-width:310px;line-height:1.4}.sample-tabs{display:flex;gap:6px;margin-top:12px}.sample-tabs button{background:transparent;color:#b8c6ba;border:1px solid #4a5b4c;border-radius:5px;padding:7px 9px;font:9px var(--mono);transition:background .2s,color .2s}.sample-tabs button[aria-pressed=true]{background:#ecf2dd;color:var(--ink);border-color:#ecf2dd}.sample-tabs button:hover{border-color:var(--green)}.route-track{display:flex;align-items:center;gap:10px;color:#a6b79c;height:35px;justify-content:center}.route-track span{height:1px;background:#3d5045;flex:1}.route-track b{font-weight:400}.decision{padding:15px;display:flex;gap:12px;border:1px solid #627859;border-radius:8px;background:#263f32;align-items:center}.decision-icon{font:25px var(--mono);color:var(--green)}.decision strong{font-size:13px;display:block}.decision small{display:block;color:#b4c3b0;font-size:10px}.decision-arrow{margin-left:auto;color:var(--green);font-size:23px}.route-branches{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.branch{display:grid;grid-template-columns:32px 1fr;align-items:center;padding:14px 12px;border:1px solid #425446;border-radius:8px;color:#aebdad;transition:background .25s,color .25s}.branch-label{grid-column:1/-1;font:8px var(--mono);letter-spacing:1px;margin-bottom:12px}.branch-icon{font:20px var(--mono);grid-row:2/4}.branch strong{font-size:12px}.branch small{font-size:9px}.branch.selected{background:var(--green);border-color:var(--green);color:var(--ink)}.runtime-output{margin-top:16px;padding:14px 0 12px;border-top:1px solid #3d5045}.runtime-output>span{font:8px var(--mono);color:#a9bca8;letter-spacing:1px;display:block}.runtime-output code{display:block;color:var(--green);font:22px/1.7 var(--mono);overflow-wrap:anywhere}.runtime-output p{font-size:10px;color:#b9c9b6;margin:0}.runtime-foot{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #3d5045;padding-top:14px;font:8px/1.5 var(--mono);color:#a9bca8}.thesis{display:grid;grid-template-columns:215px 1fr;gap:30px;padding:34px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:start}.thesis .eyebrow{padding-top:9px}.section-mark{font-size:24px;color:var(--orange);margin-right:10px}.thesis p{margin:0;font-size:22px;line-height:1.55;max-width:860px;letter-spacing:-.4px}.thesis em{font-family:Georgia,serif;color:var(--orange)}.section{padding:94px 0;border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:42px}h2{font-size:44px;font-weight:500;line-height:1.12;letter-spacing:-2px;margin:17px 0 0}.section-intro{font-size:14px;line-height:1.8;color:var(--muted);max-width:365px;margin:0 0 3px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--white)}.step{padding:26px 22px 30px;border-right:1px solid var(--line)}.step:last-child{border:0}.step-num{font:9px var(--mono);letter-spacing:1px;color:var(--orange)}h3{font-size:19px;line-height:1.25;letter-spacing:-.6px;margin:23px 0 13px}.step p,.card p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.example{display:grid;grid-template-columns:1fr 1fr;margin-top:24px;border-radius:10px;overflow:hidden}.example-copy{padding:32px;background:#e9eddf}.example-copy h3{font-size:22px;margin-top:16px}.example-copy p{font-size:13px;color:var(--muted);line-height:1.8}.example-copy p:last-child{margin:0}.code{background:#263c31;padding:30px 34px;color:#eaf0e9;font:12px/2 var(--mono);overflow:auto}.code .label{color:#a7b5a7;font-size:9px;letter-spacing:1px;margin-bottom:19px}.code .accent{color:var(--green)}.experiment{background:var(--ink);color:var(--white);padding:48px 52px;border-radius:14px;position:relative;overflow:hidden}.experiment>*{position:relative}.experiment-watermark{position:absolute;right:40px;top:-28px;font:240px Georgia;color:#274334;opacity:.8;pointer-events:none}.experiment .eyebrow{color:var(--green)}.experiment h2{font-size:45px;max-width:700px}.experiment>p:not(.caveat){font-size:14px;color:#b7c6b9;max-width:590px;margin:22px 0 0}.pipeline{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font:10px var(--mono);margin:25px 0 33px;color:#bbcabd}.pipeline span{border:1px solid #52614e;border-radius:5px;padding:9px 12px}.pipeline .proxy{color:var(--green);border-color:#7c965d}.experiment-chart{padding:24px;background:#21392e;border-radius:8px;margin:0 0 30px}.experiment-chart>div{display:grid;grid-template-columns:110px 1fr 25px;gap:20px;align-items:center;margin-bottom:14px;font:11px var(--mono);color:#bfccbf}.bar-track{height:19px;background:#2e4739;border-radius:3px;overflow:hidden}.bar-track i{display:block;width:var(--size);height:100%;background:#7e9480;border-radius:3px}.highlight .bar-track i{background:var(--green)}.experiment-chart .highlight{color:var(--green)}.experiment-chart strong{font-weight:400;text-align:right}.experiment-chart>small{font:9px var(--mono);color:#a4b8a4;display:block;margin-top:21px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #425849;padding-top:28px;gap:30px}.metric strong{display:block;font:400 46px/1.2 Arial;letter-spacing:-2px}.metric span{font-size:11px;color:#b9c9b9}.caveat{font-size:11px!important;line-height:1.8;color:#b7c6b9;margin:24px 0 0!important;max-width:920px}.result-table{margin-top:25px;overflow-x:auto}.result-table table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}.result-table caption{text-align:left;font:9px var(--mono);color:#b7c6b9;margin-bottom:13px}.result-table th,.result-table td{padding:13px 8px;border-bottom:1px solid #425849;font-weight:400}.result-table th:first-child{padding-left:0}.result-table thead{color:#b7c6b9}.result-table td{font-family:var(--mono)}.findings{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin-top:35px}.findings>div{padding:14px 4px}.findings h3{font-size:22px;margin-top:14px}.findings p{font-size:13px;line-height:1.8;color:var(--muted)}.status{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:29px;border:1px solid var(--line);border-radius:10px;background:var(--white)}.badge{display:inline-block;font:8px/1.5 var(--mono);letter-spacing:1px;padding:5px 8px;background:#e9efda;border-radius:3px;color:#3b5432}.badge.next{background:#f4e4d8;color:#944629}.card h3{font-size:22px;margin-top:22px}.questions{margin-top:35px}details{border-top:1px solid var(--line);padding:20px 0}summary{font-size:15px;font-weight:500;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font:20px var(--mono);color:var(--orange)}details[open] summary:after{content:'−'}details p{max-width:850px;margin:15px 0 2px;font-size:13px;color:var(--muted);line-height:1.9}.start{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.start p{font-size:14px;color:var(--muted);line-height:1.8;margin-top:22px}.terminal{background:#eef0e4;border:1px solid #d9dfcd;border-radius:10px;padding:0 27px 25px;font:12px/2 var(--mono);overflow:auto}.terminal-top{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #d2dac4;margin:0 -27px 20px;padding:13px 19px;font-size:10px}.terminal-top>span{color:var(--muted)}.terminal button{border:1px solid #c8d3ba;background:var(--white);padding:5px 9px;border-radius:4px;font:9px var(--mono);color:var(--ink)}.terminal .comment{color:var(--muted);font-size:10px}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:38px 0 46px;font:10px/1.8 var(--mono);color:var(--muted)}.footer-brand{font:700 23px Arial;letter-spacing:-1px;color:var(--ink);text-decoration:none}.footer-brand span{color:var(--orange);margin-left:7px}footer>a:last-child{white-space:nowrap}
@media(min-width:1400px){.hero{min-height:710px}}@media(max-width:1000px){.wrap{padding:0 32px}.hero{gap:30px;padding:65px 0}h1{font-size:68px;letter-spacing:-4px}.runtime{padding:20px}.sample-tabs button{padding:7px 6px;font-size:8px}.steps{grid-template-columns:1fr 1fr}.step:nth-child(2){border-right:0}.step:nth-child(-n+2){border-bottom:1px solid var(--line)}.thesis{grid-template-columns:160px 1fr}.section{padding:70px 0}.section-heading{gap:35px}.experiment{padding:38px}.card{padding:23px}.start{gap:35px}.branch{padding:12px 9px}.branch strong{font-size:11px}}@media(max-width:760px){.wrap{padding:0 22px}header{height:82px}.brand{font-size:21px}nav{gap:18px;font-size:11px}.nav-github{padding:8px 10px}nav>a:first-child{display:none}.hero{grid-template-columns:1fr;gap:40px;padding:48px 0 55px}h1{font-size:clamp(65px,12vw,90px);letter-spacing:-4px;margin-top:23px}.lede{font-size:20px}.hero-description{max-width:470px}.hero-note{margin-top:23px}.runtime{transform:none;max-width:520px;width:100%;margin:0 auto;padding:24px}.sample-tabs button{font-size:9px;padding:7px 10px}.request-text{min-height:50px}.branch strong{font-size:13px}.branch{padding:15px}.thesis{grid-template-columns:1fr;gap:12px;padding:25px 0}.thesis p{font-size:20px}.section-heading{display:block}.section-intro{margin-top:20px;max-width:500px}h2{font-size:36px;letter-spacing:-1.5px}.section{padding:55px 0}.example,.findings,.start{grid-template-columns:1fr}.example-copy{padding:27px}.code{padding:27px}.experiment{padding:28px 22px}.experiment h2{font-size:35px}.experiment-watermark{font-size:160px;right:10px;top:0}.experiment-chart{padding:19px 14px}.experiment-chart>div{grid-template-columns:84px 1fr 20px;gap:10px;font-size:10px}.metrics{gap:16px}.metric strong{font-size:34px;letter-spacing:-1.5px}.metric span{font-size:10px}.result-table table{font-size:11px}.result-table td,.result-table th{padding:11px 5px}.result-table caption{line-height:1.7}.findings{gap:12px;margin-top:23px}.findings>div{padding:10px 3px}.status{grid-template-columns:1fr}.card{padding:25px}.card h3{margin-top:18px}.start{gap:20px}footer{flex-wrap:wrap;gap:24px}footer>span{flex-basis:100%;order:3}.runtime-foot{font-size:7px}.actions{gap:20px;font-size:11px}.button{padding:14px 17px}.button span{margin-left:10px}}@media(max-width:380px){.wrap{padding:0 16px}nav{gap:12px}.runtime{padding:18px}.sample-tabs button{font-size:8px;padding:7px}.branch{padding:12px 9px}.steps{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid var(--line)}.metrics{gap:10px}.metric strong{font-size:29px}.metric span{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.branch-icon{white-space:nowrap}.sample-tabs button{min-height:32px}.metric strong{white-space:nowrap}@media(max-width:760px){.desktop-only{display:none}.nav-github{white-space:nowrap}.metrics .metric:first-child strong{font-size:27px}}@media(max-width:380px){.metrics .metric:first-child strong{font-size:24px}}
/* The recorded-run explorer uses local, fixed data only. */
.run-explorer{background:#21392e;border:1px solid #425849;border-radius:10px;padding:25px;margin:30px 0}.explorer-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.explorer-heading h3{margin:0;font-size:23px}.explorer-heading>span{font:9px/1.6 var(--mono);color:#b7c6b9}.explorer-intro,.explorer-footnote{font-size:12px;line-height:1.8;color:#b7c6b9;margin:14px 0 22px}.explorer-controls{display:grid;grid-template-columns:1fr 1.4fr;gap:24px;align-items:end}.explorer-controls label,.explorer-controls legend{font-size:11px;color:#b7c6b9}.explorer-controls select{display:block;width:100%;margin-top:7px;border:1px solid #64785c;border-radius:5px;color:var(--white);background:#172d26;padding:11px;font:12px Arial}.explorer-controls fieldset{margin:0;padding:0;border:0;min-width:0}.explorer-controls legend{padding:0;margin-bottom:7px}.approach-buttons{display:flex;gap:6px}.approach-buttons button{flex:1;min-height:39px;border:1px solid #64785c;background:transparent;color:#cfddcc;font:10px var(--mono);border-radius:5px;padding:9px}.approach-buttons button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:var(--ink)}.explorer-results{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:27px 0}.explorer-results>div>span{display:block;font:10px var(--mono);color:#b7c6b9}.explorer-results strong{display:block;font-size:43px;font-weight:400;line-height:1.3;letter-spacing:-1px;margin:7px 0}.explorer-results small{display:block;font-size:12px;color:var(--green);line-height:1.7}.explorer-results small.worse{color:#ffc6a3}.token-comparison{display:grid;gap:12px}.token-comparison>div{display:grid;grid-template-columns:1fr auto;gap:8px;font:10px var(--mono);color:#c5d2bf}.token-comparison b{font-weight:400}.token-comparison i{grid-column:1/-1;display:block;height:13px;background:#314b3a;border-radius:3px;overflow:hidden}.token-comparison i span{display:block;height:100%;background:#8fa58a}.token-comparison>div:last-child i span{background:var(--green)}.executed-commands{border-top:1px solid #425849;padding-top:20px;margin-top:25px}.executed-commands>span{font:10px var(--mono);color:var(--green)}.executed-commands pre{font:11px/1.9 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;background:#172d26;border-radius:5px;padding:15px;margin:12px 0}.executed-commands p{font-size:12px;color:#b7c6b9;line-height:1.8;margin:0}.explorer-footnote{font-size:10px;margin:18px 0 0}select:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.install-steps{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:22px}.install-steps .terminal{min-width:0}.install-steps pre{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.9 var(--mono);margin:0}.install-steps .terminal>p{font:11px/1.7 Arial;margin-top:18px}.hero>div{min-width:0}@media(max-width:760px){h1{font-size:clamp(52px,10vw,78px)}.explorer-heading{display:block}.explorer-heading>span{display:block;margin-top:8px}.run-explorer{padding:19px 15px;margin:25px -7px}.explorer-controls{grid-template-columns:1fr;gap:18px}.explorer-results{gap:15px}.explorer-results strong{font-size:34px}.explorer-results small{font-size:11px}.approach-buttons button{font-size:9px;padding:9px 5px}.install-steps{grid-template-columns:1fr}.explorer-heading h3{font-size:21px}}
.terminal pre,.provider-guide pre{font:11px/1.9 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.terminal>p{font:11px/1.8 Arial;margin:18px 0 0}.provider-guide{grid-column:1/-1}.provider-guide pre{background:#eef0e4;border:1px solid var(--line);border-radius:8px;padding:22px}.provider-guide p{font-size:13px}.start>.terminal{min-width:0}

.task-context{margin:24px 0;padding:22px;border:1px solid #ffffff30;border-radius:12px;background:#ffffff06}.task-context>p{margin:0 0 20px;color:#d6ded6;line-height:1.6}.task-context article+article{margin-top:22px;padding-top:20px;border-top:1px solid #ffffff25}.task-context h4{font-size:18px;margin:0 0 10px;color:var(--lime,#d3ef86)}.task-context article p{font-size:14px;line-height:1.65;margin:8px 0;color:#e1e6df}.task-context code{overflow-wrap:anywhere}.task-context [hidden]{display:none}

.learning-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.learning-steps .step:nth-child(-n+3){border-bottom:1px solid var(--line)}.loop-feedback{display:flex;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:22px 0}.loop-feedback>span{font-size:42px;color:var(--orange)}.loop-feedback p{margin:0;font-size:14px;line-height:1.8}.routing-design{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:38px 0 12px}.routing-design>div{min-width:0}.routing-design h3{font-size:25px;line-height:1.25;margin:14px 0}.routing-design p{font-size:14px;line-height:1.8}.routing-design pre{font:11px/1.8 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;padding:20px;background:#eef0e4;border:1px solid var(--line);border-radius:8px}@media(max-width:760px){.learning-steps{grid-template-columns:1fr 1fr}.routing-design{grid-template-columns:1fr;gap:20px}.learning-steps .step{border-bottom:1px solid var(--line)}}@media(max-width:430px){.learning-steps{grid-template-columns:1fr}}

.router-replay .findings{margin-top:24px}.replay-note{font-size:13px;line-height:1.8;color:var(--muted);margin-top:24px}.runtime-foot{flex-wrap:wrap;gap:8px}

.candidate-estimates{margin:42px 0}.candidate-estimates table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px}.candidate-estimates caption{text-align:left;color:var(--muted);font-size:13px;padding:0 0 14px}.candidate-estimates th,.candidate-estimates td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:18px 14px 18px 0;overflow-wrap:anywhere}.candidate-estimates thead th{font:11px/1.6 var(--mono);font-weight:600}.candidate-estimates th:first-child{width:40%}.candidate-estimates tbody th{font-weight:500}@media(max-width:600px){.candidate-estimates table{font-size:12px}.candidate-estimates th,.candidate-estimates td{padding:14px 9px 14px 0}.candidate-estimates thead th{font-size:10px}.candidate-estimates th:first-child{width:38%}}

.past-round>summary{cursor:pointer;font-size:15px;font-weight:600;padding:16px 0;border-bottom:1px solid var(--line)}.past-round[open]>summary{margin-bottom:24px}
