:root{color-scheme:light;--navy:#102c4d;--ink:#18344e;--muted:#61758b;--line:#dbe5ef;--blue:#066cdc;--sky:#009fce}*{box-sizing:border-box}body{margin:0;background:#f4f8fc;color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}a{color:var(--blue)}button,a,input,select,summary{outline-offset:4px}:focus-visible{outline:3px solid #00a6d5}.skip{position:absolute;top:-100px;left:18px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}.site-header{max-width:1160px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:24px 30px;border-bottom:1px solid var(--line)}.brand img{display:block;width:155px;height:auto}.lab-link{font-size:13px;font-weight:650;text-decoration:none;color:var(--navy)}main{max-width:1160px;padding:0 30px;margin:auto}.intro{padding:58px 0 38px;max-width:860px}.eyebrow{margin:0 0 12px;font-size:11px;font-weight:750;letter-spacing:1.7px;text-transform:uppercase;color:#087ba6}h1,h2,h3{font-weight:700;letter-spacing:-.04em;line-height:1.16;margin:0}h1{font-size:clamp(36px,5vw,57px);max-width:850px}h2{font-size:28px}h3{font-size:20px}.lede{max-width:650px;font-size:18px;color:var(--muted);margin:20px 0}.feature-line{display:flex;gap:22px;font-size:12px;color:#466276;flex-wrap:wrap}.feature-line span:before{content:"✓";margin-right:7px;color:#0089a6;font-weight:800}.workspace{display:grid;grid-template-columns:1.12fr 1fr;gap:24px;align-items:start;scroll-margin-top:20px}.input-card,.result-card{border-radius:18px;padding:30px}.input-card{background:#fff;border:1px solid var(--line);box-shadow:0 10px 35px #23415b08}.section-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:28px}.section-top h2{font-size:25px}.small-tag{font-size:10px;letter-spacing:.5px;padding:5px 8px;white-space:nowrap;color:#48728e;background:#edf6fc;border:1px solid #dbeaf4;border-radius:4px}.mode-field{border:0;margin:0 0 26px;padding:0}.mode-field legend,.field>span{font-size:13px;font-weight:650;margin-bottom:10px;display:block}.mode-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mode-options label{position:relative;display:flex;gap:9px;align-items:flex-start;padding:15px 12px;border:1px solid var(--line);border-radius:9px;cursor:pointer}.mode-options label:has(input:checked){background:#f0f8ff;border-color:#4c9fe8;box-shadow:0 0 0 1px #4c9fe8}.mode-options input{accent-color:var(--blue);margin:4px 0 0}.mode-options strong{display:block;font-size:13px}.mode-options small{display:block;font-size:10px;line-height:1.5;color:var(--muted);margin-top:4px}.field{display:block}.field input,.field select{width:100%;border:1px solid #cad8e5;border-radius:7px;padding:12px;background:white;color:var(--ink);height:49px;min-width:0}.field input[aria-invalid=true]{border-color:#b32f3e}.amount-wrap,.rate-wrap{position:relative}.amount-wrap>span,.rate-wrap>span{position:absolute;top:12px;color:#698194;pointer-events:none}.amount-wrap>span{left:14px}.amount-wrap input{padding-left:39px;font-size:20px;letter-spacing:.2px}.rate-wrap>span{right:15px}.rate-wrap input{padding-right:35px}.field-grid{display:grid;grid-template-columns:.65fr 1fr;gap:16px;margin-top:22px}.help{font-size:11px;color:var(--muted);line-height:1.7;margin:9px 0 0}.form-actions{display:flex;align-items:center;gap:20px;margin-top:27px}button{border:0;border-radius:7px;cursor:pointer;font-weight:650;font-size:13px;min-height:44px}.primary{flex:1;background:var(--blue);color:white;padding:13px 20px;display:flex;align-items:center;justify-content:space-between}.primary:hover{background:#005cbe}.quiet{background:none;color:#526e83;padding:8px 0}.quiet:hover{text-decoration:underline}.error{font-size:12px;color:#9c2535;background:#fff2f3;border-left:3px solid #bd3449;padding:12px;margin-bottom:0}.result-card{color:white;background:var(--navy);box-shadow:0 18px 40px #102c4d12;position:sticky;top:20px}.result-card .eyebrow{color:#82d4e9}.result-card h2{font-size:25px;margin-bottom:35px}.result-label{font-size:12px;color:#b5c9dc;margin:0 0 6px}.total{font-size:clamp(29px,3.6vw,44px);font-weight:650;letter-spacing:-.045em;display:block;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;line-height:1.2}.calculation-note{font-size:12px;color:#9fbcd4;margin:13px 0 26px}.breakdown-lines{padding-top:8px;border-top:1px solid #ffffff24}.breakdown-lines p{display:flex;justify-content:space-between;gap:18px;font-size:13px;align-items:baseline;margin:15px 0}.breakdown-lines p>span{color:#b4c9dc}.breakdown-lines output{text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;max-width:65%}.breakdown-lines .total-line{border-top:1px solid #ffffff24;padding-top:16px;margin-top:20px;font-weight:700}.total-line>span{color:white!important}.rounding{font-size:10px;color:#a1bdd3;line-height:1.7;margin:24px 0 0}.result-actions{display:flex;gap:10px;margin-top:28px}.result-actions button{flex:1;padding:11px 8px;background:#ffffff0c;border:1px solid #ffffff35;color:#ecf5ff;font-size:12px}.result-actions button:hover{background:#ffffff20}.result-actions button:disabled{opacity:.45;cursor:default}.action-status{font-size:11px;min-height:18px;color:#9de3d9;margin:12px 0 0}.explain{margin:64px 0 45px;padding-top:35px;border-top:1px solid var(--line);display:grid;grid-template-columns:.85fr 1.5fr;gap:45px}.explain>div>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.85}.formula-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.formula-cards article{background:white;border:1px solid var(--line);border-radius:12px;padding:22px}.formula-number{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;background:#e9f5fc;color:#087baf;font-size:11px;font-weight:800;border-radius:6px;margin-bottom:20px}.formula-cards p{font-size:12px;line-height:1.9}.formula-cards .example{font-size:11px;color:var(--muted);line-height:1.75}.faq{max-width:800px;margin:50px auto 64px}.faq h2{font-size:27px;margin-bottom:22px}.faq details{border-top:1px solid var(--line);padding:17px 0}.faq summary{font-size:14px;font-weight:650;cursor:pointer}.faq details p{font-size:13px;color:var(--muted);margin-bottom:0}[data-mita-creator-credits]:empty{display:none}footer{border-top:1px solid var(--line);max-width:1100px;margin:0 auto;padding:28px 0;display:flex;align-items:center;gap:24px;justify-content:space-between;color:var(--muted);font-size:11px}footer div{display:flex;flex-direction:column}footer strong{color:var(--navy);font-size:15px}footer a{text-decoration:none;font-weight:650}.noscript{padding:20px;background:#fff3cd;text-align:center}[hidden]{display:none!important}@media(max-width:850px){.workspace{grid-template-columns:1fr}.result-card{position:static}.total{font-size:42px}.explain{grid-template-columns:1fr;gap:20px}footer{margin:0 30px;flex-wrap:wrap}}@media(max-width:500px){.site-header{padding:18px 20px}.brand img{width:125px}.lab-link{font-size:10px;max-width:125px;text-align:right}main{padding:0 18px}.intro{padding-top:35px}.lede{font-size:16px}.feature-line{gap:10px;font-size:10px}.input-card,.result-card{padding:23px 20px;border-radius:13px}.small-tag{display:none}.field-grid{grid-template-columns:1fr 1.35fr;gap:12px}.field select{font-size:12px;padding-left:8px}.form-actions{gap:16px}.quiet{font-size:11px}.formula-cards{grid-template-columns:1fr}.explain{margin-top:38px}.total{font-size:37px}footer{margin:0 20px;gap:12px}footer p{width:100%;margin:0;order:3}.mode-options label{padding:12px 9px}.mode-options small{font-size:9px}}@media print{body{background:white;color:#111}.site-header,.intro,.input-card,.explain,.faq,.result-actions,.action-status,.skip,footer,.noscript{display:none!important}main{max-width:100%;padding:0}.workspace{display:block}.result-card{position:static;color:#111;background:white;box-shadow:none;border:1px solid #aaa;width:100%;padding:25px}.result-card .eyebrow,.result-card p,.breakdown-lines p>span,.total-line>span{color:#333!important}.result-card h2{margin-bottom:20px}.breakdown-lines,.breakdown-lines .total-line{border-color:#bbb}.total{font-size:36px}}
