.hero-animation{background-color:#f6f2ee;background-image:radial-gradient(at bottom center,#f6d4c6,#f6f2ee 40% 100%)}.hero-animation *{animation-play-state:paused;animation-delay:calc(var(--scroll) * -1s);animation-fill-mode:both;animation-timing-function:linear;animation-iteration-count:1;animation-duration:1s}.hero-animation .animate-up-fadeout{position:relative;animation-name:animate-up-fadeout}@keyframes animate-up-fadeout{to{opacity:0;transform:translateY(-7.5rem)}}.hero-animation .animate-up{position:relative;z-index:1;animation-name:animate-up;animation-duration:.85s}@keyframes animate-up{to{transform:translateY(-150%)}}@media all and (max-width: 1300px){.hero-animation .animate-up{animation-name:animate-up-1300;animation-duration:.9s}}@keyframes animate-up-1300{to{transform:translateY(-70%)}}.hero-person{z-index:2;animation-name:person}@keyframes person{to{transform:scale(1.25) translateY(25%)}}@media all and (max-width: 767px){.hero-person{animation-name:person-767}}@keyframes person-767{to{opacity:0;transform:scale(1.25) translateY(50%)}}.hero-preview-box{animation-name:preview;z-index:2}@keyframes preview{to{top:47%;transform:translate(-50%) scale(1)}}@media all and (max-width: 1300px){.hero-preview-box{animation-name:preview-1300}}@keyframes preview-1300{to{top:50%;transform:translate(-50%) scale(1)}}@media all and (max-width: 1024px){.hero-preview-box{animation-name:preview-1024}}@keyframes preview-1024{to{top:45%;transform:translate(-50%) scale(1)}}@media all and (max-width: 767px){.hero-preview-box{animation-name:preview-767}}@keyframes preview-767{to{transform:translate(-50%) translateY(-7%) scale(1)}}.hero-preview-variation3{animation-name:preview-v3}@keyframes preview-v3{to{transform:translateY(-14rem)}}@media all and (max-width: 1279px){.hero-preview-variation3{animation-name:preview-v3-1279}}@keyframes preview-v3-1279{to{transform:translateY(-8.75rem)}}.hero-animation .animate-up-cta-v3{position:relative;z-index:1;animation-name:animate-up-cta-v3;animation-duration:.85s}@keyframes animate-up-cta-v3{to{transform:translateY(-10rem)}}@media all and (max-width: 1279px){.hero-animation .animate-up-cta-v3{animation-name:animate-up-cta-v3-1279}}@keyframes animate-up-cta-v3-1279{to{transform:translateY(-5rem)}}@media all and (max-width: 767px){.hero-animation .animate-up-cta-v3{animation-name:animate-up-cta-v3-767}}@keyframes animate-up-cta-v3-767{to{transform:translateY(-5rem)}}.hero-input-box{box-shadow:0 9px 17px #25242429;animation-name:input-box;left:45%;transform-origin:top right;transform:translate(-100%);bottom:12%;z-index:1}@keyframes input-box{to{transform:translate(-20%);left:0%;bottom:40%;z-index:20}}@media all and (max-width: 1300px){.hero-input-box{animation-name:input-box-1300;transform:translate(-100%) scale(.9)}}@keyframes input-box-1300{to{transform:translate(-10%) scale(.9);left:1.25rem;bottom:40%;z-index:20}}@media all and (max-width: 1024px){.hero-input-box{animation-name:input-box-1024;transform:translate(-100%) scale(.7)}}@keyframes input-box-1024{to{transform-origin:top left;transform:translate(0) scale(.7);left:1.25rem;bottom:42%;z-index:20}}@media all and (max-width: 767px){.hero-input-box{transform-origin:bottom left;animation-name:input-box-767;bottom:16%;left:1.25rem;transform:translate(0) scale(.65)}}@keyframes input-box-767{to{transform:translate(-100%);opacity:0}}@media all and (max-width: 350px){.hero-input-box{display:none}}.hero-input-box p{animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:linear;animation-play-state:running;animation-delay:.15s}.hero-input-box p:nth-of-type(1){animation-name:typing1}.hero-input-box p:nth-of-type(2){animation-name:typing2}.hero-input-box p:nth-of-type(3){animation-name:typing3}@keyframes typing1{0%,28%,to{width:0}14%{width:100%}}@keyframes typing2{33%,61%,to{width:0}47%{width:100%}}@keyframes typing3{66%,94%,to{width:0}80%{width:100%}}.hero-guarantee-box{box-shadow:0 9px 17px #25242429;animation-name:guarantee-box;z-index:1;right:40%;transform-origin:bottom right;transform:translate(100%);bottom:-15px}@keyframes guarantee-box{to{transform:translate(0);right:-5%;bottom:12%;z-index:10}}@media all and (max-width: 1300px){.hero-guarantee-box{animation-name:guarantee-box-1300}}@keyframes guarantee-box-1300{to{transform:translate(0);right:1.25rem;bottom:10%;z-index:10}}@media all and (max-width: 1024px){.hero-guarantee-box{right:36%}}@media all and (max-width: 767px){.hero-guarantee-box{z-index:3;transform:translate(0);right:1.25rem;animation-name:guarantee-box-767}}@keyframes guarantee-box-767{to{transform:translate(100%);opacity:0}}@media all and (max-width: 350px){.hero-guarantee-box{display:none}}