.eq-scalc{
 
 --blue:#3962A4;--blueD:#2E4F87;--blueL:#5B82BC;
 --aqua:#3BBEB8;--aquaD:#2FA39C;--aquaL:#7FD5D0;--aquaXL:#E4F6F4;
 --asphalt:#636871;--yellow:#FECC3D;--yellowL:#FFF6DE;--ash:#EBF2F6;
 --grad:linear-gradient(118deg,#34A9A2 0%,#3962A4 62%,#33538F 100%);
 
 --navy:var(--blue);--navy2:var(--blueD);--teal:var(--aqua);--teal2:var(--aquaD);--tealL:var(--aquaXL);
 --gold:var(--yellow);--goldL:var(--yellowL);--green:#2C9A6B;--red:#C0563F;--purple:var(--blue);
 --ink:#242A33;--mid:var(--asphalt);--soft:#98A0A9;--line:#DCE5EC;--bg:var(--ash);--card:#fff;
}
.eq-scalc *{box-sizing:border-box;margin:0;padding:0}
.eq-scalc{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;
 background:var(--bg);color:var(--ink);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}
.eq-scalc .wrap{max-width:880px;margin:0 auto;padding:0 22px 70px}


.eq-scalc .hero{background:var(--grad);color:#fff;padding:44px 0 104px;margin-bottom:-46px}
.eq-scalc .hero .wrap{padding-bottom:0}
.eq-scalc .wm{font-size:21px;font-weight:300;letter-spacing:-.4px;color:#fff;margin-bottom:16px}
.eq-scalc .wm b{font-weight:600}
.eq-scalc .eyebrow{font-size:10.5px;letter-spacing:2.4px;text-transform:uppercase;color:#E4F6F5;font-weight:600}
.eq-scalc h1{font-size:31px;font-weight:660;letter-spacing:-.6px;margin:9px 0 10px;line-height:1.22}
.eq-scalc h1 em{font-style:italic;color:#A9EDE8;font-weight:600}
.eq-scalc .hero p{font-size:15px;color:#E4F6F5;max-width:620px}


.eq-scalc .card{background:var(--card);border:1px solid var(--line);border-radius:13px;margin-bottom:16px;
 box-shadow:0 1px 2px rgba(13,33,55,.04)}
.eq-scalc .card>.hd{padding:17px 24px 0}
.eq-scalc .card>.bd{padding:16px 24px 22px}
.eq-scalc .step{font-size:10.5px;letter-spacing:2.2px;text-transform:uppercase;color:var(--teal);font-weight:650}
.eq-scalc h2{font-size:18.5px;font-weight:650;letter-spacing:-.25px;margin:5px 0 3px}
.eq-scalc .lede{font-size:13.4px;color:var(--mid);line-height:1.55}


.eq-scalc .sl{padding:15px 0 13px;border-bottom:1px solid #f0f4f7}
.eq-scalc .sl:last-child{border-bottom:0;padding-bottom:2px}
.eq-scalc .slt{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:9px}
.eq-scalc .slt label{font-size:14px;font-weight:560}
.eq-scalc .slt .hint{font-size:11.8px;color:var(--soft);display:block;font-weight:400;margin-top:1px}
.eq-scalc .slv{font-size:19px;font-weight:660;color:var(--teal);font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.3px}
.eq-scalc input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:5px;border-radius:3px;
 background:linear-gradient(90deg,var(--teal) var(--p,50%),#e3e9ee var(--p,50%));outline:0;cursor:pointer}
.eq-scalc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:21px;height:21px;border-radius:50%;
 background:#fff;border:2.5px solid var(--teal);cursor:grab;box-shadow:0 1px 4px rgba(13,33,55,.22)}
.eq-scalc input[type=range]::-moz-range-thumb{width:21px;height:21px;border-radius:50%;background:#fff;
 border:2.5px solid var(--teal);cursor:grab;box-shadow:0 1px 4px rgba(13,33,55,.22)}
.eq-scalc .ends{display:flex;justify-content:space-between;font-size:11px;color:var(--soft);margin-top:5px}


.eq-scalc .q{padding:14px 0;border-bottom:1px solid #f0f4f7}
.eq-scalc .q:last-child{border-bottom:0;padding-bottom:2px}
.eq-scalc .q>label{font-size:14px;font-weight:560;display:block;margin-bottom:2px}
.eq-scalc .q .hint{font-size:11.8px;color:var(--soft);margin-bottom:9px}
.eq-scalc .chips{display:flex;gap:8px;flex-wrap:wrap}
.eq-scalc .chip{padding:9px 15px;border:1.5px solid var(--line);background:#fff;border-radius:9px;font-size:13.2px;
 cursor:pointer;font-family:inherit;color:var(--mid);transition:.14s;text-align:left;line-height:1.35}
.eq-scalc .chip:hover{border-color:#CFD5D8}
.eq-scalc .chip.on{border-color:var(--teal);background:var(--tealL);color:var(--navy);font-weight:600}


.eq-scalc .res{background:var(--grad);color:#fff;border:0}
.eq-scalc .res .bd{padding:28px 24px 26px}
.eq-scalc .rgrid{display:grid;grid-template-columns:1.35fr 1fr;gap:26px;align-items:center}
.eq-scalc .big{font-size:52px;font-weight:680;letter-spacing:-2.2px;line-height:1;color:#E4F6F5;font-variant-numeric:tabular-nums}
.eq-scalc .bigl{font-size:13px;color:#E4F6F5;margin-top:8px;line-height:1.5}
.eq-scalc .mini{border-left:1px solid rgba(255,255,255,.2);padding-left:24px}
.eq-scalc .mrow{padding:7px 0;border-bottom:1px solid rgba(255,255,255,.13)}
.eq-scalc .mrow:last-child{border-bottom:0}
.eq-scalc .mrow .k{font-size:11.3px;color:#E4F6F5;text-transform:uppercase;letter-spacing:.9px;font-weight:600}
.eq-scalc .mrow .v{font-size:20px;font-weight:640;font-variant-numeric:tabular-nums;letter-spacing:-.5px;margin-top:1px}


.eq-scalc .gate{background:var(--aquaXL);border:1px dashed var(--aquaL);border-radius:12px;padding:22px 24px;text-align:center}
.eq-scalc .gate h3{font-size:17px;font-weight:650;margin-bottom:5px}
.eq-scalc .gate p{font-size:13.2px;color:var(--mid);max-width:480px;margin:0 auto 15px}
.eq-scalc .gform{display:flex;gap:8px;max-width:430px;margin:0 auto;flex-wrap:wrap}
.eq-scalc .gform input{flex:1;min-width:190px;padding:11px 14px;border:1px solid var(--line);border-radius:8px;
 font-size:14px;font-family:inherit;background:#fff}
.eq-scalc .gform input:focus{outline:0;border-color:var(--teal);box-shadow:0 0 0 3px rgba(15,138,128,.13)}
.eq-scalc .btn{padding:11px 21px;background:var(--teal);color:#fff;border:0;border-radius:8px;font-size:14px;
 font-weight:640;cursor:pointer;font-family:inherit;white-space:nowrap;transition:.14s}
.eq-scalc .btn:hover{background:var(--aquaD)}
.eq-scalc .btn.gh{background:#fff;color:var(--mid);border:1px solid var(--line)}
.eq-scalc .btn.gh:hover{border-color:var(--teal);color:var(--teal);background:#fff}
.eq-scalc .fine{font-size:11px;color:var(--soft);margin-top:11px}
.eq-scalc .hid{display:none}
.eq-scalc .warn{background:var(--goldL);border:1px solid #F4DFA0;border-left:3px solid var(--gold);border-radius:9px;
 padding:12px 16px;font-size:12.8px;color:#6B5518;line-height:1.55;margin-bottom:16px}
.eq-scalc .warn b{color:#4A4E55}


.eq-scalc .bar{display:grid;grid-template-columns:1fr 150px 84px;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid #f2f5f8}
.eq-scalc .bar:last-of-type{border-bottom:0}
.eq-scalc .bar .nm{font-size:13.4px}
.eq-scalc .bar .nm i{display:block;font-style:normal;font-size:11.4px;color:var(--soft);margin-top:1px}
.eq-scalc .trk{height:14px;background:#eff3f6;border-radius:3px;overflow:hidden}
.eq-scalc .fil{height:100%;border-radius:3px}
.eq-scalc .bar .am{text-align:right;font-size:13.4px;font-weight:620;font-variant-numeric:tabular-nums}
.eq-scalc table{width:100%;border-collapse:collapse;font-size:13px;margin-top:2px}
.eq-scalc th, .eq-scalc td{padding:8px 9px;text-align:right;border-bottom:1px solid #f2f5f8;font-variant-numeric:tabular-nums}
.eq-scalc th{font-size:10.4px;text-transform:uppercase;letter-spacing:.5px;color:var(--soft);font-weight:650;background:#fafcfd}
.eq-scalc td:first-child, .eq-scalc th:first-child{text-align:left;font-variant-numeric:normal}
.eq-scalc tr.tot td{border-top:2px solid var(--navy);font-weight:700;border-bottom:0}
.eq-scalc .chart{width:100%;display:block;margin-top:4px}
.eq-scalc .lg{display:flex;gap:16px;flex-wrap:wrap;font-size:11.8px;color:var(--mid);margin-top:8px}
.eq-scalc .lg i{display:inline-block;width:11px;height:3px;border-radius:2px;margin-right:5px;vertical-align:middle}
.eq-scalc .note{background:#fafcfd;border-left:2.5px solid var(--line);padding:11px 14px;font-size:12.4px;
 color:var(--mid);line-height:1.6;border-radius:0 6px 6px 0;margin-top:14px}
.eq-scalc .asum{font-size:12.3px;color:var(--mid);line-height:1.7}
.eq-scalc .asum b{color:var(--ink)}
.eq-scalc .asum li{margin-left:17px;padding:1.5px 0}
.eq-scalc .cta{background:var(--grad);color:#fff;border-radius:13px;padding:28px 26px;text-align:center}
.eq-scalc .cta h3{font-size:21px;font-weight:650;letter-spacing:-.3px}
.eq-scalc .cta p{font-size:14px;color:#E4F6F5;max-width:520px;margin:7px auto 17px}
.eq-scalc .cta .btn{background:#fff;color:var(--blue)}
.eq-scalc .cta .btn:hover{background:var(--aquaXL)}
.eq-scalc .cta .btn.gh{background:rgba(0,0,0,.12);color:#fff;border:1px solid rgba(255,255,255,.55)}
.eq-scalc .cta .btn.gh:hover{background:rgba(0,0,0,.22);color:#fff}


.eq-scalc details.adv{background:var(--card);border:1px solid var(--line);border-radius:13px;margin-bottom:16px}
.eq-scalc details.adv>summary{padding:15px 24px;cursor:pointer;font-size:13.4px;font-weight:620;color:var(--mid);
 list-style:none;display:flex;justify-content:space-between;align-items:center}
.eq-scalc details.adv>summary::-webkit-details-marker{display:none}
.eq-scalc details.adv>summary::after{content:"Show";font-size:12px;color:var(--teal);font-weight:600}
.eq-scalc details.adv[open]>summary::after{content:"Hide"}
.eq-scalc .agrid{padding:2px 24px 20px;display:grid;grid-template-columns:1fr 1fr;gap:0 26px}
.eq-scalc .af{display:flex;justify-content:space-between;align-items:center;gap:9px;padding:5px 0;border-bottom:1px solid #f5f8fa}
.eq-scalc .af label{font-size:12.4px;color:var(--mid);flex:1}
.eq-scalc .af input{width:88px;padding:5px 8px;border:1px solid var(--line);border-radius:5px;font-size:12.4px;
 text-align:right;font-family:inherit;font-variant-numeric:tabular-nums;background:#fcfdfe}
.eq-scalc .af input:focus{outline:0;border-color:var(--teal);background:#fff}
.eq-scalc .ahd{grid-column:1/-1;font-size:10.4px;text-transform:uppercase;letter-spacing:.8px;color:var(--navy);
 font-weight:700;padding:15px 0 5px;border-bottom:1px solid var(--line);margin-bottom:3px}
.eq-scalc footer{font-size:11.4px;color:var(--soft);line-height:1.65;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}

@media(max-width:720px){
 .eq-scalc h1{font-size:25px}.eq-scalc .rgrid{grid-template-columns:1fr;gap:20px}
 .eq-scalc .mini{border-left:0;border-top:1px solid rgba(255,255,255,.15);padding-left:0;padding-top:14px}
 .eq-scalc .big{font-size:44px}.eq-scalc .agrid{grid-template-columns:1fr}
}
@media print{
 .eq-scalc .hero{-webkit-print-color-adjust:exact;print-color-adjust:exact}
 .eq-scalc .noprint, .eq-scalc details.adv, .eq-scalc .gate{display:none!important}
 .eq-scalc .res{-webkit-print-color-adjust:exact;print-color-adjust:exact}
 .eq-scalc{background:#fff}.eq-scalc .card{break-inside:avoid;box-shadow:none}
}


/* ---- brand remap (must come last) ---- */
.eq-scalc{
 --blue:#3962A4;--blueD:#325690;--blueL:#5B82BC;
 --aqua:#3BBEB8;--aquaD:#2FA39C;--aquaL:#7FD5D0;--aquaXL:#E4F6F5;
 --asphalt:#636871;--yellow:#68695E;--yellowL:#EBF2F6;--ash:#EBF2F6;
 --grad:linear-gradient(118deg,#23726E 0%,#3962A4 62%,#325690 100%);
 --navy:#3962A4;--navy2:#325690;--teal:#23726E;--teal2:#3BBEB8;--tealL:#E4F6F5;
 --gold:#68695E;--goldL:#EBF2F6;--green:#23726E;--red:#4A4E55;--purple:#3962A4;
 --ink:#4A4E55;--mid:#636871;--soft:#636871;--line:#CFD5D8;--bg:#EBF2F6;--card:#fff;
}
.eq-scalc{background:transparent;font-size:15px}
.eq-scalc .wrap{padding-bottom:0}

/* The hand-off button's label is long enough to push past a 375px viewport.
   Let it wrap and fill the column rather than overflow the document. */
@media (max-width: 560px){
 .eq-scalc .btn{white-space:normal;display:block;text-align:center;line-height:1.35}
 .eq-scalc .gform{flex-wrap:wrap}
 .eq-scalc .gform input{min-width:100%}
}