@font-face{font-family:"Noto Serif SC";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/noto-serif-sc.woff2) format("woff2")}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/noto-sans-sc-400.woff2) format("woff2")}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/noto-sans-sc-500.woff2) format("woff2")}@font-face{font-family:Spectral;font-style:normal;font-weight:200;font-display:swap;src:url(/fonts/spectral-200.woff2) format("woff2")}@font-face{font-family:Spectral;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/spectral-300.woff2) format("woff2")}@font-face{font-family:Spectral;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/spectral-400.woff2) format("woff2")}@font-face{font-family:Spectral;font-style:italic;font-weight:200;font-display:swap;src:url(/fonts/spectral-200i.woff2) format("woff2")}@font-face{font-family:Spectral;font-style:italic;font-weight:300;font-display:swap;src:url(/fonts/spectral-300i.woff2) format("woff2")}@font-face{font-family:Spectral;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/spectral-400i.woff2) format("woff2")}:root{--night-paper:#0d0b09;--night-raised:#141110;--night-ink:#f4efe4;--night-ink2:#ddd5c6;--night-body:#c6bcab;--night-ink3:#a2957f;--night-muted:#8b7f6e;--night-ph:#5f5540;--night-verm:#d94436;--night-gold:#c9a44c;--ink:var(--night-ink);--ink2:var(--night-ink2);--body:var(--night-body);--ink3:var(--night-ink3);--muted:var(--night-muted);--ph:var(--night-ph);--verm:var(--night-verm);--gold:var(--night-gold);--r:244,239,228;--serif:"Noto Serif SC",serif;--label:"PunctLatin","Noto Sans SC",sans-serif;--display:"Spectral",Georgia,serif;--gutter:clamp(20px,4.4vw,72px);--max:1280px}@font-face{font-family:PunctLatin;src:local("Helvetica Neue"),local("Helvetica"),local("Arial");unicode-range:U+2018,U+2019,U+201C,U+201D,U+2032,U+2033}*{box-sizing:border-box;margin:0;padding:0;border-radius:0}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{background:var(--night-paper);color:var(--ink);font-family:var(--display);overflow-x:hidden}body,body *{transition:color .5s ease,border-color .5s ease,background-color .5s ease}#bg,.device,.device *{transition:none}#bg{position:fixed;inset:0;z-index:-2;background:var(--night-paper)}#grain{position:fixed;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(201,164,76,.055) 0 1px,transparent 1px 3px)}.eyebrow{font:500 9px/1 var(--label);letter-spacing:.28em;text-transform:uppercase;color:var(--muted)}.zh{font-family:var(--serif)}.prose{font:300 clamp(15.5px,1.15vw,17.5px)/1.6 var(--display);color:var(--body);max-width:31em;text-wrap:pretty}section{position:relative;padding:0 var(--gutter)}.wrap{max-width:var(--max);margin:0 auto;width:100%}.rv{opacity:0;transform:translateY(11px)}.rv.in{opacity:1;transform:none;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.rv.d1{transition-delay:.07s}.rv.d2{transition-delay:.14s}.sim{position:relative;flex:none}.iphone{position:absolute;top:0;left:0;width:402px;height:874px;transform-origin:top left;transform:scale(var(--s,1));background:#000;border-radius:66px;padding:12px;box-sizing:border-box;border:1px solid rgba(244,239,228,.22)}.screen{position:relative;width:100%;height:100%;border-radius:54px;overflow:hidden;display:flex;flex-direction:column;background:#000}.homebar{position:absolute;bottom:9px;left:50%;transform:translate(-50%);width:144px;height:5px;border-radius:3px;background:#ffffff73;z-index:9}.ios-status{height:54px;flex:none;display:grid;grid-template-columns:1fr 125px 1fr;align-items:center;position:relative;z-index:8}.ios-status .l{justify-self:center;display:flex;align-items:center;gap:7px}.ios-status .r{grid-column:3;justify-self:center;display:flex;align-items:center;gap:7px}.ios-status .t{font:600 17px/1 -apple-system,SF Pro Text,Helvetica,Arial,sans-serif;letter-spacing:.01em;font-variant-numeric:tabular-nums}.ios-status svg{display:block}.ios-status .batt{position:relative;display:flex;align-items:center}.ios-status .batt b{position:absolute;left:4.5px;top:50%;transform:translateY(-50%);font:600 10px/1 -apple-system,Helvetica,Arial,sans-serif;letter-spacing:-.03em}.island{position:absolute;top:11px;left:50%;transform:translate(-50%);width:125px;height:36.7px;border-radius:19px;background:#000;z-index:9}#heroTrack{height:590vh;position:relative}#hero{position:sticky;top:0;height:100svh;display:flex;align-items:center;padding-top:56px;padding-bottom:40px}#hero .grid{display:grid;grid-template-columns:1.03fr .97fr;gap:clamp(38px,6vw,100px);align-items:center}h1{font:200 clamp(36px,5.4vw,72px)/1.07 var(--display);letter-spacing:-.021em;color:var(--ink);margin:16px 0 20px;max-width:13em}.hero-copy .zh-l{font-family:var(--serif);font-weight:400;letter-spacing:.02em}.hero-copy .en-l{font-family:var(--display);font-weight:200;letter-spacing:-.021em}.hero-copy h1 .decode-pair:last-child .en-l{color:var(--verm);font-style:italic;font-weight:300}.hero-copy .prose{max-width:36em}.hero-copy .prose .zh-l{font-size:17px;line-height:1.75;color:var(--body)}.hero-copy .prose .en-l{font-size:17px;line-height:1.6;color:var(--body)}.decode-pair{display:grid;align-items:start;overflow:hidden}.decode-pair>span{grid-area:1/1}.decode-pair.block>span{display:block}.decode-pair i{font-style:inherit}.decode-pair .zh-l i{display:inline-block;will-change:opacity,transform,filter}.decode-pair .en-l i{display:inline;opacity:0}.decode-pair i.scr{color:var(--verm)}.brand{position:absolute;top:clamp(22px,3.6vh,42px);left:var(--gutter);display:flex;align-items:center;gap:11px;z-index:5;text-decoration:none}.brand svg{display:block}.brand b{font:500 10px/1 var(--label);letter-spacing:.3em;text-transform:uppercase;color:#f4efe4}.cta{margin-top:clamp(24px,4vh,44px)}.cta form{margin:0 0 11px;max-width:460px;justify-content:flex-start}.cta input[type=email]{text-align:left}.btn{background:var(--verm);border:1px solid var(--verm);color:#0d0b09;padding:14px 26px;font:500 9px/1 var(--label);letter-spacing:.28em;text-transform:uppercase;transition:opacity .25s ease}.cta form button.btn:hover{background:var(--verm);opacity:.86}.phone-col{display:flex;flex-direction:column;align-items:center}.device{flex:1;min-height:0;position:relative;background:var(--night-paper);display:flex;flex-direction:column}.device:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;background:repeating-linear-gradient(0deg,rgba(201,164,76,.055) 0 1px,transparent 1px 3px)}.screen.app-screen{background:var(--night-paper)}.screen.app-screen .ios-status{color:var(--night-ink2)}.d-head{padding:11px 20px 0;position:relative;z-index:2;background:var(--night-paper)}.d-head .row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:9px;transition:opacity .16s ease}.d-head.swap .row{opacity:0}.d-head .row>*{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.d-head .q{font:500 9px/1 var(--label);letter-spacing:.18em;text-transform:uppercase;color:var(--night-gold);opacity:.82}.d-head .eyebrow{color:var(--night-muted)}.track{height:1px;background:#f4efe41f;position:relative}.track b{position:absolute;inset:0 auto 0 0;background:var(--night-gold);display:block;transition:width .55s cubic-bezier(.16,1,.3,1)}.d-view{flex:1;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 20px,#000 calc(100% - 20px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 20px,#000 calc(100% - 20px),transparent 100%)}#reel{position:absolute;top:0;left:0;right:0;will-change:transform;padding-bottom:calc(var(--vh,560px) * .28)}.st{min-height:var(--vh,560px);padding:26px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px}.c-tabs{display:flex;border-top:1px solid rgba(244,239,228,.13);position:relative;z-index:2;background:var(--night-paper);padding-bottom:22px}.c-tabs div{flex:1;text-align:center;padding:11px 0 13px;font:500 9px/1 var(--label);letter-spacing:.18em;text-transform:uppercase;color:var(--night-muted)}.c-tabs div.on{color:var(--night-verm);box-shadow:inset 0 2px 0 var(--night-verm)}.hero-cell{border-top:1px solid rgba(244,239,228,.15);border-bottom:1px solid rgba(244,239,228,.15);width:100%;display:flex;align-items:center;justify-content:center;padding:15px 0}.hero-glyph{font:400 86px/1 var(--serif);color:var(--night-ink)}.py{font:400 18px/1 var(--display);letter-spacing:.05em;color:var(--night-verm);height:18px;text-align:center}.py.hidden{color:var(--night-ph);letter-spacing:.3em}.gloss{font:300 16px/1.3 var(--display);font-style:italic;color:var(--night-ink3);text-align:center}.sublabel{font:400 9px/1 var(--label);letter-spacing:.22em;text-transform:uppercase;color:var(--night-muted)}.words{display:flex;gap:15px;font:400 19px/1 var(--serif);color:var(--night-ink2);margin-top:8px}.words i{font-style:normal;transition:color .38s ease}.words span.lit i{color:var(--night-verm)}.opts{display:flex;flex-direction:column;gap:7px;width:100%}.opt{border:1px solid rgba(244,239,228,.2);padding:11px 0;text-align:center;font:400 18px/1 var(--display);color:var(--night-ink2)}.opt.sel{border:2px solid var(--night-verm);background:#d944362b;color:var(--night-ink)}.opt.look{border-color:var(--night-gold);color:var(--night-ink2)}.band{display:grid;grid-template-columns:repeat(7,1fr);width:100%;border-top:1px solid rgba(244,239,228,.15);border-left:1px solid rgba(244,239,228,.15)}.band span{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font:400 16px/1 var(--serif);color:var(--night-ink2);border-right:1px solid rgba(244,239,228,.15);border-bottom:1px solid rgba(244,239,228,.15)}.band span.tapped{color:var(--night-verm);background:#d9443629}.sent{font:400 25px/1.7 var(--serif);color:var(--night-ink);text-align:center}.slot{display:inline-block;min-width:28px;border-bottom:2px solid var(--night-gold);color:transparent}.slot.filled{border-bottom-color:var(--night-verm);color:var(--night-verm)}.vault{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 16px;width:100%;padding:0 6px}.vault span{display:flex;flex-direction:column;align-items:center;gap:8px}.vault b{font:400 27px/1 var(--serif);color:var(--night-ink)}.vault i{display:block;width:100%;height:2px;background:#f4efe421;position:relative}.vault i:after{content:"";position:absolute;inset:0 auto 0 0;background:var(--night-gold);width:0;transition:width .7s cubic-bezier(.16,1,.3,1)}.vault.on i:after{width:calc(var(--v,0) * 1%)}.vault .untracked b{color:var(--night-ph)}.vault em{display:block;height:2px;text-align:center;font-style:normal;font:400 15px/0 -apple-system,PingFang SC,Noto Sans SC,sans-serif;color:var(--night-ph)}.hint{font:500 9px/1 var(--label);letter-spacing:.18em;text-transform:uppercase;color:var(--night-ph);text-align:center;margin-top:6px}.band span{transition:background-color .16s ease,color .16s ease}.opt,.slot,.py{transition:all .2s ease}form{display:flex;gap:12px;align-items:flex-end;margin:clamp(24px,4vh,40px) auto 13px;flex-wrap:wrap;max-width:560px;width:100%;justify-content:center}input[type=email]{flex:1;min-width:230px;background:transparent;border:0;border-bottom:2px solid var(--gold);padding:11px 2px;text-align:center;font:300 19px/1.3 var(--display);color:var(--ink);outline:none}input[type=email]::placeholder{color:var(--muted)}input[type=email].ok{border-bottom-color:var(--verm);color:var(--verm)}button{background:transparent;border:1px solid var(--verm);color:var(--verm);padding:13px 24px;cursor:pointer;font:500 9px/1 var(--label);letter-spacing:.28em;text-transform:uppercase}button:hover{background:#b8352c14}.count{font:300 13.5px/1.5 var(--display);color:var(--ink3);margin-top:2px}.count[hidden]{display:none}.done{font:500 10px/1 var(--label);letter-spacing:.28em;text-transform:uppercase;color:var(--verm);padding:18px 0;display:none}footer{border-top:1px solid rgba(var(--r),.13);padding:22px var(--gutter) 32px}footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.mark{display:flex;align-items:center;gap:10px}.mark b{font:500 10px/1 var(--label);letter-spacing:.3em;text-transform:uppercase;color:var(--ink2)}footer .links{display:flex;gap:20px}footer a{font:500 9px/1 var(--label);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);text-decoration:none}footer a:hover{color:var(--verm)}@media(max-width:860px){#heroTrack{height:600svh}#hero{position:sticky;top:0;height:100svh;min-height:0;padding-top:46px;padding-bottom:12px;display:flex;align-items:center}#hero .grid{display:flex;flex-direction:column;justify-content:center;gap:10px;height:100%;width:100%;position:relative}.hero-copy,.phone-col{transition:opacity .4s ease}#hero .phone-col{display:flex;position:absolute;inset:0;justify-content:center;opacity:0;pointer-events:none}body.feed-phase .hero-copy{opacity:0;pointer-events:none}body.feed-phase #hero .phone-col{opacity:1;pointer-events:auto}.hero-copy{flex:0 0 auto}h1{font-size:clamp(34px,9vw,52px);line-height:1.08;margin:0 0 14px;max-width:none}.hero-copy .prose{max-width:none}.hero-copy .prose .zh-l{font-size:16px;line-height:1.75}.hero-copy .prose .en-l{font-size:16px;line-height:1.6}.brand{top:16px}.cta{margin-top:22px}form{flex-direction:column;align-items:stretch;gap:12px;max-width:none}.cta form{margin-bottom:9px}input[type=email]{min-width:0;width:100%}form button{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}#heroTrack{height:auto}#hero{position:static;height:auto;min-height:0;padding-top:80px;padding-bottom:60px}.sim{margin-inline:auto}#rmStage{padding:40px var(--gutter)}.rm-beat{display:grid;grid-template-columns:1fr;gap:24px;align-items:start;max-width:820px;margin:0 auto clamp(48px,7vh,80px)}.rm-screen{width:min(340px,100%);border:1px solid rgba(244,239,228,.15);background:var(--night-paper)}.rm-head{display:flex;justify-content:space-between;gap:10px;padding:13px 17px 12px;border-bottom:1px solid rgba(244,239,228,.13)}.rm-head .q{font:500 9px/1 var(--label);letter-spacing:.18em;text-transform:uppercase;color:var(--night-gold);opacity:.82}.rm-head .eyebrow{color:var(--night-muted)}.st{min-height:0;padding:30px 17px}}
