.component-gradient-bg{position:relative;z-index:1}.theme-public .component-gradient-bg:after{background:radial-gradient(circle,hsl(218,64%,50%),hsl(300,70%,70%),transparent 70%)}.theme-public .component-gradient-bg:after,.theme-public-dark .component-gradient-bg:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;filter:blur(100px);z-index:-1;opacity:.6;bottom:-150px;left:-150px}.theme-public-dark .component-gradient-bg:after{background:radial-gradient(circle,hsl(300,70%,70%),hsl(218,64%,50%),transparent 70%)}.benefit-item{opacity:1;transform:translateY(0);animation:slideDownOut 1s ease-out forwards}.benefit-item.visible{animation:slideUpIn 1s ease-out forwards;animation-delay:var(--animation-delay,0s)}@keyframes slideUpIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDownOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(30px)}}.benefit-item:hover{transform:translateY(-5px)}.benefit-item:hover .benefit-text{font-size:1.25rem;font-weight:600;color:hsl(var(--foreground))}.benefit-item:hover .benefit-tick{width:1.5rem;height:1.5rem;background-color:hsl(var(--accent));border-radius:50%;color:hsl(var(--accent-foreground));filter:drop-shadow(0 0 12px hsl(var(--accent)));animation:tickGlowPulse .5s ease-out}@media (max-width:768px){.benefit-item:hover .benefit-text{font-size:1.25rem}.benefit-item:hover .benefit-tick{width:1.25rem;height:1.25rem}}.feature-card{opacity:0;transform:translateX(-60px);animation:slideOutLeft 1.3s ease-out forwards}.feature-card.visible{animation:slideInFromLeft 1s ease-out forwards;animation-delay:var(--animation-delay,0s)}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-60px)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-60px)}}.animating-feature .feature-text{font-weight:600;color:hsl(var(--primary))}.animating-feature .feature-tick{animation:tickGlowPulse .5s ease-out;background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border-radius:50%;filter:drop-shadow(0 0 12px hsl(var(--primary)))}@keyframes tickGlowPulse{0%{filter:drop-shadow(0 0 4px hsl(var(--primary)));transform:scale(1)}50%{filter:drop-shadow(0 0 16px hsl(var(--primary)));transform:scale(1.25)}to{filter:drop-shadow(0 0 12px hsl(var(--primary)));transform:scale(1)}}.plan-card{opacity:0;transform:translateY(20px);animation:fadeOut 1s ease-out forwards}.plan-card.visible{animation:fadeIn 1.2s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.public-gradient-bg:after,.public-gradient-bg:before{content:"";position:fixed;width:400px;height:400px;border-radius:50%;filter:blur(100px);z-index:-2;opacity:.6}.theme-public.public-gradient-bg:before{background:radial-gradient(circle,hsl(218,64%,50%),hsl(300,70%,70%),transparent 70%);top:-100px;right:-100px}.theme-public.public-gradient-bg:after{background:radial-gradient(circle,hsl(300,70%,70%),hsl(252,89%,60%),transparent 70%);bottom:-100px;left:-100px}.theme-public-dark.public-gradient-bg:before{background:radial-gradient(circle,hsl(252,89%,60%),hsl(300,70%,70%),transparent 70%);top:-100px;right:-100px}.theme-public-dark.public-gradient-bg:after{background:radial-gradient(circle,hsl(300,70%,70%),hsl(218,64%,50%),transparent 70%);bottom:-100px;left:-100px}.diff-card{opacity:0;transform:scale(.95);animation-fill-mode:forwards}.diff-card.visible{animation-name:zoom-in-out;animation-duration:4s;animation-timing-function:ease-in-out}.diff-card:first-child.visible{animation-delay:0s}.diff-card:nth-child(2).visible{animation-delay:1s}.diff-card:nth-child(3).visible{animation-delay:2s}.diff-card:nth-child(4).visible{animation-delay:3s}@keyframes zoom-in-out{0%{opacity:0;transform:scale(.95)}10%{opacity:1;transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1.1)}75%{transform:scale(1)}to{opacity:1;transform:scale(1)}}.search-hint-container{animation:fadeInOut 8s ease-in-out forwards}.search-hint-text{animation:text-bubble-pop .5s ease-out forwards,text-bubble-float 3s ease-in-out .5s infinite;transform-origin:bottom right}.search-hint-arrow{position:absolute;bottom:-15px;right:-15px;animation:arrow-point 1.5s ease-in-out infinite;transform-origin:top left}@keyframes fadeInOut{0%{opacity:0;transform:scale(.9)}10%{opacity:1;transform:scale(1)}90%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes text-bubble-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes text-bubble-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes arrow-point{0%,to{transform:translate(0) rotate(0deg)}50%{transform:translate(5px,5px) rotate(5deg)}}