@font-face{font-family:FinancePathways;src:url('../assets/pathways/lato-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:FinancePathways;src:url('../assets/pathways/lato-bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
.pathways-demo{--pathways-navy:#081f2c;--pathways-green:#528316;--pathways-teal:#008094;--pathways-muted:#5f6486;--pathways-line:#dce0e8;font-family:FinancePathways,Lato,Arial,sans-serif;color:var(--pathways-navy);background:#fff;border:1px solid var(--pathways-line);border-radius:8px;overflow:hidden;line-height:1.5;text-align:left;isolation:isolate}
.pathways-demo *{box-sizing:border-box}
.pathways-demo [hidden]{display:none!important}
.pathways-demo .pathways-topline{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px 42px;border-bottom:1px solid var(--pathways-line)}
.pathways-demo .pathways-topline img{display:block;width:172px;max-width:55%;height:auto}
.pathways-demo .pathways-demo-label{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--pathways-muted);text-align:right}
.pathways-demo .pathways-intro{padding:38px 42px 25px}
.pathways-demo .pathways-eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--pathways-green);font-weight:700;margin:0 0 10px}
.pathways-demo h3{font:700 clamp(29px,4vw,43px)/1.12 FinancePathways,Lato,Arial,sans-serif;letter-spacing:-.035em;margin:0 0 16px;max-width:650px;color:var(--pathways-navy)}
.pathways-demo .pathways-intro>p:last-child{font-size:15px;color:var(--pathways-muted);max-width:590px;margin:0}
.pathways-demo .pathways-workspace{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;padding:18px 42px 42px;align-items:start}
.pathways-demo .pathways-controls{min-width:0}
.pathways-demo label{display:block;font-size:13px;font-weight:700;line-height:1.5;color:var(--pathways-navy)}
.pathways-demo .pathways-amount{display:flex;align-items:center;border-bottom:1px solid var(--pathways-navy);font-size:49px;font-weight:700;line-height:1.2;margin:10px 0 16px}
.pathways-demo .pathways-amount>span{font-size:32px;padding-right:5px}
.pathways-demo .pathways-amount input{font:inherit;color:inherit;width:100%;min-width:0;padding:0 0 5px;border:0;background:transparent;appearance:textfield}
.pathways-demo .pathways-amount input::-webkit-inner-spin-button,.pathways-demo .pathways-amount input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.pathways-demo input[type=range]{appearance:none;-webkit-appearance:none;display:block;width:100%;height:28px;background:transparent;margin:0;padding:0;accent-color:var(--pathways-green);cursor:pointer}
.pathways-demo input[type=range]::-webkit-slider-runnable-track{height:3px;background:#d5dfc6;border-radius:4px}
.pathways-demo input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:0;border-radius:50%;background:var(--pathways-green);margin-top:-8px;box-shadow:0 0 0 4px #fff}
.pathways-demo input[type=range]::-moz-range-track{height:3px;background:#d5dfc6}
.pathways-demo input[type=range]::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:50%;background:var(--pathways-green);box-shadow:0 0 0 4px #fff}
.pathways-demo :is(input,select,button,summary):focus-visible{outline:3px solid var(--pathways-teal);outline-offset:4px}
.pathways-demo .pathways-range-hints{display:flex;justify-content:space-between;font-size:11px;color:var(--pathways-muted)}
.pathways-demo .pathways-term-control{margin-top:25px}
.pathways-demo .pathways-term-label{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.pathways-demo .pathways-term-label output{display:inline-block;background:var(--pathways-green);color:#fff;font-weight:700;font-size:14px;white-space:nowrap;padding:6px 11px;border-radius:6px}
.pathways-demo .pathways-selects{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:26px}
.pathways-demo select{font:400 13px FinancePathways,Lato,Arial,sans-serif;color:var(--pathways-navy);width:100%;min-width:0;min-height:44px;border:1px solid #c4cbd4;border-radius:4px;background:#fff;padding:10px 5px;margin-top:7px}
.pathways-demo .pathways-reset{font:700 12px FinancePathways,Lato,Arial,sans-serif;background:#fff;border:1px solid #b8c6ad;border-radius:5px;color:#416d11;padding:10px 14px;min-height:40px;cursor:pointer;margin-top:22px}
.pathways-demo .pathways-reset:hover{background:#f3f7ed}
.pathways-demo .pathways-reset span{font-size:17px;margin-left:12px}
.pathways-demo .pathways-payment-panel{background:linear-gradient(145deg,#f6f9f1,#eef4e5);border:1px solid #dce7cd;border-radius:0 52px 0 52px;padding:32px 28px;min-width:0}
.pathways-demo .pathways-payment-panel>p:first-child{font-size:14px;font-weight:700;margin:0 0 7px}
.pathways-demo .pathways-payment{font-size:clamp(38px,4.5vw,57px);line-height:1.15;letter-spacing:-.04em;color:var(--pathways-green);font-weight:700;display:block;overflow-wrap:anywhere}
.pathways-demo .pathways-rate{font-size:12px;color:#516642;margin:14px 0 25px}
.pathways-demo .pathways-rate strong{font-size:16px;color:var(--pathways-green);margin-left:5px;white-space:nowrap}
.pathways-demo dl{padding:0;margin:0}
.pathways-demo .pathways-payment-panel dl>div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid #d5dfc9;font-size:12px}
.pathways-demo dt{margin:0;color:#516642}
.pathways-demo dd{margin:0;font-weight:700;text-align:right;white-space:nowrap}
.pathways-demo .pathways-payment-panel dl>div:last-child{font-size:14px}
.pathways-demo .pathways-panel-note{font-size:11px;line-height:1.6;color:#576b4c;margin:17px 0 0}
.pathways-demo .pathways-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.pathways-demo .pathways-error{padding:0 42px 24px;color:#a32e23;font-size:14px}
.pathways-demo .pathways-journey{background:#f5f7fa;padding:32px 42px;border-top:1px solid var(--pathways-line)}
.pathways-demo h4{font:700 24px/1.2 FinancePathways,Lato,Arial,sans-serif;letter-spacing:-.025em;margin:0 0 16px}
.pathways-demo .pathways-legend{display:flex;flex-wrap:wrap;gap:20px;font-size:11px;color:var(--pathways-muted)}
.pathways-demo .pathways-legend span{display:inline-flex;align-items:center;gap:7px}
.pathways-demo :is(.pathways-legend,.pathways-payment-detail) i{display:inline-block;width:16px;height:3px;background:var(--pathways-navy)}
.pathways-demo :is(.pathways-legend,.pathways-payment-detail) .pathways-key-principal{background:var(--pathways-teal)}
.pathways-demo :is(.pathways-legend,.pathways-payment-detail) .pathways-key-interest{background:#8b66a6}
.pathways-demo .pathways-chart{display:block;width:100%;height:auto;margin-top:18px}
.pathways-demo .pathways-chart text{font:12px FinancePathways,Lato,Arial,sans-serif;fill:#5f6486}
.pathways-demo .pathways-gridline{stroke:#dce0e8;stroke-width:1}
.pathways-demo .pathways-cursor{stroke:#b9c7ce;stroke-width:1;stroke-dasharray:3 4}
.pathways-demo .pathways-balance-line{fill:none;stroke:var(--pathways-navy);stroke-width:3;stroke-linejoin:round}
.pathways-demo .pathways-principal-line{fill:none;stroke:var(--pathways-teal);stroke-width:2.5;stroke-linejoin:round}
.pathways-demo .pathways-interest-line{fill:none;stroke:#8b66a6;stroke-width:2.5;stroke-dasharray:6 3;stroke-linejoin:round}
.pathways-demo .pathways-balance-point{fill:var(--pathways-navy);stroke:#fff;stroke-width:2}
.pathways-demo .pathways-inspector{display:grid;grid-template-columns:1fr 1fr;gap:35px;border-top:1px solid var(--pathways-line);padding-top:25px;margin-top:12px;align-items:start}
.pathways-demo .pathways-month-control{padding-top:5px;min-width:0}
.pathways-demo .pathways-month-control label{font-size:12px}
.pathways-demo .pathways-month-control output{background:var(--pathways-navy);font-size:12px}
.pathways-demo .pathways-split{display:flex;width:100%;height:10px;border-radius:5px;overflow:hidden;background:#dce0e8;margin:6px 0 13px}
.pathways-demo .pathways-split-principal{background:var(--pathways-teal)}
.pathways-demo .pathways-split-interest{background:#8b66a6}
.pathways-demo .pathways-payment-detail dl{display:grid;gap:7px}
.pathways-demo .pathways-payment-detail dl>div{display:flex;justify-content:space-between;gap:12px;font-size:12px}
.pathways-demo .pathways-payment-detail dt{color:var(--pathways-muted);display:flex;align-items:center;gap:7px}
.pathways-demo .pathways-table-details{margin-top:20px;font-size:13px}
.pathways-demo summary{display:list-item;cursor:pointer;padding:12px 0;min-height:44px;font-weight:700;color:var(--pathways-teal)}
.pathways-demo .pathways-table-scroll{overflow:auto;max-width:100%;max-height:340px;border-top:1px solid var(--pathways-line)}
.pathways-demo table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}
.pathways-demo caption{text-align:left;font-size:11px;color:var(--pathways-muted);padding:12px 0}
.pathways-demo th,.pathways-demo td{text-align:right;padding:10px 8px;border-bottom:1px solid var(--pathways-line)}
.pathways-demo th:first-child{text-align:left}
.pathways-demo thead{background:#edf1f5}
.pathways-demo .pathways-selected-month{background:#e4edf0}
.pathways-demo .pathways-disclosure{font-size:11px;line-height:1.65;color:var(--pathways-muted);padding:22px 42px;margin:0;border-top:1px solid var(--pathways-line)}
@media(max-width:760px){.pathways-demo .pathways-topline{padding:22px 24px}.pathways-demo .pathways-intro{padding:28px 24px 12px}.pathways-demo .pathways-workspace{grid-template-columns:1fr;padding:18px 24px 28px;gap:30px}.pathways-demo .pathways-payment-panel{padding:28px;border-radius:0 46px 0 46px}.pathways-demo .pathways-payment{font-size:52px}.pathways-demo .pathways-journey{padding:28px 20px}.pathways-demo .pathways-inspector{grid-template-columns:1fr;gap:24px}.pathways-demo .pathways-legend{gap:10px 16px}.pathways-demo .pathways-disclosure{padding:20px 24px}.pathways-demo .pathways-demo-label{font-size:9px;max-width:85px}.pathways-demo .pathways-error{padding:0 24px 22px}}
@media(max-width:380px){.pathways-demo .pathways-selects{grid-template-columns:1fr;gap:18px}.pathways-demo .pathways-topline{padding:20px}.pathways-demo .pathways-topline img{width:145px}.pathways-demo .pathways-workspace{padding-left:20px;padding-right:20px}.pathways-demo .pathways-payment-panel{padding:26px 20px}.pathways-demo .pathways-payment{font-size:44px}.pathways-demo .pathways-journey{padding:25px 16px}.pathways-demo .pathways-term-label output{font-size:12px}.pathways-demo .pathways-amount{font-size:44px}}
@media(prefers-reduced-motion:reduce){.pathways-demo *{scroll-behavior:auto!important}}