/* Key insights: cross-benchmark findings shown above the boards, one at a time.
   A short paged strip so the boards stay close to the fold. Square corners
   throughout; only dots are round. Figures and copy come from KEY_INSIGHTS in
   index.html, never from this file. */
.ki-section { max-width:var(--content-width,1120px);margin:0 auto;padding:48px 48px 0; }
.ki-head { display:flex;align-items:flex-end;justify-content:space-between;gap:24px; }
.ki-eyebrow { margin:0;font-family:var(--fw-font-label,'JetBrains Mono',ui-monospace,monospace);font-size:12px;line-height:16px;font-weight:var(--fw-weight-heading,550);letter-spacing:var(--fw-label-tracking,.04em);text-transform:uppercase;color:var(--fw-brand,#6726FE); }
.ki-section .ki-title { margin:6px 0 0;font-size:24px;line-height:28px; }
.ki-nav { display:flex;align-items:center;gap:8px;flex:none; }
.ki-count { margin:0 6px 0 0;font-family:var(--fw-font-label,'JetBrains Mono',ui-monospace,monospace);font-size:12px;line-height:16px;color:var(--fw-ink-muted,#696969);font-variant-numeric:tabular-nums; }
.ki-count-at { color:var(--fw-ink,#16181D); }
.ki-arrow { display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--fw-border,#E6EAF4);background:var(--fw-surface,#FFFFFF);cursor:pointer;transition:background-color 200ms,border-color 200ms; }
.ki-arrow:hover { border-color:var(--fw-brand,#6726FE);background:var(--fw-brand-light,#FAF7FF); }
.ki-arrow img { display:block; }

.ki-tabs { display:flex;flex-wrap:wrap;gap:0;margin-top:16px;border:1px solid var(--fw-border,#E6EAF4);border-bottom:0; }
.ki-tab { flex:1 1 0;min-width:0;padding:10px 12px;border:0;border-right:1px solid var(--fw-border,#E6EAF4);background:var(--fw-surface,#FFFFFF);cursor:pointer;font-family:var(--fw-font-label,'JetBrains Mono',ui-monospace,monospace);font-size:11px;line-height:14px;font-weight:var(--fw-weight-heading,550);letter-spacing:var(--fw-label-tracking,.04em);text-transform:uppercase;color:var(--fw-ink-muted,#696969);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:inset 0 -2px 0 transparent;transition:color 200ms,box-shadow 200ms,background-color 200ms; }
.ki-tab:last-child { border-right:0; }
.ki-tab:hover { color:var(--fw-ink,#16181D);background:var(--fw-brand-light,#FAF7FF); }
.ki-tab[aria-pressed="true"] { color:var(--fw-brand,#6726FE);box-shadow:inset 0 -2px 0 var(--fw-brand,#6726FE); }

.ki-viewport { overflow:hidden;border:1px solid var(--fw-border,#E6EAF4);background:var(--fw-surface,#FFFFFF); }
.ki-track { display:flex;transition:transform 500ms cubic-bezier(.33,1,.68,1); }
.ki-card { flex:0 0 100%;min-width:0;display:grid;grid-template-columns:200px minmax(0,1fr) 320px;align-items:center;gap:40px;min-height:196px;padding:24px 32px;visibility:visible; }
/* Hidden slides leave the tab order once they have slid out of view. */
.ki-card[aria-hidden="true"] { visibility:hidden;transition:visibility 0s 500ms; }

.ki-stat { display:flex;flex-direction:column;gap:6px;min-width:0; }
.ki-stat-value { font-family:var(--fw-font-display,'Inter',sans-serif);font-size:44px;line-height:46px;font-weight:var(--fw-weight-heading,550);letter-spacing:var(--fw-heading-tracking,-.04em);color:var(--fw-brand,#6726FE);font-variant-numeric:tabular-nums;white-space:nowrap; }
.ki-stat-note { font-size:12px;line-height:16px;color:var(--fw-ink-muted,#696969); }
.ki-copy { min-width:0; }
.ki-section .ki-claim { margin:0;font-size:18px;line-height:23px; }
.ki-body { margin:6px 0 0;font-size:14px;line-height:21px;font-weight:var(--fw-weight-body,400);color:var(--fw-ink-secondary,#5A5E63); }
.ki-footnote { margin:6px 0 0;font-size:11px;line-height:15px;color:var(--fw-ink-muted,#696969); }
.ki-link { display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:0;border:0;background:none;cursor:pointer;font-family:var(--fw-font-label,'JetBrains Mono',ui-monospace,monospace);font-size:11px;line-height:16px;font-weight:var(--fw-weight-heading,550);letter-spacing:var(--fw-label-tracking,.04em);text-transform:uppercase;color:var(--fw-ink,#16181D);text-align:left; }
.ki-link img { flex:none;transition:transform 200ms; }
.ki-link:hover { color:var(--fw-brand-hover,#501BC4); }
.ki-link:hover img { transform:translateX(2px); }
.ki-figure { min-width:0; }

/* Leadership: one cell per benchmark, marked with the leading model's provider. */
.ki-cells { display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:3px; }
.ki-cell { display:inline-flex;align-items:center;justify-content:center;aspect-ratio:1;padding:0;border:1px solid var(--fw-border,#E6EAF4);background:var(--fw-surface,#FFFFFF);cursor:pointer;transition:border-color 200ms,background-color 200ms; }
.ki-cell:hover { border-color:var(--fw-brand,#6726FE);background:var(--fw-brand-light,#FAF7FF); }
.ki-cell img { display:block;width:14px;height:14px;object-fit:contain; }
.ki-providers { display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:12px; }
.ki-provider { display:inline-flex;align-items:center;gap:5px;font-size:11px;line-height:15px;color:var(--fw-ink-secondary,#5A5E63); }
.ki-provider img { display:block;width:12px;height:12px;object-fit:contain; }
.ki-provider-count { font-family:var(--fw-font-label,'JetBrains Mono',ui-monospace,monospace);font-weight:600;color:var(--fw-ink,#16181D);font-variant-numeric:tabular-nums; }

/* Headroom: each benchmark's best score, sorted, against the 60% line. */
.ki-columns { position:relative;display:flex;align-items:flex-end;gap:3px;height:80px;border-bottom:1px solid var(--fw-ink,#16181D); }
.ki-column { flex:1 1 0;min-width:0;min-height:2px;padding:0;border:0;background:var(--fw-color-neutrals-100,#EDEDED);cursor:pointer;transition:background-color 200ms; }
.ki-column.is-below { background:var(--fw-color-purple-25,#E2D6FF); }
.ki-column.is-lead { background:var(--fw-brand,#6726FE); }
.ki-column:hover { background:var(--fw-brand-hover,#501BC4); }
.ki-line { position:absolute;left:0;right:0;height:0;border-top:1px dashed var(--fw-ink-muted,#696969);pointer-events:none;z-index:1; }
.ki-line-label { position:absolute;right:0;bottom:3px;padding-left:4px;font-family:var(--fw-font-label,'JetBrains Mono',ui-monospace,monospace);font-size:10px;line-height:12px;color:var(--fw-ink-muted,#696969); }

/* Dot plots: position on a first-to-last (or zero-to-max) axis, stacked per tenth. */
.ki-dots { position:relative;height:60px;border-bottom:1px solid var(--fw-ink,#16181D); }
.ki-dot { position:absolute;width:9px;height:9px;margin:0 0 1px -4.5px;padding:0;border:1px solid var(--fw-ink-muted,#696969);border-radius:50%;background:var(--fw-surface,#FFFFFF);cursor:pointer;transition:transform 200ms; }
.ki-dot.is-win { border-color:var(--fw-brand,#6726FE);background:var(--fw-brand,#6726FE); }
.ki-dot.is-lead { border-color:var(--fw-ink,#16181D);background:var(--fw-ink,#16181D); }
.ki-dot:hover { transform:scale(1.35); }
.ki-dots .ki-dot[style*="left:0%"] { margin-left:0; }
.ki-dots .ki-dot[style*="left:100%"] { margin-left:-9px; }
.ki-band { position:absolute;left:0;top:0;bottom:0;background:var(--fw-brand-light,#FAF7FF);border-right:1px dashed var(--fw-color-purple-100,#B695FD); }

/* Cost vs. quality: one square per benchmark that publishes cost. */
.ki-tally { display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:3px; }
.ki-tally-cell { aspect-ratio:1;padding:0;border:1px solid var(--fw-border,#E6EAF4);background:var(--fw-surface-muted,#F5F5F5);cursor:pointer;transition:border-color 200ms; }
.ki-tally-cell.is-on { border-color:var(--fw-brand,#6726FE);background:var(--fw-brand,#6726FE); }
.ki-tally-cell:hover { border-color:var(--fw-ink,#16181D); }

.ki-range { display:flex;justify-content:space-between;gap:12px;margin-top:6px;font-family:var(--fw-font-label,'JetBrains Mono',ui-monospace,monospace);font-size:10px;line-height:14px;letter-spacing:var(--fw-label-tracking,.04em);text-transform:uppercase;color:var(--fw-ink-muted,#696969); }
.ki-range span { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.ki-legend { display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px; }
.ki-legend-item { display:inline-flex;align-items:center;gap:6px;font-size:11px;line-height:15px;color:var(--fw-ink-muted,#696969); }
.ki-figure-note { margin:8px 0 0;font-size:10px;line-height:14px;color:var(--fw-ink-muted,#696969); }
.ki-legend-swatch { flex:none;width:9px;height:9px;border:1px solid var(--fw-border,#E6EAF4);background:var(--fw-surface-muted,#F5F5F5); }
.ki-legend-swatch.is-on { border-color:var(--fw-brand,#6726FE);background:var(--fw-brand,#6726FE); }
.ki-legend-columns { border:0;background:var(--fw-color-neutrals-100,#EDEDED); }
.ki-legend-columns.is-lead { background:var(--fw-brand,#6726FE); }
.ki-legend-columns.is-below { background:var(--fw-color-purple-25,#E2D6FF); }
.ki-legend-ranks, .ki-legend-gaps { border-color:var(--fw-ink-muted,#696969);border-radius:50%;background:var(--fw-surface,#FFFFFF); }
:is(.ki-legend-ranks,.ki-legend-gaps).is-win { border-color:var(--fw-brand,#6726FE);background:var(--fw-brand,#6726FE); }
.ki-legend-ranks.is-lead { border-color:var(--fw-ink,#16181D);background:var(--fw-ink,#16181D); }

@media (max-width:1100px) {
  .ki-card { grid-template-columns:180px minmax(0,1fr);gap:20px 32px; }
  .ki-figure { grid-column:1 / -1; }
}
@media (max-width:900px) {
  .ki-section { padding:40px 24px 0; }
  .ki-tabs { flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none; }
  .ki-tab { flex:0 0 auto; }
}
@media (max-width:640px) {
  .ki-head { align-items:center; }
  .ki-count { display:none; }
  .ki-card { grid-template-columns:minmax(0,1fr);gap:16px;padding:20px; }
  .ki-stat-value { font-size:36px;line-height:38px; }
}
@media (prefers-reduced-motion:reduce) {
  .ki-track, .ki-cell, .ki-column, .ki-dot, .ki-link img, .ki-tab, .ki-arrow { transition:none; }
}
.ki-arrow-back { transform:scaleX(-1); }