@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.roi-calculator *{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.roi-calculator{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-bg: #eff6ff;--color-surface: #ffffff;--color-surface-hover: #f8fafc;--color-border: #dbeafe;--color-border-focus: #bfdbfe;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-muted: #94a3b8;--color-primary: #3b82f6;--color-primary-dark: #2563eb;--color-primary-light: #dbeafe;--color-primary-text: #ffffff;--color-success: #10b981;--color-success-light: #d1fae5;--color-warning: #f59e0b;--color-warning-light: #fed7aa;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1)}.roi-calculator{font-family:var(--font-sans);width:100%;background:var(--color-bg);color:var(--color-text-primary);line-height:1.5;position:relative;container-type:inline-size}.calculator-wrapper{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6)}.calculator-header{text-align:center;padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.calculator-title{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-2);letter-spacing:-.025em}.calculator-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:400}.input-section{display:flex;flex-direction:column;gap:var(--space-5)}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-label{display:flex;flex-direction:column;gap:var(--space-1)}.label-text{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary);letter-spacing:-.01em}.label-hint{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:400;line-height:1.4}.input-wrapper{position:relative;display:flex;align-items:center;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);overflow:hidden}.input-wrapper:hover{border-color:var(--color-border-focus);background:var(--color-surface-hover)}.input-wrapper:focus-within{border-color:var(--color-primary);background:var(--color-bg);box-shadow:0 0 0 3px var(--color-primary-light)}.input-field{flex:1;padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:500;color:var(--color-text-primary);background:transparent;border:none;outline:none;font-family:var(--font-sans);min-height:44px}.input-field::placeholder{color:var(--color-text-muted);font-weight:400}.input-prefix,.input-addon{padding:0 var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);-webkit-user-select:none;user-select:none}.input-prefix{padding-left:var(--space-4)}.input-addon{padding-right:var(--space-4);border-left:1px solid var(--color-border);background:var(--color-surface);min-width:60px;text-align:center}.slider-wrapper{display:flex;gap:var(--space-3);align-items:center}.slider-container{flex:1;position:relative}.slider-field{width:100%;height:6px;background:var(--color-surface);border-radius:100px;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer;transition:all var(--transition-fast)}.slider-field::-webkit-slider-track{height:6px;background:linear-gradient(to right,var(--color-primary) 0%,var(--color-primary) var(--slider-progress, 20%),var(--color-surface) var(--slider-progress, 20%),var(--color-surface) 100%);border-radius:100px}.slider-field::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--color-primary);border:3px solid var(--color-bg);border-radius:50%;cursor:grab;box-shadow:var(--shadow-md);transition:all var(--transition-fast)}.slider-field::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:var(--shadow-lg)}.slider-field::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.05)}.slider-value{display:flex;align-items:center;min-width:80px;padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.slider-value:focus-within{border-color:var(--color-primary);background:var(--color-bg)}.slider-input{width:45px;border:none;background:transparent;font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);outline:none;text-align:right;font-family:var(--font-sans)}.checkbox-label{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none;padding:var(--space-3);border-radius:var(--radius-md);transition:background var(--transition-fast)}.checkbox-label:hover{background:var(--color-surface)}.checkbox-field{appearance:none;width:20px;height:20px;border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);cursor:pointer;flex-shrink:0;position:relative;transition:all var(--transition-fast);margin-top:2px}.checkbox-field:checked{background:var(--color-primary);border-color:var(--color-primary)}.checkbox-field:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.checkbox-content{display:flex;flex-direction:column;gap:var(--space-1)}.results-section{display:flex;flex-direction:column;gap:var(--space-6)}.results-grid{display:grid;gap:var(--space-3);grid-template-columns:1fr}.result-card{padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:all var(--transition-base);position:relative;overflow:hidden}.result-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--color-border);transition:all var(--transition-base)}.result-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.result-card:hover:before{background:var(--color-primary)}.result-card.primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-color:var(--color-primary-dark);color:#fff}.result-card.primary:before{background:#ffffff4d}.result-card.primary .result-label{color:#ffffffe6}.result-card.primary .result-value{color:#fff}.result-card.primary .result-detail{color:#fffc}.result-content{display:flex;flex-direction:column;gap:var(--space-1)}.result-label{font-size:var(--text-xs);font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.result-value{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em;line-height:1.2}.result-detail{font-size:var(--text-xs);font-weight:400;color:var(--color-text-muted);margin-top:var(--space-1);display:block}.result-change{font-size:var(--text-sm);font-weight:500;color:var(--color-success);display:flex;align-items:center;gap:var(--space-1);margin-top:var(--space-1)}.result-change.negative{color:var(--color-warning)}.chart-container{padding:var(--space-5);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.chart-header{margin-bottom:var(--space-4)}.chart-title{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-1)}.chart-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary)}.chart-wrapper{position:relative;width:100%;height:250px}#projection-chart{width:100%!important;height:100%!important}.cta-section{padding:var(--space-6);background:linear-gradient(135deg,var(--color-primary-light),var(--color-surface));border-radius:var(--radius-lg);text-align:center}.cta-title{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-2)}.cta-description{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-5);max-width:500px;margin-left:auto;margin-right:auto}.cta-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);background:var(--color-primary);color:var(--color-primary-text);font-size:var(--text-base);font-weight:600;border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-base);cursor:pointer;border:none;font-family:var(--font-sans);box-shadow:var(--shadow-md)}.cta-button:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.cta-button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}@container (min-width: 640px){.calculator-wrapper{padding:var(--space-8)}.calculator-header{text-align:left;padding-bottom:var(--space-6)}.calculator-title{font-size:var(--text-3xl)}.calculator-subtitle{font-size:var(--text-base)}.results-grid{grid-template-columns:repeat(2,1fr)}.chart-wrapper{height:300px}}@container (min-width: 1024px){.calculator-wrapper{padding:var(--space-10)}.calculator-content{display:grid;grid-template-columns:380px 1fr;gap:var(--space-8);align-items:start}.input-section{position:sticky;top:var(--space-4);max-height:calc(100vh - var(--space-8));overflow-y:auto}.results-section{gap:var(--space-8)}.results-grid{grid-template-columns:repeat(3,1fr)}.result-card.primary{grid-column:span 3}.chart-wrapper{height:400px}}@container (min-width: 1280px){.calculator-content{grid-template-columns:420px 1fr;gap:var(--space-10)}.results-grid{grid-template-columns:repeat(4,1fr)}.result-card.primary{grid-column:span 2}}.loading{position:relative;overflow:hidden}.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}@keyframes shimmer{to{left:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.calculator-wrapper>*{animation:fadeIn var(--transition-base) ease-out;animation-fill-mode:both}.calculator-header{animation-delay:0ms}.input-section{animation-delay:50ms}.results-section{animation-delay:.1s}.cta-section{animation-delay:.15s}.roi-calculator *:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}@media print{.roi-calculator{background:#fff;color:#000}.cta-section{display:none}}