.home-hero-app{position:relative;width:100%}.home-hero-app .home-hero-app__play,.home-hero-app .home-hero-app__screenshot{cursor:pointer}.home-hero-app .home-hero-app__play{background-color:transparent;border:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:3}.home-hero-app .home-hero-app__play,.home-hero-app .home-hero-app__play .home-hero-app__play-inner{transition:all .1s linear}.home-hero-app .home-hero-app__play .home-hero-app__play-inner{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-image:linear-gradient(180deg,#485575cc,#030d26cc);border:1px solid #030d26;border-radius:32px;box-shadow:0 0 0 2px #0000002e;-moz-column-gap:15px;column-gap:15px;display:flex;margin-top:-30px;outline:1.5px solid hsla(0,0%,100%,.2);padding-block:9px;padding-inline:11px;transition-property:box-shadow,transform}.home-hero-app .home-hero-app__play .home-hero-app__play-icon{flex:0 0 auto}.home-hero-app .home-hero-app__play .home-hero-app__play-text{flex:1;margin-top:-2px;padding-right:17px;text-align:left}.home-hero-app .home-hero-app__play .home-hero-app__play-text>*{display:block}.home-hero-app .home-hero-app__play .home-hero-app__play-text .home-hero-app__play-title{color:#fff;font-size:15px;letter-spacing:.1px;line-height:18px}.home-hero-app .home-hero-app__play .home-hero-app__play-text .home-hero-app__play-description{color:#ffffffa6;font-size:12.5px;line-height:16px;margin-top:3px}.home-hero-app .home-hero-app__container{align-items:center;display:flex;justify-content:center;position:relative}.home-hero-app .home-hero-app__screenshot-container{margin:0 24px}.home-hero-app .home-hero-app__screenshot-container:before{transition:box-shadow .15s ease-in-out}.home-hero-app .home-hero-app__screenshot{background-color:#fff;display:block;height:min(40vw,500px);-webkit-mask-image:linear-gradient(180deg,#000,#000 70%,transparent);mask-image:linear-gradient(180deg,#000,#000 70%,transparent);overflow:hidden;position:relative;transition:transform .15s ease-in-out}.home-hero-app .home-hero-app__screenshot,.home-hero-app .home-hero-app__screenshot img{border-radius:12px;max-width:100%}.home-hero-app .home-hero-app__scene-left img{aspect-ratio:300/466.5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffffff0;border-radius:12px;box-shadow:0 6px 6px #00000005,0 8px 24px #0000001f;left:-10%;position:absolute;top:16%;z-index:2}.home-hero-app .home-hero-app__scene-right{bottom:-6%;position:absolute;right:-25%;z-index:1}.home-hero-app .home-hero-app__content:active .home-hero-app__play .home-hero-app__play-inner,.home-hero-app .home-hero-app__content:hover .home-hero-app__play .home-hero-app__play-inner{background-image:linear-gradient(180deg,#485575d2,#030d26d2)}.home-hero-app .home-hero-app__content:hover .home-hero-app__screenshot{transform:scale(.995)}.home-hero-app .home-hero-app__content:hover .home-hero-app__screenshot-container:before{box-shadow:0 6px 12px 2px #00000008}.home-hero-app .home-hero-app__content:hover .home-hero-app__play{opacity:1!important}.home-hero-app .home-hero-app__content:hover .home-hero-app__play .home-hero-app__play-inner{box-shadow:0 1.5px 0 1px #0000003d;transform:translateY(-2px)}.home-hero-app .home-hero-app__content:active .home-hero-app__screenshot{transform:scale(.991)}.home-hero-app .home-hero-app__content:active .home-hero-app__play .home-hero-app__play-inner{box-shadow:0 2px #0000001a;transform:translateY(1px)}.home-hero-app img{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width:1280px){.home-hero-app .home-hero-app__scene-left{left:-5%}.home-hero-app .home-hero-app__scene-right{display:none}}@media (max-width:1080px){.home-hero-app .home-hero-app__screenshot,.home-hero-app .home-hero-app__screenshot img{border-radius:8px}.home-hero-app .home-hero-app__scene-left img{border-radius:8px;left:-4%;top:18%;width:260px}}@media (max-width:880px){.home-hero-app .home-hero-app__play .home-hero-app__play-inner{border-radius:50%;padding:11px}.home-hero-app .home-hero-app__play .home-hero-app__play-text{display:none}.home-hero-app .home-hero-app__scene-left img{left:-6%;top:34%;width:160px}}