/* A single scrolling phone, in the visual language of the In Situ landing. */
.download-page{background:#ebe8ee;--download-header-height:96px}
.download-page [hidden]{display:none!important}
.download-page .site-header{background:#ebe8ee}
.download-page ::selection{background:#ed07ac;color:#fff}
.download-main{overflow:clip}
.download-hero{padding:calc(var(--download-header-height) + 54px) 0 0}
.download-copy{position:relative;text-align:center;z-index:1}
.download-copy h1{font-size:clamp(52px,6.65vw,96px);line-height:1.02;letter-spacing:-.035em;max-width:1080px;margin-inline:auto;overflow-wrap:normal;text-wrap:balance}
.download-copy h1 span{color:#ed07ac}
.download-description{font-size:21px;line-height:1.5;color:#62596c;max-width:550px;margin:24px auto 0;text-wrap:pretty}
.download-actions{display:flex;justify-content:center;align-items:stretch;gap:14px;flex-wrap:wrap;margin:29px auto 0;scroll-margin-top:calc(var(--download-header-height) + 22px)}
.download-store{gap:13px;padding:14px 25px;min-height:68px;text-align:left;min-width:245px}
.download-store img{flex:none;width:25px;height:29px;object-fit:contain}
.download-store span{display:block}
.download-store strong{display:block;font-size:13px;line-height:1.55;font-weight:500}
.download-store small{display:block;font-size:10px;line-height:1.65;font-weight:400;color:#fff}
.download-scene{background:#fff;margin-top:55px;padding:56px 0 62px}
.download-showcase{display:grid;grid-template-columns:minmax(0,1fr) 360px minmax(0,1fr);gap:clamp(36px,6vw,100px);align-items:center;max-width:1150px;margin:0 auto;perspective:1400px}
.download-device-wrap{grid-column:2;grid-row:1;position:relative;margin:0;min-width:0;perspective:1400px}
.download-device{position:relative;width:100%;aspect-ratio:360/730;background:#17151a;border-radius:53px;padding:9px;box-shadow:0 30px 60px -24px #30253855;transform-origin:50% 38%;transform:rotateX(21deg) rotateY(-7deg) rotateZ(1deg) scale(.95);will-change:transform}
.device-screen{position:relative;height:100%;overflow:hidden;border-radius:46px;background:#f8f7f9;border:2px solid #38343c;color:#242329;text-align:left}
.device-ui{width:100%;height:100%;display:flex;flex-direction:column;transform-origin:0 0}
.device-volume,.device-power{position:absolute;width:3px;background:#343038;border-radius:3px;top:145px;left:-3px;height:58px}
.device-volume:before{content:"";position:absolute;top:-56px;width:3px;height:29px;background:#343038;border-radius:3px}
.device-power{left:auto;right:-3px;top:170px;height:76px}
.device-status{position:relative;height:47px;padding:16px 27px 8px;display:flex;justify-content:space-between;align-items:center;font:500 11px/1 Poppins,sans-serif;flex:none}
.device-status>svg{width:40px;height:13px}
.device-island{position:absolute;left:50%;top:12px;transform:translateX(-50%);height:23px;width:87px;background:#242329;border-radius:999px}
.device-app-bar{display:flex;justify-content:space-between;align-items:center;padding:6px 21px 8px;height:63px;flex:none}
.device-app-bar>img{width:77px;height:auto}
.device-account{width:31px;height:31px;display:flex;align-items:center;justify-content:center;border:1px solid #d7d0dc;border-radius:50%;color:#62596c}
.device-account svg{width:19px;height:19px}
.device-app-content{padding:14px 21px 0;min-height:0;flex:1;overflow:hidden}
.device-greeting{color:#6a6172;font-size:12px;line-height:1.5;margin-bottom:9px}
.device-title{font:500 40px/.99 "League Spartan",sans-serif;letter-spacing:-.035em;margin-bottom:16px}
.device-title span{color:#ed07ac}
.device-search{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #ddd5e3;border-radius:12px;min-height:43px;padding:9px 10px;color:#766b7d;font-size:11px}
.device-search svg{width:17px;height:17px;flex:none}.device-search svg:last-child{margin-left:auto;color:#242329}
.device-disciplines{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.device-discipline{min-width:0;background:#fff;border-radius:12px;overflow:hidden}
.device-discipline img{width:100%;height:128px;object-fit:cover}
.device-discipline:last-child img{object-position:56% center}
.device-discipline>div{padding:11px 9px 10px}
.device-discipline strong{display:block;font:500 18px/1.08 "League Spartan",sans-serif;letter-spacing:-.02em}
.device-discipline span{display:block;font-size:10px;color:#736979;margin-top:6px;line-height:1.4}
.device-tabbar{display:flex;justify-content:space-around;padding:14px 15px 6px;background:#fff;border-top:1px solid #e8e2ec;flex:none;margin-top:13px}
.device-tabbar>span{display:flex;flex-direction:column;gap:5px;align-items:center;color:#807586;min-width:47px}
.device-tabbar svg{width:20px;height:20px}.device-tabbar small{font:400 8px/1.5 Poppins,sans-serif}
.device-tabbar .is-active{color:#ed07ac}
.device-home-bar{width:100%;height:24px;background:#fff;position:relative;flex:none}
.device-home-bar:after{content:"";position:absolute;bottom:8px;left:50%;width:100px;height:4px;border-radius:999px;transform:translateX(-50%);background:#242329}
.download-caption{position:relative;max-width:225px;margin-top:65px}
.download-caption--left{grid-column:1;grid-row:1;justify-self:end}
.download-caption--right{grid-column:3;grid-row:1;justify-self:start}
.download-caption h2{font-size:31px;letter-spacing:-.03em;line-height:1.13;text-wrap:balance}
.download-caption p{font-size:17px;line-height:1.55;color:#6a6073;margin-top:17px;text-wrap:pretty}
.download-web-note{font-size:15px;line-height:1.7;color:#6a6073;text-align:center;margin:43px 24px 0}
.download-web-note a{display:inline-flex;min-height:32px;align-items:center;text-decoration:underline;text-underline-offset:5px;color:#242329;margin-left:5px}
.download-web-note a:hover{text-decoration-color:#ed07ac}
.download-page .complete-footer{background:#e5e1e9}
@media(min-width:1700px){.download-hero{padding-top:calc(var(--download-header-height) + 70px)}}
@media(max-width:1000px){
 .download-hero{padding-top:calc(var(--download-header-height) + 40px)}
 .download-showcase{grid-template-columns:minmax(0,1fr) 340px minmax(0,1fr);gap:32px}
 .download-caption h2{font-size:27px}.download-caption p{font-size:16px}.download-description{font-size:20px}
}
@media(max-width:760px){
 .download-hero{padding-top:calc(var(--download-header-height) + 30px);padding-bottom:0}
 .download-copy h1{font-size:clamp(43px,7.8vw,61px);max-width:650px}
 .download-description{font-size:18px;max-width:460px;margin-top:21px}
 .download-actions{margin-top:24px;gap:10px}.download-store{min-width:224px;padding:13px 19px;min-height:64px}
 .download-showcase{grid-template-columns:1fr 1fr;gap:45px 28px;max-width:580px;margin-top:0}
 .download-device-wrap{grid-column:1/-1;grid-row:1;width:340px;max-width:100%;justify-self:center}
 .download-caption--left{grid-column:1;grid-row:2;justify-self:start}.download-caption--right{grid-column:2;grid-row:2;justify-self:start}
 .download-caption{margin-top:0;max-width:240px}.download-caption h2{font-size:28px}.download-caption p{font-size:16px;margin-top:12px}
 .download-web-note{margin-top:37px;font-size:14px}.download-web-note a{min-height:44px}
}
@media(max-width:500px){
 .download-copy h1{font-size:clamp(37px,9.8vw,49px);line-height:1.05;letter-spacing:-.035em}
 .download-description{max-width:33ch;font-size:18px}
 .download-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:390px}
 .download-store{min-width:0;white-space:normal;gap:8px;padding:12px 13px;border-radius:16px;min-height:70px}
 .download-store img{width:20px;height:24px}.download-store strong{font-size:11px;line-height:1.5}.download-store small{font-size:9px;margin-top:3px;line-height:1.5}
 .download-showcase{column-gap:22px;row-gap:37px}.download-caption h2{font-size:25px}.download-caption p{font-size:16px}
 .download-device-wrap{width:320px}.download-device{border-radius:49px;padding:8px}.device-screen{border-radius:41px}

}
@media(max-width:360px){.download-device-wrap{width:294px}.download-caption h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.download-device{transform:none!important;will-change:auto}}

@media(max-width:760px){.download-scene{margin-top:38px;padding:38px 0 42px}}
