.hero-main{padding-bottom:50px}.hero-main__container{display:flex;align-items:center;flex-direction:column-reverse}@media(min-width:960px){.hero-main__container{flex-direction:row}}.hero-main__item{margin-top:20px}@media(min-width:960px){.hero-main__item{margin-top:0}.hero-main__item--show{animation:slide-up .7s ease}}.hero-main__content-button{display:inline-block}.hero-main__content-button--secondary{margin-top:.75rem}@media(min-width:600px){.hero-main__content-button--secondary{margin-top:0;margin-left:.75rem}}.hero-main__button{pointer-events:auto;font-size:16px;letter-spacing:.24px;text-align:center;background-color:transparent;display:flex;flex-direction:column;position:absolute;align-items:center;max-width:150px;outline:none;cursor:pointer;backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased;will-change:transform}.hero-main__button--team{top:22.7223211687%;left:22.6358981136%;--ring-slot:6}.hero-main__button--team:before{background-color:#e6364b;box-shadow:0 8px 10px #e6364b40}.hero-main__button--team:after{background-image:url(images/icons/main-animation/people--white.svg)}.hero-main__button--team:hover:before{box-shadow:0 15px 30px #e6364b66;background-color:#ec6374}.hero-main__button--app{top:89.4173879707%;left:34.8140691309%;--ring-slot:4}.hero-main__button--app:before{background-color:#00978f;box-shadow:0 8px 10px #00978f40}.hero-main__button--app:after{background-image:url(images/icons/main-animation/service--white.svg)}.hero-main__button--app:hover:before{box-shadow:0 15px 30px #00978f66;background-color:#00cabf}.hero-main__button--product{top:89.4173879707%;left:65.1859308691%;--ring-slot:3}.hero-main__button--product:before{background-color:#2d313d;box-shadow:0 5px 10px #2d313d40}.hero-main__button--product:after{background-image:url(images/icons/main-animation/code--white.svg)}.hero-main__button--product:hover:before{box-shadow:0 15px 30px #2d313d66;background-color:#4d5469}.hero-main__button--rd{top:22.7223211687%;left:77.3641018864%;--ring-slot:1}.hero-main__button--rd:before{background-color:#2bb4ef;box-shadow:0 8px 10px #2bb4ef40}.hero-main__button--rd:after{background-image:url(images/icons/main-animation/speed--white.svg)}.hero-main__button--rd:hover:before{box-shadow:0 15px 30px #2bb4ef66;background-color:#5ac5f3}.hero-main__button--mvp{top:6.25%;left:50%;--ring-slot:0}.hero-main__button--mvp:before{background-color:#ef832b;box-shadow:0 8px 10px #ef832b40}.hero-main__button--mvp:after{background-image:url(images/icons/main-animation/simple-rocket--white.svg)}.hero-main__button--mvp:hover:before{box-shadow:0 15px 30px #ef832b66;background-color:#f39f5a}.hero-main__button--ai{top:59.7352908606%;left:84.1224769264%;--ring-slot:2}.hero-main__button--ai:before{background-color:#9c27b0;box-shadow:0 8px 10px #9c27b040}.hero-main__button--ai:after{background-image:url(images/icons/main-animation/atom--white.svg)}.hero-main__button--ai:hover:before{box-shadow:0 15px 30px #9c27b066;background-color:#bc37d3}.hero-main__button--blockchain{top:59.7352908606%;left:15.8775230736%;--ring-slot:5}.hero-main__button--blockchain:before{background-color:#ff9800;box-shadow:0 8px 10px #ff980040}.hero-main__button--blockchain:after{background-image:url(images/icons/main-animation/code--white.svg)}.hero-main__button--blockchain:hover:before{box-shadow:0 15px 30px #ff980066;background-color:#ffad33}@media(min-width:960px){.hero-main__button{opacity:0;top:calc(50% - 31px);left:calc(50% - 31px)}}.hero-main__button:before{content:"";position:absolute;height:52px;width:52px;display:block;transition:.3s ease-in;background-position:50%;background-size:70%;background-repeat:no-repeat;border-radius:50%;will-change:transform}@media(min-width:960px){.hero-main__button:before{transform:scale(.5);margin-bottom:10px;height:62px;width:62px;top:calc(50% - 31px);left:calc(50% - 31px)}}.hero-main__button:after{content:"";top:calc(50% - 26px);left:calc(50% - 26px);height:52px;width:52px;display:block;transition:.3s ease-in;background-position:8px;background-repeat:no-repeat;background-size:36px;will-change:transform;border-radius:50%}@media(min-width:960px){.hero-main__button:after{opacity:0;background-size:35px;background-position:50%;height:62px;width:62px}}.hero-main__button:focus:before{transform:scale(1.2)}.hero-main__button:hover:before{transform:scale(1.15);filter:brightness(1.1);transition:all .3s ease}.hero-main__button:hover:after{transform:scale(1.1);transition:all .3s ease}.hero-main__button:hover .hero-main__button-text{transform:translateY(-5px);color:#4a90e2;font-weight:600;transition:all .3s ease}.hero-main-center{height:84px;width:84px;position:absolute;top:calc(50% - 42px);left:calc(50% - 42px);border-radius:50%;background-position:50%;background-size:contain;background-repeat:no-repeat;cursor:pointer;transition:all .3s ease}@media(min-width:960px){.hero-main-center{background-color:#5874c9}}.hero-main-center:hover{transform:scale(1.1);box-shadow:0 0 20px #4a90e266}.hero-main__center-logo{position:absolute;left:calc(50% - 88px);top:calc(50% - 74px);min-width:176px;min-height:148px;transform:scale(.5);cursor:pointer;transition:all .4s ease}@media(min-width:960px){.hero-main__center-logo{opacity:0}}.hero-main__center-logo:hover{transform:scale(.55) rotate(5deg);filter:drop-shadow(0 10px 20px rgba(74,144,226,.3))}.hero-main__center-logo:after{content:"";position:absolute;top:50%;left:50%;width:120%;height:120%;transform:translate(-50%,-50%);border:2px solid rgba(74,144,226,.3);border-radius:50%;animation:pulse 2s infinite;opacity:0;pointer-events:none}.hero-main__center-logo:hover:after{opacity:1}.hero-main__img{background-repeat:no-repeat;background-size:contain;background-position:50%;background-image:url(images/pages/index/hero-logo.svg);position:relative;width:100%;max-width:520px;aspect-ratio:700/560;margin:0 auto 48px}@media(min-width:960px){.hero-main__img{max-width:none;aspect-ratio:auto;margin:0;min-height:589px;min-width:681px;background-size:cover}}.hero-main__img>img{display:none}@media(min-width:960px){.hero-main__img--animate .hero-main-center{animation-name:fadeOut;animation-duration:.5s;animation-delay:1.5s;animation-timing-function:ease-in-out;animation-iteration-count:1;animation-fill-mode:forwards}.hero-main__img--animate .hero-main-center:after{content:"";position:absolute;inset:0;background-color:#5874c9;border-radius:50%;animation-name:raindrop;animation-duration:1s;animation-delay:1.5s;animation-timing-function:ease-in-out;animation-iteration-count:1;animation-fill-mode:forwards}.hero-main__img--animate .hero-main__center-logo{animation-name:scaleUpLogo;animation-duration:1s;animation-delay:1.5s;animation-timing-function:ease-in-out;animation-iteration-count:1;animation-fill-mode:forwards}.hero-main__img--animate .hero-main__button--team{animation-name:fadeIn,orbitButtonTeam;animation-duration:.3s,2s;animation-delay:0s,0s;animation-timing-function:ease-in,ease-in-out;animation-fill-mode:forwards}.hero-main__img--animate .hero-main__button--team:before{animation-name:scaleUpSmall;animation-duration:1s;animation-delay:2.2s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.hero-main__img--animate .hero-main__button--team:after{animation-name:fadeIn;animation-duration:1s;animation-delay:2.2s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.hero-main__img--animate .hero-main__button--team .hero-main__button-text{font-size:12px;animation-delay:2.2s}}@media(min-width:960px)and (min-width:960px){.hero-main__img--animate .hero-main__button--team{animation-duration:.3s,2s;animation-delay:0s,0s}.hero-main__img--animate .hero-main__button--team:before{animation-name:scaleUpMid;animation-duration:1s;animation-delay:2.5s}.hero-main__img--animate .hero-main__button--team:after{animation-duration:1s;animation-delay:2.5s}.hero-main__img--animate .hero-main__button--team .hero-main__button-text{animation-delay:2.2s;font-size:16px}}@media(min-width:960px){.hero-main__img--animate .hero-main__button--app{animation-name:fadeIn,orbitButtonApp;animation-duration:.3s,2s;animation-delay:.2s,.2s;animation-timing-function:ease-in,ease-in-out;animation-fill-mode:forwards}.hero-main__img--animate .hero-main__button--app:before{animation-name:scaleUpMid;animation-duration:1s;animation-delay:2.4s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.hero-main__img--animate .hero-main__button--app:after{animation-name:fadeIn;animation-duration:1s;animation-delay:2.4s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.hero-main__img--animate .hero-main__button--app .hero-main__button-text{animation-delay:2.2s}}@media(min-width:960px)and (min-width:960px){.hero-main__img--animate .hero-main__button--app{animation-duration:.3s,2s;animation-delay:0s,0s}.hero-main__img--animate .hero-main__button--app:after,.hero-main__img--animate .hero-main__button--app:before{animation-duration:1s;animation-delay:2.2s}.hero-main__img--animate .hero-main__button--app .hero-main__button-text{animation-delay:2.4s}}@media(min-width:960px){.hero-main__img--animate .hero-main__button--mvp{animation-name:fadeIn,orbitButtonMvp;animation-duration:.3s,2s;animation-delay:.4s,.4s;animation-timing-function:ease-in,ease-in-out;animation-fill-mode:forwards,forwards}.hero-main__img--animate .hero-main__button--mvp:before{animation-name:scaleUpBig;animation-duration:1s;animation-delay:2.6s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.hero-main__img--animate .hero-main__button--mvp:after{animation-name:fadeIn;animation-duration:1s;animation-delay:2.6s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.hero-main__img--animate .hero-main__button--mvp .hero-main__button-text{animation-delay:2.6s}}@media(min-width:960px)and (min-width:960px){.hero-main__img--animate .hero-main__button--mvp{animation-duration:.3s,2s;animation-delay:0s,0s}.hero-main__img--animate .hero-main__button--mvp:before{animation-name:scaleUpMid;animation-duration:1s;animation-delay:2.3s}.hero-main__img--animate .hero-main__button--mvp:after{animation-duration:1s;animation-delay:2.3s}.hero-main__img--animate .hero-main__button--mvp .hero-main__button-text{animation-delay:2.3s}}@media(min-width:960px){.hero-main__img--animate .hero-main__button--rd{animation-name:fadeIn,orbitButtonRd;animation-duration:.3s,2.5s;animation-delay:.6s,.6s;animation-timing-function:ease-in,ease-in-out;animation-fill-mode:forwards}.hero-main__img--animate .hero-main__button--rd:before{animation-name:scaleUpMid;animation-duration:1s;animation-delay:2.8s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.hero-main__img--animate .hero-main__button--rd:after{animation-name:fadeIn;animation-duration:1s;animation-delay:2.8s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.hero-main__img--animate .hero-main__button--rd .hero-main__button-text{animation-delay:2.8s}}@media(min-width:960px)and (min-width:960px){.hero-main__img--animate .hero-main__button--rd{animation-duration:.3s,2.5s;animation-delay:0s,0s}.hero-main__img--animate .hero-main__button--rd:after,.hero-main__img--animate .hero-main__button--rd:before{animation-duration:1s;animation-delay:2.2s}.hero-main__img--animate .hero-main__button--rd .hero-main__button-text{animation-delay:2.2s}}@media(min-width:960px){.hero-main__img--animate .hero-main__button--product{animation-name:fadeIn,orbitButtonProduct;animation-duration:.3s,2s;animation-delay:1s,1s;animation-timing-function:ease-in,ease-in-out;animation-fill-mode:forwards}.hero-main__img--animate .hero-main__button--product:before{animation-name:scaleUpSmall;animation-duration:1s;animation-delay:3s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.hero-main__img--animate .hero-main__button--product:after{animation-name:fadeIn;animation-duration:1s;animation-delay:3s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.hero-main__img--animate .hero-main__button--product .hero-main__button-text{animation-delay:3s;font-size:12px}}@media(min-width:960px)and (min-width:960px){.hero-main__img--animate .hero-main__button--product{animation-duration:.3s,2s;animation-delay:0s,0s}.hero-main__img--animate .hero-main__button--product:before{animation-name:scaleUpMid;animation-duration:1s;animation-delay:2.7s}.hero-main__img--animate .hero-main__button--product:after{animation-duration:1s;animation-delay:2.7s}.hero-main__img--animate .hero-main__button--product .hero-main__button-text{animation-delay:2.7s;font-size:16px}}@media(min-width:960px){.hero-main__img--animate .hero-main__button--ai{animation-name:fadeIn,orbitButtonAi;animation-duration:.3s,2s;animation-delay:.8s,.8s;animation-timing-function:ease-in,ease-in-out;animation-fill-mode:forwards}.hero-main__img--animate .hero-main__button--ai:before{animation-name:scaleUpMid;animation-duration:1s;animation-delay:2.9s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.hero-main__img--animate .hero-main__button--ai:after{animation-name:fadeIn;animation-duration:1s;animation-delay:2.9s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.hero-main__img--animate .hero-main__button--ai .hero-main__button-text{animation-delay:2.9s}}@media(min-width:960px)and (min-width:960px){.hero-main__img--animate .hero-main__button--ai{animation-duration:.3s,2s;animation-delay:0s,0s}.hero-main__img--animate .hero-main__button--ai:after,.hero-main__img--animate .hero-main__button--ai:before{animation-duration:1s;animation-delay:2.4s}.hero-main__img--animate .hero-main__button--ai .hero-main__button-text{animation-delay:2.4s}}@media(min-width:960px){.hero-main__img--animate .hero-main__button--blockchain{animation-name:fadeIn,orbitButtonBlockchain;animation-duration:.3s,2s;animation-delay:.6s,.6s;animation-timing-function:ease-in,ease-in-out;animation-fill-mode:forwards}.hero-main__img--animate .hero-main__button--blockchain:before{animation-name:scaleUpMid;animation-duration:1s;animation-delay:2.8s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.hero-main__img--animate .hero-main__button--blockchain:after{animation-name:fadeIn;animation-duration:1s;animation-delay:2.8s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.hero-main__img--animate .hero-main__button--blockchain .hero-main__button-text{animation-delay:2.8s}}@media(min-width:960px)and (min-width:960px){.hero-main__img--animate .hero-main__button--blockchain{animation-duration:.3s,2s;animation-delay:0s,0s}.hero-main__img--animate .hero-main__button--blockchain:after,.hero-main__img--animate .hero-main__button--blockchain:before{animation-duration:1s;animation-delay:2.2s}.hero-main__img--animate .hero-main__button--blockchain .hero-main__button-text{animation-delay:2.2s}}@media(min-width:960px){.hero-main__img--animate .hero-main__button--active:before{box-shadow:0 0 0 7px #5874c966}}@media(min-width:960px)and (min-width:960px){.hero-main__img--animate .hero-main__button--active:before{box-shadow:0 0 0 10px #5874c966}}@media(min-width:960px){.hero-main__img--animate .hero-main__button-text{animation-name:fadeIn;animation-duration:.5s;animation-timing-function:ease-in;animation-fill-mode:forwards;transform:translateZ(0)}}.hero-main__button-text{position:absolute;min-width:110px;text-align:center;min-height:50px;top:60px;font-size:13px;left:calc(50% - 55px)}@media(min-width:960px){.hero-main__button-text{opacity:0;min-width:150px;left:calc(50% - 75px);top:74px;font-size:16px}}@media(max-width:959px){.hero-main__button{width:48px;height:48px;translate:-50% -50%;animation:ringButtonIn .5s ease-out both;animation-delay:calc(var(--ring-slot)*90ms + .2s)}.hero-main__button:after,.hero-main__button:before{top:0;left:0;width:48px;height:48px}.hero-main__button:after{background-position:50%;background-size:28px}.hero-main__button--active:before{box-shadow:0 0 0 6px #5874c959}}@media(max-width:959px)and (prefers-reduced-motion:reduce){.hero-main__button{animation:none}}@media(max-width:959px){.hero-main__button-text{top:54px;left:calc(50% - 48px);width:96px;min-width:0;min-height:0;font-size:12px;line-height:1.25}}@media(max-width:374px){.hero-main__button,.hero-main__button:after,.hero-main__button:before{width:40px;height:40px}.hero-main__button:after{background-size:24px}.hero-main__button-text{top:44px;left:calc(50% - 42px);width:84px;font-size:11px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.6}to{transform:translate(-50%,-50%) scale(1);opacity:.3}}@keyframes fadeOut{0%{background-color:#5874c9}to{background-color:transparent}}@keyframes scaleUpSmall{0%{transform:scale(.5) translateZ(0)}to{transform:scale(.8) translateZ(0)}}@keyframes scaleUpMid{0%{transform:scale(.5) translateZ(0)}to{transform:scale(1) translateZ(0)}}@keyframes scaleUpBig{0%{transform:scale(.5) translateZ(0)}to{transform:scale(1.2) translateZ(0)}}@keyframes ringButtonIn{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}@keyframes activeZoom{0%{transform:scale(1) translateZ(0)}to{transform:scale(1.1) translateZ(0)}}@keyframes scaleUpLogo{0%{transform:scale(.5);opacity:0}to{opacity:1;transform:scale(1)}}@keyframes raindrop{0%{transform:scale(.5);opacity:1}to{opacity:0;transform:scale(2)}}@keyframes orbitButtonTeam{0%{transform:rotate(100deg) translateY(-245px) rotate(-100deg) translateZ(0)}to{transform:rotate(-40deg) translateY(-245px) rotate(40deg) translateZ(0)}}@keyframes orbitButtonApp{0%{transform:rotate(240deg) translateY(-187px) rotate(-240deg) translateZ(0)}to{transform:rotate(10deg) translateY(-187px) rotate(-10deg) translateZ(0)}}@keyframes orbitButtonMvp{0%{transform:rotate(-20deg) translateY(-187px) rotate(20deg) translateZ(0)}to{transform:rotate(-160deg) translateY(-187px) rotate(160deg) translateZ(0)}}@keyframes orbitButtonRd{0%{transform:rotate(40deg) translateY(-245px) rotate(-40deg) translateZ(0)}to{transform:rotate(-210deg) translateY(-245px) rotate(210deg) translateZ(0)}}@keyframes orbitButtonProduct{0%{transform:rotate(190deg) translateY(-245px) rotate(-190deg) translateZ(0)}to{transform:rotate(80deg) translateY(-245px) rotate(-80deg) translateZ(0)}}@keyframes orbitButtonAi{0%{transform:rotate(270deg) translateY(-120px) rotate(-270deg) translateZ(0)}to{transform:rotate(120deg) translateY(-120px) rotate(-120deg) translateZ(0)}}@keyframes orbitButtonBlockchain{0%{transform:rotate(60deg) translateY(-245px) rotate(-60deg) translateZ(0)}to{transform:rotate(-90deg) translateY(-245px) rotate(90deg) translateZ(0)}}
