.servo-metrics{width:100%;color:var(--servo-ink)}.metrics-footnote,.metrics-model,.metrics-status,.metrics-toolbar{display:flex;align-items:center;gap:12px}.metrics-toolbar{justify-content:space-between;gap:24px;margin-bottom:24px;flex-wrap:wrap}.metrics-model,.metrics-status{color:var(--servo-muted);font-size:.875rem}.metrics-model{flex-wrap:wrap}.metrics-model select{min-height:44px;max-width:100%;border:1px solid var(--servo-action);border-radius:var(--servo-radius-control);background:var(--servo-paper);color:var(--servo-ink);padding:8px 32px 8px 12px;font:inherit;cursor:pointer}.servo-metrics a{color:var(--servo-action);text-decoration:underline;text-underline-offset:4px}.servo-metrics :is(a,select):focus-visible{outline:2px solid var(--servo-action);outline-offset:4px}.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.metric-card{border:1px solid var(--servo-line);background:var(--servo-paper);border-radius:var(--servo-radius-card);padding:clamp(24px,3vw,40px);min-width:0}.metric-step{display:flex;align-items:center;justify-content:space-between;font:.875rem var(--servo-font-mono);color:var(--servo-muted);margin-bottom:48px}.metric-value{display:block;font-size:clamp(2rem,4.8vw,5rem);font-weight:400;letter-spacing:-.055em;line-height:1.15;font-variant-numeric:tabular-nums;color:var(--servo-action);min-height:1.15em;overflow-wrap:anywhere}.servo-horizon .metric-card h3{font-size:1rem;letter-spacing:-.015em;line-height:1.5;margin-top:24px;font-weight:450;color:var(--servo-ink)}.metric-card>p{font-size:.875rem;color:var(--servo-muted);line-height:1.6;margin-top:10px}.metric-saved{background:var(--servo-ink);border-color:var(--servo-ink)}.metric-saved .metric-value,.servo-horizon .metric-saved h3{color:var(--servo-paper)}.metric-saved .metric-step,.metric-saved>p{color:var(--servo-pale)}.metrics-footnote{justify-content:space-between;align-items:baseline;flex-wrap:wrap;margin-top:24px;font-size:.875rem;line-height:1.6;color:var(--servo-muted)}.metrics-footnote a{display:inline-flex;align-items:center;gap:8px;min-height:44px}.metrics-note{font-size:.875rem;line-height:1.8;color:var(--servo-muted);margin-top:12px;max-width:1000px}.metrics-comparison{display:grid;gap:16px;margin-top:32px}.metrics-bar-row{display:grid;grid-template-columns:155px minmax(0,1fr) 100px;align-items:center;gap:16px;font-size:.875rem}.metrics-bar-row strong{text-align:right;font-weight:400;font-variant-numeric:tabular-nums}.metrics-bar-track{height:8px;background:var(--servo-line);border-radius:8px;overflow:hidden}.metrics-bar-track span{display:block;height:100%;background:var(--servo-action);border-radius:inherit}.metrics-visible .metric-card{animation:metric-show .6s var(--servo-ease) both}@keyframes metric-show{0%{opacity:.6;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:700px){.metrics-grid{grid-template-columns:1fr;gap:16px}.metric-step{margin-bottom:24px}.metric-value{font-size:clamp(2.5rem,12vw,4.5rem)}.metrics-bar-row{grid-template-columns:1fr auto;gap:8px}.metrics-bar-track{grid-row:2;grid-column:1/-1}.metrics-model{width:100%}}@media (prefers-reduced-motion:reduce){.metrics-visible .metric-card{animation:none!important}}