:root{--brand:#059669;--brand-light:#34d399;--brand-dark:#047857;--success:#10b981;--success-light:#d1fae5;--warning:#f59e0b;--warning-light:#fef3c7;--danger:#ef4444;--danger-light:#fee2e2;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#6b7280;--gray-500:#4b5563;--gray-600:#374151;--gray-700:#1f2937;--gray-800:#1f2937;--gray-900:#111827;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--text-4xl:36px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.1)}*,::after,::before{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--gray-800);background:var(--gray-50);min-height:100vh}:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:var(--brand);color:#fff;padding:var(--space-sm) var(--space-md);z-index:100;text-decoration:none;font-weight:600}.skip-link:focus{top:0}.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}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-md)}@media (min-width:768px){.container{padding:0 var(--space-lg)}}.hero{background:linear-gradient(135deg,#059669 0,#047857 100%);color:#fff;padding:64px 0 80px;text-align:center}.hero h1{font-size:var(--text-3xl);font-weight:800;margin-bottom:var(--space-md);line-height:1.2}.hero p{font-size:var(--text-lg);opacity:.9;max-width:600px;margin:0 auto var(--space-lg)}.hero-stats{display:flex;justify-content:center;gap:var(--space-xl);flex-wrap:wrap;margin-top:var(--space-xl)}.hero-stat{text-align:center}.hero-stat-value{font-size:var(--text-3xl);font-weight:800;display:block}.hero-stat-label{font-size:var(--text-sm);opacity:1}@media (min-width:768px){.hero h1{font-size:var(--text-4xl)}}.calc-wrapper{margin-top:calc(-1 * var(--space-2xl));padding-bottom:var(--space-3xl)}.calc-card{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;max-width:900px;margin:0 auto}.progress-bar{display:flex;background:var(--gray-100);border-bottom:1px solid var(--gray-200)}.progress-step{flex:1;padding:var(--space-md);text-align:center;background:0 0;border:none;border-bottom:3px solid transparent;border-left:none;border-right:none;border-top:none;cursor:pointer;font-family:inherit;font-size:var(--text-sm);font-weight:600;color:var(--gray-500);transition:.2s}.progress-step:hover{color:var(--gray-600);background:var(--gray-50)}.progress-step.active{color:var(--brand);background:#fff;border-bottom-color:var(--brand)}.progress-step.completed{color:var(--brand)}.progress-step-number{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--gray-200);color:var(--gray-500);font-weight:700;font-size:var(--text-xs);margin-right:var(--space-xs);transition:.2s}.progress-step.active .progress-step-number{background:var(--brand);color:#fff}.progress-step.completed .progress-step-number{background:var(--brand-light);color:#fff}.progress-step.completed .progress-step-number::after{content:"✓"}.progress-step-number[data-step]::before{content:attr(data-step)}.progress-step.completed .progress-step-number::before{display:none}@media (max-width:640px){.progress-step span:not(.progress-step-number){display:none}.progress-step-number{margin:0}}.step-content{padding:var(--space-xl);display:none}.step-content.active{display:block;animation:.3s fadeIn}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-title{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-sm);color:var(--gray-900)}.step-subtitle{color:var(--gray-500);margin-bottom:var(--space-xl)}.form-group{margin-bottom:var(--space-lg)}.form-row{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}@media (min-width:640px){.form-row{grid-template-columns:1fr 1fr}}label{display:block;font-weight:600;margin-bottom:var(--space-sm);color:var(--gray-700);font-size:var(--text-sm)}label .hint{font-weight:400;color:var(--gray-400);display:block;font-size:var(--text-xs);margin-top:2px}input[type=number],input[type=text],select{width:100%;padding:var(--space-md);border:2px solid var(--gray-200);border-radius:var(--radius-md);font-size:var(--text-lg);font-family:inherit;transition:border-color .2s,box-shadow .2s;background:#fff}input:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(5,150,105,.1);outline:0}input::placeholder{color:var(--gray-400)}.input-percent{position:relative}.input-percent::after{content:"%";position:absolute;right:var(--space-md);top:50%;transform:translateY(-50%);color:var(--gray-400);font-size:var(--text-lg);font-weight:600;pointer-events:none}.input-percent input{padding-right:calc(var(--space-md) + 24px)}.error-message{color:var(--danger);font-size:var(--text-sm);margin-top:var(--space-xs);display:none}.error-message.show{display:block}.step-nav{display:flex;justify-content:space-between;padding-top:var(--space-xl);border-top:1px solid var(--gray-200);margin-top:var(--space-xl)}.btn{padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-base);cursor:pointer;transition:.2s;display:inline-flex;align-items:center;gap:var(--space-sm);font-family:inherit}.btn-primary{background:var(--brand);color:#fff;border:none}.btn-primary:hover{background:var(--brand-dark);transform:translateY(-1px)}.btn-secondary{background:#fff;color:var(--gray-700);border:2px solid var(--gray-200)}.btn-secondary:hover{border-color:var(--gray-300);background:var(--gray-50)}.rating-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-sm);margin-top:var(--space-md)}@media (max-width:640px){.rating-grid{grid-template-columns:repeat(3,1fr)}}.rating-btn{padding:var(--space-md);border:2px solid var(--gray-200);border-radius:var(--radius-md);background:#fff;cursor:pointer;text-align:center;transition:.2s}.rating-btn:hover{border-color:var(--brand-light);background:var(--gray-50)}.rating-btn:focus-visible{outline:0;border-color:var(--brand)}.rating-btn.selected{border-color:var(--brand);background:rgba(5,150,105,.05)}.rating-btn.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.rating-btn .rate{font-size:var(--text-lg);font-weight:700;color:var(--gray-900);display:block}.rating-btn .amount{font-size:var(--text-sm);color:var(--gray-500);display:block;margin-top:2px}.collapsible{margin-top:var(--space-lg);border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden}.collapsible-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--gray-50);border:none;cursor:pointer;font-family:inherit;font-size:var(--text-base);font-weight:600;color:var(--gray-700);transition:background .2s}.collapsible-trigger:hover{background:var(--gray-100)}.collapsible-trigger:focus-visible{outline:2px solid var(--brand);outline-offset:-2px;background:var(--gray-100)}.collapsible-icon{width:20px;height:20px;transition:transform .2s}.collapsible.open .collapsible-icon{transform:rotate(180deg)}.collapsible-content{display:none;padding:var(--space-lg);background:#fff;border-top:1px solid var(--gray-200)}.collapsible.open .collapsible-content{display:block}.increase-preview{background:var(--gray-100);border-radius:var(--radius-lg);padding:var(--space-lg);margin-top:var(--space-lg);text-align:center}.increase-preview-label{font-size:var(--text-sm);color:var(--gray-500);margin-bottom:var(--space-xs)}.increase-preview-value{font-size:var(--text-3xl);font-weight:800;color:var(--brand)}.increase-preview-sub{font-size:var(--text-sm);color:var(--gray-600);margin-top:var(--space-xs)}.results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin:var(--space-lg) 0}@media (max-width:640px){.results-grid{grid-template-columns:1fr}}.result-card{background:var(--gray-50);padding:var(--space-lg);border-radius:var(--radius-lg);text-align:center}.result-card.highlight{background:rgba(5,150,105,.05);border:2px solid var(--brand)}.result-label{font-size:var(--text-sm);color:var(--gray-500);margin-bottom:var(--space-xs)}.result-value{font-size:var(--text-2xl);font-weight:700;color:var(--gray-900)}.result-value.highlight{color:var(--brand)}.result-sub{font-size:var(--text-sm);color:var(--gray-500);margin-top:var(--space-xs)}.scenario-cards{display:grid;gap:var(--space-md);margin:var(--space-lg) 0}.scenario-card{background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-lg)}.scenario-card.best{border-color:var(--success);background:var(--success-light)}.scenario-card.worst{border-color:var(--danger);background:var(--danger-light)}.scenario-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.scenario-icon{font-size:var(--text-2xl)}.scenario-title{font-size:var(--text-lg);font-weight:700;color:var(--gray-900)}.scenario-desc{font-size:var(--text-sm);color:var(--gray-500)}.scenario-value{font-size:var(--text-3xl);font-weight:800;color:var(--gray-900);margin-top:var(--space-sm)}.scenario-card.best .scenario-value{color:var(--success)}.scenario-card.worst .scenario-value{color:var(--danger)}.scenario-note{font-size:var(--text-sm);color:var(--gray-600);margin-top:var(--space-sm)}.bottom-line{background:var(--gray-800);color:#fff;border-radius:var(--radius-lg);padding:var(--space-xl);margin:var(--space-lg) 0}.bottom-line h3{font-size:var(--text-xl);margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.bottom-line p{font-size:var(--text-base);line-height:1.7;opacity:.9}.cta-card{background:linear-gradient(135deg,#059669 0,#047857 100%);border-radius:var(--radius-lg);padding:var(--space-xl);color:#fff;text-align:center;margin-top:var(--space-xl)}.cta-card h3{font-size:var(--text-xl);margin-bottom:var(--space-sm)}.cta-card p{opacity:.9;margin-bottom:var(--space-md)}.cta-card a{display:inline-flex;align-items:center;gap:var(--space-sm);background:#fff;color:#059669;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);text-decoration:none;font-weight:600;transition:transform .2s}.cta-card a:hover{transform:translateY(-2px)}.action-buttons{display:flex;gap:var(--space-md);flex-wrap:wrap;margin-top:var(--space-lg)}.action-buttons .btn{flex:1;padding:14px;border-radius:12px;border:none;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:.15s}.action-buttons .btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:#fff}.action-buttons .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(5,150,105,.3)}.action-buttons .btn-secondary{background:#fff;color:#374151;border:2px solid #e5e7eb}.action-buttons .btn-secondary:hover{background:#f9fafb}.disclaimer{font-size:var(--text-sm);color:var(--gray-500);background:var(--gray-100);border-radius:var(--radius-md);padding:var(--space-md);margin-top:var(--space-lg)}.disclaimer strong{color:var(--gray-700)}.disclaimer-link{color:var(--brand);text-decoration:underline;font-weight:500}.disclaimer-link:hover{text-decoration:none}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}.step-content.active{animation:none}}@media (max-width:768px){.step-content{padding:var(--space-lg)}.collapsible-content{padding:var(--space-md)}}