:root{--image-offset2:90}.app-intro{text-align:center;display:flex;flex-direction:column;align-items:center;margin-top:24px;padding-left:30px;padding-right:30px}.app-intro .title{margin-bottom:30px}.app-intro .surface{position:relative;border-radius:24px;height:265px}.app-intro .hero{overflow:hidden;padding-top:calc(var(--image-offset2) * 1px);margin-bottom:30px;width:100%}.media-container{display:flex;justify-content:space-around;position:relative;top:calc(var(--image-offset2) * -1px)}.perigee-video{display:block;width:176px;border:7px solid var(--tint-perigee);border-radius:35px;height:100%;min-height:380px}.media-poster{width:210px}.app-intro .text{margin-bottom:30px}.app-intro .ratings-container{display:inline-flex;flex-direction:column;align-items:center;margin-bottom:30px}.app-intro .ratings-stars-container{display:inline-flex;justify-content:center;width:180px;height:30px;border-radius:36px;padding:5px 15px;align-items:center;margin-bottom:10px}.app-intro .star{width:23px;height:23px;padding:0 2px}.app-intro .grade{display:inline;margin-left:10px}.app-intro .ratings-text{display:inline-flex;align-items:center}.app-intro .store-badge{display:inline;width:160px}.app-intro .store-badge.single{width:185px}.app-intro .stores-container{display:inline-flex;gap:14px;margin-bottom:72px}@media screen and (min-width:768px){:root{--image-offset2:220}.app-intro{all:unset;display:grid;grid-template-rows:180px;gap:0 20px;grid-template-areas:"title hero" "text hero" "ratings-container hero" "stores-container hero";margin:0 30px 60px;justify-content:center;align-items:end;padding-left:0;padding-right:0}.app-intro .title{grid-area:title;margin-bottom:20px}.app-intro .text{grid-area:text;margin-bottom:32px}.app-intro .ratings-container{grid-area:ratings-container;margin-bottom:32px;flex-direction:row;gap:0 10px}.app-intro .ratings-stars-container{margin-bottom:0}.app-intro .stores-container{grid-area:stores-container;margin-bottom:0}.app-intro .store-badge{width:185px}.app-intro .surface{position:relative;border-radius:24px;height:215px}.app-intro .hero{grid-area:hero;align-self:end;margin-bottom:0;width:280px}.perigee-video{width:226px}.media-poster{width:245px}}@media screen and (min-width:1000px){:root{--image-offset2:240}.app-intro{grid-template-rows:120px 120px 90px;gap:0 100px;align-items:start;padding-left:30px;padding-right:30px;margin:60px 30px}.app-intro .text{margin-bottom:32px}.app-intro .hero{width:320px}.perigee-video{max-width:276px}.app-intro .store-badge{width:214px}.app-intro .surface{height:195px}}