:root{--fog:#f1f0ec;--haze:#e3e1dc;--card:#fafaf7;--line:#d6d4ce;--line-strong:#7a7873;--ink:#121114;--mute:#5a5955;--smoke:#a9a7a2;--field:#fff;--night:#121114;--paper:#f1f0ec;--on-neon:#121114;--verm:#ff7a5c;--verm-text:#b5401f;--verm-tint:#f6cdbf;--mint:#9febd0;--mint-text:#1e6b55;--mint-tint:#d4f2e6;--gold:#ffcb6b;--gold-text:#8a5a12;--gold-tint:#fbe9c4;--cobalt:#2e3fa8;--f-display:"Bricolage Grotesque", "Noto Sans HK", "Arial Narrow", system-ui, sans-serif;--f-body:"Hanken Grotesk", "Noto Sans HK", system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono:"Space Mono", "Noto Sans HK", ui-monospace, Menlo, monospace;--f-brush:"LXGW WenKai TC", "Kaiti TC", serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=night]{--fog:#121114;--haze:#1c1b21;--card:#1e1d24;--line:#2e2d35;--line-strong:#77767e;--ink:#f1f0ec;--mute:#a9a7a2;--smoke:#3a3940;--field:#17161b;--verm-text:#ff9c84;--verm-tint:#4a2620;--mint-text:#9febd0;--mint-tint:#163128;--gold-text:#ffcb6b;--gold-tint:#33280f;--cobalt:#8f9cf0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=day]){--fog:#121114;--haze:#1c1b21;--card:#1e1d24;--line:#2e2d35;--line-strong:#77767e;--ink:#f1f0ec;--mute:#a9a7a2;--smoke:#3a3940;--field:#17161b;--verm-text:#ff9c84;--verm-tint:#4a2620;--mint-text:#9febd0;--mint-tint:#163128;--gold-text:#ffcb6b;--gold-tint:#33280f;--cobalt:#8f9cf0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:lang(zh-HK){letter-spacing:0}:lang(zh-HK) .features-h,:lang(zh-HK) .close h2{letter-spacing:0;max-width:14em;font-stretch:100%}.lang-switch,.theme-toggle{min-width:44px;min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-size:15px;font-weight:700;display:inline-flex}.lang-switch:hover,.theme-toggle:hover{background:#7f7f7f26}.wm-paper,:root[data-theme=night] .wm-ink{display:none}:root[data-theme=night] .wm-paper{display:inline}@media (prefers-color-scheme:dark){:root:not([data-theme=day]) .wm-ink{display:none}:root:not([data-theme=day]) .wm-paper{display:inline}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--fog);color:var(--ink);font-family:var(--f-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}a{color:var(--cobalt)}:focus-visible{outline:2px solid var(--cobalt);outline-offset:3px;border-radius:8px}.wrap{max-width:1120px;padding-left:max(20px, env(safe-area-inset-left));padding-right:max(20px, env(safe-area-inset-right));margin:0 auto}.eb{font-family:var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);font-size:13px;font-weight:700}.hero{background:radial-gradient(60% 70% at 22% 30%, #2a2930 0%, transparent 70%), var(--night);color:var(--paper);position:relative;overflow:hidden}.hero .wrap{padding-top:44px;padding-left:max(64px, env(safe-area-inset-left));padding-right:max(64px, env(safe-area-inset-right));grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;min-height:640px;padding-bottom:64px;display:grid;position:relative}.frame{border:2.5px solid var(--mint);pointer-events:none;border-radius:32px;position:absolute;inset:14px;box-shadow:0 0 10px #9febd0b3}.frame:after{content:"";border:2.5px solid var(--mint);border-radius:24px;position:absolute;inset:8px;box-shadow:0 0 10px #9febd099}.kai{opacity:.95;pointer-events:none;width:min(560px,50vw);position:absolute;top:50%;right:-60px;transform:translateY(-50%)}@media (prefers-reduced-motion:no-preference){.kai{animation:3.2s step-end flick}}@keyframes flick{0%{opacity:.15}6%{opacity:.95}10%{opacity:.3}16%{opacity:.95}}.nav{grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.nav img{width:auto;height:34px}.nav-links{white-space:nowrap;align-items:center;gap:6px;display:flex}.nav-links a:not(.btn){min-height:44px;color:var(--paper);align-items:center;padding:0 14px;font-weight:600;text-decoration:none;display:inline-flex}.nav-links a:not(.btn):hover{color:var(--mint)}.btn.sm{min-height:44px;padding:0 18px;font-size:15px}@media (max-width:420px){.nav{padding-inline:6px}.nav-links a:not(.btn){padding:0 10px}}.btn{font:inherit;background:var(--verm);min-height:52px;color:var(--on-neon);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 24px;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex}.btn.ghost{color:var(--paper);background:0 0;border:1px solid #77767e}.ctas{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.fine{color:#a9a7a2;margin:0;font-size:14px}.faq{padding:32px 0 96px}.faq h2{font-family:var(--f-display);font-variation-settings:"opsz" 96;letter-spacing:-.035em;margin:0 0 20px;font-size:clamp(38px,5vw,64px);font-weight:800;font-stretch:75%;line-height:.95}.faq-list{border-top:1px solid var(--line);max-width:760px;display:grid}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:12px 0;font-size:19px;font-weight:700;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--f-display);color:var(--verm-text);flex:none;font-size:28px;font-weight:800;line-height:1}.faq details[open] summary:after{content:"−"}.faq details p{max-width:60ch;color:var(--ink);margin:0 0 20px;font-size:17px}.copy{z-index:2;gap:18px;max-width:520px;display:grid;position:relative}.stars{pointer-events:none;z-index:1;position:absolute;inset:0}.star{filter:drop-shadow(0 0 6px)drop-shadow(0 0 2px #fff9);position:absolute;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:no-preference){.star{animation:2.4s ease-in-out infinite twinkle}}@keyframes twinkle{0%,to{opacity:1;transform:translate(-50%,-50%)scale(1)}50%{opacity:.3;transform:translate(-50%,-50%)scale(.7)}}::selection{background:var(--verm);color:var(--night)}.copy h1{font-family:var(--f-display);font-variation-settings:"opsz" 96;letter-spacing:-.04em;margin:0;font-size:clamp(56px,9vw,112px);font-weight:800;font-stretch:75%;line-height:.84}.copy h1 .zh{font-family:var(--f-brush);color:var(--verm);text-shadow:0 0 8px #ff7a5ccc,0 0 28px #ff7a5c73;letter-spacing:0;font-weight:700;font-stretch:100%}.copy .lede{color:#d9d7d1;max-width:34ch;margin:0;font-size:19px}.copy .soon{font-family:var(--f-mono);color:var(--mint);align-items:center;gap:8px;font-size:13px;display:inline-flex}.copy .soon:before{content:"";background:var(--mint);width:8px;height:8px;box-shadow:0 0 8px var(--mint);border-radius:50%}.features{padding:112px 0 48px}.features-h{font-family:var(--f-display);font-variation-settings:"opsz" 96;letter-spacing:-.035em;text-wrap:balance;max-width:20ch;margin:0 0 24px;font-size:clamp(38px,6.2vw,88px);font-weight:800;font-stretch:75%;line-height:.92}.step{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;padding-block:56px;display:grid}.step.flip .shots{order:2}.steps{margin:0;padding:0;list-style:none}.step-copy{gap:14px;max-width:30rem;display:grid}.step-n{font-family:var(--f-display);color:var(--verm-text);font-size:72px;font-weight:800;font-stretch:75%;line-height:.8}.step-note{font-family:var(--f-display);font-weight:800;font-stretch:85%;color:var(--verm-text)!important;font-size:24px!important;line-height:1.15!important}.step-copy h3{font-family:var(--f-display);letter-spacing:-.025em;margin:0;font-size:clamp(32px,3.6vw,48px);font-weight:800;font-stretch:85%;line-height:1}.step-copy p{color:var(--ink);margin:0;font-size:19px;line-height:1.55}.shots{justify-content:center;min-height:420px;display:flex;position:relative}.shot{z-index:2;filter:drop-shadow(0 30px 40px #12111438);width:min(300px,70vw);height:auto;position:relative}.shot.back{z-index:1;opacity:.95;width:min(250px,58vw);position:absolute;transform:translate(46%,8%)rotate(6deg)}.reveal.pre{opacity:0;transform:translateY(28px)}.reveal.in{opacity:1;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:none}.hk{flex-wrap:wrap;gap:8px;margin:40px 0 0;padding:0;list-style:none;display:flex}.hk li{background:var(--haze);color:var(--ink);border-radius:999px;padding:8px 14px;font-size:15px}.close{background:var(--night);color:var(--paper);padding:96px 0}.close .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px 40px;display:flex}.close h2{font-family:var(--f-display);font-variation-settings:"opsz" 96;letter-spacing:-.035em;text-wrap:balance;max-width:16ch;margin:0;font-size:clamp(40px,6vw,80px);font-weight:800;font-stretch:75%;line-height:.95}.close .zh{font-family:var(--f-brush);letter-spacing:0;color:var(--verm);text-shadow:0 0 8px #ff7a5ccc,0 0 28px #ff7a5c73;font-stretch:100%}footer{color:var(--mute);padding:40px 0 56px;font-size:15px}footer .wrap{flex-wrap:wrap;align-items:center;gap:12px 32px;display:flex}footer img{width:auto;height:34px;margin-right:auto}footer a{color:var(--ink)}.doc{max-width:680px;margin:0 auto;padding:48px 20px 80px}.doc h1{font-family:var(--f-display);letter-spacing:-.02em;margin:0 0 16px;font-size:40px;font-weight:800;font-stretch:85%}.doc h2{margin:28px 0 8px;font-size:19px}@media (max-width:860px){.hero .wrap{grid-template-columns:1fr;gap:26px;min-height:0;padding:34px 32px 44px}.step,.step.flip{grid-template-columns:1fr;gap:28px;padding-block:40px}.step.flip .shots{order:0}.shots{min-height:0}.shot.back{display:none}.features{padding-top:72px}.frame{border-radius:26px;inset:8px}.frame:after{border-radius:20px;inset:7px}.kai,.star.m-hide,.nav-links a.m-hide{display:none}}@media (max-width:420px){.hero .wrap{padding-inline:30px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.try{background:var(--night);min-height:100vh;color:var(--paper);padding:40px max(20px, env(safe-area-inset-left), calc((100% - 760px) / 2)) 64px;align-content:start;gap:22px;display:grid}.try-home img{width:auto;height:34px}.try h1{font-family:var(--f-display);font-variation-settings:"opsz" 96;letter-spacing:-.035em;margin:12px 0 0;font-size:clamp(48px,9vw,88px);font-weight:800;font-stretch:75%;line-height:.9}.try-lede{color:#d9d7d1;max-width:46ch;margin:0;font-size:19px}.try-picks{grid-template-columns:1fr 1fr;gap:14px;display:grid}.try-pick{color:var(--paper);background:#1e1d24;border:1px solid #3a3940;border-radius:24px;gap:8px;min-height:44px;padding:22px;text-decoration:none;display:grid}.try-pick b{font-family:var(--f-display);color:var(--mint);font-size:30px;font-weight:800;font-stretch:85%}.try-pick:last-child b{color:var(--verm)}.try-pick span{color:#cfcdc7;font-size:16px}.try-pick:hover,.try-pick:focus-visible{border-color:var(--mint)}.try-note{color:var(--gold);background:#1e1d24;border-left:0;border-radius:16px;max-width:56ch;margin:0;padding:14px 16px;font-size:16px}.try-tip{color:#a9a7a2;margin:0;font-size:14px}@media (max-width:600px){.try-picks{grid-template-columns:1fr}}.hb{background:var(--night);isolation:isolate;min-height:max(720px,100svh)}.hb .smoke{pointer-events:none;z-index:0;border-radius:50%;position:absolute}.hb .smoke.a{background:radial-gradient(circle,#3a3940e6,#3a394000 68%);width:46vw;height:46vw;top:8%;left:8%}.hb .smoke.b{background:radial-gradient(circle,#3a3940d9,#3a394000 68%);width:50vw;height:50vw;top:35%;right:0}.hb:after{content:"";z-index:2;pointer-events:none;background:radial-gradient(closest-side,#121114e0,#12111400);border-radius:50%;width:min(760px,70vw);height:560px;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.hb .frame{z-index:6}.hb .wrap{min-height:inherit;z-index:4;flex-direction:column;padding-bottom:56px;display:flex}.hb .nav{width:100%}.hb .copy{text-align:center;justify-items:center;gap:22px;max-width:680px;margin:auto;padding-top:36px}.hb .copy h1{letter-spacing:-.045em;font-size:clamp(52px,7.6vw,96px);line-height:.9}.hb .copy h1 .zh{text-shadow:0 0 6px #ff7a5cf2,0 0 24px #ff7a5c99,0 0 48px #ff7a5c59;font-size:1.17em;line-height:1.05;display:block}.hb .pf{display:block}.hb .cyc{height:1em;margin-top:.02em;display:grid}.hb .w{white-space:nowrap;opacity:0;grid-area:1/1;justify-content:center;align-items:center;gap:.12em;display:flex}.hb .w:first-child{opacity:1}.hb .ic{filter:drop-shadow(0 0 6px);transform-origin:50% 80%;flex:none;width:.66em;height:.66em}.hb .copy .lede{max-width:44ch}.hb .ctas{justify-content:center}.posters,.bubbles{pointer-events:none;position:absolute;inset:0}.posters{z-index:1}.hposter{aspect-ratio:4/5;object-fit:cover;height:auto;transform:rotate(var(--r));filter:brightness(.92);border-radius:14px;position:absolute;box-shadow:0 40px 70px -30px #000000e6,0 0 0 1px #ffffff14}.hposter.far{filter:blur(2px)brightness(.55)saturate(.8);z-index:-1}.hposter.card{box-sizing:border-box;color:var(--night);flex-direction:column;justify-content:space-between;padding:18px;display:flex}.hposter.card .mono{font-family:var(--f-mono);letter-spacing:.12em;font-size:11px}.hposter.card .row2{letter-spacing:0;justify-content:space-between;display:flex}.hposter.junk{background:#ffcb6b radial-gradient(#12111422 1.2px,#0000 1.4px) 0 0/9px 9px}.hposter.junk b{font-family:var(--f-display);letter-spacing:-.045em;font-size:56px;font-weight:800;font-stretch:75%;line-height:.84}.hposter.plant{background:linear-gradient(160deg,#2f6b4f,#9fd9a8)}.hposter.plant .mono:first-child{color:#e9f7ec}.hposter.plant b{font-family:"Bagel Fat One", var(--f-display);color:#fffdf5;font-size:32px;font-weight:400;line-height:.95}.hb .stars{z-index:3}.bubbles{z-index:5}.bub{-webkit-backdrop-filter:blur(14px)saturate(1.4);color:var(--paper);white-space:nowrap;opacity:0;background:#28272e99;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:4px;padding:7px 14px 7px 7px;font-size:14px;display:flex;position:absolute;box-shadow:inset 0 1px #fff3,0 14px 30px -14px #000000e6}.bub span{width:24px;height:24px;color:var(--night);border-radius:50%;place-items:center;margin-right:4px;font-size:12px;font-weight:700;display:grid}.hb .fan{display:none}@media (prefers-reduced-motion:no-preference){.hb .smoke.a{animation:18s ease-in-out infinite orbA}.hb .smoke.b{animation:22s ease-in-out infinite orbB}.hposter{animation:float var(--d) ease-in-out infinite}.hb .w{animation:15s infinite word}.hb .w:first-child{opacity:0}.hb .ic{animation:1.6s ease-in-out infinite wig}.bub{animation:18s ease-in-out infinite bub}}@media (prefers-reduced-motion:reduce){.bub:first-child{opacity:1}}@keyframes orbA{0%,to{transform:translate(0)scale(1)}50%{transform:translate(80px,40px)scale(1.15)}}@keyframes orbB{0%,to{transform:translate(0)scale(1.1)}50%{transform:translate(-90px,-30px)scale(.95)}}@keyframes float{0%,to{transform:translateY(0) rotate(var(--r))}50%{transform:translateY(-12px) rotate(var(--r))}}@keyframes word{0%{opacity:0;filter:blur(10px);transform:translateY(18px)}4%,18%{opacity:1;filter:blur();transform:none}22%,to{opacity:0;filter:blur(10px);transform:translateY(-18px)}}@keyframes wig{0%,to{transform:rotate(-8deg)scale(1)}50%{transform:rotate(8deg)scale(1.08)}}@keyframes bub{0%{opacity:0;transform:translateY(12px)scale(.85)}3%{opacity:1;transform:translateY(0)scale(1.04)}5%{transform:scale(1)}14%{opacity:1;transform:translateY(-14px)}18%,to{opacity:0;transform:translateY(-26px)}}@media (max-width:1180px){.hposter{transform-origin:0 0;scale:.78}.posters .hposter[style*=right]{transform-origin:100% 0}}@media (max-width:860px){.hb{min-height:0}.posters,.bubbles{display:none}.hb:after{width:100%;top:34%}.hb .copy{padding-top:28px}.hb .fan{z-index:3;justify-content:center;margin-top:34px;display:flex;position:relative}.hb .fan img{border-radius:12px;width:min(29vw,150px);height:auto;box-shadow:0 30px 50px -24px #000000e6}.hb .fan img:first-child{transform:rotate(-8deg)translate(18%,6%)}.hb .fan img:nth-child(2){z-index:1;transform:translateY(-4%)}.hb .fan img:nth-child(3){transform:rotate(8deg)translate(-18%,6%)}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
