#calculator{padding-block:44px}
#calculator .section-intro{margin-bottom:24px}
#calculator .section-intro h2{font-size:clamp(32px,3.2vw,46px);margin:12px 0}
#calculator .intro-copy{font-size:14px;line-height:1.5;max-width:620px}
#calculator .section-cta{margin-top:24px}
#toolCalculator{color:var(--ink);font-family:var(--sans);text-align:left}
.cc-layout{display:grid;grid-template-columns:1.15fr 1fr;border:1px solid var(--ink);border-radius:5px;box-shadow:4px 4px #b5bd92;background:var(--white);overflow:hidden}
.cc-inputs{padding:19px 24px 15px}
.cc-column-head{display:flex;align-items:center;justify-content:space-between;padding:0 0 8px;font-size:12px;color:var(--muted)}
.cc-column-head b{font-weight:600}
.cc-row{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:9px 0;border-top:1px solid var(--line);min-width:0}
.cc-category{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;line-height:1.3;cursor:pointer;min-width:0}
.cc-category input{width:17px;height:17px;flex:0 0 17px;margin:0;accent-color:var(--olive)}
.cc-amount{width:92px;flex:0 0 92px;min-width:0;border:1px solid #b0b5a0;background:#f5f5eb;border-radius:3px;padding:8px 9px;color:var(--ink);font:700 16px/1.15 var(--sans);text-align:right;appearance:textfield;-moz-appearance:textfield}
.cc-amount::-webkit-inner-spin-button,.cc-amount::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.cc-amount:focus{background:#fff;outline:2px solid var(--olive);outline-offset:2px}
.cc-category input:focus-visible{outline:2px solid var(--olive);outline-offset:3px}
.cc-off .cc-category{color:var(--muted)}
.cc-amount:disabled{color:#707465;background:#efefe7;border-color:#d4d7c9;opacity:1;cursor:not-allowed}
.cc-input-note{font-size:12px;line-height:1.4;color:var(--muted);margin:11px 0 0}
.cc-result{background:var(--ink);color:var(--white);padding:27px 26px 22px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.cc-comparison{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;align-items:start}
.cc-comparison>div>span{display:block;font-size:12px;line-height:1.4;color:#d1d7c3}
.cc-comparison strong{display:block;font:800 clamp(29px,2.7vw,40px)/1.2 var(--display);letter-spacing:-.045em;margin-top:6px;white-space:nowrap}
.cc-bundle{border-left:1px solid #50533e;padding-left:18px}
.cc-bundle strong{color:var(--lime)}
.cc-bars{display:grid;gap:5px;margin:18px 0 21px}
.cc-bars>div{height:5px;background:#3c402d;border-radius:2px;overflow:hidden}
.cc-bars i{display:block;width:100%;height:100%;background:#c8cdbb;transform-origin:left;transition:transform .35s ease}
.cc-bars>div+div i{background:var(--lime)}
.cc-difference{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:17px;border-top:1px solid #50533e}
.cc-difference>span{font-size:13px;line-height:1.3;max-width:150px}
.cc-difference>strong{font:800 clamp(25px,2.5vw,35px)/1.1 var(--display);letter-spacing:-.04em;color:var(--lime);white-space:nowrap}
.cc-difference.cc-neutral>strong{color:var(--white)}
.cc-formula,.cc-note{font-size:12px;line-height:1.5;color:#c4cab5;margin:12px 0 0}
.cc-note{margin-top:20px}
.cc-large .cc-comparison strong,.cc-large .cc-difference>strong{font-size:clamp(19px,1.7vw,25px);white-space:normal;overflow-wrap:anywhere}
.cc-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:1050px){.cc-layout{grid-template-columns:1.1fr 1fr}.cc-inputs{padding:18px}.cc-result{padding:22px 20px}.cc-comparison{gap:10px}.cc-bundle{padding-left:12px}.cc-comparison strong{font-size:31px}.cc-difference>strong{font-size:29px}.cc-category{font-size:13px}.cc-amount{width:82px;flex-basis:82px}}
@media(max-width:700px){#calculator{padding-block:36px}.cc-layout{grid-template-columns:1fr}.cc-inputs{padding:16px 18px}.cc-row{padding:8px 0}.cc-result{padding:21px 20px}.cc-category{font-size:14px}.cc-comparison strong{font-size:36px}.cc-bars{margin:14px 0}.cc-difference{padding-top:13px}.cc-difference>strong{font-size:30px}.cc-note{margin-top:12px}#calculator .intro-copy{font-size:13px;max-width:350px}}
@media(max-width:360px){.cc-inputs{padding-inline:14px}.cc-category{gap:8px;font-size:13px}.cc-amount{width:74px;flex-basis:74px;padding-inline:6px}.cc-result{padding-inline:16px}.cc-comparison strong{font-size:30px}.cc-difference>strong{font-size:27px}.cc-difference>span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.cc-bars i{transition:none}}