:root{--color-primary:#0f766e;--color-primary-hover:#115e59;--color-primary-light:#f0fdfa;--color-success:#047857;--color-success-bg:#f0fdf4;--color-success-border:#a7f3d0;--color-warning:#b45309;--color-warning-bg:#fffbeb;--color-warning-border:#fde68a;--color-danger-bg:#fef2f2;--color-danger:#b91c1c;--color-bg:#fafaf9;--color-surface:#fff;--color-text:#0a0a0a;--color-text-secondary:#57534e;--color-border:#e7e5e4;--color-ink:#0a0a0a;--color-ink-soft:#1c1917;--color-accent:#0f766e;--color-accent-light:#f0fdfa;--shadow-sm:0 1px 2px hsla(0,0%,4%,.04);--shadow-md:0 1px 3px hsla(0,0%,4%,.05);--shadow-lg:0 2px 8px hsla(0,0%,4%,.06);--shadow-xl:0 2px 8px hsla(0,0%,4%,.06);--radius:12px;--radius-sm:8px;--radius-xs:6px;--ease-out-soft:cubic-bezier(.22,1,.36,1);--max-width:800px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:Manrope,system-ui,sans-serif;font-size:16px;line-height:24px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{text-wrap:balance}p{text-wrap:pretty}.container{margin:0 auto;max-width:var(--max-width);padding:0 24px}.site-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc7;border:1px solid var(--color-border);border-radius:9999px;box-shadow:var(--shadow-sm);margin:16px auto 0;max-width:800px;padding:0 8px;position:sticky;top:16px;z-index:100}.site-header .container{align-items:center;display:flex;height:48px;justify-content:space-between}.logo{color:var(--color-primary);font-size:18px;font-weight:700;letter-spacing:-.3px;line-height:28px;text-decoration:none;transition:color .3s var(--ease-out-soft)}.logo:hover{color:var(--color-primary-hover)}.logo:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.logo span{color:var(--color-success)}nav{align-items:center;display:flex;gap:4px}nav a{border-radius:9999px;color:var(--color-text-secondary);font-size:14px;font-weight:500;line-height:20px;padding:8px 12px;text-decoration:none;transition:color .3s var(--ease-out-soft),background-color .3s var(--ease-out-soft),transform .5s var(--ease-out-soft);white-space:nowrap}nav a:hover{background:#f5f5f4;color:var(--color-ink)}nav a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}nav a:active{transform:scale(.98)}nav a.router-link-active{background:var(--color-primary-light);color:var(--color-primary);font-weight:600}.hero{padding:56px 0 40px;text-align:center}.hero h1{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#000,#666);color:transparent;font-size:36px;font-weight:700;line-height:40px;margin:0 auto 16px;-webkit-text-fill-color:transparent;letter-spacing:-.5px;max-width:680px}.hero h1 strong{background:none;color:var(--color-primary);-webkit-text-fill-color:var(--color-primary)}.hero p{color:var(--color-text-secondary);font-size:16px;line-height:24px;margin:0 auto;max-width:680px}.hero-badge{align-items:center;background:#f5f5f4;border:1px solid var(--color-border);border-radius:9999px;color:#57534e;display:inline-flex;font-size:12px;font-weight:600;gap:4px;line-height:16px;margin-bottom:16px;padding:4px 12px}.hero-badge svg{flex-shrink:0;height:12px;width:12px}.trust-bar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);flex-wrap:wrap;gap:0;justify-content:center;margin:0 auto 8px;max-width:680px;padding:12px 24px}.trust-bar,.trust-item{align-items:center;display:flex}.trust-item{border-right:1px solid var(--color-border);color:var(--color-text-secondary);font-size:12px;font-weight:500;gap:8px;line-height:16px;padding:0 16px}.trust-item:last-child{border-right:none}.trust-item svg{color:var(--color-success);flex-shrink:0;height:16px;width:16px}.calc-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:24px;padding:32px}.calc-card h2{border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:20px;font-weight:700;letter-spacing:-.2px;line-height:28px;padding-bottom:16px}.calc-card h2,.form-group{margin-bottom:24px}.form-group label{color:var(--color-text);display:block;font-size:12px;font-weight:600;letter-spacing:.04em;line-height:16px;margin-bottom:8px;text-transform:uppercase}.form-group .hint{color:var(--color-text-secondary);font-size:12px;line-height:16px;margin-top:4px}.form-row{display:grid;gap:16px;grid-template-columns:1fr 1fr}input[type=number],select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:inherit;font-size:14px;line-height:20px;padding:12px 16px;transition:border-color .3s var(--ease-out-soft);width:100%}input[type=number]:hover,select:hover{border-color:#d6d3d1}input[type=number]:focus-visible,select:focus-visible{border-color:var(--color-primary);outline:2px solid var(--color-primary);outline-offset:2px}.results{background:var(--color-success-bg);border:1px solid var(--color-success-border);border-radius:var(--radius);margin-top:24px;padding:24px}.results h3{font-size:12px;letter-spacing:.06em;line-height:16px;margin-bottom:12px;text-transform:uppercase}.results h3,.savings-amount{color:var(--color-success);font-weight:700}.savings-amount{font-size:48px;font-variant-numeric:tabular-nums;letter-spacing:-1px;line-height:1;margin-bottom:8px}.savings-label{color:var(--color-text-secondary);font-size:14px;line-height:20px;margin-bottom:24px}.results-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr}.result-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:12px 16px}.result-item .label{color:var(--color-text-secondary);font-size:12px;font-weight:500;line-height:16px;margin-bottom:4px}.result-item .value{color:var(--color-text);font-size:18px;font-weight:700;line-height:28px}.info-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:24px;padding:32px}.info-section h2{font-size:20px;letter-spacing:-.2px;line-height:28px;margin-bottom:12px}.info-section h2,.info-section h3{color:var(--color-text);font-weight:700}.info-section h3{font-size:14px;line-height:20px;margin:24px 0 8px}.info-section li,.info-section p{color:var(--color-text-secondary);font-size:14px;line-height:20px}.info-section ul{margin:12px 0;padding-left:24px}.info-section a{color:var(--color-primary);font-weight:500;text-decoration:none;transition:color .3s var(--ease-out-soft)}.info-section a:hover{color:var(--color-primary-hover);text-decoration:underline}.info-section a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.tool-cards{display:grid;gap:24px;grid-template-columns:1fr 1fr;margin:32px 0}.tool-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);color:inherit;padding:32px;text-decoration:none;transition:border-color .3s var(--ease-out-soft),opacity .3s var(--ease-out-soft),transform .5s var(--ease-out-soft),box-shadow .5s var(--ease-out-soft)}.tool-card:hover{border-color:#0f766e59;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.tool-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.tool-card:active{transform:scale(.98)}.tool-card .icon{display:block;font-size:30px;line-height:36px;margin-bottom:12px}.tool-card h2{color:var(--color-text);font-size:16px;font-weight:700;letter-spacing:-.2px;line-height:24px;margin-bottom:8px}.tool-card p{color:var(--color-text-secondary);font-size:14px;line-height:20px}.tool-card .card-highlight{border-top:1px solid var(--color-border);color:var(--color-success);font-size:12px;font-variant-numeric:tabular-nums;font-weight:700;line-height:16px;margin-top:16px;padding-top:16px}.tool-card .icon-svg{color:var(--color-primary);height:32px;margin-bottom:12px;width:32px}.site-footer{background:var(--color-surface);border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:12px;line-height:16px;margin-top:48px;padding:48px 0 24px}.footer-grid{display:grid;gap:32px;grid-template-columns:2fr 1fr 1fr 1fr 1fr;margin-bottom:32px}.footer-brand .footer-desc{color:var(--color-text-secondary);font-size:14px;line-height:20px;margin-top:8px}.footer-links{display:flex;flex-direction:column;gap:8px}.footer-links h4{font-weight:600;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.footer-links a,.footer-links h4{color:var(--color-text-secondary);font-size:12px;line-height:16px}.footer-links a{text-decoration:none;transition:color .3s var(--ease-out-soft)}.footer-links a:hover{color:var(--color-primary)}.footer-links a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.footer-bottom{border-top:1px solid var(--color-border);padding-top:24px;text-align:center}.site-footer a{color:var(--color-text-secondary);text-decoration:none}.site-footer .logo{color:var(--color-primary)}@media(max-width:768px){.footer-grid{gap:24px;grid-template-columns:1fr 1fr}}.hamburger{background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;display:none;flex-direction:column;gap:4px;height:40px;justify-content:center;padding:8px;transition:background-color .3s var(--ease-out-soft);width:40px}.hamburger:hover{background:#f5f5f4}.hamburger:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.hamburger:active{transform:scale(.98)}.hamburger span{background:var(--color-ink);border-radius:9999px;display:block;height:2px;transition:transform .5s var(--ease-out-soft),opacity .3s var(--ease-out-soft);width:100%}.hamburger.open span:first-child{transform:translateY(6px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}@media(max-width:640px){.hero{padding:40px 0 32px}.hero h1{font-size:30px;letter-spacing:-.3px;line-height:36px}.hero p{font-size:14px;line-height:20px}.calc-card,.info-section{padding:24px}.form-row,.results-grid,.tool-cards{grid-template-columns:1fr}.savings-amount{font-size:36px}.site-header{max-width:calc(100% - 32px)}.hamburger{display:flex}nav{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-md);display:none;flex-direction:column;gap:4px;left:0;margin-top:8px;padding:8px 16px 16px;position:absolute;right:0;top:100%}nav.nav-open{display:flex}nav a{border-radius:var(--radius-sm);font-size:14px;line-height:20px;padding:12px 16px}.site-header .container{position:relative}.trust-bar{flex-direction:column;gap:8px}.trust-item{border-bottom:1px solid var(--color-border);border-right:none;justify-content:center;padding:8px 0;width:100%}.trust-item:last-child,.trust-item:nth-last-child(2){border-bottom:none}}.monthly-extra{background:#f5f5f4;border-radius:var(--radius-sm);color:var(--color-text);font-size:14px;line-height:20px;margin-top:8px;padding:8px 16px}.monthly-extra strong{color:var(--color-success);font-variant-numeric:tabular-nums}.results{animation:resultsFadeIn .5s var(--ease-out-soft)}@keyframes resultsFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.blog-article p{margin-bottom:16px}.blog-article section{margin-bottom:32px}.blog-article h2{margin-top:8px}.warning-box{align-items:flex-start;background:var(--color-warning-bg);border-radius:var(--radius-sm);display:flex;font-size:14px;gap:8px;line-height:20px;margin-top:16px;padding:12px 16px}.warning-box svg{color:var(--color-warning);flex-shrink:0;height:16px;margin-top:2px;width:16px}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-delay:0s!important;transition-duration:.01ms!important}}address,cite,em,i{font-style:normal;font-weight:600}a:focus-visible,button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:active,.tool-card:active,button:active{transform:scale(.98)}@media(prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;scroll-behavior:auto!important;transition-property:color,background-color,border-color,opacity!important}.btn:active,.tool-card:active,button:active{transform:none}}.error-page[data-v-019fdfb2]{align-items:center;display:flex;justify-content:center;min-height:80vh;padding:2rem;text-align:center}.error-code[data-v-019fdfb2]{color:#2563eb;font-size:6rem;font-weight:800;line-height:1;margin-bottom:.5rem}.error-title[data-v-019fdfb2]{color:#111827;font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.error-desc[data-v-019fdfb2]{color:#6b7280;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:400px}.error-btn[data-v-019fdfb2]{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:2rem;padding:.75rem 2rem}.error-btn[data-v-019fdfb2]:hover{background:#1d4ed8}.error-links p[data-v-019fdfb2]{color:#9ca3af;font-size:.875rem;margin-bottom:.75rem}.error-links nav[data-v-019fdfb2]{display:flex;gap:1.5rem;justify-content:center}.error-links a[data-v-019fdfb2]{color:#2563eb;font-weight:500;text-decoration:none}.error-links a[data-v-019fdfb2]:hover{text-decoration:underline}
