:root{--ease-out-quint:cubic-bezier(.23,1,.32,1);--ease-out-expo:cubic-bezier(.19,1,.22,1);--ease-spring:cubic-bezier(.34,1.56,.64,1)}@keyframes hero-fade-in{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-badge-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.hero-content{animation:hero-fade-in .8s var(--ease-out-expo)forwards}.hero-badge{animation:hero-badge-in .5s var(--ease-out-quint).2s forwards;opacity:0}@keyframes hero-card-in{0%{opacity:0;transform:translateY(100px)scale(.8)rotate(var(--rotate))}to{opacity:1;transform:translateY(0)scale(1)rotate(var(--rotate))}}.hero-card{opacity:1;transform:rotate(var(--rotate));animation:hero-card-in .8s var(--ease-spring)backwards;animation-delay:var(--delay)}.hero-card:first-child{--rotate:-5deg;--delay:.4s;z-index:9}.hero-card:nth-child(2){--rotate:0deg;--delay:.5s;z-index:10}.hero-card:nth-child(3){--rotate:5deg;--delay:.6s;z-index:9}@media (hover:hover) and (pointer:fine){.hero-card{transition:transform .3s var(--ease-out-quint),z-index 0s;will-change:transform}.hero-card:hover{z-index:20;transform:translateY(-20px)scale(1.1)rotate(0)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animate-on-scroll{opacity:0;animation:fade-in-up .6s var(--ease-out-quint)forwards;animation-timeline:view();animation-range:entry entry 30%}.animate-on-scroll-left{opacity:0;animation:fade-in-left .6s var(--ease-out-quint)forwards;animation-timeline:view();animation-range:entry entry 30%}.stagger-children>*{--stagger-delay:calc(var(--index,0)*.15s);animation-delay:var(--stagger-delay)}.top-card-item{opacity:0;animation:fade-in-up .5s var(--ease-out-quint)forwards;animation-timeline:view();animation-range:entry entry 25%;animation-delay:calc(var(--card-index,0)*.1s)}.top-card-item:first-child{--card-index:0}.top-card-item:nth-child(2){--card-index:1}.top-card-item:nth-child(3){--card-index:2}.top-card-item:nth-child(4){--card-index:3}@media (hover:hover) and (pointer:fine){.card-hover-lift{transition:transform .3s var(--ease-out-quint)}.card-hover-lift:hover{transform:translateY(-5px)scale(1.05)}.top-card-image{transition:transform .3s var(--ease-out-quint)}.group:hover .top-card-image{transform:scale(1.1)rotate(-3deg)}.top-card-gradient{transition:opacity .2s}.group:hover .top-card-gradient{opacity:1!important}}.group-card-item{opacity:0;animation:fade-in-left .5s var(--ease-out-quint)forwards;animation-timeline:view();animation-range:entry entry 25%;animation-delay:calc(.4s + var(--group-index,0)*.1s)}.group-card-item:first-child{--group-index:0}.group-card-item:nth-child(2){--group-index:1}.group-card-item:nth-child(3){--group-index:2}.ladder-step{opacity:0;animation:fade-in-up .5s var(--ease-out-quint)forwards;animation-timeline:view();animation-range:entry entry 30%;animation-delay:calc(var(--step-index,0)*.15s)}.ladder-step:first-child{--step-index:0}.ladder-step:nth-child(2){--step-index:1}.ladder-step:nth-child(3){--step-index:2}.ladder-step:nth-child(4){--step-index:3}@media (hover:hover) and (pointer:fine){.ladder-icon{transition:transform .3s var(--ease-out-quint)}.group:hover .ladder-icon{transform:scale(1.1)}.ladder-card{transition:box-shadow .2s}.ladder-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}}@keyframes card-in{0%{opacity:0;transform:translateY(20px)rotate(var(--initial-rotate,0deg))}to{opacity:1;transform:translateY(0)rotate(var(--final-rotate,0deg))}}.animate-card-in{animation:card-in .4s var(--ease-out-quint)forwards;opacity:0}.envido-card{transform-origin:bottom}.envido-card:first-child{transform:rotate(-5deg)}.envido-card:nth-child(2){transform:rotate(0)}.envido-card:nth-child(3){transform:rotate(5deg)}@media (prefers-reduced-motion:reduce){.hero-content,.hero-badge,.hero-card,.animate-on-scroll,.animate-on-scroll-left,.top-card-item,.group-card-item,.ladder-step{opacity:1;animation:none;transform:none}.hero-card:first-child{transform:rotate(-5deg)}.hero-card:nth-child(2){transform:rotate(0)}.hero-card:nth-child(3){transform:rotate(5deg)}}@supports not (animation-timeline:view()){.animate-on-scroll,.animate-on-scroll-left,.top-card-item,.group-card-item,.ladder-step{opacity:1;animation:none;transform:none}}
