.mobile-app__container{display:flex;flex-direction:column;padding-left:16px;padding-right:16px;row-gap:16px}.mobile-app__title{color:var(--primary-color);font-size:18px;font-weight:500;line-height:20px;text-align:center;text-transform:uppercase}.mobile-app__title h2{display:flex;flex-direction:column;margin:0;row-gap:4px}.mobile-app__title span{color:var(--primary-color);font-size:14px;font-weight:500;line-height:20px;text-align:center;text-transform:uppercase}.mobile-app__title .subtitle{background:linear-gradient(180deg,#ffc549,#ff9317);-webkit-background-clip:text;background-clip:text;font-size:40px;font-weight:700;line-height:100%;text-align:center;-webkit-text-fill-color:transparent;text-shadow:0 4px 4px rgba(0,0,0,.25);text-transform:none}.mobile-app__tabs-container{-moz-column-gap:4px;column-gap:4px;display:flex;justify-content:center}.mobile-app__tabs-item{align-items:center;background:#161618;border-radius:6px;color:var(--primary-color);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:4px;justify-content:center;line-height:100%;padding:8px;width:-moz-max-content;width:max-content}.mobile-app__tabs-item--active{background:#ffc549;color:var(--el-background)}.mobile-app__description{display:flex;flex-direction:column;margin:0 auto;max-width:860px;position:relative;row-gap:16px;width:100%}.mobile-app__description .mobile-app__description-text{color:var(--primary-color);font-size:14px;font-weight:400;line-height:130%;margin:0 auto;max-width:408px;text-align:center}.mobile-app__description .app-demo__desktop,.mobile-app__description .app-demo__mobile{height:auto;margin:0 auto;width:100%}.mobile-app__description .app-demo__mobile{max-width:280px}.mobile-app__description .app-demo__desktop{max-width:408px}.mobile-app__description .mobile-app__desktop-qrcode{background:var(--surface);border:1px solid var(--brand-color);border-radius:24px;box-shadow:0 4px 36px #000;left:50%;max-width:132px;padding:5px 10px;position:absolute;text-align:center;top:62%;transform:translate(-50%,-50%)}.mobile-app__description .mobile-app__desktop-qrcode .qrcode-title{color:var(--brand-color);display:block;font-size:12px;font-weight:500;margin-bottom:5px;margin-top:0;text-align:center}.mobile-app__steps{align-items:center;display:flex;flex-direction:column}.mobile-app__steps .steps-title{color:var(--primary-color);display:flex;font-size:18px;font-weight:500;justify-content:center;line-height:20px;text-align:center;text-transform:uppercase;width:100%}.mobile-app__steps .steps-container{display:grid;gap:8px;margin-top:8px}.mobile-app__steps .step{align-items:flex-start;background:var(--step-bg) #161618;border-radius:6px;display:flex;flex-direction:column;height:100%;padding:16px;position:relative;row-gap:12px;width:100%}.mobile-app__steps .step:after{background:var(--step-bg-overlay);bottom:0;content:"";display:flex;height:100%;left:0;position:absolute;right:0;width:100%;z-index:0}.mobile-app__steps .step .title-block{align-items:center;background:#1e1e21;border-radius:99px;display:flex;gap:4px;height:26px;padding:5px 8px;position:static;z-index:1}.mobile-app__steps .step .title-block svg{color:var(--brand-color);height:16px;width:16px}.mobile-app__steps .step .title-block .title{color:var(--primary-color);font-size:14px;font-weight:700;line-height:110%}.mobile-app__steps .step .description{color:var(--primary-color);font-size:14px;font-weight:400;line-height:140%;position:static;z-index:1}.mobile-app__steps .step .download-app-btn__container{margin-top:auto}@media(max-width:767px){.mobile-app__container{background-image:none}.steps-container{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}.step:first-child{grid-row-end:3;grid-row-start:1}.step:last-child{grid-column-end:3;grid-column-start:1;grid-row-start:3}}@media(min-width:768px){.steps-container{align-items:start;grid-template-columns:repeat(3,167px);grid-template-rows:repeat(2,auto)}.step:first-child{grid-row-end:3;grid-row-start:1}.step:last-child{grid-column-end:4;grid-column-start:2;grid-row-start:2}.mobile-app__container{background:var(--background-image-tablet) top/contain no-repeat}.mobile-app__steps .steps-title{display:flex;justify-content:center;line-height:21.6px;width:100%}.mobile-app__steps .steps-title,.mobile-app__title{color:var(--primary-color);font-size:18px;font-weight:500;text-align:center;text-transform:uppercase}.mobile-app__title{line-height:20px}.mobile-app__title h2{display:flex;flex-direction:column;margin:0;row-gap:4px}.mobile-app__title span{color:var(--primary-color);font-size:18px;font-weight:500;line-height:20px;text-transform:uppercase}.mobile-app__title .subtitle{background:linear-gradient(180deg,#ffc549,#ff9317);-webkit-background-clip:text;background-clip:text;font-size:54px;font-weight:700;line-height:100%}}@media(max-width:1024px){.app-demo__desktop,.mobile-app__desktop-qrcode{display:none}}@media(min-width:1025px){.app-demo__mobile,.mobile-app__main-download-app{display:none}.mobile-app__container{background:var(--background-image) top/cover no-repeat;row-gap:24px}.mobile-app__tabs-container{display:none}.mobile-app__steps .steps-title{color:var(--primary-color);display:flex;font-size:20px;font-weight:500;justify-content:center;line-height:24px;text-align:center;text-transform:uppercase;width:100%}.mobile-app__container .download-app-btn__container{display:none}}
