@font-face{font-family:"Inter-Bold";src:url("../fonts/Inter/Inter-Bold.ttf")}@font-face{font-family:"Inter-Medium";src:url("../fonts/Inter/Inter-Medium.ttf")}@font-face{font-family:"Inter-Regular";src:url("../fonts/Inter/Inter-Regular.ttf")}@font-face{font-family:"Inter-Thin";src:url("../fonts/Inter/Inter-Thin.ttf")}@font-face{font-family:"Manrope-Medium";src:url("../fonts/Manrope/Manrope-Medium.ttf")}@font-face{font-family:"Manrope-Regular";src:url("../fonts/Manrope/Manrope-Regular.ttf")}svg:hover path{fill:#007af0}.wrapper{max-width:846px;margin-left:auto;margin-right:auto}.header .logo{width:68px;height:20px}@media screen and (max-width: 992px){.header .logo{width:102px;height:30px}}@keyframes w1{0%,100%{opacity:0}1%,99%{opacity:var(--opacity)}}@keyframes w2{0%,6.66%,100%{opacity:0}6.67%,99%{opacity:var(--opacity)}}@keyframes w3{0%,13.33%,100%{opacity:0}13.34%,99%{opacity:var(--opacity)}}@keyframes w4{0%,20%,100%{opacity:0}20.01%,99%{opacity:var(--opacity)}}@keyframes w5{0%,26.67%,100%{opacity:0}26.68%,99%{opacity:var(--opacity)}}@keyframes w6{0%,33.34%,100%{opacity:0}33.35%,99%{opacity:var(--opacity)}}@keyframes w7{0%,40.01%,100%{opacity:0}40.02%,99%{opacity:var(--opacity)}}@keyframes w8{0%,46.68%,100%{opacity:0}46.69%,99%{opacity:var(--opacity)}}@keyframes w9{0%,53.35%,100%{opacity:0}53.36%,99%{opacity:var(--opacity)}}@keyframes w10{0%,60.02%,100%{opacity:0}60.03%,99%{opacity:var(--opacity)}}@keyframes w11{0%,66.69%,100%{opacity:0}66.7%,99%{opacity:var(--opacity)}}@keyframes w12{0%,73.36%,100%{opacity:0}73.37%,99%{opacity:var(--opacity)}}@keyframes w13{0%,80.03%,100%{opacity:0}80.04%,99%{opacity:var(--opacity)}}@keyframes w14{0%,86.7%,100%{opacity:0}86.71%,99%{opacity:var(--opacity)}}@keyframes w15{0%,93.37%,100%{opacity:0}93.38%,99%{opacity:var(--opacity)}}.waves{z-index:-1;border-radius:999px;opacity:.3}.waves span{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:999px;padding:2px;background:linear-gradient(180deg, #007af0 0%, #00f0b6 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;opacity:0;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:linear}.waves span:nth-child(1){--opacity: 0.06;transform:scale(1);animation-name:w1}.waves span:nth-child(2){--opacity: 0.16;transform:scale(1.03) rotate(-60deg);animation-name:w2}.waves span:nth-child(3){--opacity: 0.26;transform:scale(1.06);animation-name:w3}.waves span:nth-child(4){--opacity: 0.36;transform:scale(1.09);animation-name:w4}.waves span:nth-child(5){--opacity: 0.46;transform:scale(1.12) rotate(-67.92deg);animation-name:w5}.waves span:nth-child(6){--opacity: 0.56;transform:scale(1.15);animation-name:w6}.waves span:nth-child(7){--opacity: 0.66;transform:scale(1.18);animation-name:w7}.waves span:nth-child(8){--opacity: 0.76;transform:scale(1.21) rotate(46.7deg);animation-name:w8}.waves span:nth-child(9){--opacity: 0.86;transform:scale(1.24);animation-name:w9}.waves span:nth-child(10){--opacity: 0.96;transform:scale(1.27) rotate(-73.14deg);animation-name:w10}.waves span:nth-child(11){--opacity: 0.66;transform:scale(1.3) rotate(51.46deg);animation-name:w11}.waves span:nth-child(12){--opacity: 0.46;transform:scale(1.33) rotate(89.16deg);animation-name:w12}.waves span:nth-child(13){--opacity: 0.36;transform:scale(1.36) rotate(-69.01deg);animation-name:w13}.waves span:nth-child(14){--opacity: 0.26;transform:scale(1.39) rotate(2.92deg);animation-name:w14}.waves span:nth-child(15){--opacity: 0.16;transform:scale(1.42);animation-name:w15}.timeline .dot{width:1rem;height:1rem;background-color:#fcfcfc;border-radius:999px;position:relative}.timeline .dot::before,.timeline .dot::after{content:"";position:absolute;z-index:-1;border-radius:999px}.timeline .dot::before{width:2rem;height:2rem;left:-0.5rem;top:-0.5rem;border:1px solid #fcfcfc;opacity:.5}.timeline .dot::after{width:3rem;height:3rem;left:-1rem;top:-1rem;border:1px solid #fcfcfc;opacity:.2}.timeline .line{width:1px;height:100%;background-color:#fcfcfc;opacity:.1}.timeline .number{font-family:"Manrope-Medium";font-size:96px;line-height:114px;letter-spacing:-0.03em;margin-left:-1rem}.s-input{background-color:transparent;border-bottom:1px solid #2b333b;display:block;padding:1rem 0;font-size:24px;width:100%;font-family:"Inter-Regular"}@media screen and (min-width: 1280px){.s-input{font-size:32px}}.s-input :placeholder{color:#87929d;opacity:1}.footer{display:grid;padding:4rem 1.5rem;row-gap:2rem;color:#fff;font-family:"Inter-Regular"}@media screen and (min-width: 1280px){.footer{padding:4rem 5rem;column-gap:9rem;grid-template-columns:auto auto auto}}#sec1 #img-app-preview{opacity:0;transform:translateY(3rem);transition:all linear 500ms;transition-delay:400ms}#sec1 #s1-b0{transition:all linear 300ms;opacity:0;width:0;height:0}#sec1 #s1-b1{transition:all linear 300ms;right:calc(50% - 65px);top:calc(50% - 65px);opacity:0}@media screen and (min-width: 1280px){#sec1 #s1-b1{right:calc(50% - 145px);top:calc(50% - 145px)}}#sec1 #s1-b2{transition:all linear 300ms;opacity:0}@media screen and (min-width: 1280px){#sec1 #s1-b2{left:calc(50% - 90px);top:calc(50% - 90px)}}#sec1.active #img-app-preview{opacity:1;transform:translateY(0)}#sec1.active #s1-b0{opacity:1;width:272px;height:272px}@media screen and (min-width: 1280px){#sec1.active #s1-b0{width:524px;height:524px}}#sec1.active #s1-b1{opacity:1;top:-200px;right:-80px}@media screen and (min-width: 1280px){#sec1.active #s1-b1{top:0px;right:0px}}#sec1.active #s1-b2{opacity:1}@media screen and (min-width: 1280px){#sec1.active #s1-b2{top:calc(50% + 90px);left:0px}}#sec2 #s2-text,#sec2 #s2-number,#sec2 #s2-img{opacity:0;transform:translateY(5rem);transition:opacity 200ms ease-in,all cubic-bezier(0, 0.45, 1, 0.07) 800ms}#sec2.active #s2-text,#sec2.active #s2-number,#sec2.active #s2-img{opacity:1;transform:translateY(0)}#sec3 #s3-text{opacity:0;transform:translateY(5rem)}#sec3 #s3-headphone{opacity:0;transform:scale(0)}#sec3 #s3-b1{transition:all linear 300ms;right:calc(50% - 36px);top:calc(50% - 36px);opacity:0}@media screen and (min-width: 1280px){#sec3 #s3-b1{right:calc(50% - 94px);top:calc(50% - 94px)}}#sec3 #s3-b2{transition:all linear 300ms;opacity:0;right:calc(50% - 80px);top:calc(50% - 80px)}@media screen and (min-width: 1280px){#sec3 #s3-b2{left:calc(50% - 200px);top:calc(50% - 200px)}}#sec3.active #s3-text{opacity:1;transform:translateY(0)}#sec3.active #s3-headphone{opacity:1;transform:scale(1)}#sec3.active #s3-b1{opacity:1;top:50px;right:-10px}@media screen and (min-width: 1280px){#sec3.active #s3-b1{top:50px;right:50px}}#sec3.active #s3-b2{opacity:1;top:350px;left:-110px}@media screen and (min-width: 1280px){#sec3.active #s3-b2{top:calc(50% - 40px);left:-200px}}#sec4 #s4-text,#sec4 #s4-number,#sec4 #s4-img{opacity:0;transform:translateY(5rem);transition:opacity 200ms ease-in,all cubic-bezier(0, 0.45, 1, 0.07) 800ms}#sec4.active #s4-text,#sec4.active #s4-number,#sec4.active #s4-img{opacity:1;transform:translateY(0)}#sec5 #s5-text,#sec5 #s5-number{opacity:0;transform:translateY(5rem)}#sec5 #s5-producer1{opacity:0}#sec5 #s5-producer2{transition:all linear 300ms;opacity:0;left:calc(50% - 80px)}@media screen and (min-width: 1280px){#sec5 #s5-producer2{left:calc(50% - 160px)}}#sec5 #s5-producer3{transition:all linear 300ms;opacity:0;right:calc(50% - 80px)}@media screen and (min-width: 1280px){#sec5 #s5-producer3{right:calc(50% - 160px)}}#sec5.active #s5-text,#sec5.active #s5-number{opacity:1;transform:translateY(0)}#sec5.active #s5-producer1{opacity:1}#sec5.active #s5-producer2{opacity:1;left:-130px}@media screen and (min-width: 1280px){#sec5.active #s5-producer2{left:0px}}#sec5.active #s5-producer3{opacity:1;right:-130px}@media screen and (min-width: 1280px){#sec5.active #s5-producer3{right:0}}#sec6 #s6-text,#sec6 #s6-number{opacity:0;transform:translateY(3rem);transition:all linear 500ms}#sec6 #s6-bird{opacity:0;right:-100%;transition:all linear 800ms}#sec6 #s6-b1{opacity:0;left:-100%;transition:all ease-in-out 700ms}#sec6.active #s6-text,#sec6.active #s6-number{opacity:1;transform:translateY(0)}#sec6.active #s6-bird{opacity:1;right:0}#sec6.active #s6-b1{opacity:1;left:0}#sec7 #s7-text,#sec7 #s7-number{opacity:0;transform:translateY(3rem);transition:all linear 500ms}#sec7 #s7-b1{opacity:0;right:-100%;transition:all ease-in-out 700ms}#sec7.active #s7-text,#sec7.active #s7-number{opacity:1;transform:translateY(0)}#sec7.active #s7-b1{opacity:1;right:0}#sec8 #s8-text,#sec8 #s8-number{opacity:0;transform:translateY(3rem);transition:all linear 500ms}#sec8 #s8-b1{opacity:0;left:-100%;transition:all ease-in-out 700ms}#sec8.active #s8-text,#sec8.active #s8-number{opacity:1;transform:translateY(0)}#sec8.active #s8-b1{opacity:1;left:0}#menu-button{display:block;z-index:1;-webkit-user-select:none;user-select:none;position:relative;padding:4px;width:24px;height:26px}#menu-button input{display:block;position:absolute;top:0px;left:0px;right:0;bottom:0;width:100%;height:100%;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none}#menu-button input:checked~span{opacity:1;transform:rotate(45deg) translate(-2px, -10px);background:#fff}#menu-button input:checked~span:nth-last-child(3){opacity:0;transform:rotate(0deg) scale(0.2, 0.2)}#menu-button input:checked~span:nth-last-child(2){transform:rotate(-45deg) translate(0, 10px)}#menu-button span{display:block;width:18px;height:2px;margin-top:4px;position:relative;background:#fff;border-radius:4px;z-index:1;transform-origin:4px 0px;transition:transform .5s cubic-bezier(0.77, 0.2, 0.05, 1),background .5s cubic-bezier(0.77, 0.2, 0.05, 1),opacity .55s ease}#menu-button span:first-child{transform-origin:0% 0%;margin-top:0}#menu-button span:nth-last-child(2){transform-origin:0% 100%}#menu{position:relative;opacity:0;z-index:-1;transition:all ease-in 0ms}#menu a{transition:all ease-in-out 300ms;transform:translateX(-100%)}#menu.active{opacity:1;z-index:10}#menu.active a{transform:translateX(0)}@media screen and (min-width: 1280px){#menu{display:block;opacity:1;z-index:10}#menu a{transform:translateX(0)}}#overlay{background:rgba(16,18,20,.9);backdrop-filter:blur(44px);position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:0;transition:all linear 100ms}#overlay.active{z-index:2;opacity:1}/*# sourceMappingURL=intro-page.min.css.map */