@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#192c2a;--green:#2e6655;--muted:#71817b;--bg:#f6f7f3;--line:#dfe5dd;--white:#fff;--amber:#8e5f17;--red:#ae493c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--ink);font:15px 'DM Sans',Arial,sans-serif}button,input,select{font:inherit}button,a,input,select,summary{outline-offset:4px}button{cursor:pointer;border:1px solid var(--line);background:white;color:var(--ink);padding:10px 14px;border-radius:8px;font-weight:600;transition:.15s}button:hover{border-color:var(--green);background:#f0f5ed}button:active{transform:translateY(1px)}a{color:var(--green)}header{max-width:1500px;margin:auto;padding:24px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-family:Manrope,Arial,sans-serif;font-size:22px;font-weight:800;text-decoration:none;color:var(--ink);letter-spacing:-1px;display:flex;align-items:center;gap:5px}.brand span:not(.brandmark){font-weight:400}.brandmark{background:var(--green);color:#d6edbc;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;margin-right:6px;font-size:27px}nav{display:flex;gap:28px}nav a{text-decoration:none;font-size:13px;color:var(--muted)}.quiet{background:transparent}main{max-width:1500px;padding:0 40px;margin:auto}.hero{background:#193c33;border-radius:20px;color:white;padding:54px;display:grid;grid-template-columns:1.6fr 1fr;gap:70px;position:relative;overflow:hidden}.hero:after{content:'';position:absolute;width:400px;height:400px;border:1px solid #ffffff0c;border-radius:50%;right:-180px;top:-150px;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700;color:var(--muted)}.hero .eyebrow{color:#b1cbbe}h1,h2,h3{font-family:Manrope,Arial,sans-serif;letter-spacing:-.8px}h1{font-size:clamp(36px,4.2vw,62px);line-height:1.12;margin:22px 0;font-weight:500}h1 em{font-style:normal;color:#c4e0a2}.hero p{max-width:500px;color:#bcd0c6;line-height:1.7}.hero-chips{display:flex;gap:22px;margin-top:30px;font-size:10px;color:#c7d6cf}.hero-note{align-self:center;padding-left:30px;border-left:1px solid #ffffff25;font-size:11px;letter-spacing:.5px}.hero-note h3{font-size:26px;font-weight:500;letter-spacing:-.6px;margin:24px 0 15px}.hero-note p{font-size:13px;letter-spacing:0}.hero-note small{display:block;color:#8faea0;line-height:1.6;letter-spacing:0}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#bedf9d;margin-right:8px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:22px 0 38px;flex-wrap:wrap}.toolbar>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.toolbar button{font-size:11px;padding:9px 12px}.presets>span{font-size:11px;color:var(--muted);margin-right:5px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:34px 0 20px}h2{font-size:29px;font-weight:600;margin:8px 0 0}.hint,.help{font-size:12px;color:var(--muted);line-height:1.7}.input-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.panel{border:1px solid var(--line);background:white;border-radius:14px;padding:25px}h3{font-size:17px;margin:0 0 22px;font-weight:700}.number{display:inline-flex;justify-content:center;align-items:center;background:#edf2e8;color:var(--green);border-radius:6px;width:24px;height:24px;font-size:12px;margin-right:8px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 13px}label{display:block;font-size:11px;line-height:1.5;font-weight:600;color:#53635c}input:not([type=checkbox]),select{display:block;width:100%;margin-top:7px;padding:11px 10px;border:1px solid #dce2d9;border-radius:7px;background:#fafbf8;color:var(--ink);font-weight:500;font-size:14px;min-height:43px}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #2e665512;outline:0}input:disabled{opacity:.5}label small{display:block;font-size:10px;font-weight:400;color:#7c8780;margin-top:6px;line-height:1.6}.check{display:flex;gap:10px;align-items:flex-start;font-size:12px;margin:17px 0;color:#374b42;cursor:pointer}.check input{accent-color:var(--green);width:16px;height:16px;flex-shrink:0;margin:1px 0}.check small{margin-top:4px}.note{background:#f2f5ed;border-radius:8px;padding:13px;font-size:11px;line-height:1.7;color:#576b57;margin-top:15px}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}summary{cursor:pointer;list-style:none;font-family:Manrope,Arial,sans-serif;font-size:16px;font-weight:700;letter-spacing:-.4px;position:relative;padding-right:20px}summary:after{content:'+';position:absolute;right:0;font-size:20px;top:-3px;color:var(--muted)}details[open]>summary:after{content:'−'}summary::-webkit-details-marker{display:none}summary span{display:block;font-family:'DM Sans',Arial,sans-serif;font-size:10px;color:var(--muted);font-weight:400;letter-spacing:0;margin-top:5px}details[open]>summary{margin-bottom:22px}details details{margin-top:20px;padding-top:15px;border-top:1px solid var(--line)}details details summary{font-size:12px}.advanced{margin-top:16px}.advanced .fields{grid-template-columns:repeat(4,minmax(0,1fr))}.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 22px}.test-grid .check{font-weight:400}.display-options{display:flex;gap:8px}.display-options select{margin:0;font-size:12px}.results-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.result{padding:23px 20px;border:1px solid var(--line);background:#fff;border-radius:14px;position:relative}.result.featured{border-color:var(--green);box-shadow:0 6px 28px #163f3210}.result.invalid{background:#f1f2ee;color:#89938b}.result .model{font-size:13px;font-weight:600;min-height:38px}.status{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.4px;background:#eef3e7;color:var(--green);padding:5px 8px;border-radius:5px;margin:4px 0 16px}.invalid .status{background:#f8e9e5;color:var(--red)}.result .money{font:700 clamp(24px,2.3vw,35px) Manrope,Arial,sans-serif;letter-spacing:-1.5px;font-variant-numeric:tabular-nums}.result .sub{font-size:10px;color:var(--muted);margin:7px 0 22px}.bar{height:5px;background:#e9eee6;display:flex;border-radius:5px;overflow:hidden;margin-bottom:15px}.bar span{background:#a8c087}.bar i{background:#c78565}.minirow{display:flex;justify-content:space-between;gap:10px;font-size:10px;padding:6px 0}.minirow b{font-weight:600}.result a{font-size:10px;display:block;margin-top:16px}.warning{padding:13px 16px;border:1px solid #e9dabb;background:#fff9ec;color:#805c24;font-size:12px;line-height:1.6;border-radius:9px;margin-bottom:10px}.warning.danger{background:#fff0eb;border-color:#eed1c7;color:#9b493a}.warning.good{background:#edf4e9;border-color:#d6e5ce;color:#4d6d42}.comparison{margin-top:20px;padding-bottom:8px}.comparison h3{margin-bottom:8px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;font-variant-numeric:tabular-nums}th,td{padding:13px 12px;border-bottom:1px solid #e9ede6;text-align:right;white-space:nowrap}th:first-child,td:first-child{text-align:left;white-space:normal;min-width:215px}th{font-size:10px;color:var(--muted);font-weight:600}tr.total{background:#f2f5ed;font-weight:700}td.invalid-col{color:#9ca69e}td.negative{color:var(--red)}.detail-result{margin-top:12px}.detail-result .detailgrid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.detail-result h4{font-size:12px}.detail-result ul{padding-left:20px;color:var(--muted);font-size:12px;line-height:1.7}.savedrow{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}.savedrow button{font-size:10px}.savedrow span{display:block;color:var(--muted);font-size:10px;margin-top:5px}.method{margin-top:40px}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.method h3{font-size:14px;margin:10px 0}.method p{font-size:11px;color:var(--muted);line-height:1.9}.source-links{display:flex;flex-wrap:wrap;gap:12px 22px;margin:25px 0}.source-links a{font-size:10px}footer{border-top:1px solid var(--line);padding:30px 0 40px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:11px}footer .brand{font-size:16px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 22px;background:var(--ink);color:white;border-radius:8px;opacity:0;pointer-events:none;transition:.2s;font-size:13px;z-index:10}#toast.show{opacity:1}.formula{font-family:monospace;font-size:11px;background:#f3f5f0;padding:12px;line-height:1.8;border-radius:7px;white-space:normal}.linkbutton{background:none;border:0;padding:0;color:var(--green)}
@media(max-width:1150px){header,main{padding-left:24px;padding-right:24px}.hero{padding:35px;gap:35px}.input-grid,.settings-grid{grid-template-columns:1fr 1fr}.input-grid>.panel:last-child,.settings-grid>.panel:last-child{grid-column:1/-1}.method-grid{grid-template-columns:1fr 1fr}.results-grid{grid-template-columns:1fr 1fr}.advanced .fields{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){header{padding:18px}main{padding:0 16px}nav{display:none}.brand{font-size:19px}header button{font-size:10px;padding:8px}.hero{grid-template-columns:1fr;padding:28px;gap:25px;border-radius:14px}.hero h1{font-size:39px}.hero-note{padding-left:18px}.hero-note h3{font-size:21px;margin:12px 0}.hero-chips{gap:12px;font-size:8px}.hero p{font-size:13px}.toolbar{margin-bottom:25px}.input-grid,.settings-grid{grid-template-columns:1fr}.panel{padding:20px}.section-head{align-items:start}.hint{display:none}h2{font-size:24px}.advanced .fields{grid-template-columns:1fr 1fr}.test-grid{grid-template-columns:1fr}.results-grid{gap:10px}.result{padding:17px 13px}.result .money{font-size:27px}.minirow{font-size:9px}.display-options{flex-direction:column}.display-options select{min-height:32px;padding:5px}.detail-result .detailgrid,.method-grid{grid-template-columns:1fr}.savedrow{align-items:start;flex-wrap:wrap}footer{flex-wrap:wrap}.method-grid{gap:10px}}@media print{header nav,.toolbar,button,#inputs,.settings-grid,.advanced,.display-options,#scenarios{display:none!important}body{background:white}main{padding:0}.hero{padding:20px;color:#111;background:#eee;grid-template-columns:1fr}.hero-note,.hero-chips{display:none}.hero h1{font-size:28px}.hero h1 em,.hero p{color:#333}.results-grid{grid-template-columns:repeat(4,1fr)}.result .money{font-size:22px}.panel,.result{break-inside:avoid}.method-grid{grid-template-columns:1fr 1fr}details.detail-result{display:block}footer{padding:10px}a{color:#333}}

[hidden]{display:none!important}

#language{width:128px;min-width:110px;font-size:11px;margin:0;background:white}header nav{margin-left:auto} @media(max-width:700px){header{flex-wrap:wrap;gap:10px}#language{margin-left:auto;width:115px}header #print{display:none}}
/* Compact settings, with all model results kept together below. */
.hero{padding:30px 38px;gap:45px;grid-template-columns:1.65fr 1fr}.hero h1{font-size:42px;margin:14px 0}.hero p{font-size:13px;margin-bottom:0}.hero-chips{display:none}.hero-note h3{font-size:22px;margin:15px 0 10px}.hero-note p{font-size:11px}.hero-note small{font-size:10px}
#inputs{margin-top:24px}.settings-shell{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden}.settings-head{padding:20px 24px;display:flex;justify-content:space-between;gap:16px;align-items:center}.settings-head h2{font-size:21px;margin-top:5px}.settings-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.settings-actions button,.result-jump{font-size:11px;padding:9px 12px;border-radius:7px}.result-jump{background:var(--green);color:white;text-decoration:none;font-weight:600;border:1px solid var(--green)}.settings-tabs{display:flex;padding:0 20px;border-bottom:1px solid var(--line);overflow-x:auto;gap:4px;scrollbar-width:thin}.settings-tabs button{border:0;border-bottom:3px solid transparent;border-radius:6px 6px 0 0;white-space:nowrap;font-size:12px;padding:13px 15px;background:transparent;color:var(--muted)}.settings-tabs button[aria-selected=true]{color:var(--green);background:#f0f5ed;border-bottom-color:var(--green)}.settings-tabs button:hover{background:#f3f6ef}.settings-panel{padding:22px 24px;min-height:215px}.settings-panel>.fields{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-panel h3{font-size:14px;margin-bottom:17px}.settings-panel>label:not(.check){max-width:700px;margin:12px 0}.settings-panel .check{margin:12px 0}.settings-panel small,.settings-panel>.help{display:none}.settings-shell.show-field-help .settings-panel small,.settings-shell.show-field-help .settings-panel>.help{display:block}.settings-panel .note{margin-top:12px;max-width:100%}.settings-panel details{margin-top:15px;border-top:1px solid var(--line);padding-top:14px}.settings-panel .test-grid{grid-template-columns:repeat(3,1fr)}#results>.section-head{margin-top:26px}#scenarios{margin-top:24px}.settings-actions #field-help[aria-pressed=true]{background:#eaf2e3;color:var(--green);border-color:#bbd1ab}
.tools-toggle{position:fixed;bottom:calc(22px + env(safe-area-inset-bottom,0px));right:24px;z-index:60;display:flex;gap:9px;align-items:center;background:var(--ink);color:#fff;border-color:var(--ink);border-radius:30px;padding:14px 20px;box-shadow:0 7px 25px #193c3333;font-size:13px}.tools-toggle:hover{background:var(--green);color:white}.tools-toggle[aria-expanded=true]{background:var(--green)}.tools-menu{position:fixed;right:24px;bottom:calc(84px + env(safe-area-inset-bottom,0px));width:255px;max-height:70dvh;overflow:auto;z-index:61;border:1px solid var(--line);border-radius:13px;background:#fff;padding:10px;box-shadow:0 15px 50px #153d3226}.tools-menu button,.tools-menu a{display:block;width:100%;text-align:left;font-size:12px;border:0;border-radius:7px;padding:12px 13px;color:var(--ink);text-decoration:none;background:white}.tools-menu button:hover,.tools-menu a:hover{background:#edf3e7}.tools-heading{font-size:10px;color:var(--muted);letter-spacing:.6px;padding:8px 13px 11px;border-bottom:1px solid var(--line);margin-bottom:6px}.tools-menu #reset{border-top:1px solid var(--line);margin-top:6px;border-radius:0}.tools-menu #print{display:block}footer{padding-bottom:95px}
@media(max-width:1000px){.settings-tabs{padding:0 14px}.settings-tabs button{padding:12px 10px;font-size:11px}.settings-panel>.fields{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-panel .test-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.hero{padding:20px 22px;display:block}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero h1{font-size:32px;line-height:1.12;margin:10px 0}.hero p{font-size:11px;line-height:1.6;max-width:none}.hero-note{display:none}#inputs{margin-top:16px}.settings-head{padding:15px;gap:10px;align-items:start}.settings-head h2{font-size:18px}.settings-head .eyebrow{font-size:8px}.settings-actions{gap:5px;justify-content:flex-end;max-width:195px}.settings-actions button,.result-jump{font-size:10px;padding:7px 9px}.settings-actions #field-help{order:3}.settings-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 8px;gap:0;overflow:visible}.settings-tabs button{font-size:10px;padding:10px 4px;white-space:normal;line-height:1.35;min-height:43px}.settings-panel{padding:16px;min-height:0}.settings-panel>.fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-panel input:not([type=checkbox]),.settings-panel select{font-size:16px;padding:9px;min-height:40px}.settings-panel label{font-size:10px}.settings-panel .check{font-size:11px;line-height:1.5}.settings-panel .note{font-size:10px;padding:10px;line-height:1.6}.settings-panel .test-grid{grid-template-columns:1fr}.tools-toggle{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));padding:13px 17px}.tools-menu{right:16px;bottom:calc(75px + env(safe-area-inset-bottom,0px));width:250px}.result{padding:16px 12px}.result .help{font-size:10px}.result .money{font-size:26px}}
@media print{.settings-shell,.tools-menu,.tools-toggle{display:none!important}.hero-note{display:none!important}}
.calc-notices{margin-top:14px;background:#fff9ec;border:1px solid #e9dabb;border-radius:9px;padding:13px 17px}.calc-notices>summary{font-size:12px;color:#805c24}.calc-notices>summary span{display:inline;margin-left:12px;font-size:10px;color:#927b55}.calc-notices[open]>summary{margin-bottom:12px}.calc-notices .warning{margin:7px 0 0;padding:10px;border-color:#eee0c9;background:#fffdf8}
@media(max-width:700px){.calc-notices>summary span{display:block;margin:4px 0 0}.calc-notices{padding:12px 14px}}

/* Five comparable models without squeezing the mobile layout. */
@media(min-width:1150px){.results-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.result{padding:20px 14px}.result .money{font-size:27px}.result .model{min-height:40px}}
.bonus-settings{padding-bottom:12px}.bonus-settings>summary{font-weight:700}.bonus-settings .fields{margin-top:14px}.bonus-settings .note{display:block!important}
@media print{.results-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
