@font-face{font-family:Manrope;src:url('assets/fonts/manrope-variable.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('assets/fonts/jetbrains-mono-variable.ttf') format('truetype');font-weight:100 800;font-style:normal;font-display:swap}
:root{
 --ink:#151515;--ink-2:#3d3d3d;--ink-3:#6b6b6b;--line-strong:#8a8a8a;
 --line:#bdbdbd;--hairline:#e7e7e7;--surface:#f3f3f3;--white:#ffffff;--brand:#2d4d31;
 --paper:var(--white);--paper-deep:var(--surface);--ink-soft:var(--ink-3);
 --orange:var(--ink);--orange-light:var(--hairline);--teal:var(--ink);
 --dark:var(--ink);--dark-muted:var(--line);
 --sans:'Manrope',Arial,sans-serif;--serif:var(--sans);--mono:'JetBrains Mono',monospace;
}
html{font-synthesis:none}
body.story-edition{font:400 19px/1.55 var(--sans);color:var(--ink);background:var(--white)}
body.story-edition .site-header{background:var(--white)}
button,input,select,textarea{font-family:var(--sans);font-synthesis:none}
em{font-style:normal}
.story-edition .story-title-row h1{font:800 76px/1.04 var(--sans);letter-spacing:-.025em}
.title-accent{color:var(--brand)}
.story-edition :is(.story-section-heading h2,.method-heading h2){font:700 48px/1.1 var(--sans);letter-spacing:-.02em}
.story-edition :is(.driver-overview h3,.meter-explanation h3,.meter-usage-heading h3,.story-prose h3,.scenario-intro h3,.benchmark-heading h3,.evidence-heading h3){font:600 28px/1.2 var(--sans);letter-spacing:normal}
.story-edition #baseline-guide .baseline-guide-heading h3{font:600 28px/1.2 var(--sans);letter-spacing:normal}
.story-edition :is(.figure-toolbar h3,.memory-figure h3,.scenario-assumptions h4,.driver-test h4,.org-distribution-heading h4){font:600 28px/1.2 var(--sans);letter-spacing:normal}
.story-edition :is(.story-prose>p,.opening-anecdote>p,.meter-introduction .story-prose p,.experiment-intro,.driver-question p,.modifier-intro>p,.scenario-intro>p){font:400 19px/1.55 var(--sans);max-width:64ch;color:var(--ink)}
#modifiers .driver-results-content>.story-prose p,#modifiers .driver-reaction p{font:400 19px/1.55 var(--sans);max-width:64ch;color:var(--ink)}
.story-edition .story-prose .story-emphasis{font:600 28px/1.2 var(--sans);font-style:normal;letter-spacing:normal}
.story-edition .story-pullquote{font:600 28px/1.2 var(--sans);max-width:64ch;color:var(--ink)}
.story-edition .story-pullquote em,.story-edition .story-section-heading h2 em{font-family:var(--sans);font-weight:inherit;font-style:normal}
.story-edition .eyebrow,.story-edition .chapter-number,.story-edition .evidence-label{font:600 12px/1.45 var(--sans)!important;letter-spacing:.16em!important;text-transform:uppercase;color:var(--ink-3)}
.story-edition :is(figcaption,.figure-note,.draft-help,.baseline-caption,.evidence-note,.experiment-content .evidence-source,.driver-format-note,.driver-study-note,.driver-interpretation,.model-basis-note,.model-cost-caption,.concept-caption,.inline-source,.org-pricing-explanation,.org-distribution-method p){font:500 13px/1.45 var(--sans);color:var(--ink-3)}
.story-edition .arcade-figure figcaption{font:500 13px/1.45 var(--sans);letter-spacing:normal;text-transform:none}
.story-edition .arcade-figure figcaption>span:last-child{max-width:none}
.story-edition :is(.story-meta>span:last-child,.draft-footer,.power-figure-top,.tier-count,.payoff-context small,.payoff-prices small,.finding-numbers span){font:500 13px/1.45 var(--sans);letter-spacing:normal;color:var(--ink-3)}
#modifiers .driver-overview .finding-scope,#modifiers .driver-results-content>.draft-note p{font:500 13px/1.45 var(--sans);color:var(--ink-3)}
#modifiers .driver-overview .finding-line{font:600 28px/1.2 var(--sans);color:var(--ink);letter-spacing:normal}
#modifiers .driver-reaction h4{font:600 12px/1.45 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}
.story-edition .driver-results>summary small,.story-edition .story-modifier-index small{font:500 13px/1.45 var(--sans);color:var(--ink-3)}
.story-edition .story-modifier-index a{padding-inline:12px}
.story-edition .story-modifier-index a>span{font:600 12px/1.45 var(--sans);letter-spacing:.16em;color:var(--ink-3)}
.story-edition .story-modifier-index strong{font:600 15px/1.4 var(--sans);color:var(--ink)}
.story-edition .story-route small,.story-edition .story-route span,.story-edition .text-link,.story-edition .payoff-context a{font:600 12px/1.45 var(--sans);letter-spacing:normal}
.story-edition .workflow-tier-intro{font:400 19px/1.55 var(--sans);max-width:64ch;color:var(--ink)}
.story-edition .workflow-column .baseline-task{font:500 13px/1.45 var(--sans);color:var(--ink)}
.story-edition .workflow-column .baseline-cost{font:500 14px/1.45 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:normal;color:var(--ink)}
.story-edition :is(.baseline-detail dd,.driver-result-detail dd){font-family:var(--sans);font-weight:500}
.story-edition :is([data-figure],.model-task-table td:not(:first-child),.meter-workflow dd){font-family:var(--mono);font-weight:500;font-variant-numeric:tabular-nums}
.story-edition :is(.model-row-labels strong,.driver-result strong){font:500 14px/1.45 var(--mono);font-variant-numeric:tabular-nums}
.story-edition .model-row-labels{font:500 14px/1.45 var(--sans);color:var(--ink-2)}
.story-edition .model-row.is-focus .model-row-labels{font-weight:800;color:var(--ink)}
.story-edition .model-row.is-focus .model-row-labels strong{font-weight:800;color:var(--ink)}
.story-edition .meter-example .meter-reading{font:500 46px var(--mono);letter-spacing:-1px;font-variant-numeric:tabular-nums;fill:var(--white)}
.story-edition .meter-example .meter-label{font:600 11px var(--sans);letter-spacing:.1em;fill:var(--line)}
.story-edition .power-drawing .diagram-label{font:600 11px var(--sans);letter-spacing:.08em;fill:var(--ink)}
.story-edition .power-drawing .diagram-small{font:500 11px var(--sans);fill:var(--ink-3)}
.story-edition :is(.payoff-prices strong,.finding-number,.finding-numbers strong,.org-results strong,.estimate-result>strong,.fixed-allowance>strong,.plan-results strong,.cost-evidence-item>strong,.usage-control output,.environment-grid strong,.memo-bar-label strong,.context-row strong,.org-usage-field output,.org-spread-field output){font-family:var(--sans);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.025em;color:var(--ink)}
.story-edition .payoff-versus{font:500 20px/1.2 var(--sans);font-style:normal;color:var(--ink-3)}
.story-edition .payoff-heading h2{font:600 24px/1.2 var(--sans);letter-spacing:normal}
.story-edition .payoff-plan{font:600 14px/1.45 var(--sans)}
.story-edition .payoff-prices p>span{font:500 13px/1.45 var(--sans);color:var(--ink-3)}
.story-edition .payoff-context p{font:500 15px/1.45 var(--sans)}
.story-edition .context-row strong{font-size:28px}
.story-edition .context-row{grid-template-columns:150px minmax(0,1fr) 88px}
.story-edition .segmented button{font:600 12px/1.45 var(--sans)}
.story-edition :is(.config-grid label,.axis-controls label,.team-billing-control){font:600 13px/1.45 var(--sans);color:var(--ink-2)}
.story-edition :is(select,input[type=number],.segmented){border-color:var(--line-strong)}
.story-edition :is(.evidence-track,.model-track,.driver-track){background:var(--hairline)}
.story-edition .model-fill.claude,.story-edition .legend-mark.claude{background:var(--ink);border:0}
.story-edition .model-fill.openai,.story-edition .legend-mark.openai{background:var(--line-strong);border:0}
.story-edition .context-row[data-context=loaded] .evidence-track i{background:var(--ink);border:0}
.story-edition .context-row[data-context=clean] .evidence-track i{background:var(--line-strong);border:0}
.story-edition .context-row[data-context=loaded]>span{font-weight:800}
.story-edition [data-environment] .evidence-track i{background:var(--ink-2)}
.story-edition [data-environment=Cowork] .evidence-track i{background:var(--ink)}
.story-edition [data-environment=Cowork] h4{font-weight:800}
.story-edition [data-driver-run] .driver-track i{background:var(--ink-2)}
.story-edition :is([data-driver-run=D05-T1-B],[data-driver-run=D05-T2-C]) .driver-track i{background:var(--ink)}
.story-edition :is([data-driver-run=D05-T1-B],[data-driver-run=D05-T2-C]) .driver-result-heading{font-weight:800}
.story-edition .org-bars>div+div i,.story-edition .legend-mark.org-premium-key{background:var(--ink-2);border:0}
.story-edition .cost-evidence-item:nth-child(2) .evidence-meter>span{background:var(--ink-2);border:0}
.story-edition .legend-mark.enterprise{border-color:var(--ink-2)}
.story-edition .plot-selection,.story-edition .baseline-detail,.story-edition .scenario-assumptions{background:var(--surface)}
.story-edition .baseline-detail dt,.story-edition .baseline-detail dd{font-size:12px;line-height:1.45}
.story-edition .chart-tooltip{background:var(--white);color:var(--ink);border:1px solid var(--line-strong);box-shadow:none}
.story-edition .chart-tooltip strong{border-color:var(--line)}

/* A light memory exhibit leaves the meter as the one dark instrument. */
#modifiers .memory-experiment .experiment-content{background:var(--white);color:var(--ink);border:1px solid var(--line);padding:26px}
.memory-experiment .memory-figure:before{display:none}
.story-edition .memory-experiment .memory-figure h3{font:600 28px/1.2 var(--sans);color:var(--ink)}
.memory-experiment .segmented{border-color:var(--line-strong);background:var(--white)}
.memory-experiment .segmented button{color:var(--ink-2)}
.memory-experiment .segmented button[aria-pressed=true]{background:var(--ink);color:var(--white)}
.memory-experiment .memo-dot-track{background:linear-gradient(to right,var(--hairline) 1px,transparent 1px) 0 0 / calc(100% / 6) 100%;border-color:var(--hairline)}
.memory-experiment .memo-bar-label>span{color:var(--ink-2);font:600 15px/1.45 var(--sans)}
.memory-experiment .memo-dot-row .memo-bar-label strong{font:800 28px/1.2 var(--sans);font-variant-numeric:tabular-nums;color:var(--ink)}
.memory-experiment .memo-run-label{font:500 12px/1.45 var(--mono);color:var(--ink-2);background:var(--white)}
.memory-experiment .memo-run>i{background:var(--ink);border-color:var(--ink);box-shadow:0 0 0 3px var(--white)}
.memory-experiment [data-memory-setting=off] .memo-run>i{background:var(--ink-2);border-color:var(--ink-2)}
.memory-experiment .memo-median{border-color:var(--line-strong);opacity:1}
.memory-experiment .memo-dot-key{background:var(--ink)}
.memory-experiment .memo-median-key{border-color:var(--line-strong)}
.memory-experiment .memo-dot-axis{border-color:var(--line);font:400 11px/1.45 var(--mono);color:var(--ink-3)}
.memory-experiment .memo-plot-key{color:var(--ink-3);font:500 13px/1.45 var(--sans)}
.memory-experiment .memory-reading{background:var(--surface);border:0}
.memory-experiment .memory-reading p,.memory-experiment .experiment-intro,.memory-experiment figcaption{font:500 13px/1.45 var(--sans);color:var(--ink-3)}
.memory-experiment .memory-reading-kicker{color:var(--ink-2)}

/* Ticks are measurements; labels are reading aids. */
#workflow-plot text,#plan-chart text,#org-distribution-chart text,.story-edition .model-axis{font:400 11px var(--mono);fill:var(--ink-3);color:var(--ink-3)}
#workflow-plot .chart-axis-title,#plan-chart .chart-axis-title,#plan-chart .chart-annotation,#org-distribution-chart .chart-axis-title{font:500 12px var(--sans);fill:var(--ink-3)}
#plan-chart .chart-grid{stroke:var(--line)}
#workflow-plot .scatter-point .scatter-dot{fill:var(--line-strong);stroke:var(--white);stroke-width:1.5}
#workflow-plot .scatter-point.is-outlier .scatter-dot{fill:var(--ink-2)}
#workflow-plot .scatter-point.selected .scatter-dot{fill:var(--ink);stroke:var(--ink);stroke-width:1.5}
#workflow-plot .scatter-point .scatter-hit,#workflow-plot .scatter-point.selected .scatter-hit{fill:transparent;stroke:none}
#workflow-plot .scatter-point:focus-visible .scatter-hit{stroke:var(--ink);stroke-width:1.5}
#workflow-plot .scatter-direct-label{font:500 12px var(--sans);fill:var(--ink-2);paint-order:stroke;stroke:var(--white);stroke-width:4;stroke-linejoin:round}
#workflow-plot .scatter-direct-label.is-selected{font-weight:800;fill:var(--ink)}
#workflow-plot .scatter-leader{stroke:var(--line-strong);stroke-width:1;fill:none}
/* Supporting notes use one readable caption size, including inside disclosures. */
.story-edition :is(.baseline-detail,.source-detail,.method-details,.fixed-allowance,.org-billing-setting,.org-bundle-setting,.org-bundle-breakdown,.cost-evidence-item,.finance-evidence-notes,.driver-result-detail,.driver-test,.meter-workflow,.meter-usage-heading) p,
.story-edition :is(.scenario-notes dd,.org-results small,.plan-results small,.plot-selection span,.plan-starting-fees,.memory-reading-kicker),
.story-edition .figure-toolbar>div>span:not(.eyebrow),
.story-edition .memory-experiment .experiment-intro,
.story-edition #upgrade-assumption,.story-edition #driver-scale-note{font:500 13px/1.45 var(--sans);color:var(--ink-3)}
.story-edition .memory-experiment .memory-reading-kicker{font-size:12px;font-weight:600;letter-spacing:.16em}
.story-edition i{font-style:normal}
@media(max-width:850px){
 .story-edition .story-title-row h1{font-size:56px}
 .story-edition .figure-toolbar{flex-wrap:wrap;align-items:flex-start}
 .story-edition .finding-lead{grid-template-columns:1fr;gap:22px}
 .story-edition .finding-numbers{max-width:390px}
 .story-edition .story-modifier-index{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:700px){
 .story-edition .story-title-row h1{font-size:40px}
 .story-edition :is(.story-section-heading h2,.method-heading h2){font-size:36px}
 .story-edition :is(.figure-toolbar h3,.memory-figure h3,.scenario-assumptions h4,.org-distribution-heading h4){font-size:24px}
 .story-edition .payoff-heading h2{font-size:22px}
 .story-edition .arcade-figure figcaption{display:block}
 .story-edition .arcade-figure figcaption>span{display:block;text-align:left;margin-top:4px}
 .story-edition .story-modifier-index{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .story-edition .story-modifier-index a:last-child{grid-column:1/-1}
 #modifiers .memory-experiment .experiment-content{padding:20px 12px}
 .memory-experiment .memo-dot-row .memo-bar-label strong{font-size:22px}
 .memory-experiment .memo-run-label{font-size:11px}
 .story-edition .context-row{grid-template-columns:100px minmax(0,1fr) 74px;gap:10px}
 .story-edition .context-row strong{font-size:23px}
 .story-edition .org-results{grid-template-columns:1fr}
 .story-edition .payoff-context p{font-size:14px}
 .story-edition .model-row-labels{font-size:13px}
 .story-edition .finding-numbers{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
 .story-edition .finding-numbers strong{font-size:clamp(40px,12vw,54px)}
}

/* Test conditions stay visible beneath each driver heading. */
#modifiers .driver-overview h3{margin-bottom:10px}
#modifiers .driver-overview .driver-tested{font:500 16px/1.5 var(--sans);color:var(--ink-3);max-width:none;margin:0 0 28px;text-wrap:pretty}

/* One section-break treatment for chapters, the interactive tool and source notes. */
.story-edition{--section-space:64px;--section-rule-gap:24px;--section-content-gap:32px}
.story-edition :is(#the-work,#plans,#takeaways,#task-estimator,#methodology),
.story-edition #modifiers>.modifier-intro{border-top:0;padding-top:var(--section-space);padding-bottom:var(--section-space)}
.story-edition #modifiers{border-top:0}
.story-edition #modifiers>.modifier-intro{padding-bottom:12px}
.story-edition .section-break,
.story-edition #methodology .section-break{width:100%;max-width:none;border-top:1px solid var(--line);padding-top:var(--section-rule-gap);margin:0 0 var(--section-content-gap)}
.story-edition .section-break>.eyebrow{display:block;margin:0}
.story-edition .section-break>.eyebrow+h2{margin:20px 0 0}
.story-edition .section-break>.chapter-label{color:var(--ink-3)}
@media(max-width:700px){
 .story-edition{--section-space:44px;--section-rule-gap:20px;--section-content-gap:28px}
 .story-edition .section-break>.eyebrow+h2{margin-top:16px}
}
.story-edition #read-the-meter .meter-introduction{align-items:start}

/* Prose fills its available column; adjacent media still defines a separate column. */
body.story-edition main#main p,
body.story-edition #modifiers .driver-results-content p,
body.story-edition #modifiers .driver-overview p{max-width:none}

.story-edition .section-one-summary{margin-top:40px}

/* Let the per-seat curve occupy the full exhibit. */
.story-edition .plan-scenario{display:block}
.story-edition .plan-figure:before{display:none}

/* Driver findings are compact callouts within the article. */
.story-edition #modifiers .finding-lead{grid-template-columns:200px minmax(0,1fr);gap:24px}
.story-edition #modifiers .finding-number{font-size:52px;line-height:1.05}
.story-edition #modifiers .finding-numbers{gap:16px;max-width:240px}
.story-edition #modifiers .finding-numbers strong{font-size:34px;line-height:1.1}
.story-edition #modifiers .finding-numbers span{margin-top:6px}
.story-edition #modifiers .driver-overview .finding-line{font-size:20px;line-height:1.35;margin-bottom:8px}
.story-edition #modifiers .driver-overview .driver-tested{margin-bottom:20px}
@media(max-width:850px){
 .story-edition #modifiers .finding-lead{grid-template-columns:1fr;gap:12px}
 .story-edition #modifiers .finding-number{font-size:40px}
 .story-edition #modifiers .finding-numbers strong{font-size:30px}
 .story-edition #modifiers .finding-numbers{max-width:260px}
}

/* Bundle comparison remains a compact, full-width chart. */
.story-edition .plan-without-bundles{background:var(--line-strong)}
.story-edition .plan-figure .legend [hidden]{display:none}
.story-edition .plan-figure .plan-bundle-benefit{font:500 13px/1.45 var(--sans);color:var(--ink-2);margin:16px 0 0}
.story-edition .plan-figure .plan-results strong{font-size:clamp(24px,3vw,43px)}
@media(max-width:700px){.story-edition .plan-figure .plan-results{grid-template-columns:1fr;gap:16px}.story-edition .plan-figure .plan-results>div{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:14px;align-items:baseline}.story-edition .plan-figure .plan-results>div>span{min-height:0}.story-edition .plan-figure .plan-results small{grid-column:1/-1}.story-edition .plan-figure .plan-results strong{font-size:28px;margin:0}}

/* Annualized totals follow the primary monthly figures. */
.story-edition .org-results .org-annualized{font:500 13px/1.45 var(--sans);color:var(--ink-2);margin:0 0 12px}
.story-edition .org-annualized b{font:700 20px/1.3 var(--sans);font-variant-numeric:tabular-nums;color:var(--ink);letter-spacing:-.02em}
.story-edition #organization-calculator .org-annualized-note{font:500 13px/1.45 var(--sans);color:var(--ink-3);margin:-10px 0 24px}

/* New task allocations and a reserved place for the memory rerun. */
.story-edition .model-task-control{display:flex;align-items:center;gap:16px;margin:0 0 24px;flex-wrap:wrap}
.story-edition .model-task-control label{font:600 13px/1.45 var(--sans);color:var(--ink-2)}
.story-edition .model-task-control select{font:500 14px/1.45 var(--sans);color:var(--ink);border:1px solid var(--line-strong);background:var(--white);padding:10px 32px 10px 12px;max-width:100%;min-width:0}
.story-edition #modifiers .model-task-basis{font:500 13px/1.45 var(--sans);color:var(--ink-3);margin:0 0 24px}
.story-edition .model-row.is-allocated .model-fill{background-image:repeating-linear-gradient(135deg,transparent 0 3px,var(--white) 3px 5px)}
.story-edition #modifiers .driver-overview .pending-finding{font:600 20px/1.35 var(--sans);margin:0}
.story-edition #modifiers .result-pending{font:400 19px/1.55 var(--sans);color:var(--ink-2)}
.org-shape-setting{display:grid;grid-template-columns:minmax(180px,240px) 1fr;align-items:center;gap:24px;margin:0 0 24px}
.org-shape-setting label{display:grid;gap:8px;font:600 13px/1.45 var(--sans);color:var(--ink)}
.org-shape-setting select{width:100%;min-width:0;padding:11px 12px;border:1px solid var(--line-strong);border-radius:0;background:var(--white);color:var(--ink);font:500 14px/1.4 var(--sans)}
.org-shape-setting select:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.story-edition .org-shape-setting p{margin:0;font:500 13px/1.45 var(--sans);color:var(--ink-3)}
@media(max-width:600px){.org-shape-setting{grid-template-columns:1fr;gap:12px}}