:root{--color-bg:#0f172a;--color-surface:#1e293b;--color-surface-2:#273449;--color-emerald:#10b981;--color-gold:#f59e0b;--color-cyan:#06b6d4;--color-rose:#fb7185;--color-text:#ffffff;--color-text-muted:#cbd5e1;--color-border:#334155;--color-backdrop:rgba(0,0,0,0.6)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:radial-gradient(circle at top left,#152447 0,var(--color-bg) 45%);color:var(--color-text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.container{max-width:1100px;margin:0 auto;padding:28px 16px 60px}.page-shell{min-height:100vh}.hero{margin-bottom:24px}.badge{display:inline-flex;align-items:center;gap:8px;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.4);border-radius:999px;padding:6px 12px;font-size:.85rem;color:var(--color-emerald)}h1{margin:12px 0 8px;font-size:clamp(1.8rem,3vw,2.8rem)}h2,h3{margin:0 0 14px;display:flex;align-items:center;gap:8px}.muted{color:var(--color-text-muted)}.grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:linear-gradient(180deg,var(--color-surface) 0,var(--color-surface-2) 100%);border:1px solid var(--color-border);border-radius:16px;padding:18px;box-shadow:0 12px 30px rgba(0,0,0,.25)}.input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}label{display:flex;flex-direction:column;gap:8px;font-size:.9rem}label span{display:inline-flex;gap:6px;align-items:center;color:var(--color-text-muted)}input,select{width:100%;border-radius:10px;border:1px solid var(--color-border);background:#0d1a31;color:var(--color-text);padding:10px 12px;outline:none}input:focus,select:focus{border-color:var(--color-emerald);box-shadow:0 0 0 3px rgba(16,185,129,.2)}.cta{margin-top:16px;width:100%;border:none;border-radius:12px;background:linear-gradient(90deg,var(--color-emerald),var(--color-gold));color:#061323;font-weight:700;padding:12px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.result-big{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.result-big strong{font-size:clamp(1.6rem,4vw,2.3rem);color:var(--color-emerald)}.breakdown{list-style:none;padding:0;margin:0 0 16px}.breakdown li{border-bottom:1px solid var(--color-border);padding:10px 0}.donut{width:180px;height:180px;margin:10px auto 0;display:block}.donut-track{stroke:#0e182d}.donut-segment,.donut-track{fill:transparent;stroke-width:3}.donut-segment{transition:stroke-dasharray .6s ease,stroke-dashoffset .6s ease}.legend{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.legend-item{display:flex;align-items:center;gap:8px}.legend-item span{width:10px;height:10px;border-radius:999px}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.summary-grid article{background:#12223f;border:1px solid var(--color-border);border-radius:12px;padding:12px}.summary-grid p{margin:0 0 8px;color:var(--color-text-muted);font-size:.85rem}.summary-grid strong{font-size:1.15rem}.details summary{cursor:pointer;font-weight:700;color:var(--color-gold)}.details p{color:var(--color-text-muted);line-height:1.6}.ad-placeholder{border:1px dashed var(--color-border);border-radius:12px;background:rgba(255,255,255,.02);padding:16px;margin:16px 0}.ad-placeholder,.footer{color:var(--color-text-muted);text-align:center}.footer{margin-top:26px}.modal-overlay{position:fixed;inset:0;background:var(--color-backdrop);z-index:1000;display:grid;place-items:center;padding:16px}.modal{width:min(460px,100%);background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:18px;position:relative}.icon-close{position:absolute;top:8px;right:8px;border:none;background:transparent;color:var(--color-text);cursor:pointer}.page-blur{filter:blur(4px);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fade-in-up .45s ease-out}@media (max-width:960px){.grid{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.input-grid,.legend,.summary-grid{grid-template-columns:1fr}}.calculator-page{overflow:hidden}.qc-depth{box-sizing:border-box}.qc-depth,.qc-depth a,.qc-depth details,.qc-depth h2,.qc-depth li,.qc-depth p,.qc-depth summary{max-width:100%;overflow-wrap:break-word;word-wrap:break-word}.term-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:12px;gap:12px;max-width:100%}.term-card{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:8px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);min-width:0}.term-card strong{color:white;font-size:.95rem}.term-card span{color:rgba(255,255,255,.65);font-size:.88rem;line-height:1.45}@media (max-width:720px){header>div{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;padding:12px 16px!important}nav[aria-label="Calculator categories"]{width:100%!important;flex:none!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-gap:8px!important;gap:8px!important}nav[aria-label="Calculator categories"] .qc-nav-item{width:100%!important}nav[aria-label="Calculator categories"] .qc-nav-item>a{width:100%!important;text-align:center!important;padding:10px 8px!important;font-size:13px!important}}@media (max-width:380px){nav[aria-label="Calculator categories"]{grid-template-columns:1fr!important}}@media (max-width:640px){footer nav[aria-label="All calculators"]{grid-template-columns:1fr!important;gap:24px!important}footer>div>div:last-child{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}}.modal{max-height:calc(100dvh - 32px);overflow-y:auto;-webkit-overflow-scrolling:touch}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:#1a1a2e;border-top:1px solid #334155;padding:16px 24px;display:flex;align-items:center;justify-content:center;gap:16px;z-index:9999;font-size:.875rem;color:#94a3b8;flex-wrap:wrap}.cookie-banner p{margin:0}.cookie-banner a{color:#60a5fa;text-decoration:underline}.cookie-btn{padding:8px 20px;border-radius:6px;font-weight:600;font-size:.875rem;cursor:pointer;border:none;transition:all .2s}.cookie-btn-accept{background:#3b82f6;color:#fff}.cookie-btn-accept:hover{background:#2563eb}.cookie-btn-decline{background:transparent;color:#94a3b8;border:1px solid #475569}.cookie-btn-decline:hover{background:#1e293b}@media (max-width:640px){.cookie-banner{flex-direction:column;align-items:stretch;gap:10px;padding:14px 16px;text-align:left}.cookie-banner p{font-size:.8125rem;line-height:1.45}.cookie-btn{width:100%;padding:12px 16px;font-size:.9375rem}}.skip-link{position:absolute;left:-9999px;top:0;background:#0b1220;color:#8ab4ff;padding:10px 16px;border-radius:0 0 8px 0;z-index:1000;font-weight:600;text-decoration:none}.skip-link:focus{left:0;outline:2px solid #8ab4ff;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--qc-bg:#f5f5f3;--qc-card:#ffffff;--qc-ink:#111827;--qc-muted:#52525b;--qc-faint:#d4d4d8;--qc-border:#e4e4e7;--qc-input-bg:#f4f4f5;--qc-accent:#2563eb;--qc-accent-soft:#dbeafe;--qc-accent-border:#bfdbfe;--qc-navy:#0f1e38;--qc-navy-2:#12264a;--qc-on-navy:#f8fafc;--qc-on-navy-muted:#94a3b8;--qc-on-navy-link:#9db8e8;--qc-seg-pi:#3b82f6;--qc-seg-tax:#34d399;--qc-seg-ins:#fbbf24;--qc-seg-pmi:#a78bfa;--qc-r-card:18px;--qc-r-btn:11px;--qc-r-input:10px;--qc-shadow:0 20px 50px -22px rgba(15,30,56,0.4)}body,html{background:var(--qc-bg)!important;background-image:none!important;background-attachment:scroll!important;color:var(--qc-ink)!important}h1,h2,h3{letter-spacing:-.02em}a{color:var(--qc-accent)}a:hover{text-decoration:underline}button{background-image:none!important}.qc-eyebrow{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--qc-muted);margin-bottom:18px}.qc-h1{font-weight:800;letter-spacing:-.02em;line-height:1.05;font-size:clamp(2.6rem,7vw,4.5rem);color:var(--qc-ink)}.qc-h1 .qc-ghost{color:var(--qc-faint)}.qc-h1 .qc-punch{color:var(--qc-accent)}.qc-sub{color:var(--qc-muted);font-size:1.05rem;max-width:560px}.qc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--qc-accent)!important;color:#fff!important;border:0;border-radius:var(--qc-r-btn);padding:14px 18px;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;box-shadow:none!important;transform:none!important;text-decoration:none}.qc-btn:hover{filter:brightness(1.07);text-decoration:none}.qc-btn-secondary{display:inline-flex;align-items:center;gap:8px;background:var(--qc-card)!important;color:var(--qc-ink)!important;border:1px solid var(--qc-border)!important;border-radius:var(--qc-r-btn);padding:14px 18px;font-size:15px;font-weight:600;cursor:pointer}.qc-btn-secondary:hover{background:var(--qc-input-bg)!important}.qc-card{background:var(--qc-card)!important;border:1px solid var(--qc-border)!important;border-radius:var(--qc-r-card);color:var(--qc-ink)!important;padding:26px}.qc-panel-navy{background:linear-gradient(150deg,var(--qc-navy),var(--qc-navy-2))!important;color:var(--qc-on-navy)!important;border:0;border-radius:var(--qc-r-card);padding:28px;box-shadow:var(--qc-shadow)}.qc-panel-navy a{color:var(--qc-on-navy-link)}.qc-panel-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:20px}.qc-panel-idx{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--qc-muted);font-weight:600}.qc-panel-navy .qc-panel-idx{color:var(--qc-on-navy-muted)}.qc-panel-title{font-weight:700;font-size:16px}.qc-ibox{display:flex;align-items:center;background:var(--qc-input-bg)!important;border:1px solid var(--qc-border)!important;border-radius:10px;padding:0 12px}.qc-ibox:focus-within{border-color:var(--qc-accent)!important;box-shadow:0 0 0 3px rgba(37,99,235,.12)!important}.qc-ibox .qc-unit{color:var(--qc-muted);font-size:14px;white-space:nowrap}.qc-ibox input,.qc-ibox select{border:0;outline:0;background:transparent!important;padding:12px 6px;font-size:15px;width:100%;color:var(--qc-ink)!important;font-family:inherit;box-shadow:none!important;border-radius:0!important}.qc-help{font-size:12px;color:var(--qc-muted);margin-top:4px}.qc-chip{width:44px;height:44px;border-radius:12px;background:var(--qc-accent-soft);color:var(--qc-accent);display:flex;align-items:center;justify-content:center;margin-bottom:18px}.qc-bar{display:flex;height:10px;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.08)}.qc-bar>span{display:block;height:100%}.qc-bar .qc-seg-pi{background:var(--qc-seg-pi)}.qc-bar .qc-seg-tax{background:var(--qc-seg-tax)}.qc-bar .qc-seg-ins{background:var(--qc-seg-ins)}.qc-bar .qc-seg-pmi{background:var(--qc-seg-pmi)}.qc-bar-cap{font-size:12.5px;color:var(--qc-muted);margin-top:10px}.qc-slider{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;border-radius:99px;background:rgba(255,255,255,.14);outline:none;cursor:pointer}.qc-slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:none;box-shadow:0 2px 8px rgba(0,0,0,.35);cursor:-webkit-grab;cursor:grab}.qc-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:none;cursor:grab}.qc-badge{display:inline-flex;align-items:center;gap:8px;background:var(--qc-accent-soft)!important;border:1px solid var(--qc-accent-border)!important;color:var(--qc-accent)!important;border-radius:999px;padding:6px 12px;font-size:.85rem;font-weight:600}.qc-trust{display:flex;gap:22px;flex-wrap:wrap;font-size:13px;color:var(--qc-muted)}.qc-trust span{gap:6px}.qc-search,.qc-trust span{display:flex;align-items:center}.qc-search{gap:10px;background:var(--qc-card);border:1px solid var(--qc-border);border-radius:12px;padding:14px 16px}.qc-search svg{flex:none;color:var(--qc-muted)}.qc-search input{border:0;outline:0;background:transparent!important;font-size:15px;width:100%;color:var(--qc-ink);box-shadow:none!important;border-radius:0!important;padding:0!important}.qc-scroll-cue{width:44px;height:44px;border-radius:50%;background:var(--qc-ink);color:#fff;display:flex;align-items:center;justify-content:center;margin:-22px auto 0;position:relative;z-index:5;border:0;cursor:pointer;font-size:17px;box-shadow:0 8px 20px rgba(0,0,0,.18)}html.qc-dark{--qc-bg:#0b1220;--qc-card:#101a2e;--qc-ink:#e5eaf3;--qc-muted:#8fa0b8;--qc-faint:#243450;--qc-border:#1d2b45;--qc-input-bg:#0d1626;--qc-accent-soft:#17284a}html.qc-dark .qc-panel-navy{box-shadow:none}:root{--bg:var(--qc-bg);--surface:var(--qc-card);--surface-light:var(--qc-input-bg);--text:var(--qc-ink);--text-dim:var(--qc-muted);--accent:var(--qc-accent);--accent-light:var(--qc-accent);--border:var(--qc-border,#e4e4e7);--color-bg:var(--qc-bg);--color-surface:var(--qc-card);--color-surface-2:var(--qc-input-bg);--color-text:var(--qc-ink);--color-text-muted:var(--qc-muted);--color-border:var(--qc-border,#e4e4e7);--color-backdrop:rgba(17,24,39,0.45);--muted:var(--qc-muted);--text-muted:var(--qc-muted);--text-muted-2:var(--qc-muted)}.result-big strong{font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.02em;color:var(--qc-ink,#111827)}.card.qc-panel-navy .result-big strong,.qc-panel-navy .result-big strong,section.qc-panel-navy .result-big strong{color:var(--qc-on-navy,#f8fafc)}.result-big strong{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.breakdown{border-top:1px solid var(--qc-border,#e4e4e7)}.qc-panel-navy .breakdown{border-top-color:rgba(255,255,255,.14)}.breakdown li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;border-bottom:1px solid var(--qc-border,#e4e4e7);font-size:14px}.qc-panel-navy .breakdown li{border-bottom-color:rgba(255,255,255,.1)}.breakdown li span{color:var(--qc-muted,#52525b)}.qc-panel-navy .breakdown li span{color:var(--qc-on-navy-muted,#94a3b8)}.breakdown li strong{font-weight:700;color:var(--qc-ink,#111827);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.qc-panel-navy .breakdown li strong{color:var(--qc-on-navy,#f8fafc)}.donut-track{stroke:var(--qc-border,#e4e4e7)}.donut-segment{stroke-linecap:butt}.result-card{border:1px solid var(--qc-border,#e4e4e7);border-radius:14px;background:var(--qc-card,#ffffff)}.amortization table,.result-card .result-value,.result-card strong,.table-wrap table{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.amortization table,.table-wrap table{border-collapse:collapse}.amortization table th,.table-wrap table th{background:var(--qc-navy,#0f1e38);color:var(--qc-on-navy,#f8fafc);font-weight:600;font-size:12.5px;letter-spacing:.02em}