:root{--color-bg:#faf9f6;--color-surface:#fff;--color-border:#e6e2d8;--color-text:#1c231f;--color-text-muted:#5a6259;--color-primary:#1f5f4c;--color-primary-dark:#163f34;--color-accent:#c0703a;--color-danger:#b3432b;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--shadow-sm:0 1px 2px #1c231f0f;--shadow-md:0 8px 24px #1c231f14;--max-width:1080px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;margin:0;line-height:1.55}img,svg{max-width:100%}a{color:var(--color-primary)}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.site-header{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--color-border);background:#faf9f6eb;position:sticky;top:0}.site-header .container{justify-content:space-between;align-items:center;height:64px;display:flex}.logo{letter-spacing:-.01em;color:var(--color-text);font-size:1.15rem;font-weight:700;text-decoration:none}.logo strong{color:var(--color-primary)}.header-cta{border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;padding:10px 18px;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-block}.header-cta:hover{background:var(--color-primary-dark)}section{padding:72px 0}section h2{letter-spacing:-.01em;margin-bottom:8px;font-size:1.7rem}.section-lead{color:var(--color-text-muted);max-width:640px;margin-bottom:40px}.hero{text-align:center;padding:88px 0 56px}.hero h1{letter-spacing:-.02em;margin:0 0 20px;font-size:clamp(2rem,5vw,3.1rem);line-height:1.15}.hero p.subhead{color:var(--color-text-muted);max-width:620px;margin:0 auto 32px;font-size:1.15rem}.hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;padding:13px 26px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-block}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{color:var(--color-text);border-color:var(--color-border);background:0 0}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.calculator-shell{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);grid-template-columns:1fr;gap:32px;padding:32px;display:grid}@media (width>=860px){.calculator-shell{grid-template-columns:1fr 1fr;padding:40px}}.mode-tabs{border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:20px;display:inline-flex;overflow:hidden}.mode-tabs button{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;padding:9px 16px;font-size:.9rem}.mode-tabs button[aria-pressed=true]{background:var(--color-primary);color:#fff}.period-toggle{color:var(--color-text-muted);gap:16px;margin-bottom:20px;font-size:.88rem;display:flex}.period-toggle label{align-items:center;gap:6px;display:inline-flex}.field{margin-bottom:18px}.field label{color:var(--color-text);margin-bottom:6px;font-size:.86rem;font-weight:600;display:block}.field .hint{color:var(--color-text-muted);margin-top:4px;font-size:.78rem;font-weight:400;display:block}.field input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);width:100%;color:var(--color-text);padding:11px 13px;font-size:1rem}.field input:focus{outline:2px solid var(--color-primary);outline-offset:1px}.field-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}details.assumptions{border-top:1px solid var(--color-border);margin-top:8px;padding-top:16px}details.assumptions summary{cursor:pointer;color:var(--color-primary);font-size:.9rem;font-weight:600}.calc-errors{color:var(--color-danger);border-radius:var(--radius-sm);background:#fbeae5;margin-top:12px;padding:14px;font-size:.88rem}.calc-errors p{margin:4px 0}.result-panel{background:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:24px}.result-headline{color:var(--color-primary-dark);margin:0 0 8px;font-size:1.25rem;font-weight:700}.result-explanation{color:var(--color-text-muted);margin:0 0 20px;font-size:.94rem}.stat-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px;display:grid}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:12px 14px}.stat-card .label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:4px;font-size:.74rem;display:block}.stat-card .value{font-size:1.15rem;font-weight:700}.chart-wrap{margin:20px 0}.chart-line{fill:none;stroke:var(--color-primary);stroke-width:2.5px}.chart-target-line{stroke:var(--color-accent);stroke-dasharray:4 4;stroke-width:1.5px}.top-factors{color:var(--color-text);margin:0 0 20px;padding-left:20px;font-size:.9rem}.top-factors li{margin-bottom:4px}.result-actions{flex-wrap:wrap;gap:10px;display:flex}.steps{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=720px){.steps{grid-template-columns:repeat(3,1fr)}}.step{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:24px}.step .step-number{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:14px;font-size:.9rem;font-weight:700;display:inline-flex}.example-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);max-width:640px;padding:28px}.example-card .stat-grid{margin-top:16px}.compare-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=720px){.compare-grid{grid-template-columns:1fr 1fr}}.plan-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:28px}.plan-card.pro{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.plan-card h3{margin:0 0 4px}.badge-soon{text-transform:uppercase;letter-spacing:.04em;background:var(--color-accent);color:#fff;vertical-align:middle;border-radius:999px;margin-left:8px;padding:3px 8px;font-size:.68rem;font-weight:700;display:inline-block}.plan-price{margin:6px 0 18px;font-size:1.6rem;font-weight:700}.plan-price span{color:var(--color-text-muted);font-size:.9rem;font-weight:400}.plan-card ul{margin:0 0 20px;padding-left:20px;font-size:.92rem}.plan-card li{margin-bottom:8px}.assumptions-list{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=720px){.assumptions-list{grid-template-columns:1fr 1fr}}.assumptions-list .item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:16px 18px;font-size:.9rem}.assumptions-list .item strong{margin-bottom:4px;display:block}.faq-item{border-bottom:1px solid var(--color-border);padding:16px 0}.faq-item summary{cursor:pointer;font-weight:600;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";float:right;color:var(--color-primary)}.faq-item[open] summary:after{content:"–"}.faq-item p{color:var(--color-text-muted);margin:10px 0 0}.disclaimer-box{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);background:#f2efe7;padding:24px;font-size:.88rem}.final-cta{text-align:center;background:var(--color-primary-dark);color:#fff;border-radius:var(--radius-lg);padding:56px 24px}.final-cta h2{color:#fff}.final-cta p{color:#d9e5df;max-width:520px;margin:0 auto 24px}.final-cta .btn-primary{color:var(--color-primary-dark);background:#fff}.final-cta .btn-primary:hover{background:#eef4f0}footer.site-footer{border-top:1px solid var(--color-border);color:var(--color-text-muted);padding:32px 0 48px;font-size:.85rem}footer.site-footer nav{flex-wrap:wrap;gap:18px;margin-top:10px;display:flex}footer.site-footer a{color:var(--color-text-muted);text-decoration:none}footer.site-footer a:hover{color:var(--color-primary)}.legal-page{max-width:720px;margin:0 auto;padding:64px 24px}.legal-page h1{margin-bottom:8px}.legal-page .updated{color:var(--color-text-muted);margin-bottom:32px;font-size:.85rem}.legal-page h2{margin-top:36px;font-size:1.2rem}.error-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;padding:24px;display:flex}@media print{.site-header,footer.site-footer,.hero-actions,#steps,#faq,#final-cta,.header-cta{display:none!important}}