main{padding:20px}.hero{padding:20px 0 0}@media(min-width:1024px){.hero{padding:60px 0 0}}.hero .hero-container{display:flex;flex-direction:column;max-width:100%;gap:20px}@media(min-width:1024px){.hero .hero-container{flex-direction:row;align-items:center;justify-content:center;gap:40px}}.hero .title-wrapper{display:flex;align-items:center;gap:20px;margin-bottom:0}@media(min-width:1024px){.hero .title-wrapper{display:none}}.hero .title-wrapper .mobile-title{margin:0;font-size:30px}.hero .app-icon{width:100px}.hero .app-icon.desktop-icon{display:none}@media(min-width:1024px){.hero .app-icon.desktop-icon{display:block;width:200px}}@media(min-width:1024px){.hero .app-icon{width:200px}}.hero .meta-and-links{display:flex;flex-direction:column;gap:20px}.hero .desktop-title{display:none}@media(min-width:1024px){.hero .desktop-title{display:block;margin-bottom:10px}}.hero p{font-size:24px;font-variation-settings:'GRAD' 400,'wght' 700;line-height:1.3;max-width:720px;margin:0}h1{margin:0 0 10px;font-size:30px}@media(min-width:1024px){h1{font-size:40px}}.app-icon{aspect-ratio:1;border-radius:24%;overflow:hidden;width:100px;flex-shrink:0}@media(min-width:1024px){.app-icon{width:200px}}.app-icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.app-icon.light-icon{position:relative}.app-icon.light-icon::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 1px rgba(0,0,0,.2);pointer-events:none;border-radius:24%}@supports((-webkit-mask-image:url()) or (mask-image:url())) or (-webkit-mask-image:url()){.app-icon.light-icon::after{border-radius:0;background-image:url(/images/app-icon-border.svg);background-size:contain;box-shadow:none}}@supports((-webkit-mask-image:url()) or (mask-image:url())) or (-webkit-mask-image:url()){.app-icon{border-radius:0;-webkit-mask-image:url(/images/app-icon-mask.svg);mask-image:url(/images/app-icon-mask.svg);-webkit-mask-size:contain;mask-size:contain}}.appstore-links{display:flex;flex-wrap:wrap;gap:15px}@media(max-width:360px){.appstore-links{width:calc(100% + 14px);margin-left:-7px}}@media(max-width:450px){.appstore-links{gap:10px}}.appstore-links img{transition:transform .2s}.appstore-links a{display:flex;align-items:center;justify-content:center;gap:10px;background:#000;color:#fff;height:50px;border-radius:25px;padding:0 30px 0 18px;transition:transform .2s;box-sizing:border-box}@media(prefers-color-scheme:dark){.appstore-links a{background:#1a1a1a}}@media(max-width:360px){.appstore-links a{font-size:15px;flex-grow:1}}@media(max-width:440px){.appstore-links a{padding:0 20px 0 18px}}.appstore-links a:hover{transform:scale(1.05)}.appstore-links a:hover img{transform:scale(1.1)}.screenshots-wrapper{margin-left:-20px;width:100vw;display:flex;justify-content:center;padding:40px 0}@media(min-width:1024px){.screenshots-wrapper{padding:70px 0}}.screenshots{display:flex;overflow-x:auto;justify-content:flex-start;gap:10px;padding:0 20px;max-width:100vw;box-sizing:border-box;-ms-overflow-style:none;scrollbar-width:none}.screenshots::-webkit-scrollbar{display:none}@media(min-width:1024px){.screenshots{padding:20px 40px;gap:30px}.screenshots .screenshot:nth-child(even){transform:rotate(2deg)translateY(-15px)}.screenshots .screenshot:nth-child(odd){transform:rotate(-2deg)translateY(10px)}.screenshots .screenshot:nth-child(4n-1){transform:rotate(-1deg)translateY(15px)}}.screenshots .screenshot{width:234px;flex:none;aspect-ratio:704/1524;border-radius:22px;overflow:hidden;position:relative}.screenshots .screenshot::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 1px rgba(0,0,0,.2);pointer-events:none;border-radius:22px}@supports((-webkit-mask-image:url()) or (mask-image:url())) or (-webkit-mask-image:url()){.screenshots .screenshot::after{border-radius:0;background-image:url(/images/screenshot-border.svg);background-size:contain;box-shadow:none}}.screenshots .screenshot img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@supports((-webkit-mask-image:url()) or (mask-image:url())) or (-webkit-mask-image:url()){.screenshots .screenshot{border-radius:0;-webkit-mask-image:url(/images/screenshot-mask.svg);mask-image:url(/images/screenshot-mask.svg);-webkit-mask-size:contain;mask-size:contain}}article{max-width:760px;margin:0 auto}article>h2:first-child,article>h3:first-child,article>p:first-child{margin-top:0;padding-top:0}article p{font-variation-settings:'GRAD' 400,'wght' 300;font-size:20px;line-height:1.4}article h2{padding:30px 0 0}article h3{padding:20px 0 0}article ul,article ol{padding:0 20px 20px}article li{font-size:20px;margin:0 0 8px;font-variation-settings:'GRAD' 400,'wght' 300}