:root{--bg: #141416;--bg-elev: #1a1a1d;--bg-elev-2: #202024;--border: #2a2a2f;--border-strong: #35353c;--fg: #f4f4f5;--fg-muted: #a1a1aa;--fg-dim: #71717a;--accent: #f5d199;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Monaco, Consolas, monospace;--sans: ui-sans-serif, system-ui, -apple-system, "Inter", "Segoe UI", Roboto, sans-serif;--serif: ui-serif, "Iowan Old Style", "Apple Garamond", "Baskerville", "Times New Roman", serif}*{box-sizing:border-box}html,body{margin:0}body{min-height:100dvh;overflow-x:hidden;background:var(--bg);color:var(--fg);font-family:var(--sans);line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit}.grain{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.container{width:100%;max-width:1360px;margin-inline:auto;padding-inline:clamp(20px,5vw,56px)}main{padding-top:clamp(116px,13vw,164px);padding-bottom:clamp(72px,9vw,120px)}.page-header{max-width:760px;margin:0 auto clamp(48px,7vw,88px);text-align:center}h1,h2{margin:0;font-family:var(--serif);font-weight:400;letter-spacing:-.025em}h1{font-size:clamp(48px,7vw,80px);line-height:.96}h2{font-size:clamp(25px,3vw,38px);line-height:1.08}.page-header>p:last-child{max-width:62ch;margin:26px auto 0;color:var(--fg-muted);font-size:clamp(17px,1.4vw,20px);text-wrap:pretty}.metric-grid{display:grid;max-width:720px;margin-inline:auto}.metric-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));max-width:900px}.metric-grid>div{min-width:0;padding:24px;text-align:center}.metric-grid-2>div:nth-child(odd){border-right:1px solid var(--border)}.metric-grid-2>div:nth-child(-n+2){border-bottom:1px solid var(--border)}.metric-grid-3>div:not(:last-child){border-right:1px solid var(--border)}.metric-grid strong,.metric-grid span{display:block}.metric-grid strong{font-family:var(--serif);font-size:clamp(28px,3vw,40px);font-weight:400;color:var(--fg);white-space:nowrap}.metric-grid span{margin-top:5px;color:var(--fg-dim);font-family:var(--mono);font-size:11px;line-height:1.4}.block{padding-block:clamp(32px,5vw,56px);border-top:1px solid var(--border)}.block-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.cost-heading{align-items:center;justify-content:center;text-align:center}.block-heading>p{margin:0 0 3px;color:var(--fg-dim);font-family:var(--mono);font-size:11px}.cost-chart{display:grid;gap:10px}.cost-row{display:grid;grid-template-columns:minmax(190px,280px) minmax(240px,1fr) 72px;gap:14px;align-items:center}.cost-model{overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.cost-track{height:22px;overflow:hidden;border-radius:3px;background:var(--bg-elev-2)}.cost-fill{display:block;height:100%;background:var(--accent)}.duration-fill{background:#b8c7a6}.cost-row>strong{font-family:var(--mono);font-size:12px}.caption{margin:24px 0 0;color:var(--fg-dim);font-family:var(--mono);font-size:11px;text-wrap:pretty}.cost-caption{text-align:center}.scatter-chart-shell{position:relative}.scatter-chart-scroll{overflow-x:auto}.scatter-chart{display:block;width:100%;min-width:720px;height:auto}.scatter-grid-line{stroke:var(--border);stroke-width:1;vector-effect:non-scaling-stroke}.scatter-median{stroke:var(--fg-dim);stroke-width:1;stroke-dasharray:5 5;vector-effect:non-scaling-stroke}.scatter-tick,.scatter-median-label,.scatter-axis-label{font-family:var(--mono)}.scatter-tick{fill:var(--fg-dim);font-size:11px}.scatter-median-label{fill:var(--fg-muted);font-size:10px}.scatter-axis-label{fill:var(--fg-muted);font-size:12px;font-weight:600}.scatter-point{cursor:pointer;outline:none;transition:opacity .14s ease}.scatter-point circle{stroke:var(--bg);stroke-width:2;vector-effect:non-scaling-stroke;transition:r .12s ease,stroke-width .12s ease}.scatter-point:hover circle,.scatter-point:focus-visible circle{r:10;stroke:var(--fg);stroke-width:3}.scatter-point.is-family-muted{opacity:.12}.scatter-point.is-family-active circle{r:9;stroke:var(--fg);stroke-width:2.5}.scatter-tooltip{position:absolute;z-index:2;width:max-content;max-width:min(300px,calc(100% - 16px));padding:13px 16px;border:1px solid var(--border-strong);border-radius:5px;background:var(--bg-elev);pointer-events:none;font-family:var(--mono)}.scatter-tooltip strong,.scatter-tooltip span{display:block;white-space:nowrap}.scatter-tooltip strong{color:var(--fg);font-size:13px;font-weight:600}.scatter-tooltip span{margin-top:5px;color:var(--fg-muted);font-size:11px}.scatter-legend{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px 18px;margin:16px auto 0;padding:0;color:var(--fg-dim);font-family:var(--mono);font-size:10px;list-style:none}.scatter-legend button{display:inline-flex;align-items:center;gap:7px;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;transition:color .14s ease,opacity .14s ease}.scatter-legend button.is-family-muted{opacity:.28}.scatter-legend button.is-family-active{color:var(--fg)}.scatter-legend i{display:inline-block;width:8px;height:8px;border-radius:50%}.table-caption{text-align:center}.harness-name{display:inline-flex;align-items:center;gap:8px}.harness-name img{display:block;flex:0 0 auto;object-fit:contain}.harness-name img[src$="/codex.svg"]{filter:invert(1)}.table-scroll{margin-inline:calc(clamp(20px,5vw,56px)*-1);padding-inline:clamp(20px,5vw,56px);overflow-x:auto;white-space:nowrap}table{width:100%;border-collapse:collapse}th,td{padding:14px 18px;border-bottom:1px solid var(--border);text-align:right}th:first-child,td:first-child{min-width:250px;padding-left:0;text-align:left}th:nth-child(2),td:nth-child(2){text-align:left}thead th{color:var(--fg-dim);font-family:var(--mono);font-size:11px;font-weight:500;white-space:nowrap}thead button{padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}thead button:hover,thead button:focus-visible{color:var(--fg)}tbody th{color:var(--fg);font-family:var(--serif);font-size:18px;font-weight:400}tbody td{color:var(--fg-muted);font-family:var(--mono);font-size:12px}footer{padding-block:32px 52px;border-top:1px solid var(--border)}footer p{margin:0;color:var(--fg-dim);font-family:var(--mono);font-size:12px;text-align:center}footer a{color:var(--fg);text-underline-offset:3px}@media(max-width:800px){.block-heading{align-items:start;flex-direction:column}.block-heading.cost-heading{align-items:center}.cost-row{grid-template-columns:1fr auto;gap:5px 12px}.cost-model{text-align:left}.cost-track{grid-column:1 / -1;grid-row:2}.cost-row>strong{grid-column:2;grid-row:1}}@media(max-width:760px){main{padding-top:108px}}@media(max-width:520px){.metric-grid-2,.metric-grid-3{grid-template-columns:1fr}.metric-grid>div{padding:18px 12px;border-right:0!important;border-bottom:0!important}.metric-grid>div+div{border-top:1px solid var(--border)}.metric-grid strong{font-size:30px;white-space:normal}.metric-grid span{font-size:10px}th:first-child,td:first-child{min-width:210px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}