*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1a1a2e;background:#fff;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}#root{flex-direction:column;display:flex}:root{--color-primary:#06c;--color-primary-hover:#0052a3;--color-primary-light:#e6f0fa;--color-secondary:#00875a;--color-secondary-light:#e3f5ef;--color-text:#1a1a2e;--color-text-secondary:#4a5568;--color-text-muted:#718096;--color-border:#e2e8f0;--color-border-focus:#06c;--color-background:#fff;--color-background-subtle:#f7fafc;--color-background-highlight:#edf2f7;--color-success:#00875a;--color-warning:#d69e2e;--font-family:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono:"JetBrains Mono", "SF Mono", Monaco, monospace;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a;--shadow-xl:0 20px 25px -5px #00000014, 0 10px 10px -5px #00000008;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease}*,:before,:after{box-sizing:border-box}.calculator{font-family:var(--font-family);color:var(--color-text);background:var(--color-background);flex-direction:column;min-height:100%;display:flex}.calculator-container{width:100%;max-width:560px;padding:var(--spacing-lg);flex:1;margin:0 auto}.calculator-footer{padding:var(--spacing-md) var(--spacing-lg);text-align:center;border-top:1px solid var(--color-border)}.calculator-footer a{color:var(--color-text-muted);transition:color var(--transition-fast);font-size:13px;text-decoration:none}.calculator-footer a:hover{color:var(--color-primary)}.step-badge{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600;display:inline-block}.input-form{animation:fadeIn var(--transition-slow) ease}.form-header{margin-bottom:var(--spacing-xl)}.form-header .step-badge{margin-bottom:var(--spacing-md)}.form-header h2{margin:0 0 var(--spacing-sm) 0;color:var(--color-text);font-size:28px;font-weight:700;line-height:1.2}.form-header p{color:var(--color-text-secondary);margin:0;font-size:16px;line-height:1.5}.slider-fields{gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);flex-direction:column;display:flex}.slider-group{flex-direction:column;display:flex}.slider-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-xs);font-size:12px;font-weight:600}.slider-value{color:var(--color-text);margin-bottom:var(--spacing-sm);font-size:32px;font-weight:700;line-height:1.2}.slider-unit{color:var(--color-text-secondary);font-size:18px;font-weight:400}.slider-group input[type=range]{appearance:none;background:linear-gradient(to right, var(--color-text) 0%, var(--color-text) var(--slider-percent,0%), var(--color-border) var(--slider-percent,0%), var(--color-border) 100%);cursor:pointer;border:none;border-radius:3px;outline:none;width:100%;height:6px;margin:0;padding:0}.slider-group input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-text);cursor:pointer;width:24px;height:24px;box-shadow:var(--shadow-md);transition:transform var(--transition-fast);border:3px solid #fff;border-radius:50%}.slider-group input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.slider-group input[type=range]::-moz-range-thumb{background:var(--color-text);cursor:pointer;width:24px;height:24px;box-shadow:var(--shadow-md);border:3px solid #fff;border-radius:50%}.slider-group input[type=range]::-moz-range-track{background:var(--color-border);border-radius:3px;height:6px}.slider-group input[type=range]::-moz-range-progress{background:var(--color-text);border-radius:3px;height:6px}.slider-group select{border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);width:100%;color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);appearance:none;margin-top:var(--spacing-sm);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%234A5568' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding:14px 44px 14px 16px;font-family:inherit;font-size:16px}.slider-group select:hover{border-color:var(--color-text-muted)}.slider-group select:focus{border-color:var(--color-border-focus);outline:none;box-shadow:0 0 0 3px #0066cc1a}.live-summary{padding:var(--spacing-xl);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);color:#fff;background:linear-gradient(135deg,#0a2540 0%,#1a365d 100%)}.live-summary-label{text-transform:uppercase;letter-spacing:1px;color:#fff9;margin-bottom:var(--spacing-sm);font-size:12px;font-weight:600;display:block}.live-summary-value{color:#4dd0e1;margin-bottom:var(--spacing-md);font-variant-numeric:tabular-nums;font-size:42px;font-weight:700;line-height:1.1;display:block}.live-summary-row{flex-direction:column;display:flex}.live-summary-value-sm{color:#4dd0e1;margin-bottom:var(--spacing-xs);font-variant-numeric:tabular-nums;font-size:28px;font-weight:700;line-height:1.1;display:block}.live-summary-divider{height:1px;margin:var(--spacing-md) 0;background:#ffffff26}.live-summary-detail{color:#fff9;margin:0;font-size:14px;line-height:1.5}.form-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.form-group label{color:var(--color-text);font-size:14px;font-weight:600}.form-group input,.form-group select{border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);width:100%;color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);appearance:none;padding:14px 16px;font-family:inherit;font-size:16px}.form-group input:hover,.form-group select:hover{border-color:var(--color-text-muted)}.form-group input:focus,.form-group select:focus{border-color:var(--color-border-focus);outline:none;box-shadow:0 0 0 3px #0066cc1a}.btn-primary{justify-content:center;align-items:center;gap:var(--spacing-sm);color:#fff;background:var(--color-primary);border-radius:var(--radius-md);cursor:pointer;width:100%;transition:background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border:none;padding:16px 24px;font-family:inherit;font-size:16px;font-weight:600;display:inline-flex}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-primary:disabled{background:var(--color-border);color:var(--color-text-muted);cursor:not-allowed}.btn-back{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-secondary);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;font-family:inherit;font-size:14px;font-weight:500;display:inline-flex}.btn-back:hover{border-color:var(--color-text-muted);color:var(--color-text)}.results-preview{animation:fadeIn var(--transition-slow) ease}.results-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;display:flex}.results-content h2{margin:0 0 var(--spacing-sm) 0;color:var(--color-text);font-size:28px;font-weight:700}.results-subtitle{color:var(--color-text-secondary);margin:0 0 var(--spacing-lg) 0;font-size:16px}.results-highlight{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);grid-template-columns:1fr;display:grid}@media (width>=480px){.results-highlight{grid-template-columns:repeat(3,1fr)}}.highlight-card{padding:var(--spacing-lg);background:var(--color-background-subtle);border-radius:var(--radius-lg);text-align:center}.highlight-card.highlight-primary{background:var(--color-secondary-light);grid-column:1/-1}@media (width>=480px){.highlight-card.highlight-primary{grid-column:auto}}.highlight-label{color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.3px;font-size:13px;font-weight:500;display:block}.highlight-value{color:var(--color-text);font-variant-numeric:tabular-nums;font-size:28px;font-weight:700;display:block}.highlight-primary .highlight-value{color:var(--color-secondary)}.highlight-roi{color:var(--color-primary)!important}.report-gate{padding:var(--spacing-xl);background:var(--color-background-subtle);border-radius:var(--radius-lg)}.report-gate-header h3{margin:0 0 var(--spacing-sm) 0;color:var(--color-text);font-size:20px;font-weight:600}.report-gate-header p{color:var(--color-text-secondary);margin:0 0 var(--spacing-md) 0;font-size:15px}.report-sent{text-align:center;padding:var(--spacing-xl);background:var(--color-secondary-light);border-radius:var(--radius-lg);animation:fadeIn var(--transition-slow) ease}.report-sent-icon{color:var(--color-secondary);margin-bottom:var(--spacing-md)}.report-sent h3{margin:0 0 var(--spacing-sm) 0;color:var(--color-text);font-size:22px;font-weight:700}.report-sent p{color:var(--color-text-secondary);margin:0;font-size:15px;line-height:1.6}.report-benefits{margin:0 0 var(--spacing-lg) 0;gap:var(--spacing-sm);flex-direction:column;padding:0;list-style:none;display:flex}.report-benefits li{align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:14px;display:flex}.report-benefits li svg{color:var(--color-secondary);flex-shrink:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.calculator-container{padding:var(--spacing-md)}.form-header h2,.results-content h2{font-size:24px}.slider-value{font-size:26px}.live-summary-value{font-size:32px}.highlight-value{font-size:24px}.breakdown-content{align-items:flex-start;gap:var(--spacing-xs);flex-direction:column}}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.hubspot-form-wrapper{min-height:200px;position:relative}.hubspot-form-hidden{opacity:0;height:0;overflow:hidden}.hubspot-form-loading{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-2xl);color:var(--color-text-muted);flex-direction:column;font-size:14px;display:flex}.loading-spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.hubspot-form-error{padding:var(--spacing-lg);border-radius:var(--radius-md);color:#991b1b;text-align:center;background:#fef2f2;border:1px solid #fecaca;font-size:14px}#hubspot-form-container{font-family:var(--font-family)!important}#hubspot-form-container .hs-form{font-family:inherit!important}#hubspot-form-container .hs-form-field{margin-bottom:var(--spacing-md)!important}#hubspot-form-container .hs-form-field label{color:var(--color-text)!important;margin-bottom:var(--spacing-sm)!important;font-size:14px!important;font-weight:600!important;display:block!important}#hubspot-form-container .hs-form-field label .hs-form-required{color:#dc2626!important}#hubspot-form-container .hs-input{border:1.5px solid var(--color-border)!important;border-radius:var(--radius-md)!important;background:var(--color-background)!important;width:100%!important;color:var(--color-text)!important;transition:border-color var(--transition-fast), box-shadow var(--transition-fast)!important;box-sizing:border-box!important;padding:14px 16px!important;font-family:inherit!important;font-size:16px!important}#hubspot-form-container .hs-input:hover{border-color:var(--color-text-muted)!important}#hubspot-form-container .hs-input:focus{border-color:var(--color-border-focus)!important;outline:none!important;box-shadow:0 0 0 3px #0066cc1a!important}#hubspot-form-container .hs-input::placeholder{color:var(--color-text-muted)!important}#hubspot-form-container .hs-error-msgs{margin:var(--spacing-xs) 0 0 0!important;padding:0!important;list-style:none!important}#hubspot-form-container .hs-error-msgs li{color:#dc2626!important;font-size:13px!important}#hubspot-form-container .hs-submit{margin-top:var(--spacing-lg)!important}#hubspot-form-container .hs-button{color:#fff!important;background:var(--color-primary)!important;border-radius:var(--radius-md)!important;cursor:pointer!important;width:100%!important;transition:background var(--transition-fast), box-shadow var(--transition-fast)!important;border:none!important;justify-content:center!important;align-items:center!important;padding:16px 24px!important;font-family:inherit!important;font-size:16px!important;font-weight:600!important;display:inline-flex!important}#hubspot-form-container .hs-button:hover{background:var(--color-primary-hover)!important;box-shadow:var(--shadow-md)!important}#hubspot-form-container .legal-consent-container{margin-top:var(--spacing-md)!important;padding-top:var(--spacing-md)!important;border-top:1px solid var(--color-border)!important}#hubspot-form-container .hs-form-booleancheckbox-display{align-items:flex-start!important;gap:var(--spacing-sm)!important;display:flex!important}#hubspot-form-container .hs-form-booleancheckbox-display input{flex-shrink:0!important;width:18px!important;height:18px!important;margin:2px 0 0!important}#hubspot-form-container .hs-form-booleancheckbox-display span{color:var(--color-text-secondary)!important;font-size:13px!important;line-height:1.5!important}#hubspot-form-container .hs-form-booleancheckbox-display a{color:var(--color-primary)!important;text-decoration:underline!important}