@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600&family=Pacifico&family=Quicksand:wght@400;600;700&display=swap";:root{--purple: #6C3FEA;--purple-dark: #5a32d6;--yellow: #ffd24d;--white: #ffffff;--text: #ffffff;--muted: rgba(255, 255, 255, .8)}*{box-sizing:border-box}body{margin:0;font-family:Quicksand,Segoe UI,sans-serif;color:var(--text)}#app{min-height:100vh}.page-wrapper{height:600px;background:var(--purple);overflow:visible;position:relative}.page{padding:28px 64px 0;position:relative;overflow:visible;max-width:1200px;margin:0 auto}.site-header{display:flex;align-items:center;justify-content:space-between}.mobile-topbar{display:none;width:100%;background:#fff;padding:12px 16px;align-items:center;justify-content:space-between}.mobile-topbar__brand{display:flex;align-items:center;gap:10px;font-family:Fredoka,sans-serif;color:#6c3fea;font-weight:600;font-size:18px}.mobile-topbar__icon{width:34px;height:34px;border-radius:10px;object-fit:cover}.mobile-topbar__btn{border:none;border-radius:999px;padding:8px 16px;font-size:12px;font-weight:700;color:#fff;background:linear-gradient(90deg,#ea3fea,#6c3fea);cursor:pointer}.mobile-topbar__btn.is-loading,.hero__mobile-cta.is-loading{opacity:.6;cursor:progress;pointer-events:none}.brand{display:flex;align-items:center;gap:12px;font-family:Fredoka,sans-serif;font-size:24px;font-weight:600}.brand__icon{width:44px;height:44px;border-radius:12px;object-fit:cover;box-shadow:0 8px 18px #1e0a5a59}.btn{border:none;border-radius:999px;padding:10px 20px;font-weight:600;cursor:pointer;font-family:inherit}.btn--pill{background:#7b56f0;color:var(--white);box-shadow:0 12px 24px #2e127859}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;padding:40px 0 20px}.hero__copy h1{font-family:Fredoka,sans-serif;font-size:36px;margin:24px 0 8px;color:var(--yellow)}.hero__subtitle{margin:0;font-size:18px;color:var(--muted)}.hero__sticker{width:min(260px,60vw);height:auto;display:block;margin-bottom:12px}.hero__visual{position:relative;min-height:460px;display:flex;justify-content:center;align-items:flex-end;z-index:2;pointer-events:none}.hero__visual--mobile{display:none;min-height:auto;pointer-events:auto}.hero__mobile-layout{width:min(320px,86vw);height:auto;display:block}.hero__mobile-copy{align-self:flex-start;width:min(320px,86vw);color:#000;margin-bottom:12px}.hero__mobile-copy h2{margin:0 0 6px;font-size:26px;font-weight:700}.hero__mobile-copy p{margin:0;font-size:14px;color:#000000b3;line-height:1.4}.hero__mobile-cta{margin-top:18px;width:min(320px,86vw);height:54px;border:none;border-radius:999px;background:linear-gradient(90deg,#ea3fea,#6c3fea);color:#fff;font-weight:700;font-size:16px;font-family:Quicksand,Segoe UI,sans-serif;box-shadow:0 16px 28px #974be959;cursor:pointer;pointer-events:auto}.phone-frame{position:relative;width:clamp(230px,34vw,280px);aspect-ratio:234 / 472;display:block;transform:translateY(36px);z-index:2}.phone-frame__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:28px;z-index:1;pointer-events:none}.phone-screen{position:absolute;inset:7px;border-radius:22px;overflow:hidden;background:#0f0f1f;z-index:2}.banner-track{display:flex;height:100%;width:500%}.banner-track img{width:20%;height:100%;object-fit:cover}.banner-track.is-animating{transition:transform .8s ease}.hero__dots{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:3}.hero__dots span{width:8px;height:8px;border-radius:50%;background:#ffffff59}.hero__dots span.active{background:#ffffffd9}.store-bar{margin:0 auto;background:var(--white);padding:28px 0 40px;text-align:center;color:#7150cf;max-width:1200px;position:relative;z-index:1}.store-buttons{display:flex;justify-content:start;gap:20px;flex-wrap:wrap;margin-bottom:36px}.store-link{display:inline-block}.store-button{display:block;cursor:pointer;width:180px;object-fit:contain}.store-button.is-loading{opacity:.6;cursor:progress;pointer-events:none}.store-button small{display:block;font-size:10px;opacity:.7}.store-button strong{font-size:14px}.site-footer{max-width:1200px;margin:0 auto;display:flex;justify-content:start;gap:18px;font-size:13px}.site-footer-item{margin-right:10px;display:flex;align-items:center}.site-footer-item img{width:24px;height:24px;margin-right:4px}.site-footer-item span{color:#000000b3;font-size:16px}@media(max-width:960px){.page-wrapper{height:100vh;background:url(/assets/bg_h5_frame@2x-DdD5URG1.webp) center/cover no-repeat}.page{padding-top:16px}.hero{padding:0}.mobile-topbar{display:flex}.site-header{display:none}.page{padding:24px 28px 0}.hero{grid-template-columns:1fr;text-align:left}.hero__visual{order:-1}.hero__visual--desktop{display:none}.hero__visual--mobile{display:flex;align-items:center;flex-direction:column}.hero__copy{display:none}.phone-frame{width:min(234px,472px);transform:translateY(24px)}.hero__dots{right:4px}.store-bar{display:none}}@media(max-width:640px){.site-header{gap:12px}.btn--pill{font-size:12px;padding:8px 16px}.hero__sticker{font-size:36px}.hero__subtitle{font-size:16px}.site-footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.banner-track{transition:none}}