:root,body{background:#000}
.backdrop{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:#000;z-index:0}
.backdrop-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0}
.backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0003 0%,#0008 35%,#0009 65%,#000e 100%)}
.page{position:relative;z-index:1;min-height:100svh;display:flex;flex-direction:column;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));text-shadow:0 2px 16px #000}
.portrait-space{height:clamp(130px,25svh,230px);display:grid;place-items:center}
.portrait-space .app-mark{margin:0;overflow:visible;transform:translateY(min(96px,calc((clamp(130px,25svh,230px) - 112px)/2 + 52.2px + 11px)))}
.portrait-space .app-mark img{width:100%;height:100%;border-radius:0}
.page main{flex-shrink:0}
.page .actions{margin-top:32px}
.page .intro{margin:19px 0 0}
.landing-footer{margin-top:auto;padding:32px 0 0;border:0;text-align:center;white-space:nowrap;color:#f0e6d8;font-size:clamp(11px,3.25vw,13px);line-height:1.5}
.open-app{background:#0008}
#install{text-shadow:none}
@media(max-width:350px){.portrait-space .app-mark{transform:translateY(min(96px,calc((clamp(130px,25svh,230px) - 112px)/2 + 44.95px + 11px)))}}
@media(min-width:700px){.backdrop-frame{object-fit:contain}.backdrop::after{background:linear-gradient(90deg,#000b,transparent 25%,transparent 75%,#000b),linear-gradient(180deg,#0003,#0008 35%,#0009 65%,#000e)}}
