@keyframes roi-number-pop{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes roi-bar-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes roi-card-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes roi-shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes roi-icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.roi-hero{align-items:center;display:flex;position:relative;overflow:hidden}.roi-hero-title{font-family:var(--font-bricolage), system-ui, sans-serif;letter-spacing:-.02em;color:hsl(var(--foreground));margin-bottom:1rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.15;display:block}.roi-subtitle{font-family:var(--font-bricolage), system-ui, sans-serif;color:hsl(var(--muted-foreground));font-size:20px;line-height:1.6}.roi-input-card{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:0;flex-direction:column;height:100%;padding:1.5rem;transition:all .3s ease-out;display:flex}.roi-input-card:hover{border-color:hsl(var(--border-hover));box-shadow:0 4px 20px hsl(var(--foreground) / .06)}.roi-input-icon{border-radius:.5rem;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:.75rem;animation:3s ease-in-out infinite roi-icon-float;display:inline-flex}.roi-input-icon.teal,.roi-input-icon.violet,.roi-input-icon.amber,.roi-input-icon.fire,.roi-input-icon.sky{background:hsl(var(--muted));color:hsl(var(--muted-foreground))}.roi-input-label{color:hsl(var(--foreground));margin-bottom:.25rem;font-size:.875rem;font-weight:600;display:block}.roi-input-subtitle{color:hsl(var(--muted-foreground));margin-bottom:.75rem;font-size:.75rem;display:block}.roi-input-value{color:hsl(var(--foreground));font-variant-numeric:tabular-nums;min-height:2.25rem;margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.roi-input-card .roi-input-bottom{margin-top:auto}.roi-result-card{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:0;padding:1.5rem;animation:.5s ease-out both roi-card-enter}.roi-result-title{align-items:center;gap:.5rem;margin-bottom:1rem;font-weight:700;display:flex}.roi-result-line{border-bottom:1px solid hsl(var(--border) / .5);justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.875rem;display:flex}.roi-result-line:last-child{border-bottom:none}.roi-result-line-label{color:hsl(var(--muted-foreground))}.roi-result-line-value{font-variant-numeric:tabular-nums;color:hsl(var(--foreground));font-weight:600}.roi-bar-container{margin:1rem 0}.roi-bar-row{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.roi-bar-label{color:hsl(var(--muted-foreground));text-align:right;flex-shrink:0;width:80px;font-size:.75rem;font-weight:500}.roi-bar-track{background:hsl(var(--muted) / .5);border-radius:6px;flex:1;height:28px;position:relative;overflow:hidden}.roi-bar-fill{transform-origin:0;border-radius:6px;height:100%;transition:width .6s cubic-bezier(.25,.4,.25,1)}.roi-bar-fill.current{background:hsl(var(--muted-foreground) / .3)}.roi-bar-fill.boosted{background:#dc2828}.dark .roi-bar-fill.boosted{background:#df3a3a}.roi-bar-amount{color:hsl(var(--foreground));font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:600;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.roi-savings-bar{border-radius:6px;height:100%;transition:width .6s cubic-bezier(.25,.4,.25,1)}.roi-savings-bar.salary{background:#dc2828}.dark .roi-savings-bar.salary{background:#df3a3a}.roi-savings-bar.recruitment{background:#dc282899}.dark .roi-savings-bar.recruitment{background:#df3a3a99}.roi-total-value{font-family:var(--font-bricolage), system-ui, sans-serif;color:#dc2828;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.2}.roi-roi-percent{font-family:var(--font-bricolage), system-ui, sans-serif;color:#d41111;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800}.dark .roi-roi-percent{color:#ee2b2b}.roi-animated-number{font-variant-numeric:tabular-nums;transition:transform .2s ease-out;display:inline-block}.roi-animated-number.pop{animation:.3s ease-out roi-number-pop}.roi-cta-section{text-align:center;padding:3rem 0}.roi-cta-heading{font-family:var(--font-bricolage), system-ui, sans-serif;color:hsl(var(--foreground));margin-bottom:1rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.roi-accent-positive,.roi-accent-negative{color:#dc2828}@media (prefers-reduced-motion:reduce){.roi-hero-title,.roi-total-value,.roi-roi-percent,.roi-input-icon{animation:none}.roi-bar-fill{transition:none}.roi-animated-number.pop,.roi-result-card{animation:none}}