/* sell-variants/v1-valuation — CENTREPIECE: a valuation card. The price counts up into a
 * low–high band, a marker slides to where the estimate sits inside it, a confidence bar
 * fills, and the comparable rows unblur last.
 * Loaded after base.css, common.css and sections.css — everything shared is in those. */
/* valuation card */
.pricebox{text-align:center;margin-top:22px;position:relative}
.pricebox .cur{font-size:22px;font-weight:600;color:rgba(255,255,255,.55);vertical-align:super;margin-right:2px}
.pricebox .amt{font-size:56px;font-weight:800;line-height:1;letter-spacing:-.03em;color:var(--y);font-variant-numeric:tabular-nums}
@media(min-width:992px){.pricebox .amt{font-size:64px}}
.pricebox .lbl{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-top:8px}
/* The range track: a low–high band with a knob that slides to the estimate. NOT `.mark` —
   that is base.css's yellow-text highlight and every h1 on the page uses it. */
.range{margin-top:22px}
.track{position:relative;height:10px;border-radius:9999px;background:rgba(255,255,255,.07);overflow:visible}
.band{position:absolute;top:0;bottom:0;left:18%;right:18%;border-radius:9999px;background:linear-gradient(90deg,rgba(255,204,0,.25),rgba(255,204,0,.65),rgba(255,204,0,.25))}
.knob{position:absolute;top:50%;left:0;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:var(--y);border:3px solid #07070b;box-shadow:0 0 0 3px rgba(255,204,0,.25);transition:left 1.4s cubic-bezier(.22,1,.36,1)}
.ends{display:flex;justify-content:space-between;font-size:12px;color:rgba(255,255,255,.5);margin-top:10px;font-variant-numeric:tabular-nums}
.conf{display:flex;align-items:center;gap:10px;margin-top:18px;font-size:13px;color:rgba(255,255,255,.7)}
.conf .bar2{flex:1;height:6px;border-radius:9999px;background:rgba(255,255,255,.07);overflow:hidden}
.conf .bar2 i{display:block;height:100%;width:0;background:#37d489;border-radius:9999px;transition:width 1.6s ease}
.conf b{color:#37d489;font-weight:600;font-variant-numeric:tabular-nums}
.comps{display:grid;gap:8px;margin-top:20px}
.comp{display:flex;align-items:center;gap:10px;padding:9px 13px;border-radius:15px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-size:13px}
.comp .ic{width:26px;height:26px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:rgba(65,131,242,.16);flex:0 0 auto}
.comp b{margin-left:auto;font-weight:600;font-variant-numeric:tabular-nums;color:rgba(255,255,255,.9)}