@font-face{font-family:Bjork;src:url('bjork.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
*{box-sizing:border-box;letter-spacing:0}
:root{color-scheme:light;color:#fff;font-family:Helvetica,Arial,sans-serif;font-synthesis:none;background:#ff5722}
html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}
body{height:100svh;height:100dvh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 68% 38%,#ff6e40 0%,#ff5722 76%,#ee4717 100%)}
a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}
a:focus-visible,button:focus-visible,.swiper:focus-visible{outline:2px solid #fff;outline-offset:5px}
.landing{width:100%;max-width:1300px;margin:auto;flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:24px 32px;gap:28px}
.intro{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:30px}
.app-logo{display:block;width:120px;height:120px;object-fit:contain;border-radius:24px}
h1{font-family:Bjork,Helvetica,Arial,sans-serif;margin:0;font-size:52px;line-height:1.2;font-weight:400;overflow-wrap:break-word}.wordmark{white-space:nowrap}
.description{margin:0;max-width:510px;font-size:23px;line-height:1.5}
.store-links{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.store{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 23px;font-size:17px;font-weight:600;line-height:1.4;white-space:nowrap;border-radius:999px;background:#fff;color:#171717;box-shadow:0 2px 6px #b7361220}
.store img{flex-shrink:0;object-fit:contain}.store:hover{background:#f1f1f1}.google{background:#202020;color:#fff}.google img{filter:invert(1)}.google:hover{background:#333}
.showcase{height:100%;min-height:0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;container-type:size;position:relative}
.swiper{width:min(78cqw,calc((100cqh - 55px)*1332/2748),360px);height:auto;aspect-ratio:1332/2748;flex-shrink:0;overflow:visible;touch-action:none}
.swiper-slide{background:transparent!important;display:flex;align-items:center;justify-content:center}
.phone{height:100%;width:100%;position:relative;filter:drop-shadow(0 12px 14px #80300c35)}
/* Published frame geometry: 1332x2748; screen 1206x2622 at (63,63). */
.phone img{position:absolute;left:4.72973%;top:2.29258%;width:90.54054%;height:95.41485%;display:block;object-fit:cover;border-radius:15.42289% / 7.09382%;user-select:none;-webkit-user-drag:none}
.phone::after{content:'';position:absolute;inset:0;background:url('iphone-17-pro.webp') center/100% 100% no-repeat;pointer-events:none}
.stack-controls{display:flex;align-items:center;justify-content:center;gap:10px;height:32px;color:#fff;z-index:20}
.stack-controls button{border:0;background:transparent;color:#fff;width:32px;height:32px;font-size:19px;border-radius:50%;padding:0}.stack-controls button:hover{background:#ffffff24}#position{font-size:11px;min-width:33px;text-align:center}#play-pause{font-size:13px}
footer{display:flex;justify-content:center;gap:26px;padding:8px 16px max(12px,env(safe-area-inset-bottom));font-size:12px;line-height:1.5;color:#fff;flex-shrink:0}footer a:hover{text-decoration:underline}
.redirect-notice{font-size:12px;line-height:1.4;gap:8px 16px;flex-wrap:wrap;align-items:center;max-width:100%}.redirect-notice:not([hidden]){display:flex}.redirect-notice p{width:100%;margin:0}.redirect-notice a,.redirect-notice button{font:inherit;color:white;border:none;background:transparent;padding:0;text-decoration:underline}
@media(max-width:1000px) and (min-width:701px){.landing{padding:20px 28px;gap:18px}.intro{gap:24px}h1{font-size:42px}.description{font-size:20px}.store{font-size:15px;padding:12px 17px}.store-links{gap:10px}.app-logo{width:96px;height:96px}}
@media(max-width:700px){.landing{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);padding:max(16px,env(safe-area-inset-top)) 22px 0;gap:18px}.intro{align-items:center;text-align:center;gap:12px}.app-logo{width:62px;height:62px;border-radius:14px}h1{font-size:34px;line-height:1.4}.description{font-size:16px;line-height:1.4;max-width:400px}.store-links{gap:10px;justify-content:center;flex-wrap:nowrap}.store{font-size:14px;padding:10px 15px;min-height:44px;gap:7px}.store img{width:20px;height:20px}.swiper{width:min(65cqw,calc((100cqh - 42px)*1332/2748))}.stack-controls{gap:9px;height:26px}.stack-controls button{height:26px;width:28px;font-size:16px}#play-pause{font-size:11px}.showcase{gap:8px}.redirect-notice{justify-content:center;font-size:11px;gap:4px 12px}.intro:has(.redirect-notice:not([hidden])){gap:9px}footer{font-size:11px;padding-top:5px}}
@media(max-height:680px) and (max-width:700px){.landing{gap:10px;padding-top:12px}.intro{gap:8px}.app-logo{width:44px;height:44px;border-radius:10px}h1{font-size:29px}.description{font-size:14px;line-height:1.35}.store{min-height:38px;padding:8px 11px;font-size:13px}.swiper{width:min(65cqw,calc((100cqh - 35px)*1332/2748))}}
@media(max-height:500px) and (min-width:701px){.app-logo{width:58px;height:58px}.intro{gap:12px}h1{font-size:34px}.description{font-size:17px}.store{min-height:38px;padding:10px 15px;font-size:14px}.landing{padding-top:10px;padding-bottom:5px}.swiper{width:min(78cqw,calc((100cqh - 45px)*1332/2748))}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}