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