:root{--bizpro-primary:#2563eb;--bizpro-primary-light:#3b82f6;--bizpro-primary-pale:#eff6ff;--bizpro-dark:#1e3a5f;--bizpro-dark-800:#1e293b;--bizpro-success:#10b981;--bizpro-success-pale:#ecfdf5;--bizpro-warning:#f59e0b;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 3px #00000014,0 1px 2px #0000000f;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 8px 32px #0000001f;--shadow-primary:0 4px 20px #2563eb40}.bizpro-roi-calculator *,.bizpro-roi-calculator :after,.bizpro-roi-calculator :before{box-sizing:border-box}.bizpro-roi-calculator{color:#1e293b;color:var(--gray-800);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;margin:0 auto;max-width:900px;padding:0 16px}.roi-header{background:linear-gradient(135deg,#1e3a5f,#2563eb);background:linear-gradient(135deg,var(--bizpro-dark) 0,var(--bizpro-primary) 100%);border-radius:24px 24px 0 0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;color:#fff;padding:48px 24px 32px;text-align:center}.roi-header .roi-badge{align-items:center;background:#ffffff26;border:1px solid #ffffff40;border-radius:100px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.05em;margin-bottom:16px;padding:4px 14px;text-transform:uppercase}.roi-header h1{font-size:clamp(22px,4vw,32px);font-weight:800;letter-spacing:-.02em;margin:0 0 10px}.roi-header p{color:#fffc;font-size:15px;margin:0 auto;max-width:480px}.roi-body{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:0 0 24px 24px;border-radius:0 0 var(--radius-xl) var(--radius-xl);border-top:none;box-shadow:0 4px 16px #0000001a;box-shadow:var(--shadow-md);padding:32px}.roi-section-title{align-items:center;color:#94a3b8;color:var(--gray-400);display:flex;font-size:11px;font-weight:700;gap:8px;letter-spacing:.08em;margin-bottom:20px;text-transform:uppercase}.roi-section-title:after{background:#e2e8f0;background:var(--gray-200);content:"";flex:1 1;height:1px}.roi-inputs{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.roi-input-group{display:flex;flex-direction:column;gap:10px}.roi-input-label{align-items:flex-end;display:flex;justify-content:space-between}.roi-input-label .label-text{color:#334155;color:var(--gray-700);font-size:14px;font-weight:600}.roi-input-label .label-value{font-feature-settings:"tnum";color:#2563eb;color:var(--bizpro-primary);font-size:16px;font-variant-numeric:tabular-nums;font-weight:700;transition:color .2s}.roi-slider{-webkit-appearance:none;appearance:none;background:#e2e8f0;background:var(--gray-200);border-radius:100px;cursor:pointer;height:5px;outline:none;position:relative;width:100%}.roi-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#2563eb;background:var(--bizpro-primary);border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 3px #2563eb33,0 1px 3px #00000014,0 1px 2px #0000000f;box-shadow:0 0 0 3px #2563eb33,var(--shadow-sm);cursor:pointer;height:20px;-webkit-transition:box-shadow .2s,transform .1s;transition:box-shadow .2s,transform .1s;width:20px}.roi-slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 5px #2563eb26,0 1px 3px #00000014,0 1px 2px #0000000f;box-shadow:0 0 0 5px #2563eb26,var(--shadow-sm);transform:scale(1.1)}.roi-slider::-moz-range-thumb{background:#2563eb;background:var(--bizpro-primary);border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 3px #2563eb33,0 1px 3px #00000014,0 1px 2px #0000000f;box-shadow:0 0 0 3px #2563eb33,var(--shadow-sm);cursor:pointer;height:20px;width:20px}.roi-slider:focus::-webkit-slider-thumb{box-shadow:0 0 0 5px #2563eb40}.roi-slider-track{align-items:center;display:flex;position:relative}.roi-slider-labels{display:flex;justify-content:space-between;margin-top:4px}.roi-slider-labels span{color:#94a3b8;color:var(--gray-400);font-size:11px}.roi-input-desc{color:#94a3b8;color:var(--gray-400);font-size:12px;line-height:1.4}.roi-divider{background:#e2e8f0;background:var(--gray-200);height:1px;margin:8px 0 28px}.roi-results{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:28px}@media (max-width:480px){.roi-inputs,.roi-results{grid-template-columns:1fr}}.roi-result-card{background:#f8fafc;background:var(--gray-50);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-md);padding:20px;transition:box-shadow .2s,border-color .2s}.roi-result-card:hover{border-color:#cbd5e1;border-color:var(--gray-300);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;box-shadow:var(--shadow-sm)}.roi-result-card.highlight{background:#eff6ff;background:var(--bizpro-primary-pale);border-color:#2563eb33}.roi-result-card.highlight:hover{border-color:#2563eb66;box-shadow:0 4px 20px #2563eb40;box-shadow:var(--shadow-primary)}.roi-result-card.full-width{background:linear-gradient(135deg,#1e3a5f,#2563eb);background:linear-gradient(135deg,var(--bizpro-dark) 0,var(--bizpro-primary) 100%);border-color:#0000;color:#fff;grid-column:1/-1;padding:24px;text-align:center}.roi-result-label{color:#64748b;color:var(--gray-500);font-size:12px;font-weight:600;letter-spacing:.04em;margin-bottom:8px;text-transform:uppercase}.roi-result-card.full-width .roi-result-label{color:#ffffffb3}.roi-result-value{font-feature-settings:"tnum";align-items:center;color:#1e3a5f;color:var(--bizpro-dark);display:flex;font-size:28px;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.02em;min-height:40px;transition:opacity .15s}.roi-result-card.highlight .roi-result-value{color:#2563eb;color:var(--bizpro-primary)}.roi-result-card.full-width .roi-result-value{color:#fff;font-size:36px;justify-content:center}.roi-result-sublabel{color:#94a3b8;color:var(--gray-400);font-size:12px;margin-top:4px}.roi-result-card.full-width .roi-result-sublabel{color:#ffffffa6}.roi-result-value.updating{opacity:.4}@keyframes counterPulse{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}.roi-result-value.pulse{animation:counterPulse .3s ease}.roi-comparison{background:#f8fafc;background:var(--gray-50);border:1px solid #e2e8f0;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-md);margin-bottom:28px;padding:20px}.roi-comparison-title{color:#334155;color:var(--gray-700);font-size:13px;font-weight:600;margin-bottom:16px}.roi-bar-row{align-items:center;display:flex;gap:12px;margin-bottom:10px}.roi-bar-label{color:#64748b;color:var(--gray-500);flex-shrink:0;font-size:12px;width:110px}.roi-bar-track{background:#e2e8f0;background:var(--gray-200);border-radius:100px;flex:1 1;height:8px;overflow:hidden}.roi-bar-fill{border-radius:100px;height:100%;transition:width .5s cubic-bezier(.25,.46,.45,.94)}.roi-bar-fill.current-cost{background:#94a3b8;background:var(--gray-400)}.roi-bar-fill.bizpro-cost{background:#2563eb;background:var(--bizpro-primary)}.roi-bar-fill.savings{background:#10b981;background:var(--bizpro-success)}.roi-bar-amount{font-feature-settings:"tnum";color:#334155;color:var(--gray-700);font-size:12px;font-variant-numeric:tabular-nums;font-weight:600;text-align:right;width:60px}.roi-assumptions{background:#f8fafc;background:var(--gray-50);border-left:3px solid #2563eb;border-left:3px solid var(--bizpro-primary);border-radius:0 8px 8px 0;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:#64748b;color:var(--gray-500);font-size:12px;line-height:1.6;margin-bottom:24px;padding:12px 16px}.roi-assumptions strong{color:#334155;color:var(--gray-700)}.roi-cta-section{padding-top:8px;text-align:center}.roi-cta-tagline{color:#64748b;color:var(--gray-500);font-size:14px;margin-bottom:16px}.roi-cta-tagline strong{color:#2563eb;color:var(--bizpro-primary)}.roi-cta-btn{align-items:center;background:#2563eb;background:var(--bizpro-primary);border:none;border-radius:100px;box-shadow:0 4px 20px #2563eb40;box-shadow:var(--shadow-primary);color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:700;gap:8px;justify-content:center;letter-spacing:-.01em;min-width:240px;padding:16px 40px;text-decoration:none;transition:background .2s,transform .15s,box-shadow .2s}.roi-cta-btn:hover{background:#1e3a5f;background:var(--bizpro-dark);box-shadow:0 8px 28px #2563eb59;transform:translateY(-2px)}.roi-cta-btn:active{transform:translateY(0)}.roi-cta-btn svg{flex-shrink:0}.roi-cta-note{color:#94a3b8;color:var(--gray-400);font-size:12px;margin-top:12px}