@font-face{font-family:Roboto;src:url('/fonts/roboto-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:Roboto;src:url('/fonts/roboto-latin-ext.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--bg:#F2F7F3;--surface:#FFFEFA;--text:#123126;--muted:#5A7065;--line:#D7E5DB;--line-strong:#BCD2C4;--soft:#E6F1E9;--accent:#35B66A;--link:#176B3A;--shadow:0 18px 55px rgba(18,49,38,.09);--sans:Roboto,system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:light}
*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:var(--link);text-underline-offset:.18em}.wrap{width:min(100%,1160px);margin-inline:auto;padding-inline:clamp(1rem,4vw,2.5rem)}.skip{position:fixed;top:.7rem;left:.7rem;z-index:20;transform:translateY(-150%);background:var(--text);color:#fff;padding:.6rem .9rem;border-radius:.55rem}.skip:focus{transform:none}.topbar{background:rgba(255,254,250,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.topbar .wrap{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:.45rem 1.5rem;padding-block:.5rem}.brand{color:var(--text);font-weight:750;font-size:1.18rem;text-decoration:none;white-space:nowrap}.brand span{color:var(--link)}.toolnav{display:flex;align-items:center;gap:.1rem;overflow-x:auto;scrollbar-width:none}.toolnav::-webkit-scrollbar{display:none}.toolnav a{color:var(--muted);text-decoration:none;white-space:nowrap;padding:.42rem .68rem;border-radius:999px;font-size:.86rem}.toolnav a:hover,.toolnav a[aria-current=page]{background:var(--soft);color:var(--text)}.toolnav a[aria-current=page]{font-weight:600}
.hero{padding:clamp(2.5rem,7vw,5.5rem) 0 clamp(1.7rem,4vw,3rem)}.eyebrow,.section-kicker{display:flex;align-items:center;gap:.55rem;color:var(--muted);font-size:.73rem;font-weight:650;letter-spacing:.09em;text-transform:uppercase}.eyebrow:before,.section-kicker:before{content:"";width:18px;height:3px;background:var(--accent);border-radius:99px}.hero h1{font-size:clamp(2.35rem,7vw,5.2rem);line-height:1;letter-spacing:-.045em;font-weight:550;max-width:14ch;margin-top:.85rem;text-wrap:balance}.hero .lead{max-width:64ch;margin-top:1.1rem;color:var(--muted);font-size:clamp(1rem,1.8vw,1.2rem);line-height:1.55}.calculator{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow);position:relative}.calculator:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--accent)}.form-pane,.result-pane{padding:clamp(1.25rem,3vw,2.1rem)}.result-pane{background:#EAF5EC;border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.form-title{font-size:1.1rem;font-weight:600;margin-bottom:1.25rem}.fields{display:grid;gap:1.15rem}.field label,.field .label{display:block;font-size:.92rem;font-weight:600;margin-bottom:.4rem}.hint{display:block;color:var(--muted);font-size:.79rem;line-height:1.45;margin-top:.35rem}.input-wrap{position:relative}.input-wrap input{width:100%;min-height:49px;padding:.7rem 3.15rem .7rem .85rem;border:1px solid var(--line-strong);border-radius:10px;background:#fff;color:var(--text);font-variant-numeric:tabular-nums}.input-wrap .unit{position:absolute;right:.85rem;top:50%;transform:translateY(-50%);color:var(--muted);font-size:.86rem;pointer-events:none}.input-wrap input:focus-visible,.segmented input:focus-visible+span,a:focus-visible,summary:focus-visible{outline:3px solid rgba(53,182,106,.34);outline-offset:2px;border-color:var(--link)}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.segmented label{position:relative}.segmented input{position:absolute;opacity:0}.segmented span{display:flex;align-items:center;justify-content:center;min-height:48px;text-align:center;padding:.6rem .75rem;border:1px solid var(--line-strong);background:#fff;border-radius:10px;cursor:pointer;font-weight:550;font-size:.9rem}.segmented input:checked+span{background:var(--text);border-color:var(--text);color:#fff}.mode-panel[hidden]{display:none}.result-label{color:var(--muted);font-size:.73rem;text-transform:uppercase;letter-spacing:.09em;font-weight:650}.result-amount{font-size:clamp(2.4rem,6vw,4.1rem);line-height:1.06;letter-spacing:-.04em;font-weight:600;color:var(--link);font-variant-numeric:tabular-nums;margin-top:.45rem;overflow-wrap:anywhere}.result-note{color:var(--muted);max-width:38ch;margin-top:.75rem}.result-breakdown{margin-top:1.4rem;border-top:1px solid var(--line)}.result-breakdown div{display:flex;justify-content:space-between;gap:1rem;padding:.62rem 0;border-bottom:1px solid var(--line);font-size:.88rem}.result-breakdown dt{color:var(--muted)}.result-breakdown dd{font-weight:600;font-variant-numeric:tabular-nums}.error{color:#8B2D26;font-weight:550}.content{padding-top:clamp(4rem,9vw,7rem)}.content h2{font-size:clamp(1.7rem,4vw,2.65rem);line-height:1.16;letter-spacing:-.025em;font-weight:550;margin-top:.7rem;max-width:22ch;text-wrap:balance}.content-lead{color:var(--muted);margin-top:.8rem;max-width:65ch}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.6rem}.info-card{border-top:1px solid var(--line-strong);padding-top:1rem}.info-card h3{font-size:1.05rem;font-weight:600}.info-card p{color:var(--muted);font-size:.92rem;margin-top:.4rem}.faq{margin-top:1.5rem;border-top:1px solid var(--line-strong);max-width:820px}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;padding:1rem 2rem 1rem 0;font-weight:600;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:.3rem}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--muted);padding:0 2rem 1.1rem 0}.more-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1.5rem}.tool-card{display:block;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:1rem;text-decoration:none;color:var(--text);font-weight:600}.tool-card small{display:block;color:var(--muted);font-weight:400;margin-top:.2rem}.tool-card:hover{border-color:var(--accent);background:#fff}footer{margin-top:clamp(4rem,9vw,7rem);border-top:1px solid var(--line);background:var(--surface);padding:2.4rem 0}.footer-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem}.footer-copy{color:var(--muted);font-size:.85rem;max-width:48ch}.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.55rem 1.1rem;font-size:.85rem}.footer-links a{color:var(--muted)}
@media(max-width:780px){.topbar .wrap{align-items:flex-start;flex-direction:column}.toolnav{width:100%;padding-bottom:.1rem}.calculator{grid-template-columns:1fr}.result-pane{border-left:0;border-top:1px solid var(--line);min-height:250px}.info-grid,.more-tools{grid-template-columns:1fr}.footer-row{flex-direction:column}.footer-links{justify-content:flex-start}}
@media(max-width:400px){.wrap{padding-inline:1rem}.hero h1{font-size:2.35rem}.form-pane,.result-pane{padding:1.15rem}.segmented span{font-size:.82rem;padding:.5rem}.result-amount{font-size:2.45rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

fieldset.field{border:0;min-inline-size:0}.input-wrap input{padding-right:7.5rem}.input-wrap input[inputmode="decimal"]{padding-right:6.2rem}