.benchmarks { padding: 56px 0; border-top: 1px solid var(--line); scroll-margin-top: 90px; }
.benchmark-eyebrow { color: var(--accent); font-size: 11px; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 14px; }
.benchmark-intro h2 { font-size: 30px; font-weight: 650; letter-spacing: -1px; line-height: 1.3; }
.benchmark-average { color: var(--accent); font-size: 52px; font-weight: 600; letter-spacing: -2px; line-height: 1.2; margin-top: 10px; }
.benchmark-average span { font-size: 28px; letter-spacing: -1px; font-weight: 400; }
.benchmark-description { font-size: 12px; line-height: 1.8; margin: 4px 0 22px; color: var(--muted); }
.benchmark-comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; margin: 30px 0 22px; }
.benchmark-figure { margin: 0; min-width: 0; }
.benchmark-figure figcaption { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; margin-bottom: 10px; font-size: 22px; font-weight: 600; }
.benchmark-figure figcaption span { font-size: 10px; font-weight: 400; color: var(--muted); }
.benchmark-chart { width: 100%; height: auto; display: block; overflow: visible; }
.benchmark-chart text { fill: var(--ink); font-family: var(--font); font-size: 13px; font-variant-numeric: tabular-nums; }
.benchmark-chart .chart-axis { fill: var(--muted); font-size: 10px; }
.benchmark-chart .chart-unverified { fill: var(--muted); font-size: 11px; }
.chart-grid { stroke: #e6dceb; stroke-width: 1; }
.chart-logmoth rect { fill: #8951b8; }
.chart-logmoth text { font-weight: 700; }
.chart-clickhouse rect { fill: #b1a0bd; }
.chart-axiom rect { fill: #d0bfdc; }
.benchmark-note { max-width: 110ch; font-size: 10px; line-height: 1.9; color: var(--muted); }
.benchmark-figure .benchmark-note { margin-top: 14px; }
.benchmark-note a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
@media (max-width: 760px) {
  .benchmarks { padding: 40px 0; }
  .benchmark-comparison { grid-template-columns: 1fr; gap: 30px; }
  .benchmark-figure + .benchmark-figure { border-top: 1px solid var(--line); padding-top: 26px; }
  .benchmark-average { font-size: 48px; margin-top: 10px; }
  .benchmark-intro h2 { font-size: 27px; }
  .benchmark-figure { max-width: 520px; width: 100%; }
}

.benchmark-scope { margin-top: 10px; color: var(--muted); font-size: 12px; line-height: 1.8; }