.showcase[data-v-467cb2a5]{text-align:center;width:100%;max-width:440px;margin:0 auto;position:relative}.char-tile[data-v-467cb2a5]{z-index:1;background:var(--bg-card);border:1.5px solid var(--border-strong);width:100%;height:290px;box-shadow:var(--shadow-md), inset 0 1px 0 0 var(--violet-700);border-radius:12px;margin:0 auto;position:relative}.ground[data-v-467cb2a5]{background:radial-gradient(ellipse at center, var(--bg) 0%, transparent 70%);z-index:0;border-radius:50%;width:76%;height:14px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.stage[data-v-467cb2a5]{position:absolute;inset:0}.stage .layer[data-v-467cb2a5]{position:absolute;bottom:10px;left:42%;transform:translate(-50%)}.pet[data-v-467cb2a5]{z-index:2;width:124px;height:124px;line-height:0;position:absolute;bottom:10px;right:60px}.pet[data-v-467cb2a5]>*{position:absolute;inset:0}.caption[data-v-467cb2a5]{z-index:1;color:var(--text-faint);letter-spacing:.16em;margin-top:18px;position:relative}.hero-fade-enter-active[data-v-467cb2a5],.hero-fade-leave-active[data-v-467cb2a5]{transition:opacity .6s}.hero-fade-enter-from[data-v-467cb2a5],.hero-fade-leave-to[data-v-467cb2a5]{opacity:0}.landing[data-v-56597e07]{color:var(--text);flex-direction:column;min-height:100dvh;display:flex;overflow-x:clip}.landing main[data-v-56597e07]{flex-direction:column;flex:1;display:flex}.topbar[data-v-56597e07]{z-index:50;background:var(--bg-elev);border-bottom:1.5px solid var(--border-strong);position:sticky;top:0}.topbar-inner[data-v-56597e07]{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:12px 24px;display:flex;position:relative}.brand[data-v-56597e07]{align-items:center;gap:14px;display:flex}.brand .wordmark[data-v-56597e07]{color:var(--white);letter-spacing:.04em;font-size:28px;line-height:1}.topbar-actions[data-v-56597e07]{align-items:center;gap:18px;display:flex}.login-link[data-v-56597e07]{color:var(--text-dim);font-size:14px;text-decoration:none}.login-link[data-v-56597e07]:hover{color:var(--text)}.nav-cta[data-v-56597e07]{text-decoration:none}.menu-toggle[data-v-56597e07]{display:none}.hero[data-v-56597e07]{grid-template-columns:minmax(0,520px) 1fr;align-items:center;gap:56px;width:100%;max-width:1200px;margin:0 auto;padding:88px 24px 96px;display:grid}.hero-art[data-v-56597e07] .showcase{margin-left:auto;margin-right:0}.hero-copy h1[data-v-56597e07]{text-wrap:balance;margin-bottom:16px;font-size:48px;line-height:1.05}.hero-copy .sub[data-v-56597e07]{color:var(--text-dim);max-width:460px;margin-bottom:28px;font-size:18px;line-height:1.55}.hero-actions[data-v-56597e07]{flex-wrap:wrap;align-items:center;gap:24px;padding:12px 0;display:flex}.app-store-badge[data-v-56597e07]{width:auto;height:48px;display:block}.app-store-link[data-v-56597e07]:focus-visible{outline:2px solid var(--violet-200);outline-offset:4px}.cta[data-v-56597e07]{padding:12px 22px;font-size:16px;text-decoration:none}.ios-showcase[data-v-56597e07]{isolation:isolate;grid-template-columns:minmax(0,1fr) minmax(0,380px);align-items:center;gap:64px;width:100%;max-width:1200px;margin:0 auto;padding:120px 24px;display:grid;position:relative}.ios-showcase[data-v-56597e07]:before{content:"";z-index:-1;background:linear-gradient(to bottom, var(--bg), color-mix(in oklab, var(--bg) 88%, var(--brand)) 180px, color-mix(in oklab, var(--bg) 88%, var(--brand)) calc(100% - 180px), var(--bg-elev));width:100vw;position:absolute;inset:0 0 0 50%;transform:translate(-50%)}.ios-copy[data-v-56597e07]{text-align:center}.ios-copy h2[data-v-56597e07]{text-wrap:balance;margin-bottom:16px;font-size:36px;line-height:1.15}.ios-description[data-v-56597e07]{color:var(--text-dim);margin-bottom:28px;font-size:18px;line-height:1.55}.ios-copy .app-store-link[data-v-56597e07]{margin:12px 0;display:inline-block}.ios-screenshots[data-v-56597e07]{isolation:isolate;align-items:start;width:100%;max-width:480px;margin:0 auto;display:grid}.ios-screenshots figure[data-v-56597e07]{grid-area:1/1;min-width:0;margin:0}.ios-screenshots .screenshot-primary[data-v-56597e07]{z-index:1;width:58%}.ios-screenshots .screenshot-secondary[data-v-56597e07]{justify-self:end;width:48%;margin-top:48px}.ios-screenshots img[data-v-56597e07]{border:1.5px solid var(--border-strong);width:100%;height:auto;box-shadow:var(--shadow-md);border-radius:24px;display:block}.closing[data-v-56597e07]{text-align:center;background:var(--bg-elev);flex:1;justify-content:center;align-items:center;padding:80px 24px 96px;display:flex;position:relative;overflow:hidden}.closing-inner[data-v-56597e07]{z-index:1;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:1200px;margin:0 auto;display:flex;position:relative}.closing-line[data-v-56597e07]{text-wrap:balance;max-width:560px;font-size:36px;line-height:1.15}.closing-description[data-v-56597e07]{color:var(--text-dim);text-wrap:balance;max-width:560px;font-size:17px;line-height:1.5}.step-grid[data-v-56597e07]{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:100%;display:grid}.step-card[data-v-56597e07]{text-align:center;flex-direction:column;align-items:center;gap:12px;min-width:0;display:flex}.step-preview[data-v-56597e07]{justify-content:center;align-items:stretch;width:100%;height:280px;display:flex}.step-preview[data-v-56597e07] .q-card{width:100%}.quest-preview-list[data-v-56597e07]{align-content:space-between;gap:8px;display:grid}.levelup-step-preview[data-v-56597e07]{position:relative;overflow:hidden}.step-card:nth-child(-n+2) .step-preview[data-v-56597e07] .q-card{text-align:left}.step-number[data-v-56597e07]{color:var(--brand);font-size:20px}.step-card h3[data-v-56597e07]{font-size:20px;line-height:1.2}.step-card>p[data-v-56597e07]:last-child{max-width:300px;color:var(--text-dim);line-height:1.5}.closing-btn[data-v-56597e07]{padding:14px 36px;font-size:17px}@media (width<=860px){.step-grid[data-v-56597e07]{grid-template-columns:1fr;row-gap:40px;max-width:520px}.ios-showcase[data-v-56597e07]{grid-template-columns:1fr;gap:32px;padding-top:80px;padding-bottom:80px}.ios-copy[data-v-56597e07]{order:-1;max-width:520px;margin:0 auto}.hero[data-v-56597e07]{grid-template-columns:1fr;gap:32px;padding-top:52px;padding-bottom:64px}.hero-art[data-v-56597e07] .showcase{margin-left:auto;margin-right:auto}.hero-copy h1[data-v-56597e07]{font-size:36px}.hero-copy .sub[data-v-56597e07]{font-size:16px}}@media (width<=640px){.menu-toggle[data-v-56597e07]{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;gap:5px;padding:10px;transition:border-color .15s;display:grid}.menu-toggle[data-v-56597e07]:hover,.menu-toggle[aria-expanded=true][data-v-56597e07]{border-color:var(--brand)}.menu-toggle[data-v-56597e07]:focus-visible{outline:2px solid var(--violet-200);outline-offset:3px}.menu-toggle span[data-v-56597e07]{background:var(--text);width:20px;height:2px;transition:transform .18s,opacity .18s}.menu-toggle[aria-expanded=true] span[data-v-56597e07]:first-child{transform:translateY(7px)rotate(45deg)}.menu-toggle[aria-expanded=true] span[data-v-56597e07]:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span[data-v-56597e07]:last-child{transform:translateY(-7px)rotate(-45deg)}.topbar-actions[data-v-56597e07]{background:var(--bg-elev);border:1px solid var(--violet-700);min-width:190px;box-shadow:var(--shadow-md);border-radius:10px;flex-direction:column;align-items:stretch;gap:14px;padding:10px;display:none;position:absolute;top:100%;right:16px}.topbar-actions .login-link[data-v-56597e07]{border-radius:6px;padding:9px 10px;transition:color .15s,background .15s}.topbar-actions .login-link[data-v-56597e07]:hover{color:var(--violet-200);background:var(--brand-soft)}.topbar-actions .nav-cta[data-v-56597e07]{border-radius:6px}.topbar-actions.is-open[data-v-56597e07]{display:flex}.step-number[data-v-56597e07],.step-card h3[data-v-56597e07],.step-card>p[data-v-56597e07]:last-child{order:-1}.hero[data-v-56597e07]{text-align:center;padding-bottom:40px}.hero-copy .sub[data-v-56597e07]{margin-left:auto;margin-right:auto}.ios-showcase[data-v-56597e07]{padding-top:48px;padding-bottom:40px}.closing[data-v-56597e07]{padding-top:40px}.ios-copy h2[data-v-56597e07],.closing-line[data-v-56597e07]{font-size:30px}.hero-actions[data-v-56597e07]{flex-direction:column;align-items:center}.hero-actions .cta[data-v-56597e07]{justify-content:center;width:auto}.closing-btn[data-v-56597e07]{justify-content:center;width:100%}}
