/* Palette sampled from the supplied Vexfin logo: navy, its green gradient,
   and the logo's background. Other surfaces are tints of those same colors. */
:root{--ink:#153545;--muted:#586F7B;--green:#14A773;--mint:#18C084;--cyan:#153545;--line:#C7DDD1;--soft:#F0F7F3;--paper:#F7FBF9}
body{background:var(--paper);color:var(--ink)}
.brand-image{width:155px;height:58px;flex-basis:155px;gap:0}.brand-image img{width:155px;height:auto;max-height:58px;flex:0 0 auto;object-fit:contain}.closing-mark{width:174px;height:auto}
.hero{background:radial-gradient(ellipse at 85% 28%,#18C08413,transparent 48%),linear-gradient(180deg,#F7FBF9,#F0F7F3)}.hero-ring{border-color:#1535450c}.hero h1 em{background:linear-gradient(110deg,#14A773,#18C084);background-clip:text;-webkit-background-clip:text;color:transparent}
.eyebrow,.secondary,.nav-login,.disclosure summary,.checks i,.purchase-axis-note,.chart-delta{color:var(--ink)}
.primary{background:#18C084;color:#153545;box-shadow:0 10px 28px #18C0841c}.primary:hover{background:#153545;color:#F7FBF9}.primary:focus-visible{outline-color:#153545}.nav-login{border-color:#14A773}
.family,.security{background:linear-gradient(130deg,#F0F7F3,#F7FBF9)}.closing{background:radial-gradient(ellipse at 50% 95%,#18C0841c,transparent 48%),#F0F7F3}.route-links>a{background:linear-gradient(130deg,#F0F7F3,#F7FBF9)}
.donut{background:conic-gradient(#18C084 0 38%,#153545 38% 65%,#14A773 65% 86%,#C7DDD1 86%)}.c1{background:#18C084}.c2{background:#153545}.c3{background:#14A773}.c4{background:#C7DDD1}
.series-swatch,.series-solid{border-color:#14A773;stroke:#14A773}.series-swatch.dashed,.series-dashed{border-color:#153545;stroke:#153545}.chart-point{fill:#14A773}.chart-point.series-1{fill:#153545}.series-swatch.mint{background:#18C084}.series-swatch.cyan,.series-swatch.navy{background:#153545}.series-swatch.protected{background:#C7DDD1}.series-swatch.block{border:0;height:8px;width:16px;flex-basis:16px}
.chart-tick,.chart-month{fill:#586F7B}.column-value{fill:#153545}.income-limit{stroke:#153545;stroke-dasharray:5 4;stroke-width:1.5}.income-limit-label{font-size:12px;fill:#153545;font-weight:600}
.balance strong,.wealth-widget>span,.goal>span,.insight b,.category-readout,.projection aside button.active{color:#153545}
.hero-grid{align-items:start;grid-template-columns:minmax(0,.85fr) minmax(0,1.1fr);padding-top:54px;gap:46px}.hero-copy{padding-top:48px}
.purchase-tool{background:#F7FBF9;border:1px solid #C7DDD1;box-shadow:0 20px 60px #15354512;padding:28px;backdrop-filter:none;overflow:hidden}
.purchase-tool h2{font-size:22px;font-weight:600;letter-spacing:-.025em;line-height:1.4;margin:5px 0 0}.purchase-tool .sim-head{align-items:start;gap:12px;margin-bottom:12px}.tool-badge{font-size:12px;white-space:nowrap;padding:6px 10px;border-radius:99px;border:1px solid var(--line);color:#586F7B}
.tool-intro{font-size:16px;line-height:1.65;margin:0 0 22px;color:var(--muted)}
.sim-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px}.sim-field{min-width:0;display:flex;flex-direction:column;gap:8px}.sim-field[hidden]{display:none}.sim-field label{font-size:14px;font-weight:650;line-height:1.5}.sim-field small{font-size:12px;color:var(--muted);line-height:1.6}.sim-field input:not([type=range]),.sim-field select{display:block;width:100%;min-width:0;border:1px solid #C7DDD1;border-radius:9px;background:#fff;color:#153545;font:inherit;font-size:16px;min-height:48px;padding:10px 12px;font-variant-numeric:tabular-nums}
.sim-field input::placeholder{color:#74878F;opacity:1}.sim-field select{padding-right:8px}.money-input{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;position:relative}.money-input>span:first-child{position:absolute;left:12px;top:12px;pointer-events:none;font-size:14px;color:#586F7B}.money-input input{grid-column:1/-1;padding-left:39px!important}.money-input .field-error{grid-column:1/-1}.field-error{font-size:12px;line-height:1.6;color:#153545}.field-error:not(:empty){margin-top:4px;font-weight:650}.sim-field [aria-invalid=true]{border-color:#153545;box-shadow:0 0 0 1px #153545}
.term-field label{display:flex;align-items:center;justify-content:space-between;gap:8px}.term-field output{color:#153545;background:#E4F0E9;border-radius:6px;padding:3px 8px;font-weight:700;min-width:40px;text-align:center}.term-field input[type=range]{appearance:none;height:6px;margin:22px 0 5px;border-radius:100px;background:linear-gradient(to right,#14A773 var(--fill,22%),#C7DDD1 var(--fill,22%));cursor:pointer;touch-action:pan-y}.term-field input::-webkit-slider-thumb{appearance:none;width:23px;height:23px;border:3px solid #F7FBF9;border-radius:50%;background:#14A773;box-shadow:0 0 0 1px #14A773}.term-field input::-moz-range-thumb{width:18px;height:18px;border:3px solid #F7FBF9;border-radius:50%;background:#14A773;box-shadow:0 0 0 1px #14A773}.term-limits{display:flex;justify-content:space-between;font-size:12px;color:#586F7B}
.purchase-options{border-top:1px solid #C7DDD1;margin-top:20px}.purchase-options summary{font-size:14px}.advanced-fields{padding:12px 0 16px}.sim-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:16px}.sim-actions button{font:inherit;cursor:pointer}.sim-actions .primary{font-size:14px;font-weight:700;border:0;min-width:0;padding:14px 18px;border-radius:8px}.example-button{border:0;padding:8px 0;background:transparent;color:#153545;font-size:14px!important;text-decoration:underline;text-underline-offset:4px}.sim-privacy{font-size:12px;line-height:1.6;color:#586F7B;margin:14px 0 0}.form-error{font-size:14px;line-height:1.6;border-left:3px solid #153545;padding:10px 14px;background:#E4F0E9}.form-error[hidden]{display:none}
.sim-empty{border-top:1px solid var(--line);margin-top:22px;padding-top:20px;display:flex;gap:20px;align-items:center}.sim-empty[hidden]{display:none}.empty-number{font-size:26px;white-space:nowrap;color:#15354555;font-weight:600}.sim-empty p{font-size:14px;color:#586F7B;margin:0;line-height:1.7}
.purchase-results{margin-top:24px;border-top:1px solid var(--line);padding-top:24px}.purchase-results[hidden]{display:none}.result-heading{display:flex;gap:12px;justify-content:space-between;align-items:start;margin-bottom:16px}.result-heading h3{font-size:17px;line-height:1.5;margin:0;font-weight:650}.result-mode{font-size:12px;white-space:nowrap;color:#586F7B;border:1px solid #C7DDD1;border-radius:99px;padding:4px 8px}
.result-primary{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:#153545;padding:22px;border-radius:12px;color:#F7FBF9}.result-primary>div{min-width:0;display:flex;flex-direction:column;gap:6px}.result-primary span{font-size:14px;color:#E4F0E9}.result-primary strong{font-size:clamp(22px,2.3vw,31px);font-weight:700;line-height:1.3;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.result-primary>div:first-child strong{color:#18C084}.result-primary small{font-size:12px;color:#C7DDD1;line-height:1.7}
.cost-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:18px 5px}.cost-breakdown>div{display:flex;flex-direction:column;gap:5px}.cost-breakdown span{font-size:12px;color:#586F7B}.cost-breakdown b{font-size:18px;font-weight:650;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.purchase-insight{font-size:14px;line-height:1.75;padding:14px 16px;border:1px solid #C7DDD1;border-left:3px solid #14A773;background:#F0F7F3;border-radius:8px;margin:0 0 20px}.purchase-insight.budget-shortfall{border-left:4px solid #153545;background:#E4F0E9;font-weight:500}
.purchase-future{padding:18px 14px;margin:0 0 16px;background:#fff}.purchase-future .chart-title b{font-size:14px}.purchase-future small{font-size:12px!important;line-height:1.65;margin:8px 0 10px}.purchase-legend{font-size:12px;margin-top:5px;gap:10px 16px}.purchase-legend>[hidden]{display:none}.purchase-chart{height:260px;min-width:500px}.purchase-chart-scroll{overflow-x:auto;overflow-y:hidden;scrollbar-color:#14A773 #E4F0E9;scrollbar-width:thin;overscroll-behavior-inline:contain}.purchase-axis-note{font-size:12px;color:#586F7B;line-height:1.65}.purchase-tool .chart-tooltip{background:#F7FBF9;font-size:12px}.purchase-tool .chart-tooltip .tooltip-series-name{min-width:0}.purchase-tool .tooltip-row{align-items:start}.purchase-tool .chart-tooltip .tooltip-label{min-width:0}
.compare-detail,.month-detail,.methodology-detail{border-top:1px solid #C7DDD1}.table-scroll{overflow-x:auto;max-width:100%;scrollbar-width:thin}.table-scroll table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.6;text-align:left}.table-scroll caption{text-align:left;color:#586F7B;padding:10px 0 16px;font-size:12px}.table-scroll th{color:#586F7B;font-weight:600}.table-scroll td,.table-scroll th{padding:11px 10px;white-space:nowrap;border-bottom:1px solid #E4F0E9;font-variant-numeric:tabular-nums}.table-scroll td:first-child,.table-scroll th:first-child{padding-left:0}.table-scroll td:last-child,.table-scroll th:last-child{padding-right:0}.table-scroll button{font:inherit;border:1px solid #C7DDD1;padding:7px 10px;border-radius:6px;cursor:pointer;white-space:nowrap;background:#F7FBF9;color:#153545}.table-scroll button[aria-pressed=true]{background:#153545;color:#F7FBF9;border-color:#153545}.selected-term{background:#F0F7F3}.table-note,.comparison-note{font-size:12px;line-height:1.7;color:#586F7B;margin:12px 0}.cash-comparison{display:grid;grid-template-columns:1fr auto;gap:6px 14px;border:1px solid #C7DDD1;border-radius:8px;background:#F0F7F3;padding:14px;font-size:14px;margin:8px 0 12px}.cash-comparison small{grid-column:1/-1;line-height:1.7;color:#586F7B;font-size:12px}.methodology-detail p{font-size:14px;line-height:1.75;color:#586F7B;margin:10px 0 14px}.methodology-detail>a{display:block;color:#153545;text-decoration:underline;font-size:14px;line-height:1.7;margin-bottom:15px}
@media(max-width:1120px){.hero-grid{gap:30px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.purchase-tool{padding:24px 20px}.tool-badge{display:none}.hero-copy{padding-top:25px}.result-primary{padding:18px;gap:12px}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:30px}.hero-copy{padding-top:0}.purchase-tool{max-width:720px;width:100%;justify-self:center;padding:28px}.brand-image img{width:150px;max-height:55px}.result-primary strong{font-size:30px}}
@media(max-width:620px){.hero-grid{padding-top:34px;gap:28px}.brand-image{width:134px;height:45px;flex-basis:134px}.brand-image img{width:134px;max-height:49px}.purchase-tool{padding:22px 16px}.purchase-tool h2{font-size:21px}.sim-fields{grid-template-columns:1fr;gap:18px}.sim-field small{font-size:13px}.term-field{padding-top:3px}.term-field input[type=range]{margin-top:15px}.sim-actions{align-items:stretch;flex-direction:column;gap:10px}.sim-actions .primary{min-height:48px}.example-button{align-self:center}.result-primary{grid-template-columns:1fr;padding:20px;gap:22px}.result-primary strong{font-size:29px}.cost-breakdown{gap:12px}.cost-breakdown b{font-size:17px}.result-heading{flex-wrap:wrap}.purchase-future{padding:16px 10px}.purchase-legend{font-size:12px;gap:8px 12px}.purchase-results{padding-top:20px}.cash-comparison{grid-template-columns:1fr}.cash-comparison small{grid-column:auto}.sim-privacy{font-size:13px}}
@media(prefers-reduced-motion:reduce){.purchase-tool *{scroll-behavior:auto;transition:none}}
/* Text uses the logo's navy; green remains the brand accent. */
.nav nav a[aria-current=page],.balance span,.projection-notes>div:first-child b,.expand-all{color:#153545}
.hero h1 em{background:none;-webkit-text-fill-color:#14A773;color:#14A773}
.purchase-results.has-shortfall #available-value{color:#F7FBF9}