/* Flexcap loan payment calculator (homepage). Self-contained: no theme scripts needed. */
.fx-calc{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);background:#fff;border-radius:14px;overflow:hidden;font-family:Roboto,sans-serif;color:#1d2136;text-align:left}
.fx-calc *{box-sizing:border-box}
.fx-calc__inputs{padding:40px}
.fx-calc__results{padding:40px;background:#f4f6fb;display:flex;flex-direction:column}
.fx-calc h3{font-family:Poppins,sans-serif;font-size:24px;line-height:1.3;font-weight:600;color:#18181b;margin:0 0 24px}
.fx-calc__field{margin:0 0 26px;border:0;padding:0;min-width:0}
.fx-calc__field:last-child{margin-bottom:0}
.fx-calc__label{display:block;font-size:16px;font-weight:500;line-height:1.3;color:#3b4254;margin:0 0 10px;padding:0}
.fx-calc__row{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:18px;align-items:center}
.fx-calc__box{display:flex;align-items:center;height:48px;border:1px solid #cfd5e3;border-radius:8px;background:#fff;overflow:hidden}
.fx-calc__box:focus-within{border-color:#2737c2;box-shadow:0 0 0 3px rgba(39,55,194,.15)}
.fx-calc__box span{flex:0 0 auto;padding:0 12px;color:#667085;font-size:16px}
.fx-calc__box input{flex:1 1 auto;min-width:0;width:100%;height:100%;border:0;outline:0;background:transparent;padding:0 12px;font:500 17px Roboto,sans-serif;color:#18181b;margin:0;box-shadow:none}
.fx-calc__box span+input{padding-left:0}
.fx-calc input[type=range]{-webkit-appearance:none;appearance:none;display:block;width:100%;height:24px;margin:0;padding:0;border:0;background:transparent;cursor:pointer}
.fx-calc input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(to right,#2737c2 var(--fx-fill,0%),#e4e8f1 var(--fx-fill,0%))}
.fx-calc input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:#e4e8f1}
.fx-calc input[type=range]::-moz-range-progress{height:6px;border-radius:3px;background:#2737c2}
.fx-calc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-8px;border-radius:50%;background:#fff;border:2px solid #2737c2;box-shadow:0 1px 4px rgba(0,0,0,.2)}
.fx-calc input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid #2737c2}
.fx-calc input[type=range]:focus-visible{outline:2px solid #2737c2;outline-offset:3px;border-radius:4px}
.fx-calc__seg{display:flex;flex-wrap:wrap;gap:8px}
.fx-calc__seg label{position:relative;margin:0;cursor:pointer}
.fx-calc__seg input{position:absolute;opacity:0;width:1px;height:1px}
.fx-calc__seg span{display:block;padding:10px 18px;border:1px solid #cfd5e3;border-radius:8px;background:#fff;color:#3b4254;font-size:15px;font-weight:500;line-height:1.2}
.fx-calc__seg input:checked+span{background:#2737c2;border-color:#2737c2;color:#fff}
.fx-calc__seg input:focus-visible+span{outline:2px solid #2737c2;outline-offset:2px}
.fx-calc__kicker{font-size:16px;font-weight:500;color:#3b4254;margin:0 0 4px}
.fx-calc__payment{font-family:Poppins,sans-serif;font-size:42px;line-height:1.15;font-weight:700;color:#18181b;margin:0 0 4px;overflow-wrap:anywhere}
.fx-calc__per{font-size:15px;color:#667085;margin:0 0 22px}
.fx-calc__bar{display:flex;height:12px;border-radius:6px;overflow:hidden;background:#e4e8f1;margin:0 0 10px}
.fx-calc__bar i{display:block;height:100%}
.fx-calc__bar i:first-child{background:#2737c2}
.fx-calc__bar i:last-child{background:#ee8560}
.fx-calc__legend{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;color:#3b4254;margin:0 0 20px;padding:0;list-style:none}
.fx-calc__legend li{margin:0;display:flex;align-items:center;gap:6px}
.fx-calc__legend li::before{content:"";width:10px;height:10px;border-radius:50%;background:#2737c2}
.fx-calc__legend li+li::before{background:#ee8560}
.fx-calc__list{margin:0 0 22px;padding:0}
.fx-calc__list div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid #e0e4ee;font-size:16px;line-height:1.35}
.fx-calc__list dt{font-weight:400;color:#3b4254;margin:0}
.fx-calc__list dd{font-weight:600;color:#18181b;margin:0;text-align:right;white-space:nowrap}
.fx-calc__cta{display:block;margin-top:auto;padding:15px 20px;border-radius:8px;background:#2737c2;color:#fff!important;text-align:center;text-decoration:none!important;font-size:16px;font-weight:600;line-height:1.2}
.fx-calc__cta:hover{background:#1a2690}
.fx-calc__note{grid-column:1/-1;margin:0;padding:18px 40px;border-top:1px solid #e0e4ee;font-size:14px;line-height:1.55;color:#55607a;background:#fff}
@media (max-width:991px){.fx-calc{grid-template-columns:minmax(0,1fr)}}
@media (max-width:575px){
  .fx-calc__inputs,.fx-calc__results{padding:24px 20px}
  .fx-calc__note{padding:16px 20px}
  .fx-calc__row{grid-template-columns:minmax(0,1fr);gap:8px}
  .fx-calc__row input[type=range]{order:2}
  .fx-calc__payment{font-size:36px}
  .fx-calc h3{font-size:22px}
}