:root{--ink:#173d36;--muted:#657970;--paper:#f6f8f3;--green:#1d7963;--mint:#ddefb7;--line:#dce5da;--blue:#8799bd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 'DM Sans',sans-serif}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button,a,summary{cursor:pointer}a{color:inherit;text-decoration:none}header,main,footer{max-width:1240px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:30px 36px;border-bottom:1px solid var(--line)}.brand{font:800 24px Manrope,sans-serif;letter-spacing:-1px}.brand span{font-weight:400}nav{display:flex;align-items:center;gap:28px;font-size:13px}.quiet{border:0;background:none;color:var(--ink);padding:8px 0}.hero{padding:70px 36px 52px;position:relative}.eyebrow,.sectiontag{font-size:11px;letter-spacing:1.8px;font-weight:700;color:var(--muted)}h1,h2,h3,p{margin:0}h1{font:500 clamp(42px,5.5vw,72px)/1.08 Manrope,sans-serif;letter-spacing:-3px;margin:20px 0}h1 em{font-style:normal;color:var(--green)}.hero>p{max-width:540px;color:var(--muted);font-size:17px}.pill{display:inline-flex;gap:30px;align-items:center;background:var(--ink);color:white;border-radius:30px;padding:13px 22px;margin:26px 0 14px;font-size:13px}.pill span{font-size:20px}.hero-note{font-size:11px;color:var(--muted)}.workspace{margin:0 36px;background:white;border:1px solid var(--line);border-radius:24px;display:grid;grid-template-columns:300px minmax(0,1fr);overflow:hidden;box-shadow:0 15px 50px #173d3606}aside{padding:30px;background:#edf2e9;border-right:1px solid var(--line)}aside h2{font:600 23px/1.3 Manrope;margin:10px 0 20px}select{width:100%;border:1px solid #cbd8c7;border-radius:9px;background:white;color:var(--ink);padding:10px;font-size:13px;margin-bottom:24px}label{display:block;font-size:12px;margin-bottom:18px;color:#50675c}input{width:100%;border:1px solid #ccd8c9;border-radius:9px;padding:10px 12px;margin-top:6px;color:var(--ink);background:white;font-weight:600;min-width:0}input[type=range]{padding:0;accent-color:var(--green)}.range-label{display:flex;justify-content:space-between}.range-label output{font-weight:700}.input-note{font-size:11px;color:var(--muted);margin:16px 0}article{padding:32px;min-width:0}.result-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.big{font:600 clamp(28px,3.7vw,46px)/1.2 Manrope;letter-spacing:-1.5px;margin:8px 0 20px;font-variant-numeric:tabular-nums}.status{font-size:9px;letter-spacing:1px;background:#ecf4e3;padding:6px 10px;border-radius:20px;white-space:nowrap}.metrics{display:flex;gap:35px;font-size:11px;color:var(--muted);padding-bottom:25px}.metrics strong{display:block;color:var(--ink);font-size:17px;font-weight:500}.chart-head{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;gap:10px}.chart-head h3{font-size:14px;font-weight:500}.chart-head>span{font-size:12px;font-weight:600}.legend{display:flex;gap:20px;margin-top:15px;font-size:11px;color:var(--muted)}.legend span{display:flex;align-items:center;gap:6px}.legend b{font-weight:400}.legend i{width:8px;height:8px;border-radius:50%}.teal{background:var(--green)}.blue{background:var(--blue)}.chart-wrap{height:275px;width:100%;margin-top:8px}canvas{width:100%;height:100%;display:block}.hover{min-height:26px;color:var(--green);font-size:11px}.assumptions{font-size:11px;color:var(--muted);padding:12px 0;border-top:1px solid var(--line)}details{border-top:1px solid var(--line);padding:15px 0;font-size:12px}summary{font-weight:500}details p{margin-top:12px;color:var(--muted)}.table-wrap{max-height:260px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px}td,th{text-align:right;padding:8px;border-bottom:1px solid var(--line)}td:first-child,th:first-child{text-align:left}#error{color:#aa392a;font-size:13px}.ad-slot{margin:30px 36px 80px;padding:18px;text-align:center;border:1px dashed #ccd6c6;border-radius:12px;color:var(--muted)}.ad-slot span{font-size:9px;letter-spacing:2px}.ad-slot p{font-size:11px}.catalog{padding:0 36px 70px}.catalog h2,.knowledge h2{font:500 clamp(28px,3.7vw,43px)/1.2 Manrope;letter-spacing:-1.5px;margin:14px 0 25px}.filter{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0}.filter button{padding:8px 17px;border:1px solid var(--line);border-radius:22px;background:transparent;color:var(--ink);font-size:12px}.filter button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.calc-card{text-align:left;border:1px solid var(--line);border-radius:16px;padding:24px;background:#fff;color:var(--ink);transition:transform .2s,box-shadow .2s}.calc-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #173d3610}.card-no{display:flex;justify-content:space-between;color:var(--green);font-size:12px;margin-bottom:23px}.calc-card h3{font:600 18px Manrope;margin-bottom:8px}.calc-card p{font-size:12px;color:var(--muted);min-height:40px}.knowledge{margin:0 36px 70px;background:#e7eddf;border-radius:22px;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.knowledge>div>p{color:var(--muted);font-size:13px}.knowledge details{font-size:13px;padding:20px 0}footer{padding:25px 36px 40px;border-top:1px solid var(--line);display:flex;align-items:center;gap:25px;flex-wrap:wrap}footer p{font-size:11px;color:var(--muted);margin-right:auto}footer button{font-size:11px!important}dialog{border:1px solid var(--line);border-radius:20px;padding:30px;max-width:520px;color:var(--ink);width:90%}dialog::backdrop{background:#173d3660}dialog p{margin-top:15px}dialog button{float:right}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #84b99d;outline-offset:4px}@media(max-width:800px){.workspace{grid-template-columns:240px 1fr}aside,article{padding:22px}.status{display:none}.metrics{gap:15px}.cards{grid-template-columns:repeat(2,1fr)}nav{gap:15px}.knowledge{gap:25px}}@media(max-width:600px){header{padding:20px}.brand{font-size:21px}nav>a:nth-child(2),nav>button{display:none}.hero{padding:45px 20px 30px}h1{letter-spacing:-2px}.hero>p{font-size:15px}.workspace{margin:0 15px;grid-template-columns:1fr}.workspace aside{border-right:0;border-bottom:1px solid var(--line)}#fields{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}aside h2{margin-bottom:15px}select{margin-bottom:16px}input{font-size:16px}.big{font-size:36px}.chart-wrap{height:240px}.cards{grid-template-columns:1fr}.catalog{padding:0 20px 45px}.ad-slot{margin:25px 15px 50px}.knowledge{margin:0 15px 35px;padding:25px;grid-template-columns:1fr;gap:15px}footer{padding:25px 20px;gap:15px}.metrics{flex-wrap:wrap}.calc-card p{min-height:0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media print{header nav,.hero,.catalog,.ad-slot,.knowledge,footer,#print,.status{display:none}.workspace{margin:0;box-shadow:none;break-inside:avoid}.table-wrap{max-height:none}details{display:block}body{background:white}}
/* Reserved advertising space: creative stays separate from calculator controls. */
.calculator-ad{margin:20px 0;min-height:122px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;color:var(--muted);font-size:10px;letter-spacing:1px}
.ad-creative{width:100%;min-height:90px;background:#f3f5f0;display:flex;align-items:center;justify-content:center;text-align:center;letter-spacing:0;border:1px dashed #ccd6c6;padding:12px}
.ad-creative span{font-size:11px;max-width:250px}.legend{flex-wrap:wrap}.legend span{min-width:0}.result-top>div{min-width:0}.big{overflow-wrap:anywhere}.metrics>div{min-width:0}input,select{max-width:100%}input[type=date]{min-width:0;min-height:46px}#error{overflow-wrap:anywhere}
@media(max-width:700px){
.workspace{margin:0 8px;grid-template-columns:minmax(0,1fr);border-radius:18px}
.workspace aside{border-right:0;border-bottom:1px solid var(--line);padding:20px 16px}
article{padding:22px 14px;min-width:0}
#fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
#fields label{min-width:0;font-size:13px}input,select{font-size:16px;min-height:46px}input[type=range]{min-height:44px;margin-top:0}
.range-label{gap:8px;flex-wrap:wrap}.quiet{min-height:44px}.filter button{min-height:44px}
.chart-wrap{height:240px}.chart-head{align-items:baseline;flex-wrap:wrap}.chart-head>span{white-space:nowrap}
.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;font-size:12px}.metrics strong{font-size:16px;overflow-wrap:anywhere}
.big{font-size:clamp(27px,8vw,38px);letter-spacing:-1px}.sectiontag{letter-spacing:1.2px}.result-top{display:block}.status{display:none}
.legend{gap:8px 14px;font-size:12px}.hover{font-size:12px;min-height:44px}.assumptions{font-size:12px}
.calculator-ad{margin:18px -14px 20px;min-height:280px;gap:8px;padding:0;max-width:calc(100% + 28px)}
.ad-creative{width:300px;max-width:100%;height:250px;min-height:250px;flex-shrink:0}
summary{min-height:44px;display:list-item;padding:10px 0}.table-wrap{max-width:100%}td,th{padding:8px 5px}
.hero{padding:32px 20px 25px}.hero h1{font-size:clamp(35px,8.5vw,50px)}
}
@media(max-width:380px){#fields{grid-template-columns:minmax(0,1fr)}header{padding:18px 14px;gap:10px}.brand{font-size:20px}nav{font-size:12px}.metrics{grid-template-columns:minmax(0,1fr)}.hero{padding-left:16px;padding-right:16px}.knowledge,.catalog{overflow-wrap:anywhere}}
@media print{.calculator-ad{display:none!important}}
/* The saturated green legend corresponds to the actual interest-only area. */
.legend .teal{background:#08a886}
@font-face{font-family:Inter;src:url('fonts/inter-latin-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('fonts/inter-latin-500.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url('fonts/inter-latin-600.woff2') format('woff2');font-style:normal;font-weight:600 800;font-display:swap}
@font-face{font-family:'Source Serif 4';src:url('fonts/source-serif-4-latin-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
body{font-family:Inter,Arial,sans-serif;font-weight:400}
.brand{font-family:Inter,Arial,sans-serif;font-weight:600;letter-spacing:-.8px}
h1,.catalog h2,.knowledge h2{font-family:'Source Serif 4',Georgia,serif;font-weight:400;letter-spacing:-1.5px;line-height:1.12}
aside h2,.calc-card h3{font-family:Inter,Arial,sans-serif;font-weight:500;letter-spacing:-.4px}
.big{font-family:Inter,Arial,sans-serif;font-weight:500;letter-spacing:-1.3px;font-variant-numeric:tabular-nums lining-nums}
input,.metrics strong,output,#year-label,td,th{font-variant-numeric:tabular-nums lining-nums}
input{font-weight:500}
@media(max-width:700px){.hero h1{font-size:clamp(38px,9vw,54px);letter-spacing:-1px}.big{letter-spacing:-1px}}
.chart-wrap.budget-chart{height:400px}.negative{color:#a33f32}.legend[hidden]{display:none}#fields label{overflow-wrap:break-word}
.chart-wrap.budget-chart{height:320px}.budget-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px;margin:10px 0 20px}.budget-legend[hidden]{display:none}.budget-key{display:flex;align-items:center;gap:8px;min-height:44px;text-align:left;border:0;border-bottom:1px solid var(--line);padding:7px 0;background:none;color:var(--ink);font-size:11px}.budget-key span:nth-child(2){flex:1;min-width:0}.budget-key strong{font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}.budget-swatch{width:10px;height:10px;flex-shrink:0;border-radius:3px}.budget-key[aria-pressed=true]{background:#edf2e9}.budget-chart canvas{touch-action:pan-y}@media(max-width:700px){.budget-legend{grid-template-columns:1fr}.budget-key{font-size:12px}.chart-wrap.budget-chart{height:290px}}
.brand{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;line-height:1.1}.brand .brand-name{font-weight:600}.brand .brand-name>span{font-weight:400}.brand-mark{display:block;width:40px;height:40px;flex:0 0 40px}footer .brand-mark{width:34px;height:34px;flex-basis:34px}@media(max-width:600px){.brand{gap:4px}.brand-mark{width:34px;height:34px;flex-basis:34px}}@media(max-width:380px){header .brand{font-size:18px;letter-spacing:-.7px;gap:4px}header .brand-mark{width:30px;height:30px;flex-basis:30px}header nav{font-size:11px}}
.interest-effect{margin:0 0 24px;padding-top:18px;border-top:1px solid var(--line)}.interest-effect[hidden]{display:none}.effect-heading{font-size:14px;font-weight:500;margin-bottom:18px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.effect-heading>span{font-size:12px;font-weight:400;color:var(--muted)}.effect-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;margin:14px 0;font-size:12px}.effect-row strong{font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}.effect-track{grid-column:1/-1;height:13px;display:flex;background:#f0f3ed;border-radius:3px;overflow:hidden}.effect-track i{height:100%;display:block}.effect-paid{background:#8799bd}.effect-interest,.legend .gold{background:#c49b60}.effect-bonus{background:#08a886}.effect-gain{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#e8f4ed;border-radius:10px;padding:16px;margin-top:20px;font-size:11px;color:#345d4f}.effect-gain strong{display:block;font-size:clamp(17px,2.3vw,24px);font-weight:500;font-variant-numeric:tabular-nums;color:#14664e;margin-top:3px}.effect-note{font-size:10px;color:var(--muted);margin-top:9px}.legend span[hidden]{display:none}@media(max-width:600px){.effect-row{font-size:11px}.effect-gain{grid-template-columns:1fr;gap:14px}.effect-gain strong{font-size:23px}.effect-note{font-size:11px}}
/* Larger desktop typography; mobile sizes stay in their existing rules. */
@media(min-width:1024px){
body{font-size:17px}nav{font-size:15px}.brand{font-size:27px}.eyebrow,.sectiontag{font-size:13px;letter-spacing:1.5px}
.hero>p{font-size:20px;max-width:620px}.pill{font-size:16px;padding:15px 25px}.hero-note{font-size:13px}
.workspace{grid-template-columns:330px minmax(0,1fr)}aside h2{font-size:26px}label{font-size:15px;line-height:1.5}input{font-size:19px;padding:12px 14px}select{font-size:16px;padding:12px}.input-note{font-size:13px}.quiet{font-size:15px}
.big{font-size:50px}.status{font-size:11px}.metrics{font-size:14px;gap:18px 30px;flex-wrap:wrap}.metrics strong{font-size:22px}.chart-head h3{font-size:18px}.chart-head>span{font-size:15px}.chart-wrap{height:310px}.legend{font-size:14px;gap:12px 20px}.hover{font-size:14px;min-height:32px}.assumptions{font-size:13px}details{font-size:15px}table{font-size:14px}td,th{padding:10px 8px}
.effect-heading{font-size:18px}.effect-heading>span{font-size:15px}.effect-row{font-size:15px;gap:7px 16px;margin:17px 0}.effect-track{height:16px}.effect-gain{font-size:14px;padding:19px;gap:20px}.effect-gain strong{font-size:27px}.effect-note{font-size:13px}
.filter button{font-size:15px;padding:10px 20px}.card-no{font-size:14px}.calc-card h3{font-size:21px}.calc-card p{font-size:15px;min-height:48px}.knowledge>div>p,.knowledge details{font-size:16px}
.budget-key{font-size:14px;gap:8px;min-height:48px}.budget-legend{grid-template-columns:1fr}.chart-wrap.budget-chart{height:350px}
footer p,footer button{font-size:13px!important}.calculator-ad{font-size:12px}.ad-creative span{font-size:13px}
}
.field-group{grid-column:1/-1;font:500 15px Inter,Arial,sans-serif;padding:18px 0 10px;margin:0;border-top:1px solid var(--line)}.field-group:first-child{padding-top:0;border:0}.lease-comparison{margin:0 0 26px}.lease-comparison[hidden]{display:none}.comparison-heading{font-size:16px;font-weight:500;margin-bottom:16px}.car-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.car-option{padding:15px 12px;background:#f2f5ef;border-radius:10px;display:flex;flex-direction:column;gap:6px;min-width:0}.car-option-name{font-size:13px;font-weight:500}.car-option strong{font-size:clamp(16px,1.9vw,23px);font-weight:500;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.car-option span,.car-option small{font-size:11px;color:var(--muted)}.car-option b{font-size:10px;font-weight:500;color:#14664e;margin-top:4px}.car-option.is-best{background:#e0f1e6}.comparison-explanation{font-size:12px;color:var(--muted);margin-top:14px}.table-wrap table{min-width:100%}#lease-comparison:not([hidden])~.chart-head{padding-top:18px}@media(max-width:700px){.car-options{grid-template-columns:1fr}.car-option{display:grid;grid-template-columns:minmax(0,1fr) auto}.car-option strong{font-size:21px}.car-option small,.car-option b{grid-column:1/-1}.car-option span{grid-column:1/-1}.field-group{font-size:16px}}@media(min-width:1024px){.comparison-heading{font-size:19px}.car-option-name{font-size:16px}.car-option span,.car-option small,.comparison-explanation{font-size:13px}.car-option b{font-size:12px}.field-group{font-size:17px}}
.dividend-summary{margin:0 0 26px}.dividend-summary[hidden]{display:none}.dividend-comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dividend-comparison>div{background:#f0f4ed;border-radius:10px;padding:16px}.dividend-comparison span{display:block;font-size:12px;color:var(--muted)}.dividend-comparison strong{display:block;font-size:23px;font-weight:500;font-variant-numeric:tabular-nums;margin-top:6px;overflow-wrap:anywhere}.dividend-benefit{background:#def2e6;border-radius:10px;padding:16px;margin-top:12px;color:#14664e;font-size:13px}.dividend-benefit strong{display:block;font-size:28px;font-weight:500;margin-top:5px;font-variant-numeric:tabular-nums}@media(max-width:700px){.dividend-comparison{grid-template-columns:1fr}.dividend-benefit strong{font-size:25px}}@media(min-width:1024px){.dividend-comparison span,.dividend-benefit{font-size:15px}.dividend-comparison strong{font-size:27px}.dividend-benefit strong{font-size:32px}}
.budget-view-controls{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.budget-view-controls[hidden],.budget-flow[hidden],.chart-wrap[hidden]{display:none!important}.budget-view-controls button{min-height:44px;border:1px solid var(--line);border-radius:24px;padding:8px 16px;background:transparent;color:var(--ink);font-size:13px}.budget-view-controls button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.budget-flow{width:100%;min-width:0}.budget-flow svg{display:block;max-width:100%}@media(min-width:1024px){.budget-view-controls button{font-size:15px}}
.opportunity-details{margin:6px 0 0;font-size:11px}.opportunity-details>div{padding:5px 0;border-top:1px solid #ceddd0}.opportunity-details dt{font-weight:400;color:var(--muted)}.opportunity-details dd{margin:2px 0 0;font-variant-numeric:tabular-nums;font-weight:500}.car-cost-key{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:14px;font-size:12px;color:var(--muted)}.car-cost-key>span{display:flex;align-items:center;gap:7px}.car-cost-key i{width:10px;height:10px;border-radius:2px}@media(max-width:700px){.opportunity-details{grid-column:1/-1;font-size:13px}.opportunity-details>div{display:flex;justify-content:space-between;gap:10px}.opportunity-details dd{margin:0}}@media(min-width:1024px){.opportunity-details{font-size:13px}.car-cost-key{font-size:14px}}
.calculator-help{margin:42px 36px 64px;padding:36px 0;border-top:1px solid var(--line)}.calculator-help h2{font-family:'Source Serif 4',Georgia,serif;font-weight:400;font-size:34px;letter-spacing:-.7px;line-height:1.2;margin:12px 0 24px}.help-brief{max-width:820px;padding:23px 26px;background:#eaf0e3;border-radius:14px}.help-brief h3{font:500 17px Inter,Arial,sans-serif;margin:0 0 9px}.help-brief p{font-size:16px;color:#3b5b4d;line-height:1.8}.help-full{margin-top:24px;padding:0;border-top:0;font-size:16px}.help-full>summary{font-weight:500;padding:16px 0;line-height:1.6}.help-body{max-width:820px}.help-body h3{font:500 20px/1.4 Inter,Arial,sans-serif;margin:30px 0 14px;color:var(--ink)}.help-body p,.help-body li,.help-body dd{font-size:16px;color:#52685b;line-height:1.8}.help-definitions{margin:0}.help-definitions>div{padding:14px 0;border-bottom:1px solid var(--line)}.help-definitions dt{font-weight:500;color:var(--ink);font-size:16px}.help-definitions dd{margin:5px 0 0}.help-body ul{padding-left:22px;margin:0}.help-body li{margin:9px 0}.help-body>p{margin:0}.help-full[open]>summary{border-bottom:1px solid var(--line)}@media(max-width:700px){.calculator-help{margin:30px 20px 40px;padding:26px 0}.calculator-help h2{font-size:29px}.help-brief{padding:19px}.help-brief p,.help-body p,.help-body li,.help-body dd,.help-definitions dt{font-size:14px}.help-full{font-size:14px}.help-body h3{font-size:18px;margin-top:25px}.help-brief h3{font-size:16px}}@media(min-width:1024px){.calculator-help h2{font-size:42px}.help-brief p,.help-body p,.help-body li,.help-body dd,.help-definitions dt{font-size:17px}.help-full{font-size:17px}.help-body h3{font-size:22px}}@media print{.calculator-help{margin:20px 0;break-before:page}.help-brief{background:transparent;padding:0}}
.home-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.home-secondary{font-size:14px;font-weight:500}.home-examples{padding:0 36px 40px}.examples-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:12px 0 25px}.examples-heading h2,.home-intro-copy h2{font:400 36px/1.2 'Source Serif 4',Georgia,serif;letter-spacing:-.7px;margin-top:10px}.animation-controls{display:flex;flex-direction:column;align-items:end;gap:7px}.animation-controls button{border:1px solid var(--line);border-radius:24px;background:transparent;padding:10px 16px;color:var(--ink);font-size:13px;min-height:44px}.animation-controls>span{font-size:11px;color:var(--muted)}.example-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:20px;align-items:stretch}.example-panel{padding:28px;border:1px solid var(--line);border-radius:22px;background:#fff;display:flex;flex-direction:column;min-width:0}.budget-panel{background:#fff}.preview-kicker{font-size:10px;letter-spacing:1.7px;color:var(--muted);margin-bottom:17px}.preview-title{display:flex;justify-content:space-between;align-items:start;gap:12px}.preview-title h3{font:500 22px/1.35 Inter,Arial,sans-serif;letter-spacing:-.6px}.preview-title>span{font-size:12px;white-space:nowrap;color:#416a54;padding-top:4px;font-variant-numeric:tabular-nums}.preview-assumption{font-size:12px;color:var(--muted);line-height:1.7;margin:12px 0 20px}.preview-total>span{font-size:12px;color:var(--muted);display:block}.preview-total>strong{font-size:38px;letter-spacing:-1.5px;font-weight:500;font-variant-numeric:tabular-nums;display:block;margin-top:4px}.home-growth-chart{height:240px;margin-top:15px}.home-budget-chart{height:300px;margin-top:15px}.home-growth-chart svg,.home-budget-chart svg{width:100%;height:100%;display:block}.home-chart-key{display:flex;flex-wrap:wrap;gap:10px 15px;font-size:10px;color:var(--muted);margin:8px 0 18px}.home-chart-key>span{display:flex;align-items:center;gap:5px}.home-chart-key i{width:8px;height:8px;border-radius:2px}.preview-growth-stats,.home-budget-balance{display:flex;justify-content:space-between;gap:15px;margin:10px 0}.preview-growth-stats span,.home-budget-balance span{display:block;font-size:11px;color:var(--muted)}.preview-growth-stats strong,.home-budget-balance strong{font-size:18px;font-weight:500;font-variant-numeric:tabular-nums}.preview-benefit{padding:14px 16px;background:#e0f3e8;border-radius:10px;margin:12px 0;display:flex;flex-direction:column;gap:3px;color:#14664e}.preview-benefit span{font-size:11px}.preview-benefit strong{font-size:22px;font-weight:500;font-variant-numeric:tabular-nums}.preview-footnote{font-size:11px;color:var(--muted);line-height:1.7;margin:15px 0 20px}.preview-link{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;border-top:1px solid var(--line);padding-top:18px;font-size:13px;font-weight:500}.preview-link>span{font-size:22px}.home-intro-copy{padding:35px 36px 65px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.home-intro-copy p{font-size:17px;line-height:1.8;color:var(--muted)}.home-main .calc-card[hidden]{display:none}.home-main .calc-card{display:block}.home-main .catalog{padding-top:15px}@media(max-width:950px){.example-grid{grid-template-columns:1fr}.home-budget-chart{height:280px}.home-growth-chart{height:260px}.preview-total>strong{font-size:40px}.home-intro-copy{gap:30px}}@media(max-width:600px){.home-examples{padding:0 15px 25px}.examples-heading{align-items:start;flex-direction:column}.examples-heading h2{font-size:29px}.animation-controls{align-items:start;flex-direction:row;align-items:center;flex-wrap:wrap}.example-panel{padding:22px 17px;border-radius:18px}.preview-title h3{font-size:21px}.preview-assumption{font-size:12px}.preview-total>strong{font-size:34px}.home-growth-chart{height:230px}.home-budget-chart{height:280px}.home-chart-key{font-size:11px}.preview-footnote{font-size:11px}.preview-link{font-size:13px;min-height:48px}.preview-growth-stats{gap:10px}.preview-growth-stats strong{font-size:17px}.home-intro-copy{grid-template-columns:1fr;gap:15px;padding:20px 20px 45px}.home-intro-copy h2{font-size:29px}.home-intro-copy p{font-size:15px}.home-actions{gap:6px}.home-secondary{padding:10px 0}.preview-growth-stats span{font-size:11px}}@media(min-width:1024px){.examples-heading h2,.home-intro-copy h2{font-size:43px}.preview-title h3{font-size:25px}.preview-assumption,.preview-total>span{font-size:14px}.preview-total>strong{font-size:43px}.preview-growth-stats span,.home-budget-balance span{font-size:13px}.preview-growth-stats strong,.home-budget-balance strong{font-size:21px}.preview-benefit span{font-size:13px}.preview-benefit strong{font-size:25px}.preview-footnote{font-size:12px}.preview-link{font-size:15px}.home-chart-key{font-size:12px}.preview-kicker{font-size:11px}.home-secondary{font-size:16px}.home-intro-copy p{font-size:19px}}
.home-hero{padding-top:42px;padding-bottom:32px}.home-hero h1{font-size:clamp(42px,5vw,64px);margin:17px 0}.home-budget-chart svg text,.home-growth-chart svg text{font-variant-numeric:tabular-nums}@media(max-width:600px){.home-hero{padding-top:30px;padding-bottom:25px}.home-hero h1{font-size:42px}}
/* Compact homepage introduction gives the examples priority. */
.hero.home-hero{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 36px 28px}.home-hero .home-heading{min-width:0;max-width:700px}.hero.home-hero h1{font-size:36px;line-height:1.2;letter-spacing:-.8px;margin:0 0 10px}.hero.home-hero p{font-size:16px;line-height:1.65;margin:0;max-width:650px}.home-hero .home-actions{flex-shrink:0;gap:12px;flex-direction:column;align-items:flex-start}.home-hero .pill{margin:0;padding:10px 18px;font-size:14px;gap:20px}.home-hero .home-secondary{font-size:13px;padding:0}.home-main .examples-heading{margin-top:0}.home-main .examples-heading h2{font-size:32px;margin-top:7px}@media(max-width:950px){.hero.home-hero{flex-wrap:wrap;gap:16px}.home-hero .home-actions{flex-direction:row;align-items:center;gap:20px}.hero.home-hero h1{font-size:33px}}@media(max-width:600px){.hero.home-hero{padding:20px 20px 23px;gap:13px}.hero.home-hero h1{font-size:29px;margin:0 0 8px;letter-spacing:-.5px}.hero.home-hero p{font-size:14px}.home-hero .home-actions{gap:12px;flex-wrap:wrap}.home-hero .pill{padding:8px 14px;font-size:13px}.home-hero .home-secondary{font-size:12px;padding:5px 0}.home-main .examples-heading h2{font-size:27px}}
/* Navigation and proportional header spacing across the site. */
header.site-header{position:sticky;top:0;z-index:30;padding:20px 36px;background:#f6f8f3;gap:22px;border-bottom:1px solid var(--line)}.header-links{margin-left:auto;gap:24px;font-size:15px}.nav-toggle{display:flex;align-items:center;gap:9px;border:1px solid #cddacb;background:#fff;color:var(--ink);border-radius:9px;min-height:44px;padding:9px 13px;font-size:14px;flex-shrink:0}.menu-symbol{display:flex;flex-direction:column;gap:4px;width:16px}.menu-symbol i{display:block;width:16px;height:1.5px;background:currentColor;border-radius:1px}.nav-toggle[aria-expanded=true]{background:var(--ink);color:white}.site-menu[hidden]{display:none!important}.site-menu{position:absolute;top:100%;left:0;right:0;display:block;background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 18px 18px;box-shadow:0 22px 45px #173d361c;padding:24px;max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain}.menu-primary{display:flex;gap:10px 24px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid var(--line);font-size:15px;font-weight:500}.menu-primary a,.menu-groups a{display:flex;align-items:center;min-height:44px}.menu-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding-top:20px}.menu-groups h2{font:500 14px Inter,Arial,sans-serif;color:var(--muted);margin:0 0 10px}.menu-groups a{font-size:14px;line-height:1.5;padding:8px 10px;margin-left:-10px;border-radius:7px}.menu-groups a:hover,.menu-primary a:hover{background:#edf2e9}.card-visual{height:112px;background:#edf3e9;border-radius:10px;margin:0 0 20px;overflow:hidden}.card-visual svg{width:100%;height:100%;display:block}.calc-card .card-no{margin-bottom:14px}.calc-card{overflow:hidden}.calc-card .card-visual{transition:background .2s}.calc-card:hover .card-visual{background:#e5efdf}html{scroll-padding-top:100px}@media(max-width:800px){header.site-header{gap:12px}.header-links{gap:14px;font-size:13px}.header-demo{display:none}.menu-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){header.site-header{padding:10px 20px;gap:10px;justify-content:space-between}.site-header .header-links{display:none}.site-header .brand{font-size:21px}.nav-toggle{min-height:44px;font-size:13px;padding:8px 11px}.site-menu{padding:20px;max-height:calc(100dvh - 70px)}.menu-primary{gap:8px 18px;font-size:14px;padding-bottom:15px}.menu-groups{gap:22px 16px}.menu-groups a{font-size:13px}.menu-groups h2{font-size:13px}.card-visual{height:120px;margin-bottom:18px}html{scroll-padding-top:80px}}@media(max-width:380px){header.site-header{padding:8px 14px}.site-header .brand{font-size:18px}.nav-toggle{padding:8px 10px;gap:7px}.site-menu{padding:16px}.menu-groups{grid-template-columns:1fr}.card-visual{height:110px}}@media print{header.site-header{position:static}.nav-toggle,.site-menu{display:none!important}}
.site-menu .menu-groups{padding-top:0}
.calculator-page-heading{padding:30px 36px 25px}.calculator-page-heading h1{font:400 42px/1.2 'Source Serif 4',Georgia,serif;letter-spacing:-.8px;margin:9px 0 10px}.calculator-page-heading p{font-size:17px;color:var(--muted);max-width:780px}.calculator-label{font-size:17px;font-weight:500;margin:10px 0 20px;line-height:1.4}.cards>a.calc-card{display:block}@media(max-width:700px){.calculator-page-heading{padding:23px 20px 20px}.calculator-page-heading h1{font-size:31px;letter-spacing:-.4px}.calculator-page-heading p{font-size:14px}.calculator-label{font-size:16px}}
/* Original uploaded Swiss franc symbol; the alpha mask preserves every contour. */
.brand{column-gap:4px}.brand-mark{display:inline-block;width:36px;height:36px;flex:0 0 36px;background:#173d36;-webkit-mask:url("data:image/png;base64,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") center/contain no-repeat;mask:url("data:image/png;base64,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") center/contain no-repeat}footer .brand-mark{width:32px;height:32px;flex-basis:32px}@media(max-width:600px){.brand{column-gap:3px}.brand-mark{width:29px;height:29px;flex-basis:29px}}@media(max-width:380px){header .brand-mark{width:25px;height:25px;flex-basis:25px}}

.home-examples .examples-heading{justify-content:flex-end}@media(max-width:700px){.home-examples .examples-heading{align-items:flex-end}}

/* Give the homepage title the full row on desktop and tablet. */
@media(min-width:768px){.home-hero .home-heading{width:100%;max-width:none}.home-hero h1{white-space:nowrap;font-size:clamp(24px,3vw,36px)}}

/* Compact spacing above the homepage examples. */
.home-main .home-hero{padding-bottom:7px}.home-main .examples-heading{margin-bottom:6.25px}@media(max-width:600px){.home-main .home-hero{padding-bottom:5.75px}}

/* Reduce header height using only its vertical padding. */
header.site-header{padding-top:10px;padding-bottom:10px}@media(max-width:600px){header.site-header{padding-top:0;padding-bottom:0}}

.preview-title h3 a:hover,.preview-title h3 a:focus-visible{text-decoration:underline;text-underline-offset:4px}

.home-explanation{display:block;max-width:940px;margin-inline:auto}.home-explanation h2{margin:0 0 24px}.home-explanation p{margin:0 0 20px}.home-explanation h3{font:400 28px/1.3 'Source Serif 4',Georgia,serif;letter-spacing:-.3px;margin:0 0 20px}.home-explanation hr{border:0;border-top:1px solid var(--line);margin:32px 0}.home-explanation .wealth-formula{background:#edf2e9;padding:18px 20px;border-radius:10px;color:var(--ink);overflow-wrap:anywhere}@media(max-width:600px){.home-explanation h3{font-size:24px}.home-explanation .wealth-formula{padding:14px}}

/* Smaller mobile headings; desktop typography stays unchanged. */
@media(max-width:767px){.home-main .home-hero h1{font-size:22px;line-height:1.25;letter-spacing:-.35px;white-space:normal}.home-main .growth-panel .preview-title h3{font-size:16px;line-height:1.4;letter-spacing:-.2px}}

/* Compact homepage animation control and totals on phones. */
@media(max-width:767px){.home-main .animation-controls button{font-size:11px;line-height:1.3;padding:6px 10px;min-height:32px}.home-main .preview-total>strong{font-size:24px;line-height:1.25;letter-spacing:-.6px}}

.privacy-page{max-width:940px;padding:36px}.privacy-page h1{font-size:42px;letter-spacing:-1px}.privacy-page h2{font-size:23px;margin:32px 0 14px}.privacy-page p{margin:0 0 18px;line-height:1.8}.privacy-page a{text-decoration:underline;text-underline-offset:3px}.privacy-draft{background:#fff3dc;padding:20px;border:1px solid #e4c993;border-radius:12px}@media(max-width:600px){.privacy-page{padding:24px 20px}.privacy-page h1{font-size:30px}.privacy-page h2{font-size:21px}}