/* A quiet ledger you can touch, following the larger shift story. */
#more-works .cost-case{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);gap:48px;align-items:center;padding:60px 0}
.cost-case-copy h3{font-size:clamp(26px,2.8vw,34px);line-height:1.5;font-weight:500}
.cost-case-copy .lead{font-size:15px;line-height:2}
.cost-case-copy .note{line-height:1.9}
.cost-invitation{font-size:14px;line-height:1.9;margin:24px 0;color:#374b55}
.cost-case-copy .btn-text{margin-top:18px}
.cost-playground{min-width:0;background:#fff;border:1px solid #dce1df;padding:28px 30px;color:#283b44}
.cost-demo-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px solid #e2e5e2;padding-bottom:17px;margin-bottom:22px}
.cost-demo-heading h4{font-size:15px;font-weight:500;line-height:1.7;margin:0}
.cost-demo-heading>span{font-size:12px;white-space:nowrap;color:#626970}
.cost-price-line,.cost-rate-line{display:flex;align-items:baseline;justify-content:space-between;gap:15px;font-size:13px}
.cost-price-line label small{font-size:12px;color:#626970;margin-left:6px}
.cost-price-line output,.cost-rate-line output{font-size:30px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1.4}
.cost-price-line output span,.cost-rate-line output span{font-size:14px;margin-left:5px}
#cost-unit{display:block;box-sizing:border-box;width:100%;margin:8px 0 0;height:32px;accent-color:#344e55;cursor:ew-resize}
#cost-unit:focus-visible,.cost-presets button:focus-visible{outline:2px solid #344e55;outline-offset:4px}
.cost-range-scale{display:flex;justify-content:space-between;font-size:12px;color:#626970;gap:8px}
.cost-presets{display:flex;gap:8px;margin:16px 0 24px}
.cost-presets button{font:inherit;font-size:12px;color:#344e55;background:#fff;border:1px solid #d7deda;border-radius:4px;min-height:44px;padding:8px 18px;cursor:pointer}
.cost-presets button[aria-pressed=true]{border-color:#344e55;background:#edf2ef}
.cost-presets button:disabled,#cost-unit:disabled{cursor:default;opacity:.6}
.cost-equation{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;border-top:1px solid #e2e5e2;border-bottom:1px solid #e2e5e2;padding:18px 0;margin:0 0 22px}
.cost-equation div{min-width:0}
.cost-equation dt{font-size:12px;color:#626970;margin-bottom:5px}
.cost-equation dd{font-size:20px;white-space:nowrap;margin:0;line-height:1.5;font-variant-numeric:tabular-nums}
.cost-equation dd span{font-size:12px;margin-left:3px}
.cost-rate-line{margin-bottom:12px}
.cost-meter{height:7px;background:#edf0ed;position:relative;border-radius:4px}
.cost-meter>span{display:block;width:100%;height:100%;background:#496759;transform:scaleX(.5);transform-origin:left;border-radius:4px;transition:transform 180ms cubic-bezier(.23,1,.32,1),background-color 180ms ease}
.cost-meter i{position:absolute;top:-4px;left:60%;height:15px;width:1px;background:#344e55}
.cost-meter-labels{display:flex;justify-content:space-between;position:relative;font-size:12px;color:#626970;margin-top:8px}
.cost-meter-labels span:nth-child(2){position:absolute;left:60%;transform:translateX(-50%)}
.cost-verdict{font-size:13px;line-height:1.8;color:#3b5c49;margin:18px 0}
.cost-playground.is-over .cost-verdict{color:#8b4b20}
.cost-playground.is-over .cost-meter>span{background:#ac6532}
.cost-demo-note{font-size:12px;color:#626970;line-height:1.9;margin:18px 0 0}
.cost-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:800px){#more-works .cost-case{gap:28px}.cost-playground{padding:22px}}
@media(max-width:700px){
 #more-works .cost-case{display:block;padding:36px 0}
 .cost-case-copy{margin-bottom:30px}
 .cost-playground{padding:20px 16px}
 .cost-demo-heading{gap:8px}
 .cost-demo-heading h4{font-size:13px}
 .cost-demo-heading>span{font-size:12px}
 .cost-price-line output,.cost-rate-line output{font-size:27px}
 .cost-equation{gap:8px}
 .cost-equation dd{font-size:18px}
 .cost-presets button{padding:8px 16px}
}
@media(prefers-reduced-motion:reduce){.cost-meter>span{transition:none}}
.cost-playground:focus-within .cost-meter>span{transition:none}