:root{color-scheme:light;--ink:#101828;--muted:#475467;--line:#d0d5dd;--paper:#fcfcfd;--panel:#ffffff}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:#126854;font-weight:700;text-decoration:none}a:hover{text-decoration:underline}main{min-height:100vh}.topbar{display:grid;grid-template-columns:minmax(280px,1fr) minmax(420px,660px);grid-gap:28px;gap:28px;align-items:flex-end;padding:28px 32px 20px;border-bottom:1px solid var(--line);background:#ffffff}.eyebrow{margin:0 0 6px;color:#147d64;font-size:12px;font-weight:700;text-transform:uppercase}.eyebrow,h1{letter-spacing:0}h1{margin:0;max-width:820px;font-size:clamp(28px,4vw,48px);line-height:1.02}h2{margin:0 0 14px;font-size:15px;letter-spacing:0}.summaryGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px}.panel,.summaryGrid div{border:1px solid var(--line);border-radius:8px;background:var(--panel)}.summaryGrid div{min-height:72px;padding:12px}.summaryGrid span{display:block;font-size:24px;font-weight:750}.summaryGrid p{margin:4px 0 0;color:var(--muted);font-size:12px}.siteNav{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:12px 32px;border-bottom:1px solid var(--line);background:#f8faf9}.brandLink{color:var(--ink);font-size:14px;font-weight:800}.navSelects{display:grid;grid-template-columns:repeat(2,minmax(220px,300px));grid-gap:10px;gap:10px}.navSelects label{display:grid;grid-gap:5px;gap:5px;color:#344054;font-size:12px;font-weight:650}.graphBand{overflow:auto;background:#f8faf9}.graphBand,.interactiveGraph{border-bottom:1px solid var(--line)}.interactiveGraph{padding:20px 32px 24px;background:#ffffff}.graphHeader{display:grid;grid-template-columns:minmax(260px,1fr) minmax(320px,480px);grid-gap:16px;gap:16px;align-items:flex-end;margin-bottom:12px}.graphHeader h2{margin-bottom:4px;font-size:20px}.graphHeader p{margin:0;color:var(--muted);font-size:13px}.graphHeader label{display:grid;grid-gap:5px;gap:5px;color:#344054;font-size:12px;font-weight:650}.graphCanvas{overflow:auto;border:1px solid var(--line);border-radius:8px;background:#fcfcfd}.graphBand img{display:block;min-width:1500px;max-width:none}.workspace{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(220px,.8fr) minmax(420px,1.4fr);grid-gap:16px;gap:16px;padding:20px 32px 36px}.layerCoverage{padding:20px 32px 28px;border-bottom:1px solid var(--line);background:#f8faf9}.componentIntro,.componentRanking,.recommendationBand,.topStacks{padding:20px 32px 26px;border-bottom:1px solid var(--line);background:#ffffff}.topStackGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));grid-gap:12px;gap:12px}.topStackCard{display:grid;grid-gap:14px;gap:14px;min-height:292px;border:1px solid var(--line);border-radius:8px;background:#ffffff;padding:14px}.cardHeader{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.cardHeader h3{margin:0 0 4px;font-size:16px;line-height:1.25}.cardHeader p,.categoryDescription,.componentIntro p,.componentPreview{margin:0;color:var(--muted);font-size:12px;line-height:1.4}.paretoBadge{display:inline-flex;min-height:24px;align-items:center;border:1px solid #75c58f;border-radius:999px;background:#eaf7ee;color:#126854;padding:2px 8px;font-size:11px;font-weight:750}.stackPair{display:grid;grid-gap:4px;gap:4px}.stackPair strong{font-size:17px;line-height:1.2}.stackPair span{color:#344054;font-size:13px}.scoreStrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px}.scoreStrip.compact{max-width:560px;width:100%}.scoreStrip div{min-height:58px;border:1px solid #d8e5df;border-radius:8px;background:#f7fbf9;padding:9px}.scoreStrip span{display:block;color:var(--ink);font-size:20px;font-weight:800;line-height:1}.scoreStrip p{margin:5px 0 0;color:var(--muted);font-size:11px}.componentPreview{min-height:34px}.categoryDescription{min-height:50px}.buttonLink{display:inline-flex;width:max-content;min-height:34px;align-items:center;align-self:end;border:1px solid #126854;border-radius:7px;background:#126854;color:#ffffff;padding:7px 11px;font-size:13px;font-weight:750}.buttonLink:hover{background:#0f5747;text-decoration:none}.recommendationBand{display:grid;grid-template-columns:minmax(260px,1fr) minmax(420px,560px);grid-gap:16px;gap:16px;align-items:center;background:#f8faf9}.componentIntro h2,.recommendationBand h2{margin-bottom:4px;font-size:20px}.recommendationBand p{margin:0;color:var(--muted)}.componentIntro{background:#f8faf9}.sectionTitle{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:14px}.sectionTitle h2{margin:0;font-size:20px}.sectionTitle p{margin:0;color:var(--muted);font-size:13px}.layerGrid{display:grid;grid-template-columns:repeat(5,minmax(180px,1fr));grid-gap:12px;gap:12px}.layerCard{border:1px solid var(--line);border-radius:8px;background:#ffffff;padding:12px}.layerCard h3{margin:0 0 8px;font-size:13px;line-height:1.2}.layerCard ol{display:grid;grid-gap:5px;gap:5px;margin:0;padding:0;list-style:none}.layerCard li{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px}.layerCard span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layerCard strong{color:#344054;font-weight:700}.rankingPanel{border-bottom:1px solid var(--line);background:#ffffff;padding:20px 32px 26px}.rankingHeader{display:grid;grid-template-columns:minmax(260px,1fr) minmax(480px,.95fr);grid-gap:18px;gap:18px;align-items:flex-end;margin-bottom:14px}.rankingHeader h2{margin-bottom:4px;font-size:20px}.rankingHeader p{margin:0;color:var(--muted);font-size:13px}.controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.controls.compactControls{grid-template-columns:repeat(2,minmax(0,1fr))}.weightGrid{display:grid;grid-template-columns:repeat(8,minmax(110px,1fr));grid-gap:10px;gap:10px;margin-bottom:14px}.weightGrid label{display:grid;grid-gap:8px;gap:8px;border:1px solid var(--line);border-radius:8px;padding:10px;color:#344054;font-size:12px;font-weight:650}.weightGrid span{display:flex;justify-content:space-between;gap:8px}input[type=range]{width:100%;accent-color:#147d64}.controls label{display:grid;grid-gap:5px;gap:5px;color:#344054;font-size:12px;font-weight:650}select{width:100%;height:36px;border:1px solid var(--line);border-radius:7px;background:#ffffff;color:var(--ink);font:inherit;font-size:13px;padding:0 9px}.tableFrame{overflow:auto;border:1px solid var(--line);border-radius:8px}.panel{padding:16px}.panel.wide{overflow:auto}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;min-height:28px;align-items:center;border-radius:999px;padding:4px 10px;border:1px solid #d0d5dd;color:#344054;font-size:12px;font-weight:650}.chip.open_source{border-color:#75c58f;background:#eaf7ee}.chip.open_core{border-color:#d8bd65;background:#fbf4d2}.chip.open_weights{border-color:#e2ac62;background:#f9eddc}.chip.source_available{border-color:#e0a083;background:#faeee8}.chip.proprietary{border-color:#f0a8a1;background:#fff1f0}.kindList{display:grid;grid-gap:8px;gap:8px}.kindList div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #eaecf0;padding-bottom:7px;color:var(--muted);font-size:13px}.kindList div:last-child{border-bottom:0}.kindList strong{color:var(--ink)}table{width:100%;min-width:620px;border-collapse:collapse;font-size:13px}.rankingPanel table{min-width:1180px}.componentTable{min-width:920px}td,th{border-bottom:1px solid #eaecf0;padding:9px 8px;text-align:left;vertical-align:top}th{color:#344054;font-size:12px}td{color:var(--muted)}.rankingPanel td:first-child em,.rankingPanel td:first-child span,.rankingPanel td:first-child strong,.rankingPanel td:last-child b,.rankingPanel td:last-child span{display:block}.rankingPanel td:first-child strong{color:var(--ink)}.rankingPanel td:first-child span{margin-top:2px;color:#344054}.rankingPanel td:first-child em{margin-top:3px;color:#667085;font-style:normal;font-size:12px}.rankingPanel tr.pareto{background:#f0f9f5}.rankingPanel td:last-child b{width:max-content;margin-top:5px;border-radius:999px;background:#d8f0e4;color:#147d64;padding:2px 7px;font-size:11px}.componentTable td:nth-child(2) a,.componentTable td:nth-child(2) span,.componentTable td:nth-child(5) span,.componentTable td:nth-child(5) strong{display:block}.componentTable td:nth-child(2) span,.componentTable td:nth-child(5) span{margin-top:3px;color:#667085;font-size:12px}@media (max-width:980px){.graphHeader,.rankingHeader,.recommendationBand,.sectionTitle,.siteNav,.topbar,.workspace{grid-template-columns:1fr}.siteNav{align-items:stretch;flex-direction:column}.navSelects{grid-template-columns:1fr}.summaryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.componentIntro,.componentRanking,.interactiveGraph,.layerCoverage,.rankingPanel,.recommendationBand,.siteNav,.topStacks,.topbar,.workspace{padding-left:18px;padding-right:18px}.controls,.controls.compactControls{grid-template-columns:1fr}.scoreStrip,.weightGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.layerGrid{grid-template-columns:1fr}}