@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{color-scheme:dark;--bg:#101722;--panel:#182230;--surface:#202d3d;--line:#2c3a4c;--ink:#e0e7ee;--muted:#a4b1c2;--green:#86cbb0;--blue:#7d9fcc;--gold:#c9b186;font-family:'DM Sans',sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.6}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}button,input,select{font:inherit}button,select{cursor:pointer}button{border:0}button:disabled{opacity:.5;cursor:default}input,select{min-width:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:4px}h1,h2,h3,.brand,.number{font-family:Manrope,sans-serif}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.9rem,3.2vw,2.65rem);line-height:1.2;letter-spacing:-.045em;font-weight:750;margin-bottom:14px}h2{font-size:1.45rem;line-height:1.3;letter-spacing:-.025em}h3{font-size:1.12rem;line-height:1.4}header{border-bottom:1px solid var(--line);background:#121b27}.header-inner{max-width:1280px;margin:auto;padding:23px 32px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font-size:1.03rem;font-weight:750;display:flex;align-items:center;gap:12px;letter-spacing:-.02em}.brand-mark{width:34px;height:34px;background:#233c36;border:1px solid #3c6856;border-radius:9px;display:flex;align-items:end;justify-content:center;gap:4px;padding:9px}.brand-mark i{width:4px;background:var(--green);border-radius:2px;height:9px}.brand-mark i:nth-child(2){height:13px}.brand-mark i:nth-child(3){height:18px}nav{display:flex;gap:30px;font-size:.9rem;color:var(--muted)}nav a.active{color:var(--green)}.currency{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--muted)}.currency select{background:transparent;border:1px solid var(--line);border-radius:8px;padding:6px 8px;color:var(--ink)}main{max-width:1280px;margin:auto;padding:32px}.eyebrow{font-size:.75rem;font-weight:650;letter-spacing:.14em;color:var(--green);text-transform:uppercase;margin-bottom:12px}.intro{margin:10px 0 30px}.intro p{color:var(--muted);max-width:720px;margin-bottom:0}.workspace{display:grid;grid-template-columns:350px minmax(0,1fr);gap:24px;align-items:start}.panel{border:1px solid var(--line);background:var(--panel);border-radius:15px}.form-panel{padding:25px}.panel-heading{display:flex;gap:12px;align-items:center;margin-bottom:23px}.panel-heading span{border:1px solid #426355;color:var(--green);border-radius:8px;padding:3px 10px;font-size:.85rem}.panel-heading h2{font-size:1.1rem;margin:0}.field{display:block;margin-bottom:21px}.field-label{display:flex;justify-content:space-between;color:#bdc9d7;font-size:.875rem;margin-bottom:8px}.input-wrap{position:relative}.input-wrap input,.field select{width:100%;border:1px solid #354357;background:#131d2a;border-radius:8px;padding:12px 43px 12px 14px;color:var(--ink);font-weight:500}.unit{position:absolute;right:14px;top:12px;color:var(--muted);font-size:.9rem}.field input[type=range]{width:100%;accent-color:var(--green);height:4px;margin-top:16px}.range-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:.75rem;margin-top:6px}details{border-top:1px solid var(--line);padding-top:16px;margin:4px 0 20px}summary{font-size:.875rem;cursor:pointer;color:var(--muted);margin-bottom:15px}.primary{display:block;width:100%;border-radius:9px;padding:13px 18px;background:var(--green);color:#11271f;font-weight:700}.primary:hover{background:#97d6bd}.secondary{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:8px;padding:9px 16px;font-size:.875rem}.small-note{font-size:.75rem;color:var(--muted);text-align:center;margin:14px 0 0}.error{color:#efb0a8;font-size:.875rem;margin-bottom:12px}.result-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 15px}.result-head h2{font-size:1.05rem;margin:0}.badge{color:var(--muted);font-size:.75rem;border:1px solid var(--line);border-radius:30px;padding:4px 11px}.metrics{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px;margin-bottom:18px}.metric{padding:21px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.metric.featured{background:#1c332e;border-color:#3b5c50}.metric-label{color:var(--muted);font-size:.8rem;margin-bottom:8px}.number{font-size:clamp(1.4rem,2.2vw,2rem);font-weight:700;letter-spacing:-.04em;line-height:1.4;font-variant-numeric:tabular-nums}.featured .number{color:#a1d8bf}.metric-sub{font-size:.75rem;color:var(--muted);margin:6px 0 0}.chart-panel{padding:23px 25px 16px}.chart-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.chart-top h3{margin:0;font-size:1rem}.segmented{display:flex;padding:3px;border:1px solid var(--line);border-radius:8px;background:#111b27}.segmented button{font-size:.75rem;background:transparent;color:var(--muted);padding:5px 10px;border-radius:5px}.segmented button.selected{background:#2d3b4b;color:var(--ink)}.chart{width:100%;display:block;overflow:visible}.legend{display:flex;gap:24px;font-size:.75rem;color:var(--muted);margin:16px 0 4px;flex-wrap:wrap}.legend span:before{content:'';display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:7px;background:var(--green)}.legend span:nth-child(2):before{background:var(--blue)}.chart-note{color:var(--muted);font-size:.8rem;margin:14px 0 0}.breakdown{display:flex;align-items:center;gap:18px;margin:16px 0;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px 22px}.breakdown-copy{flex:1}.breakdown-copy h3{font-size:.9rem;margin:0 0 7px}.stack{display:flex;height:7px;border-radius:8px;overflow:hidden;background:var(--blue)}.stack i{background:var(--green)}.breakdown-value{font-family:Manrope;font-size:1.5rem;color:var(--green);font-weight:650}.muted{color:var(--muted)}.ad{border:1px dashed #344354;border-radius:10px;background:#121b26;display:flex;align-items:center;justify-content:center;min-height:112px;margin:30px 0;color:#77879b;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase}.section{margin-top:48px}.section-header{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}.section-header h2{margin:0}.section-header a{font-size:.875rem;color:var(--green)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}table{border-collapse:collapse;width:100%;text-align:right;white-space:nowrap;font-size:.875rem;background:var(--panel)}th{background:#202c3c;color:#bcc9d9;font-weight:500}td,th{padding:14px 22px;border-bottom:1px solid var(--line)}td:first-child,th:first-child{text-align:left}tr:last-child td{border-bottom:0}td:last-child{color:var(--green)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{display:block;padding:25px;background:var(--panel);border:1px solid var(--line);border-radius:12px;transition:border-color .2s,transform .2s}.card:hover{border-color:#577869;transform:translateY(-3px)}.card .tag{color:var(--green);text-transform:uppercase;font-size:.75rem;letter-spacing:.12em}.card h3{margin:18px 0 12px}.card p{color:var(--muted);font-size:.9rem}.card .read{color:var(--green);font-size:.875rem}.education{display:grid;grid-template-columns:1fr 1fr;gap:42px}.education p,.prose p,.prose li{color:#b7c4d3}.education code,.formula{display:block;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:17px;font-size:1rem;color:var(--green);margin:20px 0}.faq details{margin:0;padding:17px 0}.faq summary{font-size:1rem;color:var(--ink);margin:0}.faq p{font-size:.9rem;margin:14px 0 0;color:var(--muted)}footer{border-top:1px solid var(--line);margin-top:50px}.footer-inner{max-width:1280px;padding:32px;margin:auto}.footer-top{display:flex;justify-content:space-between;gap:25px;margin-bottom:24px}.footer-links{display:flex;gap:20px;font-size:.8rem;color:var(--muted)}footer p{max-width:830px;color:#8b9aaf;font-size:.75rem;margin:10px 0}.skip{position:absolute;left:20px;top:-100px;background:var(--green);color:#111;padding:8px}.skip:focus{top:10px}.prose{max-width:780px;margin:auto}.prose h2{margin-top:38px}.prose h3{margin-top:28px}.prose p{margin-bottom:20px}.prose a{color:var(--green);text-decoration:underline;text-underline-offset:4px}.prose .meta{font-size:.8rem;color:var(--muted)}.callout{padding:22px;border-left:3px solid var(--green);background:var(--panel);border-radius:0 10px 10px 0;margin:26px 0}.callout p:last-child{margin-bottom:0}.prose .primary{text-decoration:none;display:inline-block;width:auto}.crumb{font-size:.8rem;color:var(--muted);margin:0 0 28px}.budget-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.budget-grid .field{margin-bottom:17px}.savings .workspace{grid-template-columns:1fr 1fr}.budget-bar{display:flex;height:18px;overflow:hidden;border-radius:6px;margin:20px 0}.budget-bar i{display:block}.budget-list{display:grid;gap:12px}.budget-list p{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px;margin:0;font-size:.9rem}.savings-results{padding:27px}.savings-results .number{font-size:2.7rem;color:var(--green)}.help{font-size:.8rem;color:var(--muted)}.savings-results .primary{margin-top:25px}.savings-results h3{margin-top:25px}.noscript{padding:20px;background:#473028;color:#ead0b8}.guide-lead{font-size:1.15rem}.article-number{font-family:Manrope;color:#627e73;font-size:3rem;font-weight:500;line-height:1.2;margin-bottom:22px}.guide-grid .card{min-height:265px}.status-text{min-height:1.5em;font-size:.75rem;color:var(--green);margin:6px 0}.ad.small{margin:22px 0;min-height:90px}
[hidden]{display:none!important}.input-wrap{display:block}.number{overflow-wrap:anywhere}.metric,.savings-results{min-width:0}.budget-list strong{padding-left:12px;text-align:right}.budget-grid .field-label{min-height:2.8em}
@media(min-width:1500px){main{padding-top:43px}.intro{margin-bottom:36px}}@media(max-width:1050px){.workspace{grid-template-columns:310px minmax(0,1fr)}.header-inner{padding:20px 24px}nav{gap:18px}.metric{padding:16px}.number{font-size:1.4rem}.metrics{grid-template-columns:1fr 1fr}.metric.featured{grid-column:1/-1}.featured .number{font-size:2rem}.cards{gap:12px}.card{padding:20px}}@media(max-width:760px){.header-inner{flex-wrap:wrap;padding:18px 20px;gap:18px}.brand{font-size:.9rem}.currency{margin-left:auto}.currency>span{display:none}nav{order:3;width:100%;justify-content:space-between;gap:12px;font-size:.8rem}main{padding:22px 18px}.intro{margin-top:0}.intro p{font-size:.95rem}.workspace,.savings .workspace{grid-template-columns:1fr}.form-panel{padding:22px}.metrics{grid-template-columns:1fr 1fr}.result-head{margin-top:6px}.chart-panel{padding:20px 16px}.chart-top{align-items:start}.chart-top h3{max-width:150px}.education{grid-template-columns:1fr;gap:20px}.cards{grid-template-columns:1fr}.section{margin-top:35px}.section-header{align-items:start}.section-header a{max-width:130px;text-align:right}.footer-top{flex-direction:column}.footer-links{flex-wrap:wrap}.footer-inner{padding:28px 18px}.number{font-size:1.6rem}.prose h1{font-size:2rem}.savings-results{padding:22px}.badge{font-size:.7rem}.ad{min-height:100px}td,th{padding:12px 16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Advertising space stays outside controls and graph interaction zones. */
.ad-rail{display:none}
@media(min-width:1680px) and (min-height:800px){.ad-rail{display:flex;position:fixed;top:140px;width:160px;height:600px;min-height:600px;margin:0;padding:18px;text-align:center;line-height:1.8;font-size:.75rem;pointer-events:auto;z-index:1}.ad-rail-left{left:calc(50vw - 824px)}.ad-rail-right{right:calc(50vw - 824px)}}
.prose .ad{margin:36px 0;min-height:160px}.section+.ad{margin-top:36px}.ad+.section{margin-top:36px}