/* Compact, video-first landing page. Small screens can still scroll when needed. */
body.compact-page{min-height:100vh;min-height:100svh;display:flex;flex-direction:column}
.compact-page .wrap{width:min(500px,calc(100% - 32px))}
.compact-page .header{height:62px;min-height:62px;flex-shrink:0}
.compact-page .brand{font-size:21px;gap:9px}
.compact-page .brand-icon{width:29px;height:31px;font-size:27px;line-height:32px}
.compact-page .iphone-label{display:none}
.compact-page .language select{font-size:11px;max-width:110px}
.compact-page main{flex:1;display:flex;align-items:center;width:100%;min-width:0}
.compact-page .hero{width:100%;max-width:100%;min-width:0;gap:19px;padding:20px 0 18px;overflow:visible}
.compact-page .hero .showcase{width:calc(100% - 24px);max-width:500px;min-width:0;padding:0}
.compact-page .hero .video-card{border-radius:13px}
.compact-page .under-video,.compact-page .intro .eyebrow{display:none}
.compact-page .hero .intro{padding:0 22px;max-width:500px;min-width:0}
body.compact-page .hero h1{font-size:38px;letter-spacing:-1.5px;line-height:1.16;margin:0 0 12px}
body.compact-page .hero h1 em{letter-spacing:inherit}
.compact-page .hero .lede{font-size:12px;line-height:1.7;margin:0 auto 18px;max-width:340px}
.compact-page .store-button{padding:10px 22px;min-width:209px}
.compact-page .store-button strong{font-size:20px}
.compact-page .download-note{font-size:9px;margin:10px 0 0}
.compact-page .footer{width:min(500px,calc(100% - 32px));padding:12px 0 calc(12px + env(safe-area-inset-bottom));gap:7px 12px;flex-wrap:wrap;flex-shrink:0;font-size:9px}
.compact-page .footer>span:nth-child(2){order:3;width:100%;font-size:8px;line-height:1.5;color:#a88090}
.compact-page .toast{bottom:24px}
html[dir=rtl] body.compact-page .hero h1,html[lang=th] body.compact-page .hero h1,html[lang=hi] body.compact-page .hero h1{letter-spacing:0;line-height:1.4;font-size:32px}
@media(max-height:700px){
 .compact-page .header{height:54px;min-height:54px}
 .compact-page .hero{padding:13px 0;gap:14px}
 body.compact-page .hero h1{font-size:32px;margin-bottom:9px}
 .compact-page .hero .lede{font-size:11px;line-height:1.6;margin-bottom:13px}
 .compact-page .footer{padding-top:9px;padding-bottom:calc(9px + env(safe-area-inset-bottom))}
}
@media(min-width:601px){.compact-page .hero .showcase{max-width:calc(100% - 40px)}}