.cost-calculator { margin-top: 32px; padding: 0; scroll-margin-top: 110px; }
.cost-calculator-inner { max-width: 1160px; margin: auto; }
.cost-calculator-panel { display: grid; grid-template-columns: minmax(0, 1fr) 350px; border: 1px solid #e2e6ed; border-radius: 4px; overflow: hidden; background: white; padding: 16px; gap: 24px; box-shadow: 0 2px 14px #1737640b; }
.cost-calculator-inputs { padding: 18px 24px 24px; background: #f8f8f8; border-radius: 3px; }
.cost-control { padding-bottom: 28px; margin-bottom: 28px; border-bottom: 1px solid #e9e9e9; }
.cost-control:last-child { border-bottom: 0; padding-bottom: 10px; margin-bottom: 0; }
.cost-control-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 20px; }
.cost-control-heading > label { font-weight: 600; font-size: 14px; }
.cost-number-wrap { display: flex; align-items: center; gap: 7px; border: 1px solid #d8dfe9; border-radius: 3px; padding: 9px 12px; background: #fff; }
.cost-number-wrap input { width: 80px; border: 0; background: transparent; color: #1b2b43; font: 600 19px Inter, sans-serif; text-align: right; appearance: textfield; }
.cost-number-wrap input::-webkit-inner-spin-button { appearance: none; }
.cost-number-wrap span { font-size: 12px; color: #718096; }
.cost-control input[type=range] { display: block; width: 100%; height: 4px; margin: 0; border-radius: 9px; appearance: none; background: linear-gradient(to right, #1761da var(--fill, 0%), #e6ebf2 var(--fill, 0%)); cursor: pointer; }
.cost-control input[type=range]::-webkit-slider-thumb { appearance: none; width: 24px; height: 24px; border: 1px solid #c9cdd2; border-radius: 8px; background: #fff; box-shadow: 0 1px 4px #0000001a; }
.cost-control input[type=range]::-moz-range-thumb { width: 22px; height: 22px; border: 1px solid #c9cdd2; border-radius: 8px; background: #fff; }
.cost-range-bounds { display: flex; justify-content: space-between; margin-top: 13px; font-size: 11px; color: #8a94a5; }
.cost-calculator-result { padding: 36px 30px; background: #edf3fb; border-left: 1px solid #e2e6ed; }
.cost-calculator-result h3 { margin: 0 0 8px; font: 600 20px Montserrat, Inter, sans-serif; letter-spacing: -.04em; }
.cost-result-offer { font-size: 12px; color: #64758c; }
.cost-total { display: flex; flex-direction: column; gap: 6px; margin: 28px 0; }
.cost-total strong { color: #153970; font-size: clamp(30px, 3vw, 43px); font-weight: 650; letter-spacing: -.055em; overflow-wrap: anywhere; }
.cost-total span { font-size: 12px; color: #64758c; }
.cost-breakdown { margin: 0; padding-top: 23px; border-top: 1px solid #d5dfed; display: grid; gap: 18px; font-size: 13px; }
.cost-breakdown div { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.cost-breakdown dt { color: #52647d; }
.cost-breakdown small { font-size: 10px; white-space: nowrap; }
.cost-breakdown dd { margin: 0; font-weight: 600; white-space: nowrap; }
.cost-premium-note { margin: 22px 0 0; font-size: 12px; line-height: 1.6; color: #52647d; }
.cost-action { margin-top: 24px; display: flex; justify-content: space-between; align-items: center; padding: 14px 16px; border-radius: 3px; color: white; background: #1761da; font-size: 13px; font-weight: 600; text-decoration: none; }
.cost-action:hover { background: #104fae; }
@media (max-width: 950px) { .cost-calculator-panel { grid-template-columns: minmax(0, 1fr) 300px; } .cost-calculator-inputs { padding: 30px 25px; } }
@media (max-width: 760px) { .cost-calculator { margin-top: 24px; } .cost-calculator-panel { grid-template-columns: 1fr; padding: 10px; gap: 12px; } .cost-calculator-result { border-left: 0; border-top: 1px solid #e2e6ed; padding: 28px; } .cost-total strong { font-size: 42px; } }

.cost-byoi { display: flex; align-items: center; gap: 10px; width: fit-content; margin-top: 24px; color: #52647d; font-size: 13px; cursor: pointer; }
.cost-byoi input { width: 17px; height: 17px; margin: 0; accent-color: #1761da; cursor: pointer; }
.cost-byoi:has(input:checked) { color: #175bc8; }