/* Homepage savings calculator: scoped to avoid other product sections. */
.savings-section { padding:72px 5%; background:#fff; line-height:normal; scroll-margin-top:80px; }
.savings-inner { max-width:1160px; margin:0 auto; }
.savings-section button, .savings-section input { font:inherit; }
.savings-section button, .savings-section input, .savings-section a { outline-offset:5px; }
.savings-section :focus-visible { outline:3px solid var(--terracota); }
.savings-section [hidden] { display:none !important; }
.calc-inputs, .calc-result { min-width:0; }
.calc-included { margin-top:24px; padding-top:22px; border-top:1px solid #e8e8e8; }
.calc-included-title { margin:0 0 18px; font-size:12px; color:var(--muted); font-weight:600; }
.calc-result-invalid { margin:10px 0 27px; color:#e1e9f4; font-size:13px; line-height:1.5; }
.calc-intro { display:grid; grid-template-columns:1.4fr 1fr; align-items:end; gap:80px; margin-bottom:36px; }
.calc-eyebrow { display:flex; align-items:center; gap:10px; color:var(--terracota); font-size:11px; font-weight:750; letter-spacing:1.8px; text-transform:uppercase; margin:0 0 17px; }
.calc-eyebrow::before { content:""; width:23px; height:2px; background:var(--terracota); }
.calc-title { font-size:48px; line-height:1.11; letter-spacing:-2.2px; color:var(--blue); margin:0; font-weight:750; max-width:610px; }
.calc-intro-copy { color:var(--muted); font-size:16px; line-height:1.75; margin:0 0 3px; max-width:365px; }
.calc-calculator { display:grid; grid-template-columns:1.06fr 1fr; border:1px solid #dedfe2; border-radius:20px; overflow:hidden; box-shadow:0 3px 8px #12274805,0 16px 50px #12274807; }
.calc-inputs { padding:35px 40px 30px; }
.calc-panel-heading { display:flex; align-items:center; gap:10px; color:var(--blue); margin:0 0 29px; font-size:16px; font-weight:650; letter-spacing:-.3px; }
.calc-icon { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }
.calc-input-label { display:block; color:var(--text); font-size:13px; font-weight:600; margin-bottom:11px; }
.calc-price-field { display:flex; align-items:center; gap:12px; border:1px solid #cdd4de; border-radius:10px; padding:14px 19px; }
.calc-price-field:focus-within { border-color:var(--blue); box-shadow:0 0 0 3px #1b3a6b0e; }
.calc-currency { font-size:27px; color:#7a8698; font-weight:400; }
#calc-property-value { border:0; padding:0; outline:none; background:transparent; min-width:0; width:100%; font-size:35px; line-height:1.2; font-weight:650; letter-spacing:-1.2px; font-variant-numeric:tabular-nums; color:var(--blue); }
.calc-price-field:has([aria-invalid="true"]) { border-color:var(--terracota); }
.calc-edit-hint { color:#7b8592; display:flex; }
.calc-edit-hint .calc-icon { width:16px; height:16px; }
#calc-value-error { color:#a5402a; font-size:12px; margin:8px 0 0; }
#calc-value-error:empty { display:none; }
.calc-slider-wrap { margin-top:20px; }
#calc-value-slider { --fill:15.3846%; appearance:none; display:block; width:100%; height:6px; background:linear-gradient(to right,var(--blue) var(--fill),#e5e9ee var(--fill)); border-radius:10px; cursor:pointer; margin:13px 0 16px; }
#calc-value-slider::-webkit-slider-thumb { appearance:none; width:22px; height:22px; background:#fff; border:6px solid var(--blue); border-radius:50%; box-shadow:0 2px 5px #12274826; }
#calc-value-slider::-moz-range-thumb { width:11px; height:11px; background:#fff; border:6px solid var(--blue); border-radius:50%; box-shadow:0 2px 5px #12274826; }
.calc-range-labels { display:flex; justify-content:space-between; color:var(--muted); font-size:11px; }
.calc-presets { display:flex; gap:8px; margin-top:20px; }
.calc-presets button { flex:1; background:#fff; color:#626b77; border:1px solid #e0e3e7; border-radius:7px; min-height:44px; font-size:12px; cursor:pointer; }
.calc-presets button:hover { border-color:var(--blue); }
.calc-presets button[aria-pressed="true"] { color:var(--blue); border-color:#bdcde4; background:#eef3fa; font-weight:650; }
.calc-commission { padding:0; border:0; margin:27px 0 0; }
.calc-commission legend { width:100%; padding:0; margin-bottom:12px; display:flex; justify-content:space-between; align-items:center; font-size:13px; font-weight:600; }
.calc-commission legend small { color:var(--muted); font-size:11px; font-weight:400; }
.calc-rates { display:grid; grid-template-columns:repeat(3,1fr); padding:4px; border-radius:9px; background:var(--cream); gap:4px; }
.calc-rate { position:relative; }
.calc-rate input { position:absolute; opacity:0; width:100%; height:100%; inset:0; margin:0; cursor:pointer; }
.calc-rate span { display:block; text-align:center; padding:12px 8px; font-size:13px; border:1px solid transparent; border-radius:6px; color:var(--muted); }
.calc-rate input:checked + span { background:#fff; border-color:#e2e5ea; color:var(--blue); font-weight:700; box-shadow:0 1px 3px #12274808; }
.calc-rate input:focus-visible + span { outline:3px solid var(--terracota); outline-offset:2px; }
.calc-input-note { margin:13px 0 0; font-size:11px; line-height:1.5; color:var(--muted); }
.calc-result { background:var(--blue); color:#fff; padding:38px 40px 30px; position:relative; }
.calc-result-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:13px; }
.calc-result-top p { font-size:14px; margin:0; color:#e1e9f4; }
.calc-result-icon { display:grid; place-items:center; width:34px; height:34px; border:1px solid #ffffff28; border-radius:50%; color:#dfbf70; }
.calc-saving { display:block; font-size:72px; line-height:1.13; font-weight:650; letter-spacing:-3.5px; color:#ebca7e; font-variant-numeric:tabular-nums; white-space:nowrap; }
.calc-result-caption { color:#d1dbea; margin:10px 0 27px; font-size:13px; line-height:1.5; }
.calc-breakdown { border-top:1px solid #ffffff26; padding-top:21px; margin:0; }
.calc-breakdown div { display:flex; justify-content:space-between; gap:14px; align-items:center; margin-bottom:17px; }
.calc-breakdown dt { color:#d1dbea; font-size:13px; }
.calc-breakdown dd { margin:0; font-size:17px; font-weight:600; font-variant-numeric:tabular-nums; }
.calc-breakdown .calc-flat { display:inline-block; margin-left:8px; border:1px solid #ffffff28; border-radius:4px; padding:2px 5px; font-size:9px; letter-spacing:.5px; vertical-align:1px; color:#e4ebf4; font-weight:500; }
.calc-cta { display:flex; align-items:center; justify-content:center; gap:12px; padding:15px; border-radius:9px; background:#fff; color:var(--blue); font-size:14px; font-weight:700; text-decoration:none; margin-top:25px; min-height:49px; transition:background .15s; }
.calc-cta:hover { background:#edf2f8; }
.calc-cta .calc-icon { width:17px; height:17px; }
.calc-cta-note { text-align:center; color:#c6d3e5; font-size:11px; margin:12px 0 0; }
.calc-assumptions { color:var(--muted); font-size:11px; line-height:1.65; margin:17px 2px 0; max-width:1000px; }
.calc-benefits { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.calc-benefit { display:flex; gap:11px; align-items:flex-start; }
.calc-benefit-icon { flex-shrink:0; width:32px; height:32px; display:grid; place-items:center; background:#eef3fa; border-radius:10px; color:var(--blue); }
.calc-benefit h3 { font-size:14px; letter-spacing:-.15px; margin:1px 0 6px; font-weight:650; }
.calc-benefit p { font-size:12px; line-height:1.6; color:var(--muted); margin:0; }


@media(max-width:900px) {
  .calc-title { font-size:40px; }
  .calc-inputs, .calc-result { padding:28px; }
  .calc-saving { font-size:60px; }
  .calc-intro { gap:28px; }
  .calc-intro-copy { font-size:14px; }
  .calc-benefits { gap:20px; }
}
@media(max-width:680px) {
  .savings-section { padding:44px 20px; }
  .calc-intro { display:block; margin-bottom:26px; }
  .calc-eyebrow { font-size:10px; letter-spacing:1.3px; margin-bottom:14px; }
  .calc-title { font-size:37px; letter-spacing:-1.7px; line-height:1.12; }
  .calc-intro-copy { margin:17px 0 0; max-width:440px; font-size:14px; line-height:1.6; }
  .calc-calculator { grid-template-columns:1fr; border-radius:15px; }
  .calc-inputs { padding:25px 23px 26px; }
  .calc-panel-heading { margin-bottom:23px; }
  .calc-result { padding:26px 23px; }
  .calc-saving { font-size:clamp(42px,14vw,62px); letter-spacing:-2.5px; }
  .calc-result-caption { margin-bottom:23px; }
  .calc-result-top { margin-bottom:11px; }
  .calc-benefits { grid-template-columns:1fr; gap:18px; }
  .calc-assumptions { font-size:11px; margin-top:14px; }
  .calc-commission legend { gap:8px; }
  .calc-commission legend small { font-size:10px; }
  .calc-presets { gap:5px; }
  #calc-property-value { font-size:32px; }
  .calc-price-field { padding:14px; gap:8px; }
}
@media(prefers-reduced-motion:reduce) {
  .savings-section * { transition:none !important; }
}