:root{--bg: #050308;--bg-elevated: #140a22;--ink: #f5eefc;--muted: #b9a8d4;--line: rgba(232, 213, 255, .14);--brand: #c084fc;--brand-deep: #7e22ce;--brand-soft: rgba(168, 85, 247, .18);--glow: rgba(168, 85, 247, .42);--radius: 18px;--font-sans: "Noto Sans SC", "Noto Sans TC", "Noto Sans JP", "Noto Sans KR", "PingFang SC", "Hiragino Sans GB", sans-serif;--font-display: "Syne", "Noto Sans SC", sans-serif;--max: 1120px;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-sans);font-size:16px;line-height:1.65;color:var(--ink);background:var(--bg);overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}.bg-glow{position:fixed;inset:18% auto auto 50%;width:min(78vw,780px);height:min(78vw,780px);translate:-50% 0;border-radius:50%;background:radial-gradient(circle,var(--glow),transparent 68%);filter:blur(10px);pointer-events:none;z-index:-2;animation:drift 18s ease-in-out infinite alternate}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 18%,transparent 72%);mask-image:radial-gradient(ellipse at 50% 30%,#000 18%,transparent 72%);pointer-events:none;z-index:-1;opacity:.45}@keyframes drift{0%{transform:translate(-4%) scale(1)}to{transform:translate(4%,10%) scale(1.06)}}.topbar{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:.85rem clamp(1rem,3vw,2rem);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#050308b8;border-bottom:1px solid transparent;transition:border-color .25s ease,background .25s ease}.topbar.is-scrolled{border-bottom-color:var(--line);background:#050308e0}.brand{display:flex;align-items:center;gap:.7rem;color:inherit;text-decoration:none;min-width:0;justify-self:start}.brand:hover{text-decoration:none}.brand-logo{width:2.15rem;height:2.15rem;border-radius:.65rem;object-fit:contain;background:#000;flex-shrink:0;box-shadow:0 0 0 1px #ffffff1a}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-en{font-family:var(--font-display);font-weight:700;letter-spacing:.01em;font-size:.95rem;color:var(--ink)}.brand-zh{font-size:.72rem;color:var(--muted)}.nav{display:none;gap:1.6rem;align-items:center;justify-self:center}.nav a{color:#f5eefce0;font-size:.95rem;font-weight:500;text-decoration:none}.nav a:hover{color:var(--ink)}.topbar-end{display:flex;align-items:center;gap:.55rem;justify-self:end}.lang{position:relative}.lang-btn{display:inline-flex;align-items:center;gap:.4rem;min-height:2.35rem;padding:0 .75rem;border-radius:999px;border:1px solid var(--line);background:#ffffff08;color:var(--ink);cursor:pointer;font:inherit;font-size:.85rem}.lang-btn:hover{border-color:#e8d5ff59;background:var(--brand-soft)}.lang-icon{flex-shrink:0;opacity:.9}.lang-current{max-width:7.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lang-menu{position:absolute;top:calc(100% + .4rem);right:0;margin:0;padding:.4rem;list-style:none;min-width:9.5rem;background:var(--bg-elevated);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 50px #0006;z-index:50}.lang-menu li{padding:.55rem .7rem;border-radius:8px;cursor:pointer;font-size:.9rem;color:var(--muted)}.lang-menu li:hover,.lang-menu li[aria-selected=true]{background:var(--brand-soft);color:var(--ink)}.nav-toggle{width:2.5rem;height:2.5rem;border:1px solid var(--line);border-radius:.75rem;background:transparent;display:grid;place-content:center;gap:5px;cursor:pointer}.nav-toggle span{display:block;width:1.1rem;height:2px;background:var(--ink);transition:transform .2s ease}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.nav.open{display:flex;position:absolute;top:calc(100% + .5rem);right:1rem;left:1rem;flex-direction:column;align-items:stretch;padding:.75rem;background:var(--bg-elevated);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px #00000059;justify-self:stretch}.nav.open a{padding:.7rem .85rem;border-radius:10px}.nav.open a:hover{background:var(--brand-soft);text-decoration:none}@media(min-width:900px){.nav{display:flex}.nav-toggle{display:none}}@media(max-width:899px){.topbar{grid-template-columns:1fr auto}.nav{grid-column:1 / -1}.lang-current{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.75rem;padding:0 1.2rem;border-radius:999px;font-weight:600;font-size:.95rem;border:1px solid transparent;text-decoration:none;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn-primary{color:#1a0528;background:linear-gradient(135deg,#e9d5ff,var(--brand) 55%,#a855f7);box-shadow:0 10px 30px #a855f747}.btn-primary:hover{filter:brightness(1.05)}.btn-ghost{color:var(--ink);border-color:var(--line);background:#ffffff08}.btn-ghost:hover{border-color:#e8d5ff59;background:var(--brand-soft)}.hero{display:flex;flex-direction:column;align-items:center;justify-content:stretch;text-align:center;min-height:calc(100svh - 4.5rem);max-width:var(--max);margin:0 auto;padding:clamp(1.25rem,4vw,2.5rem) clamp(1rem,3vw,2rem) 1rem;position:relative}.hero-main{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:0}.hero-slogan{margin:0;max-width:min(18ch,100%);font-family:var(--font-display);font-weight:800;font-size:clamp(2.2rem,6.5vw,4rem);line-height:1.18;letter-spacing:-.02em;background:linear-gradient(90deg,#c084fc,#f0abfc 42%,#fb923c);-webkit-background-clip:text;background-clip:text;color:transparent;animation:rise .9s ease both}:lang(ja) .hero-slogan,:lang(ko) .hero-slogan,:lang(de) .hero-slogan{max-width:22ch;font-size:clamp(1.85rem,5.2vw,3.2rem)}:lang(en) .hero-slogan{max-width:14ch}.lede{margin:1.25rem auto 0;color:#f5eefcdb;font-size:clamp(.98rem,2vw,1.08rem);max-width:40rem;animation:rise 1s ease .08s both}.hero-stores{margin-top:2rem;animation:rise 1.05s ease .14s both}@media(max-height:720px){.hero{min-height:0;padding-top:1.5rem;padding-bottom:1.25rem}.hero-main{flex:0 1 auto;justify-content:flex-start}.hero-slogan{font-size:clamp(1.85rem,5vw,2.6rem)}.lede{margin-top:.85rem;font-size:.95rem}.hero-stores{margin-top:1.25rem}.scroll-hint{display:none}}.store-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.85rem}.store-wrap{position:relative}.store-btn{display:inline-flex;align-items:center;gap:.7rem;min-height:3.35rem;padding:.55rem 1.25rem .55rem 1rem;border-radius:999px;background:#f7f3ff;color:#12061c;text-decoration:none;box-shadow:0 10px 30px #00000047;transition:transform .18s ease,box-shadow .18s ease}a.store-btn:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 16px 36px #00000059}.store-icon{flex-shrink:0}.store-copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;text-align:left}.store-name{font-weight:700;font-size:1rem}.store-sub{font-size:.72rem;opacity:.72;margin-top:.15rem}.store-qr{position:absolute;left:50%;bottom:calc(100% + .85rem);translate:-50% 0;display:flex;flex-direction:column;align-items:center;gap:.45rem;width:max-content;padding:.75rem;border-radius:16px;background:#fff;color:#12061c;border:1px solid rgba(18,6,28,.08);box-shadow:0 18px 50px #0006;z-index:20;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s ease,visibility .18s ease,transform .18s ease}.store-wrap:hover .store-qr,.store-wrap:focus-within .store-qr{opacity:1;visibility:visible;transform:none}.store-qr-img,.store-qr img{width:168px!important;height:168px!important;max-width:none!important;aspect-ratio:1 / 1;object-fit:contain;border-radius:8px;flex-shrink:0}.store-qr span{font-size:.78rem;font-weight:600;color:#4b3a63}.scroll-hint{flex:0 0 auto;margin-top:0;padding-top:1.25rem;padding-bottom:.35rem;display:inline-flex;flex-direction:column;align-items:center;gap:.45rem;color:var(--muted);font-size:.82rem;letter-spacing:.18em;text-decoration:none;animation:rise 1.1s ease .2s both}.scroll-hint:hover{color:var(--ink);text-decoration:none}.scroll-mouse{width:1.35rem;height:2.1rem;border:1.5px solid rgba(232,213,255,.45);border-radius:999px;position:relative}.scroll-mouse span{position:absolute;top:.35rem;left:50%;width:.28rem;height:.45rem;border-radius:999px;background:linear-gradient(180deg,#c084fc,#fb923c);translate:-50% 0;animation:wheel 1.6s ease-in-out infinite}@keyframes wheel{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.35;transform:translateY(.35rem)}}.scroll-arrow{letter-spacing:0;opacity:.75}@keyframes rise{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}.section{max-width:var(--max);margin:0 auto;padding:clamp(3rem,7vw,5rem) clamp(1rem,3vw,2rem)}.section-head{max-width:36rem;margin-bottom:2rem}.section-head h2{margin:0;font-family:var(--font-display);font-size:clamp(1.7rem,3.5vw,2.2rem);line-height:1.2}.section-head p{margin:.7rem 0 0;color:var(--muted)}.journey{position:relative}.journey-pin{max-width:var(--max);margin:0 auto;padding:clamp(1.5rem,4vw,2.5rem) clamp(1rem,3vw,2rem);min-height:calc(100svh - 4.5rem);display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}.journey-eyebrow{margin:0 0 1rem;font-family:var(--font-display);font-weight:700;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--brand)}.journey-stage{display:grid;gap:2rem;align-items:center}@media(min-width:900px){.journey:not(.is-static) .journey-stage{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:2.5rem}}.journey-copy{position:relative;min-height:14rem}.journey-act{position:absolute;inset:0 auto auto 0;max-width:28rem;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .35s ease,transform .35s ease,visibility .35s ease;pointer-events:none}.journey-act.is-active{opacity:1;visibility:visible;transform:none;pointer-events:auto;position:relative}.journey-act-n{display:inline-block;margin-bottom:.55rem;font-family:var(--font-display);font-weight:700;font-size:.85rem;letter-spacing:.08em;color:var(--brand)}.journey-act h2{margin:0;font-family:var(--font-display);font-size:clamp(1.55rem,3vw,2.15rem);line-height:1.2}.journey-act p{margin:.75rem 0 0;color:var(--muted);font-size:1rem;max-width:34rem}.journey-dots{list-style:none;margin:1.5rem 0 0;padding:0;display:flex;gap:.55rem}.journey-dots li{width:.55rem;height:.55rem;border-radius:999px;background:#e8d5ff38;transition:background .25s ease,transform .25s ease,width .25s ease}.journey-dots li.is-active{width:1.5rem;background:linear-gradient(90deg,#c084fc,#fb923c)}.journey-phone{position:relative;display:grid;place-items:center;min-height:min(78vh,640px)}.phone-frame{position:absolute;width:min(300px,70vw);border-radius:32px;padding:11px;background:linear-gradient(160deg,#2a1840,#12081c 55%,#0a0610);border:1px solid rgba(232,213,255,.22);box-shadow:0 30px 80px #0000008c,0 0 0 1px #ffffff0a inset;opacity:0;visibility:hidden;transform:translateY(18px) scale(.97);transition:opacity .4s ease,transform .4s ease,visibility .4s ease;pointer-events:none;box-sizing:border-box}.phone-frame.is-active{opacity:1;visibility:visible;transform:none;position:relative}.phone-screen{position:relative;width:100%;aspect-ratio:1179 / 2556;border-radius:22px;overflow:hidden;background:#000}.phone-shot{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain;object-position:top center;opacity:0;transition:opacity .35s ease;image-rendering:auto;transform:translateZ(0)}.phone-shot.is-active{opacity:1}.journey.is-static .journey-pin{min-height:0;padding-top:clamp(2.5rem,6vw,4rem);padding-bottom:clamp(2.5rem,6vw,4rem)}.journey.is-static .journey-stage{display:flex;flex-direction:column;gap:2.75rem}.journey.is-static .journey-copy{min-height:0;display:flex;flex-direction:column;gap:2rem}.journey.is-static .journey-act{position:static;opacity:1;visibility:visible;transform:none;pointer-events:auto}.journey.is-static .journey-dots{display:none}.journey.is-static .journey-phone{display:flex;flex-direction:column;gap:2.5rem;min-height:0;place-items:stretch}.journey.is-static .phone-frame{position:relative;opacity:1;visibility:visible;transform:none;width:min(300px,78vw);margin:0 auto}@media(min-width:900px){.journey.is-static .journey-stage{display:grid;grid-template-columns:1fr;gap:3rem}.journey.is-static .journey-phone{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:start}.journey.is-static .phone-frame{width:100%;max-width:240px}.journey.is-static .journey-copy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}}.deepen-list{list-style:none;margin:0;padding:0;display:grid;gap:1.25rem}@media(min-width:860px){.deepen-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.35rem}}.deepen-card{padding:1rem 1rem 1.25rem;border-radius:var(--radius);border:1px solid var(--line);background:#140a22b8}.deepen-shot{position:relative;width:min(100%,220px);margin:0 auto 1rem;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#0a0610;aspect-ratio:1179 / 2556;box-shadow:0 12px 28px #00000059}.deepen-shot img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain;object-position:top center;transform:none}.deepen-card h3{margin:0 0 .4rem;font-size:1.05rem}.deepen-card p{margin:0;color:var(--muted);font-size:.95rem}.cta-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}.cta-row.center{justify-content:center}.get-app-panel{padding:clamp(1.75rem,4vw,2.5rem);border-radius:calc(var(--radius) + 6px);border:1px solid var(--line);background:radial-gradient(ellipse at 15% 0%,var(--brand-soft),transparent 55%),linear-gradient(180deg,#201034f2,#10081cf2);text-align:center}.get-app-panel h2{margin:0;font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2rem)}.get-app-panel>p{margin:.9rem auto 0;max-width:36rem;color:var(--muted)}.get-app-panel .store-row{margin-top:1.4rem}.get-app-note{margin:1.25rem 0 0;font-size:.9rem;color:var(--muted)}.faq-list{display:grid;gap:.75rem}.faq-list details{border:1px solid var(--line);border-radius:14px;background:#140a22b8;padding:.85rem 1.1rem}.faq-list summary{cursor:pointer;font-weight:600;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";float:right;color:var(--muted);font-weight:500}.faq-list details[open] summary:after{content:"–"}.faq-list p{margin:.7rem 0 .2rem;color:var(--muted);font-size:.95rem}.footer{max-width:var(--max);margin:0 auto;padding:2rem clamp(1rem,3vw,2rem) 3rem;display:flex;flex-direction:column;gap:1rem;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}.footer-brand{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.footer-logo{width:1.6rem;height:1.6rem;border-radius:.45rem;object-fit:contain;background:#000}.footer-brand .brand-en{color:var(--ink);background:none;-webkit-text-fill-color:unset}.footer-sep{opacity:.5}.footer-links{display:flex;flex-wrap:wrap;gap:.85rem 1.25rem}.footer-links a{color:var(--muted)}.footer-links a:hover{color:var(--ink)}@media(min-width:720px){.footer{flex-direction:row;align-items:center;justify-content:space-between}}.reveal{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bg-glow,.hero-slogan,.lede,.hero-stores,.scroll-hint,.scroll-mouse span,.reveal{animation:none!important;transition:none!important;opacity:1;transform:none}.store-qr{transition:none!important}}@media(hover:none){.store-qr{display:none!important}}