/* Published evaluation of the selected model. Linear axes: completion 0–100%, estimated full-run cost $0–$80. */
.benchmark{color:#eee9d9;background:#191815;display:flex;flex-direction:column}
.benchmark .eyebrow{color:var(--yellow)}
.benchmark-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:clamp(40px,6vw,100px);flex:1;padding:36px 0 52px}
.benchmark-figure{margin:0;min-width:0}
.benchmark .benchmark-copy{color:var(--yellow);font-size:clamp(24px,3.4vw,48px);line-height:1.2;max-width:12em;margin:0}
.benchmark-axis-title{display:flex;justify-content:space-between;margin:0 0 22px;font-size:12px;color:#c5c0af}
.benchmark-axis-title span{color:#8f8a7c}
.benchmark-plot{position:relative;height:300px;margin:0 12px 0 42px;border-bottom:1px solid #eee9d959;background:linear-gradient(to bottom,#eee9d926 1px,transparent 1px) 0 0 / 100% 25%,linear-gradient(to right,#eee9d914 1px,transparent 1px) 0 0 / 25% 100%;border-right:1px solid #eee9d914}
.benchmark-y{position:absolute;top:0;bottom:0;left:-42px;display:flex;flex-direction:column;justify-content:space-between;font-family:var(--mono);font-size:11px;color:#aaa596}
.benchmark-y span{transform:translateY(-50%)}
.benchmark-y span:last-child{transform:translateY(50%)}
.benchmark-x{position:absolute;inset:calc(100% + 12px) -12px auto;display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;color:#b3aea0}
.benchmark-point{position:absolute;left:var(--x);top:var(--y);bottom:0;width:0;border-left:1px dashed #eee9d926}
.benchmark-point i{display:block;position:absolute;left:-6px;top:-5px;width:10px;height:10px;border-radius:50%;background:#d0c9b6;box-shadow:0 0 0 5px #191815}
.benchmark-label{position:absolute;white-space:nowrap;font-size:13px;font-weight:600;line-height:1.25}
.benchmark-label small{display:block;margin-top:5px;font-family:var(--mono);font-size:11px;font-weight:400;opacity:.7}
.benchmark-point--opus .benchmark-label{right:-26px;top:20px}
.benchmark-point--es{border-color:#ffd6004a}
.benchmark-point--es i{background:var(--yellow);width:13px;height:13px;left:-7px;top:-7px;box-shadow:0 0 0 6px #ffd60012,0 0 24px #ffd60022}
.benchmark-point--es .benchmark-label{left:18px;bottom:calc(100% + 16px);color:var(--yellow)}
.benchmark-point--glm .benchmark-label{right:12px;bottom:calc(100% + 54px);color:#b7b2a4}
.benchmark-point--glm::before{content:"";position:absolute;left:-1px;bottom:100%;height:44px;border-left:1px solid #eee9d940}
.benchmark-x-title{display:flex;justify-content:space-between;gap:12px;margin:38px 0 0 42px;font-size:11px;color:#c5c0af}
.benchmark-x-title span{color:var(--yellow)}
.benchmark-source{margin:22px 0 0 42px;font-size:11px;line-height:1.5;color:#9f9b8e}
.benchmark-source a{text-decoration:underline;text-underline-offset:3px}
.benchmark-source a:hover{color:var(--yellow)}
@media(max-width:800px){.benchmark-layout{grid-template-columns:1fr;gap:44px;padding:20px 0 32px}.benchmark .benchmark-copy{font-size:clamp(26px,5vw,38px)}.benchmark-plot{height:240px}.benchmark-label{font-size:11px}.benchmark-label small{font-size:10px}.benchmark-point--opus .benchmark-label{right:-16px;top:20px}.benchmark-point--es .benchmark-label{left:auto;right:-42px;bottom:calc(100% + 16px)}.benchmark-point--glm .benchmark-label{right:12px;bottom:calc(100% + 64px)}.benchmark-x-title,.benchmark-source{margin-left:0}.benchmark-x-title{font-size:10px}}
