.features-section{opacity:1;transform:none}.feature-article{opacity:0;transform:translateX(-100px);transition:opacity .7s ease-out,transform .7s ease-out}.feature-article.animate-in{opacity:1;transform:translateX(0)}.feature-article.animate-in .feature-card-text{opacity:0;animation:slideInFromLeft .7s ease-out .3s forwards}.feature-article.animate-in .feature-card-image{opacity:0;animation:fadeIn .7s ease-out .5s forwards}.feature-article.animate-in .feature-card-text h2{animation:fadeInUp .5s ease-out .7s forwards;opacity:0}.feature-article.animate-in .feature-card-text p{animation:fadeInUp .5s ease-out .9s forwards;opacity:0}.feature-article:nth-child(2n) .feature-card-text{animation:slideInFromRight .7s ease-out .3s forwards}h1,p{animation:slideIn 1s ease-in-out forwards;opacity:0}.hero-image{opacity:0;max-width:none}.hero-image-left{animation:slideIn 1s ease-in-out .2s forwards}.hero-image-center{animation:slideIn 1s ease-in-out .4s forwards}.hero-image-right{animation:slideIn 1s ease-in-out .6s forwards}.parallax-container{will-change:transform}.parallax-container>div{will-change:transform;transform:translateY(0)}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.how-mbg-section{opacity:0;transform:translateX(-100px);transition:opacity .7s ease-out,transform .7s ease-out}.how-mbg-section.animate-in{opacity:1;transform:translateX(0)}.how-mbg-section.animate-in h2{animation:fadeInUp .7s ease-out forwards;opacity:0}.how-mbg-section.animate-in p{animation:fadeInUp .7s ease-out .3s forwards;opacity:0}.how-mbg-section.animate-in .my-mbg-card{opacity:0;transform:translateX(-100px)}.how-mbg-section.animate-in .my-mbg-card:first-child{animation:slideInFromLeft .7s ease-out .6s forwards}.how-mbg-section.animate-in .my-mbg-card:nth-child(2){animation:slideInFromLeft .7s ease-out .8s forwards}.how-mbg-section.animate-in .my-mbg-card:nth-child(3){animation:slideInFromLeft .7s ease-out 1s forwards}.how-mbg-section.animate-in .my-mbg-card .icon{animation:fadeIn .5s ease-out 1.2s forwards;opacity:0}.how-mbg-section.animate-in .my-mbg-card h3{animation:fadeInUp .5s ease-out 1.4s forwards;opacity:0}.how-mbg-section.animate-in .my-mbg-card p{animation:fadeInUp .5s ease-out 1.6s forwards;opacity:0}.my-mbg-card{opacity:0;transform:translateX(-100px);transition:transform .7s ease-out,opacity .7s ease-out}.my-mbg-card:hover{border-color:#ffeb00}.animate-fadeIn{opacity:1;transition:opacity .7s}.whats-coming-next-card:not(.animate-fadeIn){opacity:0}.whats-coming-next-card{transition:transform .3s ease-in-out,opacity .7s}.icon-container{position:relative;cursor:pointer;transform-origin:center;transition:transform .3s ease-in-out}.icon-container:hover:not(.icon-bouncing){transform:scale(1.1) rotate(5deg)}.icon-bouncing{-webkit-animation-name:iconBounce;-webkit-animation-duration:.5s;-webkit-animation-direction:normal;-webkit-animation-timing-function:cubic-bezier(.5,.05,1,.5);-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-name:iconBounce;animation-duration:.5s;animation-direction:normal;animation-timing-function:cubic-bezier(.5,.05,1,.5);animation-fill-mode:forwards;animation-iteration-count:1}@keyframes iconBounce{0%{transform:translateZ(0) scale(1.1) rotate(5deg)}20%{transform:translate3d(0,-5px,0) scale(1.1) rotate(5deg)}50%{transform:translate3d(0,-15px,0) scale(1.1) rotate(5deg)}80%{transform:translate3d(0,-5px,0) scale(1.1) rotate(5deg)}to{transform:translateZ(0) scale(1.1) rotate(5deg)}}@-webkit-keyframes iconBounce{0%{-webkit-transform:translateZ(0) scale(1.1) rotate(5deg);transform:translateZ(0) scale(1.1) rotate(5deg)}20%{-webkit-transform:translate3d(0,-5px,0) scale(1.1) rotate(5deg);transform:translate3d(0,-5px,0) scale(1.1) rotate(5deg)}50%{-webkit-transform:translate3d(0,-15px,0) scale(1.1) rotate(5deg);transform:translate3d(0,-15px,0) scale(1.1) rotate(5deg)}80%{-webkit-transform:translate3d(0,-5px,0) scale(1.1) rotate(5deg);transform:translate3d(0,-5px,0) scale(1.1) rotate(5deg)}to{-webkit-transform:translateZ(0) scale(1.1) rotate(5deg);transform:translateZ(0) scale(1.1) rotate(5deg)}}