.section-benchmarks .ba-reading{width:min(1120px,calc(100% - 64px));padding:76px 0 88px}
.section-benchmarks .ba-intro{max-width:800px;margin-bottom:64px}
.section-benchmarks .ba-byline{display:flex;align-items:center;gap:24px;margin-bottom:18px;font:500 12px/1.6 Manrope,sans-serif;color:oklch(48% .022 235)}
.section-benchmarks .ba-reading .ba-intro h2{font:400 clamp(32px,4vw,48px)/1.12 Georgia,serif;letter-spacing:-.035em;margin:0 0 22px;max-width:22ch}
.section-benchmarks .ba-reading p{font:400 17px/1.8 Manrope,sans-serif;color:oklch(34% .017 240);max-width:70ch;margin:0 0 20px}
.section-benchmarks .ba-reading .ba-date-note{font-size:12px;color:oklch(48% .02 240);margin:18px 0 0}
.section-benchmarks .ba-reading .bm-summaries{gap:68px}
.section-benchmarks .ba-reading .bm-summary{display:block;scroll-margin-top:24px}
.section-benchmarks .ba-section-heading{margin:0 0 22px}
.section-benchmarks .ba-section-heading>span{display:block;margin-bottom:10px;color:oklch(46% .06 232);font:500 12px/1.6 Manrope,sans-serif}
.section-benchmarks .ba-reading .ba-section-heading h3{font:400 30px/1.25 Georgia,serif;letter-spacing:-.025em;max-width:28ch;margin:0;color:oklch(26% .014 245)}
.section-benchmarks .ba-reading a{color:oklch(40% .065 230);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.section-benchmarks .ba-reading a:hover{color:oklch(27% .06 230)}
.section-benchmarks .ba-reading .ba-source{font-size:12px;margin:24px 0 0}
.section-benchmarks .ba-figure{margin:32px 0;background:oklch(97.7% .006 235);padding:24px 28px 18px}
.section-benchmarks .ba-figure>header{display:flex;justify-content:space-between;align-items:start;gap:24px;margin-bottom:24px}
.section-benchmarks .ba-figure h4{font:600 16px/1.5 Manrope,sans-serif;letter-spacing:-.015em;margin:0;max-width:44ch;color:oklch(28% .02 240)}
.section-benchmarks .ba-brand{display:flex;align-items:center;gap:6px;color:oklch(31% .028 235);font:700 15px/1 Manrope,sans-serif;letter-spacing:-.06em;flex:none;padding-top:2px}
.section-benchmarks .ba-brand img{width:20px;height:20px;object-fit:contain}
.section-benchmarks .ba-figure figcaption,.section-benchmarks .ba-workflow figcaption{font:400 12px/1.7 Manrope,sans-serif;color:oklch(46% .02 240);margin-top:18px;max-width:90ch}
.section-benchmarks .ba-score-heading,.section-benchmarks .ba-score-row{display:grid;grid-template-columns:260px minmax(60px,1fr) 50px 105px;gap:12px;align-items:center}
.section-benchmarks .ba-score-heading{font:500 10px/1.5 Manrope,sans-serif;color:oklch(48% .02 240);margin-bottom:14px}
.section-benchmarks .ba-score-row{padding:9px 0}
.section-benchmarks .ba-model{font:500 13px/1.6 Manrope,sans-serif;color:oklch(29% .02 240);min-width:0}
.section-benchmarks .ba-model small,.section-benchmarks .ba-value small{display:block;color:oklch(48% .02 240);font:400 11px/1.5 Manrope,sans-serif}
.section-benchmarks .ba-value,.section-benchmarks .ba-cost{font:500 13px/1.5 Manrope,sans-serif;color:oklch(30% .018 240);text-align:right;font-variant-numeric:tabular-nums}
.section-benchmarks .ba-cost{font-weight:400}
.section-benchmarks .ba-bar-space{display:block;position:relative;height:8px;background:oklch(90% .014 235);overflow:hidden;border-radius:2px}
.section-benchmarks .ba-bar{position:absolute;inset:0;background:oklch(44% .07 235);transform:scaleX(var(--bar));transform-origin:left center;animation-fill-mode:both}
.section-benchmarks .ba-anthropic{background:oklch(52% .115 43)}
.section-benchmarks .ba-meta{background:oklch(52% .12 253)}
.section-benchmarks .ba-google{background:oklch(49% .09 154)}
.section-benchmarks .ba-openai{background:oklch(34% .018 245)}
.section-benchmarks .ba-budget{background:oklch(56% .075 232)}
.section-benchmarks .ba-effort-row{display:grid;grid-template-columns:100px 1fr 1fr;gap:28px;align-items:center;padding:12px 0}
.section-benchmarks .ba-effort-row>strong,.section-benchmarks .ba-completion-row>strong{font:500 13px/1.5 Manrope,sans-serif;color:oklch(30% .02 240)}
.section-benchmarks .ba-metric-label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;font:400 12px/1.5 Manrope,sans-serif;color:oklch(46% .02 240)}
.section-benchmarks .ba-metric-label b{font-weight:600;font-variant-numeric:tabular-nums;color:oklch(29% .02 240)}
.section-benchmarks .ba-reading .ba-chart-takeaway{font:500 15px/1.7 Manrope,sans-serif;margin:20px 0 0;color:oklch(30% .03 235)}
.section-benchmarks .ba-axis{font:400 11px/1.5 Manrope,sans-serif;color:oklch(46% .02 240);margin-bottom:10px;text-align:center}
.section-benchmarks .ba-ci-row{display:grid;grid-template-columns:230px minmax(100px,1fr) 86px;align-items:center;gap:20px;padding:10px 0}
.section-benchmarks .ba-range{height:28px;position:relative;background:repeating-linear-gradient(to right,transparent 0,transparent calc(25% - 1px),oklch(87% .012 235) calc(25% - 1px),oklch(87% .012 235) 25%)}
.section-benchmarks .ba-range:before{content:'';position:absolute;top:50%;left:0;right:0;height:1px;background:oklch(84% .018 235)}
.section-benchmarks .ba-ci-band{position:absolute;top:50%;height:3px;background:oklch(39% .065 234);transform:translateY(-50%)}
.section-benchmarks .ba-ci-band:before,.section-benchmarks .ba-ci-band:after{content:'';position:absolute;top:-3px;width:1px;height:9px;background:inherit}
.section-benchmarks .ba-ci-band:before{left:0}.section-benchmarks .ba-ci-band:after{right:0}
.section-benchmarks .ba-ci-dot,.section-benchmarks .ba-completion-dot,.section-benchmarks .ba-partial-dot{position:absolute;top:50%;width:9px;height:9px;background:oklch(34% .06 235);border-radius:50%;transform:translate(-50%,-50%)}
.section-benchmarks .ba-chart-key{display:flex;gap:24px;font:400 12px/1.5 Manrope,sans-serif;margin-bottom:16px;color:oklch(39% .02 240)}
.section-benchmarks .ba-chart-key>span{display:flex;align-items:center;gap:8px}
.section-benchmarks .ba-chart-key>span:before{content:'';width:16px;height:3px;background:oklch(34% .06 235)}
.section-benchmarks .ba-chart-key>.ba-key-partial:before{height:4px;background:transparent;border:1px solid oklch(57% .11 65)}
.section-benchmarks .ba-completion-row{display:grid;grid-template-columns:100px minmax(100px,1fr) 85px;align-items:center;gap:24px;padding:9px 0}
.section-benchmarks .ba-completion-line{position:absolute;top:50%;height:2px;background:oklch(69% .055 65);transform:translateY(-50%)}
.section-benchmarks .ba-partial-dot{background:oklch(97.7% .006 235);border:2px solid oklch(57% .11 65);box-sizing:border-box}
.section-benchmarks .ba-workflow{margin:56px 0 64px;padding:0;max-width:700px}
.section-benchmarks .ba-flow-scene svg{display:block;width:100%;height:auto;fill:none;stroke:oklch(40% .065 235);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.section-benchmarks .ba-flow-path{stroke:oklch(79% .03 235);stroke-dasharray:5 8}
.section-benchmarks .ba-flow-check rect,.section-benchmarks .ba-flow-finish circle{fill:oklch(95% .018 235)}
.section-benchmarks .ba-workflow figcaption{text-align:center;margin:12px 0 0}
.section-benchmarks .ba-community,.section-benchmarks .ba-recommendations{margin:0 0 64px}
.section-benchmarks .ba-table-scroll{overflow-x:auto;margin:28px 0;scrollbar-gutter:stable}
.section-benchmarks .ba-recommendations table{width:100%;border-collapse:collapse;min-width:600px;font:400 13px/1.7 Manrope,sans-serif;text-align:left}
.section-benchmarks .ba-recommendations th,.section-benchmarks .ba-recommendations td{padding:12px 16px 12px 0;vertical-align:top;border:0;border-bottom:1px solid oklch(88% .01 235)}
.section-benchmarks .ba-recommendations thead th{color:oklch(47% .03 235);font-weight:500;font-size:11px}
.section-benchmarks .ba-recommendations tbody th{font-weight:600;width:24%;color:oklch(28% .02 240)}
.section-benchmarks .ba-references{padding-top:32px;border-top:1px solid oklch(87% .012 235)}
.section-benchmarks .ba-references h3{font:600 17px/1.5 Manrope,sans-serif;margin:0 0 14px}
.section-benchmarks .ba-references p{font-size:13px;line-height:1.8}
.section-benchmarks .ba-references ul{margin:20px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 28px}
.section-benchmarks .ba-references li{font:400 12px/1.65 Manrope,sans-serif;margin:0;overflow-wrap:anywhere}
.section-benchmarks .ba-references a{text-decoration:none}
.section-benchmarks .ba-references a:hover{text-decoration:underline}
.section-benchmarks .ba-figure.is-in-view .ba-bar{animation:ba-grow 550ms cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--row,0) * 35ms)}
.section-benchmarks .ba-figure.is-in-view .ba-ci-dot,.section-benchmarks .ba-figure.is-in-view .ba-completion-dot,.section-benchmarks .ba-figure.is-in-view .ba-partial-dot{animation:ba-point 350ms ease-out}
.section-benchmarks .ba-workflow.is-in-view .ba-flow-path{animation:ba-flow 1.6s linear}
.section-benchmarks .ba-workflow.is-in-view .ba-flow-check>path,.section-benchmarks .ba-workflow.is-in-view .ba-flow-finish>path{stroke-dasharray:70;animation:ba-check 650ms cubic-bezier(.22,1,.36,1) backwards}
.section-benchmarks .ba-workflow.is-in-view .ba-flow-check>path{animation-delay:350ms}
.section-benchmarks .ba-workflow.is-in-view .ba-flow-finish>path{animation-delay:850ms}
@keyframes ba-grow{from{transform:scaleX(0)}to{transform:scaleX(var(--bar))}}
@keyframes ba-point{from{opacity:.3}to{opacity:1}}
@keyframes ba-flow{from{stroke-dashoffset:40}to{stroke-dashoffset:0}}
@keyframes ba-check{from{stroke-dashoffset:70}to{stroke-dashoffset:0}}
@media(max-width:740px){
 .section-benchmarks .ba-reading{width:calc(100% - 40px);padding:48px 0 60px}
 .section-benchmarks .ba-intro{margin-bottom:46px}
 .section-benchmarks .ba-reading p{font-size:16px;line-height:1.8}
 .section-benchmarks .ba-reading .ba-section-heading h3{font-size:27px}
 .section-benchmarks .ba-reading .bm-summaries{gap:52px}
 .section-benchmarks .ba-figure{padding:18px 16px 16px;margin:26px -4px}
 .section-benchmarks .ba-figure>header{gap:16px;margin-bottom:20px}
 .section-benchmarks .ba-figure h4{font-size:15px}
 .section-benchmarks .ba-brand{font-size:13px}
 .section-benchmarks .ba-brand img{width:18px;height:18px}
 .section-benchmarks .ba-score-heading{grid-template-columns:1fr 44px 84px;font-size:10px;gap:8px}
 .section-benchmarks .ba-score-heading>span:nth-child(2){display:none}
 .section-benchmarks .ba-score-row{grid-template-columns:minmax(0,1fr) 44px 84px;gap:8px;padding:12px 0}
 .section-benchmarks .ba-score-row>.ba-bar-space{grid-column:1/-1;grid-row:2}
 .section-benchmarks .ba-score-row>.ba-value{grid-column:2;grid-row:1}
 .section-benchmarks .ba-score-row>.ba-cost{grid-column:3;grid-row:1}
 .section-benchmarks .ba-model,.section-benchmarks .ba-value,.section-benchmarks .ba-cost{font-size:12px}
 .section-benchmarks .ba-effort-row{grid-template-columns:1fr 1fr;gap:12px 18px;padding:15px 0}
 .section-benchmarks .ba-effort-row>strong{grid-column:1/-1}
 .section-benchmarks .ba-ci-row{grid-template-columns:minmax(0,1fr) 75px;gap:8px;padding:12px 0}
 .section-benchmarks .ba-ci-row>.ba-range{grid-column:1/-1;grid-row:2}
 .section-benchmarks .ba-ci-row>.ba-value{grid-column:2;grid-row:1}
 .section-benchmarks .ba-axis{text-align:left}
 .section-benchmarks .ba-completion-row{grid-template-columns:1fr 82px;gap:8px;padding:12px 0}
 .section-benchmarks .ba-completion-row>.ba-range{grid-column:1/-1;grid-row:2}
 .section-benchmarks .ba-completion-row>.ba-value{grid-column:2;grid-row:1}
 .section-benchmarks .ba-workflow{margin:38px 0 48px}
 .section-benchmarks .ba-community,.section-benchmarks .ba-recommendations{margin-bottom:48px}
 .section-benchmarks .ba-references ul{grid-template-columns:1fr;gap:12px}
}
@media(prefers-reduced-motion:reduce){.section-benchmarks .ba-reading *{animation:none!important;transition:none!important}}