@font-face{font-family:Outfit;src:url(/assets/Outfit-Variable-vXxiUg8D.ttf)format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:Figtree;src:url(/assets/Figtree-Variable-nnuniQY3.ttf)format("truetype");font-weight:300 900;font-display:swap}:root{--paper:#fdf9f3;--raised:#fff;--sunken:#f4ece1;--ink:#16130f;--ink-2:#5a5048;--ink-3:#6f6459;--line:#e6dbcb;--amber:#f9a90a;--amber-wash:#fdefd2;--amber-ink:#7a5208;--peach:#ffe7d6;--tone-1:#a32520;--tone-2:#8f6100;--tone-3:#16659e;--tone-4:#7a34ad;--tone-5:#63594f;--outline:2px solid var(--ink);--pop:5px 5px 0 var(--ink);--pop-sm:3px 3px 0 var(--ink);--radius:22px;--display:"Outfit", "Noto Sans SC", system-ui, sans-serif;--body:"Figtree", "Noto Sans SC", system-ui, sans-serif;--hanzi:"Noto Sans SC", "PingFang SC", sans-serif;--serif-hanzi:"Noto Serif SC", "Songti SC", serif;--gutter:clamp(20px, 5vw, 72px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:18px;line-height:1.55;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:100;opacity:.35;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .38 0 0 0 0 .3 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}img,video{max-width:100%;display:block}a{color:inherit}h1,h2,h3{font-family:var(--display);letter-spacing:-.03em;text-wrap:balance;margin:0;line-height:1.02}p{text-wrap:pretty}mark{color:inherit;white-space:nowrap;z-index:0;background:0 0;position:relative}mark:after{content:"";background:var(--amber);z-index:-1;transform-origin:0;border-radius:.12em;height:.38em;animation:.9s cubic-bezier(.7,0,.2,1) .6s forwards swipe;position:absolute;bottom:.06em;left:-.08em;right:-.08em;transform:skew(-8deg)scaleX(0)}[data-reveal] mark:after{animation:none}[data-reveal].is-in mark:after{animation:.9s cubic-bezier(.7,0,.2,1) .3s forwards swipe}@keyframes swipe{to{transform:skew(-8deg)scaleX(1)}}.skip{z-index:200;background:var(--ink);color:var(--paper);border-radius:10px;padding:10px 16px;position:absolute;top:8px;left:-999px}.skip:focus{left:12px}:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:6px}.tone-1{color:var(--tone-1)}.tone-2{color:var(--tone-2)}.tone-3{color:var(--tone-3)}.tone-4{color:var(--tone-4)}.tone-5{color:var(--tone-5)}.nav{z-index:50;padding:14px var(--gutter);background:color-mix(in srgb, var(--paper) 86%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid #0000;align-items:center;gap:24px;transition:border-color .2s;display:flex;position:sticky;top:0}.brand{font-family:var(--display);letter-spacing:-.02em;align-items:center;gap:10px;font-size:22px;font-weight:800;text-decoration:none;display:inline-flex}.brand img{border:var(--outline);border-radius:11px}.brand--sm{font-size:18px}.brand--sm img{border-radius:8px}.nav__links{gap:28px;margin-left:auto;font-size:16px;font-weight:600;display:flex}.nav__links a{color:var(--ink-2);background:linear-gradient(var(--amber), var(--amber)) left bottom / 0 3px no-repeat;padding:6px 0;text-decoration:none;transition:background-size .25s,color .2s}.nav__links a:hover{color:var(--ink);background-size:100% 3px}.nav__cta{font-family:var(--display);border:var(--outline);background:var(--amber);box-shadow:var(--pop-sm);border-radius:999px;padding:10px 18px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s}.nav__cta:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.nav__cta:active{box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}.hero{padding:clamp(28px, 5vw, 72px) var(--gutter) clamp(64px, 8vw, 120px);grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:clamp(32px,5vw,80px);max-width:1360px;margin:0 auto;display:grid;position:relative}.eyebrow{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--amber-ink);align-items:center;gap:10px;margin:0 0 22px;font-size:14px;font-weight:700;display:inline-flex}.eyebrow__dot{background:var(--amber);border:2px solid var(--ink);border-radius:50%;width:10px;height:10px}.eyebrow--light{color:var(--amber)}.hero__title{letter-spacing:-.045em;font-size:clamp(54px,8.4vw,124px);font-weight:800;line-height:.95}.hero__lede{max-width:34ch;color:var(--ink-2);margin:28px 0 36px;font-size:clamp(18px,1.6vw,22px)}.hero__actions{flex-wrap:wrap;align-items:center;gap:18px 28px;display:flex}.link-arrow{border-bottom:2px solid var(--ink);padding-bottom:2px;font-weight:700;text-decoration:none}.link-arrow span{transition:transform .2s;display:inline-block}.link-arrow:hover span{transform:translate(4px)}.hero__note{color:var(--ink-2);margin:22px 0 0;font-size:15px;font-weight:600}.hero__facts{flex-wrap:wrap;gap:10px;margin:36px 0 0;padding:0;list-style:none;display:flex}.hero__facts li{border:2px solid var(--line);color:var(--ink-2);background:var(--raised);border-radius:999px;padding:8px 14px;font-size:15px}.hero__facts b{color:var(--ink);font-family:var(--display)}.hero__copy>*{opacity:0;animation:.8s cubic-bezier(.2,.7,.2,1) forwards rise;transform:translateY(18px)}.hero__copy>:nth-child(2){animation-delay:80ms}.hero__copy>:nth-child(3){animation-delay:.18s}.hero__copy>:nth-child(4){animation-delay:.28s}.hero__copy>:nth-child(5){animation-delay:.38s}.hero__copy>:nth-child(6){animation-delay:.46s}@keyframes rise{to{opacity:1;transform:none}}.stores{flex-wrap:wrap;gap:16px 20px;display:flex}.get .stores{justify-content:center}.store{border:var(--outline);background:var(--ink);color:var(--paper);box-shadow:5px 5px 0 var(--amber);border-radius:16px;align-items:center;gap:12px;padding:12px 22px 12px 18px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.store:is(a):hover{box-shadow:7px 7px 0 var(--amber);transform:translate(-2px,-2px)}.store__logo{width:30px;height:30px}.store__text{font-family:var(--display);letter-spacing:-.01em;flex-direction:column;font-size:22px;font-weight:700;line-height:1.05;display:flex}.store__text small{font-family:var(--body);letter-spacing:.02em;opacity:.8;font-size:12px;font-weight:500}.store--soon{cursor:default}.hero__stage{place-items:center;min-height:640px;display:grid;position:relative}.hero__glyph{z-index:1;font-family:var(--serif-hanzi);color:color-mix(in srgb, var(--amber) 45%, transparent);-webkit-text-stroke:2px color-mix(in srgb, var(--amber) 70%, var(--ink));-webkit-user-select:none;user-select:none;font-size:236px;font-weight:900;line-height:1;position:relative}.grid-cell{aspect-ratio:1;border:2px solid color-mix(in srgb, var(--tone-1) 45%, transparent);background:repeating-linear-gradient(to right, color-mix(in srgb, var(--tone-1) 30%, transparent) 0 8px, transparent 8px 16px) center / 100% 2px no-repeat, repeating-linear-gradient(to bottom, color-mix(in srgb, var(--tone-1) 30%, transparent) 0 8px, transparent 8px 16px) center / 2px 100% no-repeat;place-items:center;width:300px;animation:9s ease-in-out infinite float;display:grid;position:absolute;top:34%;left:-16%;transform:rotate(-5deg)}@keyframes float{50%{transform:rotate(-3deg)translateY(-12px)}}.grid-cell:before,.grid-cell:after{content:"";background:repeating-linear-gradient(to right, color-mix(in srgb, var(--tone-1) 22%, transparent) 0 8px, transparent 8px 16px) center / 141.4% 2px no-repeat;position:absolute;inset:0;transform:rotate(45deg)}.grid-cell:after{transform:rotate(-45deg)}.phone{z-index:2;aspect-ratio:886/1920;border:3px solid var(--ink);width:min(100%,340px);box-shadow:10px 12px 0 var(--ink), 0 40px 80px -30px #7a520873;background:var(--paper);opacity:0;border-radius:46px;justify-self:end;margin-right:5%;animation:1s cubic-bezier(.2,.8,.2,1) .25s forwards phone-in;position:relative;overflow:hidden;transform:translateY(30px)rotate(2deg)}@keyframes phone-in{to{opacity:1;transform:rotate(2deg)}}.phone__video{object-fit:cover;width:100%;height:100%}.phone__sound{z-index:2;border:var(--outline);background:var(--raised);width:46px;height:46px;color:var(--ink);box-shadow:2px 2px 0 var(--ink);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:14px;right:14px}.phone__sound svg{width:24px;height:24px}.phone__poster{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.phone__play{border:var(--outline);background:var(--amber);width:84px;height:84px;box-shadow:var(--pop-sm);cursor:pointer;border-radius:50%;place-items:center;margin:auto;display:grid;position:absolute;inset:0}.phone__play svg{width:36px;height:36px;margin-left:4px}.sticker{z-index:3;border:var(--outline);background:var(--raised);box-shadow:var(--pop-sm);font-family:var(--display);opacity:0;border-radius:16px;font-weight:700;animation:.6s cubic-bezier(.3,1.6,.5,1) forwards pop;position:absolute}@keyframes pop{0%{opacity:0;transform:scale(.6) rotate(var(--r,0deg))}to{opacity:1;transform:scale(1) rotate(var(--r,0deg))}}.sticker--streak{--r:-6deg;background:var(--amber-wash);padding:10px 16px;font-size:18px;animation-delay:.9s;top:8%;left:6%}.sticker--card{--r:5deg;flex-direction:column;align-items:center;padding:12px 18px 10px;animation-delay:1.1s;display:flex;bottom:12%;right:0}.sticker__hanzi{font-family:var(--hanzi);font-size:34px;line-height:1.1}.sticker__py{font-family:var(--body);gap:3px;font-size:16px;font-weight:600;display:flex}.ticker{border-block:var(--outline);background:var(--amber);margin:0 -20px;overflow:hidden;transform:rotate(-1.2deg)}.ticker__track{width:max-content;animation:48s linear infinite marquee;display:flex}.ticker:hover .ticker__track{animation-play-state:paused}.ticker__item{border-right:2px solid var(--ink);white-space:nowrap;align-items:baseline;gap:12px;padding:16px 30px;display:inline-flex}.ticker__hanzi{font-family:var(--hanzi);font-size:28px;font-weight:700}.ticker .py{background:var(--paper);border:2px solid var(--ink);border-radius:999px;gap:2px;padding:2px 10px;font-size:17px;font-weight:700;display:inline-flex}.ticker__gloss{color:color-mix(in srgb, var(--ink) 75%, var(--amber));font-size:16px;font-weight:600}@keyframes marquee{to{transform:translate(-50%)}}.section-head{text-align:center;max-width:900px;margin:0 auto clamp(48px,7vw,96px)}.section-head h2{font-size:clamp(40px,6vw,84px);font-weight:800}[data-reveal]{opacity:0;transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transform:translateY(28px)}[data-reveal].is-in{opacity:1;transform:none}.features{padding:clamp(96px, 12vw, 168px) var(--gutter) clamp(48px, 6vw, 96px);max-width:1240px;margin:0 auto}.features__cta{text-align:center;justify-items:center;gap:22px;margin-top:clamp(24px,4vw,48px);display:grid}.features__cta p{font-family:var(--display);margin:0;font-size:clamp(22px,2.4vw,30px);font-weight:700}.features__cta .stores{justify-content:center}.feature{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:center;gap:clamp(32px,7vw,120px);padding:clamp(40px,6vw,72px) 0;display:grid}.feature+.feature{border-top:2px dashed var(--line)}.feature--flip .feature__copy{order:2}.feature__kicker{font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--amber-ink);align-items:center;gap:12px;margin:0 0 18px;font-size:15px;font-weight:700;display:flex}.feature__num{border:var(--outline);background:var(--amber);width:38px;height:38px;color:var(--ink);letter-spacing:0;box-shadow:2px 2px 0 var(--ink);border-radius:12px;place-items:center;font-size:15px;display:inline-grid}.feature h3{margin-bottom:20px;font-size:clamp(32px,3.6vw,52px);font-weight:800}.feature p{color:var(--ink-2);max-width:46ch;margin:0 0 22px}.feature ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.feature li{padding-left:30px;font-weight:600;position:relative}.feature li:before{content:"";border:2px solid var(--ink);background:var(--amber);border-radius:5px;width:16px;height:16px;position:absolute;top:.38em;left:0;transform:rotate(45deg)scale(.8)}.feature__shot{justify-self:center;width:min(100%,360px);margin:0;position:relative}.feature__shot img{z-index:1;border:3px solid var(--ink);width:100%;height:auto;box-shadow:8px 10px 0 var(--ink);background:var(--paper);border-radius:36px;transition:transform .5s cubic-bezier(.2,.7,.2,1);position:relative}.feature:nth-child(odd) .feature__shot img{transform:rotate(-2deg)}.feature:nth-child(2n) .feature__shot img{transform:rotate(2deg)}.feature__shot:hover img{transform:rotate(0)translateY(-6px)}.feature__glyph{z-index:0;font-family:var(--serif-hanzi);color:var(--amber-wash);-webkit-text-stroke:2px color-mix(in srgb, var(--amber) 55%, transparent);-webkit-user-select:none;user-select:none;font-size:clamp(300px,34vw,480px);font-weight:900;line-height:1;position:absolute;top:50%;left:50%;translate:-50% -50%}.how{padding:clamp(64px, 9vw, 128px) var(--gutter);max-width:1240px;margin:0 auto}.how__steps{counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.how__steps li{border:var(--outline);border-radius:var(--radius);background:var(--raised);box-shadow:var(--pop);padding:32px 28px 30px;position:relative}.how__steps li:nth-child(2){background:var(--amber-wash);transition-delay:.1s}.how__steps li:nth-child(3){background:var(--peach);transition-delay:.2s}.how__n{font-family:var(--display);letter-spacing:-.04em;color:#0000;-webkit-text-stroke:2px var(--ink);margin-bottom:18px;font-size:64px;font-weight:800;line-height:1;display:block}.how__steps h3{margin-bottom:10px;font-size:28px;font-weight:800}.how__steps p{color:var(--ink-2);margin:0}.offline{padding:clamp(32px, 5vw, 64px) var(--gutter) clamp(80px, 10vw, 140px);max-width:1300px;margin:0 auto}.offline__card{border:var(--outline);background:radial-gradient(circle at 92% 8%, #f9a90a47, transparent 42%), var(--ink);color:var(--paper);box-shadow:10px 12px 0 var(--amber);border-radius:36px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(32px,6vw,96px);padding:clamp(36px,6vw,80px);display:grid}.offline__card h2{margin-bottom:22px;font-size:clamp(38px,5vw,68px);font-weight:800}.offline__card p{max-width:44ch;color:color-mix(in srgb, var(--paper) 78%, var(--ink));margin:0;font-size:19px}.offline__facts{gap:16px;margin:0;display:grid}.offline__facts div{border:2px solid color-mix(in srgb, var(--paper) 22%, transparent);border-radius:18px;grid-template-columns:128px 1fr;align-items:center;gap:18px;padding:16px 20px;display:grid}.offline__facts dt{font-family:var(--display);letter-spacing:-.03em;color:var(--amber);font-size:44px;font-weight:800;line-height:1}.offline__facts dd{margin:0;font-weight:600}.get{text-align:center;padding:clamp(40px, 6vw, 80px) var(--gutter) clamp(96px, 12vw, 160px);isolation:isolate;justify-items:center;gap:22px;display:grid;position:relative}.get:before{content:"蜂";z-index:-1;font-family:var(--serif-hanzi);color:#0000;-webkit-text-stroke:2px color-mix(in srgb, var(--amber) 60%, transparent);opacity:.5;font-size:clamp(320px,42vw,560px);font-weight:900;line-height:1;position:absolute;top:50%;left:50%;translate:-50% -55%}.get__icon{border:3px solid var(--ink);box-shadow:var(--pop);border-radius:28px}.get h2{font-size:clamp(42px,6.4vw,92px);font-weight:800}.get p{color:var(--ink-2);max-width:40ch;margin:0 0 12px;font-size:20px}.foot{padding:28px var(--gutter) 40px;border-top:var(--outline);color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:16px 32px;font-size:15px;display:flex}.foot nav{flex-wrap:wrap;gap:8px 22px;display:flex}.foot nav a{font-weight:600;text-decoration:none}.foot nav a:hover{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}.foot p{margin:0 0 0 auto}@media (width<=960px){.hero{text-align:left;grid-template-columns:1fr}.hero__stage{min-height:0;padding:24px 0 8px}.phone{justify-self:center;width:min(72vw,320px);margin-right:0}.grid-cell{display:none}.sticker--streak{top:auto;bottom:30%;left:2%}.feature,.offline__card{grid-template-columns:1fr}.feature--flip .feature__copy{order:0}.how__steps{grid-template-columns:1fr}.foot p{margin-left:0}}@media (width<=640px){body{font-size:17px}.nav__links{display:none}.nav__cta{margin-left:auto}.sticker--streak{font-size:15px;left:-4px}.sticker--card{bottom:8%;right:-4px}.offline__facts div{grid-template-columns:88px 1fr}.offline__facts dt{font-size:34px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.ticker__track{animation:none}}