/* A principal-only no-cost illustration. Keep assumptions next to the result. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.emi-section{background:#f3f7f1;padding-top:88px;margin-bottom:85px}
.emi-intro{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:42px}
.emi-intro h2{font-size:clamp(42px,4.2vw,64px);margin-top:20px;letter-spacing:-2.7px}
.emi-intro>p{font-size:15px;line-height:1.85;color:#536a5c;max-width:350px;padding-bottom:4px}
.emi-calculator-card{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid #dce6d9;border-radius:24px;background:#fff;box-shadow:0 18px 40px -37px #214e2f60}
.emi-controls{padding:39px 40px 36px;min-width:0}
.emi-card-label{display:block;font-size:10px;letter-spacing:1.3px;color:#587663;font-weight:500}
.emi-amount-field{margin-top:26px}
.emi-amount-field>label,.emi-tenure-field>legend{font-size:14px;font-weight:600;color:#274b41;line-height:1.5}
.emi-amount-input{display:flex;align-items:center;gap:13px;background:#f8faf6;border:1px solid #ccdccc;border-radius:10px;min-height:66px;padding:10px 18px;margin-top:11px;transition:border-color .2s,box-shadow .2s}
.emi-amount-input:focus-within{border-color:#3a8a73;box-shadow:0 0 0 3px #3a8a731a}
.emi-amount-input>span{font-family:var(--heading);font-size:27px;color:#6d8873}
.emi-amount-input>input{width:100%;min-width:0;border:0;outline:none;background:transparent;font-family:var(--heading);font-size:29px;line-height:1.2;font-weight:650;color:var(--ink);letter-spacing:-.5px;appearance:textfield;-moz-appearance:textfield}
.emi-amount-input>input::-webkit-inner-spin-button,.emi-amount-input>input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.emi-amount-field:has(input[aria-invalid=true]) .emi-amount-input{border-color:#b15042;background:#fff9f6}
#emi-fee-help{font-size:11px;line-height:1.8;color:#5c7663;margin-top:9px}
#emi-input-error{font-size:12px;line-height:1.7;color:#a13c2e;margin-top:7px}
.emi-range{--range-progress:5.91%;width:100%;height:5px;border-radius:5px;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,#528a69 0 var(--range-progress),#e0eadd var(--range-progress) 100%);margin:26px 0 0;cursor:pointer;display:block;accent-color:#528a69}
.emi-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:21px;height:21px;background:#fff;border:5px solid #427d5c;border-radius:50%;box-shadow:0 1px 5px #24432e22}
.emi-range::-moz-range-thumb{width:13px;height:13px;background:#fff;border:5px solid #427d5c;border-radius:50%}
.emi-range:focus-visible{outline:3px solid #2d8ea0;outline-offset:8px}
.emi-range:disabled{opacity:.5;cursor:not-allowed}
.emi-range-labels{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#69806e;margin-top:12px}
.emi-presets{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.emi-presets>button{border:1px solid #d7e2d3;border-radius:100px;padding:7px 13px;background:white;color:#4c6c55;font-size:11px;min-height:33px;transition:background .2s,border-color .2s}
.emi-presets>button:hover,.emi-presets>button[aria-pressed=true]{background:#ebf4e7;border-color:#8ab586;color:#244c35}
.emi-tenure-field{border:0;padding:0;margin:31px 0 0;min-width:0}
.emi-tenure-field>legend{padding:0}
.emi-tenures{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
.emi-tenures>button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;border:1px solid #d3e1ce;background:#fff;border-radius:10px;min-height:72px;font-family:var(--heading);font-size:24px;font-weight:650;color:#3a6050;padding:12px 5px;transition:background .2s,border-color .2s,color .2s}
.emi-tenures>button>span{font-family:var(--body);font-size:10px;font-weight:400;letter-spacing:.2px}
.emi-tenures>button[aria-pressed=true]{background:#103e4e;border-color:#103e4e;color:#fff}
.emi-tenures>button:not([aria-pressed=true]):hover{background:#f0f6eb;border-color:#9bbe92}
.emi-tenure-field>p{font-size:11px;line-height:1.8;color:#5f7866;margin-top:12px;max-width:390px}
.emi-formula{display:flex;align-items:center;gap:13px;border-top:1px solid #e0e9db;padding-top:21px;margin-top:26px;color:#557a5e}
.emi-formula>span{width:34px;height:34px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:#edf4e8;font-size:23px;font-weight:400}
.emi-formula>p{font-size:11px;line-height:1.8}
.emi-formula strong{font-weight:400;color:#68816b}
.emi-result-card{padding:34px 38px 28px;background:radial-gradient(ellipse at 100% 0,#245b5c80,transparent 65%),#0b3547;color:#fff;min-width:0}
.emi-result-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#bcd8c9}
.emi-result-top>span:first-child{font-size:9px;letter-spacing:1px}
.emi-assumption{font-size:8px;letter-spacing:.5px;border:1px solid #9acba356;background:#b8e0b20b;color:#c2e2bc;padding:5px 8px;border-radius:100px;line-height:1.5}
.emi-result-label{font-size:13px;line-height:1.7;color:#ccded5;margin-top:33px}
.emi-monthly{display:block;font-family:var(--heading);font-size:clamp(40px,4.2vw,64px);letter-spacing:-2.7px;font-weight:650;line-height:1.2;margin-top:7px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.emi-duration{font-size:12px;color:#c0d7cc;line-height:1.8;margin-top:8px}
.emi-duration>strong{font-weight:600;color:#eff8eb}
.emi-rounding{font-size:11px;line-height:1.85;color:#b7d2c7;margin-top:13px;min-height:21px;max-width:440px}
.emi-breakdown{margin:24px 0 0;border-top:1px solid #b8d8c428;padding-top:17px;font-size:12px;line-height:1.7}
.emi-breakdown>div{display:flex;justify-content:space-between;align-items:baseline;gap:18px;margin-top:9px}
.emi-breakdown dt{color:#c3d8cf}
.emi-breakdown dd{margin:0;color:#f2f7ef;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:500}
.emi-breakdown .emi-total-row{margin-top:17px;padding-top:17px;border-top:1px solid #b8d8c428;font-size:14px}
.emi-total-row dt{color:#f3faef;font-weight:500}
.emi-total-row dd{color:#c3e7bc;font-weight:600}
.emi-schedule{margin-top:20px;border-top:1px solid #b8d8c428;border-bottom:1px solid #b8d8c428}
.emi-schedule>summary{display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;font-size:11px;color:#d2e4d8;padding:14px 0;list-style:none}
.emi-schedule>summary::-webkit-details-marker{display:none}
.emi-schedule>summary>span{font-size:20px;line-height:1;color:#b8dfbd;transition:transform .2s}
.emi-schedule[open]>summary>span{transform:rotate(45deg)}
.emi-table-wrap{overflow:auto;max-height:295px;padding-bottom:10px}
.emi-schedule table{border-collapse:collapse;width:100%;font-size:11px;line-height:1.7;font-variant-numeric:tabular-nums;min-width:0}
.emi-schedule th{font-weight:500;color:#afc9bc;text-align:right;padding:7px 0;background:#113d4d;position:sticky;top:0}
.emi-schedule td{color:#dfebdf;text-align:right;padding:8px 0;border-bottom:1px solid #bfd9c512}
.emi-schedule th:first-child,.emi-schedule td:first-child{text-align:left}
.emi-result-card>.button{width:100%;min-height:51px;font-size:13px;margin-top:24px}
.emi-result-note{font-size:10px;text-align:center;color:#bdd3c7;line-height:1.8;margin-top:11px}
.emi-result-empty{font-size:14px;line-height:1.85;color:#d4e3d8;min-height:280px;padding-top:28px}
.emi-disclosure{font-size:11px;line-height:1.9;color:#526a58;margin-top:22px;max-width:1160px}
.emi-noscript{padding:14px 18px;margin-top:15px;border:1px solid #c1d5bc;border-radius:8px;font-size:13px;color:#325b3b;background:white}
.emi-noscript a{text-decoration:underline}
@media(max-width:1200px){.emi-controls{padding:32px 30px}.emi-result-card{padding:30px}.emi-tenures{gap:8px}.emi-intro{gap:40px}.emi-intro>p{font-size:14px;max-width:320px}.emi-monthly{letter-spacing:-2.1px}.emi-result-top{gap:8px}.emi-assumption{font-size:7px}}
@media(max-width:1000px) and (min-width:761px){.emi-controls{padding:29px 25px}.emi-result-card{padding:29px 25px}.emi-intro h2{font-size:43px;letter-spacing:-1.8px}.emi-intro>p{font-size:13px;max-width:270px}.emi-tenures>button{font-size:21px;min-height:66px}.emi-tenures>button>span{font-size:9px}.emi-amount-input>input{font-size:26px}.emi-presets{gap:6px}.emi-presets>button{font-size:10px;padding:7px 10px}.emi-monthly{font-size:40px;letter-spacing:-1.6px}.emi-breakdown{font-size:11px}.emi-breakdown .emi-total-row{font-size:12px}}
@media(max-width:760px){.emi-section{padding-block:64px;margin-bottom:67px}.emi-intro{display:block;margin-bottom:31px}.emi-intro>.eyebrow,.emi-intro .eyebrow{font-size:9px;letter-spacing:1px}.emi-intro h2{font-size:43px;letter-spacing:-1.9px;margin-top:19px}.emi-intro>p{font-size:14px;line-height:1.85;max-width:430px;margin-top:22px;padding:0}.emi-calculator-card{grid-template-columns:1fr;border-radius:21px}.emi-controls{padding:29px 27px}.emi-card-label{font-size:9px}.emi-amount-field{margin-top:23px}.emi-amount-field>label,.emi-tenure-field>legend{font-size:13px}.emi-amount-input{min-height:63px;padding:11px 16px}.emi-amount-input>input{font-size:29px}.emi-amount-input>span{font-size:26px}.emi-range-labels{font-size:10px}.emi-presets{gap:8px}.emi-presets>button{font-size:11px;padding:7px 12px}.emi-tenure-field{margin-top:27px}.emi-tenures{gap:10px}.emi-tenures>button{font-size:24px;min-height:70px}.emi-tenures>button>span{font-size:10px}.emi-formula{margin-top:22px;padding-top:20px}.emi-result-card{padding:28px 27px}.emi-result-top>span:first-child{font-size:8px}.emi-assumption{font-size:7px}.emi-result-label{font-size:13px;margin-top:28px}.emi-monthly{font-size:47px;letter-spacing:-2px}.emi-duration{font-size:12px}.emi-rounding{font-size:11px;line-height:1.85;min-height:0}.emi-breakdown{font-size:12px;margin-top:22px}.emi-breakdown .emi-total-row{font-size:14px}.emi-result-card>.button{font-size:12px;min-height:50px}.emi-result-note{font-size:10px}.emi-schedule>summary{font-size:11px}.emi-schedule table{font-size:11px}.emi-disclosure{font-size:11px;line-height:1.9;margin-top:19px}.emi-result-empty{min-height:210px;font-size:13px}}
@media(max-width:420px){.emi-section{padding-block:57px;margin-bottom:58px}.emi-intro h2{font-size:39px;letter-spacing:-1.7px}.emi-intro>p{font-size:13px;line-height:1.9}.emi-intro{margin-bottom:28px}.emi-controls{padding:26px 22px}.emi-calculator-card{border-radius:19px}.emi-card-label{font-size:8px}.emi-amount-input>input{font-size:27px}.emi-amount-input{min-height:60px}.emi-presets{gap:6px}.emi-presets>button{font-size:10px;padding:7px 10px}.emi-tenures{gap:7px}.emi-tenures>button{font-size:22px;min-height:66px}.emi-tenures>button>span{font-size:9px}.emi-result-card{padding:27px 22px}.emi-result-top>span:first-child{font-size:7px;letter-spacing:.7px}.emi-assumption{font-size:6px;padding:5px 7px;letter-spacing:.3px}.emi-monthly{font-size:42px;letter-spacing:-1.8px}.emi-breakdown{font-size:11px}.emi-breakdown .emi-total-row{font-size:13px}.emi-breakdown>div{gap:13px}.emi-schedule table{font-size:10px}.emi-result-card>.button{font-size:11px;padding-inline:17px;gap:19px}}
@media(prefers-reduced-motion:reduce){.emi-range,.emi-tenures>button,.emi-presets>button,.emi-amount-input,.emi-schedule>summary>span{transition:none}}