.theme-roi{--color-background:#f7f9fc;--color-foreground:#0f172a;--color-surface:#eef2f7;--color-surface-raised:#fff;--color-surface-overlay:#eaf1fd;--color-primary:#1d4ed8;--color-primary-hover:#1e40af;--color-primary-foreground:#fff;--color-primary-light:#60a5fa;--color-secondary:#16a34a;--color-secondary-hover:#15803d;--color-secondary-foreground:#fff;--color-secondary-light:#4ade80;--color-muted:#eef2f7;--color-muted-foreground:#5b6577;--color-accent:#eaf1fd;--color-accent-foreground:#1d4ed8;--color-success:#16a34a;--color-success-foreground:#fff;--color-warning:#d97706;--color-warning-foreground:#fff;--color-destructive:#dc2626;--color-destructive-foreground:#fff;--color-border:#e2e8f0;--color-input:#cbd5e1;--color-ring:#1d4ed8;--roi-gradient-primary:linear-gradient(120deg, #1d4ed8 0%, #4338ca 100%);--roi-gradient-positive:linear-gradient(120deg, #16a34a 0%, #059669 100%);--roi-gradient-text:linear-gradient(100deg, #1d4ed8 0%, #4338ca 35%, #16a34a 75%, #059669 100%);--roi-gradient-soft:linear-gradient(135deg, #1d4ed812 0%, #16a34a12 100%);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--color-background);color:var(--color-foreground)}.roi-gradient-text{background-image:var(--roi-gradient-text);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:8s ease-in-out infinite roiGradientShift}@keyframes roiGradientShift{0%,to{background-position:0%}50%{background-position:100%}}.roi-glass{-webkit-backdrop-filter:blur(16px);background:#ffffffbd;border:1px solid #e2e8f0cc;box-shadow:0 8px 30px -12px #1d4ed81f}.roi-glow{box-shadow:0 0 0 1px #1d4ed814,0 20px 45px -18px #1d4ed859}.roi-glow-positive{box-shadow:0 0 0 1px #16a34a1a,0 20px 45px -18px #16a34a61}.roi-fade-up{animation:.8s ease-out both roiFadeUp}.roi-fade-up-delay-1{animation:.8s ease-out .12s both roiFadeUp}.roi-fade-up-delay-2{animation:.8s ease-out .24s both roiFadeUp}.roi-fade-up-delay-3{animation:.8s ease-out .36s both roiFadeUp}@keyframes roiFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.roi-reveal{opacity:0;will-change:opacity, transform;transition:opacity .7s ease-out,transform .7s ease-out,filter .7s ease-out}.roi-reveal[data-variant=fade-up]{transform:translateY(28px)}.roi-reveal[data-variant=scale-in]{filter:blur(2px);transform:scale(.94)}.roi-reveal[data-variant=slide-right]{transform:translate(-32px)}.roi-reveal[data-variant=slide-left]{transform:translate(32px)}.roi-reveal[data-visible=true]{opacity:1;filter:none;transform:none}.roi-blob{filter:blur(70px);opacity:.45;pointer-events:none;border-radius:999px;position:absolute}.roi-float-slow{animation:10s ease-in-out infinite roiFloat}.roi-float-slower{animation:14s ease-in-out infinite reverse roiFloat}@keyframes roiFloat{0%,to{transform:translate(0)scale(1)}50%{transform:translate(16px,-22px)scale(1.05)}}.roi-card-hover{transition:transform .35s,border-color .35s,box-shadow .35s}.roi-card-hover:hover{border-color:#1d4ed84d;transform:translateY(-6px);box-shadow:0 24px 48px -22px #1d4ed847}.roi-progress-track{background:var(--color-surface-overlay);border-radius:999px;height:.5rem;overflow:hidden}.roi-progress-fill{background-image:var(--roi-gradient-primary);border-radius:999px;width:0%;height:100%;transition:width 1.1s cubic-bezier(.16,1,.3,1)}.roi-progress-fill[data-visible=true]{width:var(--target-width,100%)}.roi-bar-fill{border-radius:.5rem .5rem .25rem .25rem;width:100%;height:0%;transition:height 1s cubic-bezier(.16,1,.3,1)}.roi-bar-fill[data-visible=true]{height:var(--target-height,0%)}.roi-input{appearance:textfield}.roi-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.roi-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.roi-range{appearance:none;background:var(--color-surface-overlay);cursor:pointer;border-radius:999px;outline:none;width:100%;height:.5rem}.roi-range::-webkit-slider-thumb{appearance:none;background:var(--color-primary);border:3px solid #fff;border-radius:50%;width:1.25rem;height:1.25rem;transition:transform .15s;box-shadow:0 2px 8px #1d4ed873}.roi-range::-webkit-slider-thumb:hover{transform:scale(1.1)}.roi-range::-moz-range-thumb{background:var(--color-primary);cursor:pointer;border:3px solid #fff;border-radius:50%;width:1.25rem;height:1.25rem;box-shadow:0 2px 8px #1d4ed873}.roi-range::-moz-range-track{background:var(--color-surface-overlay);border-radius:999px;height:.5rem}.roi-example-card{transition:transform .3s,border-color .3s,box-shadow .3s}.roi-example-card:hover{border-color:#1d4ed859;transform:translateY(-4px);box-shadow:0 18px 36px -18px #1d4ed84d}.roi-example-card[data-active=true]{border-color:var(--color-primary);box-shadow:0 0 0 1px #1d4ed826,0 18px 36px -18px #1d4ed859}@media (prefers-reduced-motion:reduce){.roi-gradient-text,.roi-fade-up,.roi-fade-up-delay-1,.roi-fade-up-delay-2,.roi-fade-up-delay-3,.roi-float-slow,.roi-float-slower{animation:none!important}.roi-reveal{opacity:1!important;filter:none!important;transition:none!important;transform:none!important}.roi-progress-fill,.roi-bar-fill{transition:none!important}.roi-card-hover:hover,.roi-example-card:hover{transform:none}}