@font-face{font-family:Gelasio;src:url('assets/fonts/gelasio.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:WenKai;src:url('assets/fonts/wenkai.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--paper:#f7f5f2;--white:#fffefa;--ink:#302d27;--muted:#716c62;--clay:#a3482a;--line:#dbd6cc;--green:#242924;--serif:Gelasio,WenKai,Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;color-scheme:light;font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:30px}
*{box-sizing:border-box;letter-spacing:0}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 var(--sans);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{display:block;max-width:100%}svg{width:20px;height:20px;flex-shrink:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--clay);outline-offset:5px}[hidden]{display:none!important}.wrap{width:min(1160px,calc(100% - 96px));margin-inline:auto}.eyebrow{font-size:11px;font-weight:500;color:var(--clay);margin:0 0 22px;line-height:1.6}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400}h2{font-size:48px;line-height:1.28;margin-bottom:24px}h2 span,h3 span{color:var(--clay)}.section{padding-block:108px}.text-link{display:inline-flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding-block:4px}.text-link:hover{color:var(--clay)}.skip-link{position:absolute;top:-100px;left:20px;z-index:100;padding:10px 16px;background:var(--ink);color:white}.skip-link:focus{top:10px}
.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:26px;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{font:400 25px/1 var(--serif);display:inline-flex;align-items:center;gap:12px;white-space:nowrap}.brand em{font-style:normal}.brand img{border-radius:8px}.desktop-nav{display:flex;gap:32px;font-size:12px}.desktop-nav a:hover{color:var(--clay)}.header-actions{display:flex;gap:20px;align-items:center}.language{font-size:12px}.header-download{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--clay)}.header-download svg{width:16px;height:16px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:transparent;padding:0}.menu-button{display:none}.mobile-nav{position:absolute;top:100%;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:18px 0;box-shadow:0 16px 18px -20px #302d2780}.mobile-nav a{display:block;padding:12px 20px}.hero{position:relative;isolation:isolate;padding-bottom:24px}.hero-copy{position:relative;z-index:3;text-align:center;padding-top:37px;pointer-events:none}.hero-copy .eyebrow{margin-bottom:0}.hero-copy h1{font-size:94px;line-height:1.1;margin:7px 0 12px}.hero-statement{font:400 39px/1.3 var(--serif);margin-bottom:15px}.hero-statement br{display:none}.hero-statement span{color:var(--clay)}.hero-intro{font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:22px}.hero-intro br{display:none}.download{display:inline-flex;justify-content:center;align-items:center;gap:13px;background:var(--ink);color:var(--white);border:1px solid var(--ink);padding:13px 19px;border-radius:5px;font-size:13px;line-height:1.5;transition:background .18s,transform .18s;pointer-events:auto}.download svg{width:18px;height:18px}.download:hover{background:var(--clay);border-color:var(--clay);transform:translateY(-1px)}.download-note{font-size:10px;color:var(--muted);margin:12px 0 0}.phone{width:280px;flex-shrink:0;border-radius:38px;background:#171716;border:2px solid #494740;padding:5px;box-shadow:0 0 0 1px #bab6ad,0 18px 32px -19px #302d2766;overflow:hidden;}.phone img{width:100%;height:auto;object-fit:contain;border-radius:31px}.section-heading{text-align:center;max-width:650px;margin:0 auto 60px}.section-heading>p:last-child{color:var(--muted);max-width:510px;margin:0 auto;font-size:14px}.section-heading .eyebrow{margin-bottom:18px}.experience-layout{display:grid;grid-template-columns:1fr 1fr;gap:88px;align-items:center;max-width:1000px;margin:auto}.experience-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-bottom:40px}.experience-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:15px 0;margin-bottom:-1px;font-size:13px;display:flex;gap:9px;align-items:center}.experience-tabs button span{font:400 11px var(--serif);color:var(--muted)}.experience-tabs button[aria-selected=true]{border-color:var(--clay);color:var(--clay)}.mode-panel h3{font-size:38px;line-height:1.35;margin-bottom:22px}.mode-panel>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:365px}.mode-panel>small{display:block;font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin-top:30px}.experience-stage{position:relative;text-align:center;min-height:632px;display:flex;flex-direction:column;align-items:center;justify-content:center}.stage-folio{position:absolute;right:0;top:4px;font:400 145px/1 var(--serif);color:#e0ddd5;z-index:0}.screenshot{position:relative;display:block}.stage-caption{font-size:10px;color:var(--muted);margin:23px 0 0;min-height:18px}.experience-phone{width:268px}.bilingual{background:#eeede8;border-block:1px solid var(--line)}.bilingual-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;max-width:1000px}.bilingual-image{display:flex;justify-content:center}.bilingual-image .phone{width:290px}.feature-copy>p:not(.eyebrow){max-width:410px;font-size:14px;color:var(--muted)}.paragraph-sample{border-left:2px solid var(--clay);padding:8px 0 8px 22px;margin-top:32px}.paragraph-sample p{font:400 21px/1.55 var(--serif);margin-bottom:10px}.paragraph-sample p[lang=zh-Hans]{color:var(--muted)}.paragraph-sample small{color:var(--muted);font-size:10px}.paragraph-rule{width:26px;border-top:1px solid var(--line);margin:13px 0}.feature-note{display:block;color:var(--muted);font-size:10px;margin-top:28px}.night{background:var(--green);color:#f3ede1;overflow:hidden}.night-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;max-width:1000px}.night .eyebrow{color:#dcba78}.night .feature-copy>p:not(.eyebrow){color:#c0c3b8}.night-features{padding:0;margin:35px 0 0;list-style:none;display:grid;gap:16px;font-size:13px;color:#e0e1d7}.night-features li{display:flex;align-items:center;gap:14px}.night-features svg{color:#dcba78;width:18px;height:18px}.night-image{justify-self:center;transform:rotate(5deg)}.night-image .phone{width:280px;box-shadow:0 0 0 1px #84867e,0 22px 50px -8px #0005}.plans{display:grid;grid-template-columns:1fr 1fr;max-width:930px;gap:72px;margin:auto}.plan{border-top:1px solid var(--line);padding-top:26px}.plan.pro{border-top-color:var(--clay)}.plan-label{display:block;font-size:10px;color:var(--muted);margin-bottom:18px}.pro .plan-label{color:var(--clay)}.plan h3{font-size:36px;margin:0 0 8px}.plan>p{font-size:13px;color:var(--muted)}.plan ul{list-style:none;padding:0;display:grid;gap:16px;font-size:13px;margin-top:27px}.plan li{display:flex;align-items:flex-start;gap:12px}.plan li svg{color:var(--clay);width:16px;height:20px}.price-note{max-width:780px;margin:42px auto 0;text-align:center;font-size:11px;color:var(--muted)}.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.3fr;gap:80px}.faq h2{font-size:34px}.faq .text-link{font-size:12px;color:var(--muted)}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 0;font-size:14px}.faq summary::-webkit-details-marker{display:none}.faq summary svg{width:17px;height:17px;color:var(--clay);transition:transform .2s}.faq details[open] summary svg{transform:rotate(45deg)}.faq details p{font-size:13px;color:var(--muted);padding:0 28px 8px 0;line-height:1.9}.closing{padding:77px 0 82px;text-align:center;border-top:1px solid var(--line);background:#eeede8}.closing-icon{margin:0 auto 24px;border-radius:15px}.closing .eyebrow{margin-bottom:18px}.closing h2{font-size:45px;line-height:1.4;margin-bottom:28px}.shot-note{font-size:10px;text-align:center;color:var(--muted);padding-top:28px}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap;padding-block:33px}.site-footer .brand{font-size:21px}.site-footer nav{display:flex;gap:24px;font-size:11px}.site-footer small{font-size:10px;color:var(--muted)}.help-page{max-width:760px;padding-block:56px 95px;min-height:70vh}.help-page>.eyebrow{margin-top:58px}.help-page h1{font-size:50px;line-height:1.3;margin-bottom:24px}.help-intro{font-size:17px;color:var(--muted);margin-bottom:48px}.help-page section{border-top:1px solid var(--line);padding-block:24px}.help-page h2{font:400 26px/1.4 var(--serif);margin-bottom:14px}.help-page section p{color:var(--muted);font-size:14px}.help-page .download{margin-top:20px}.email-address{font-size:12px;color:var(--muted);margin-top:12px}
html[lang=en] .hero-statement{font-size:36px}html[lang=en] .desktop-nav{gap:23px}html[lang=en] h2{font-size:44px}html[lang=en] .mode-panel h3{font-size:34px}
@media(min-width:1100px) and (max-height:900px){.hero-copy{padding-top:24px}.hero-copy h1{font-size:78px;margin-bottom:6px}.hero-statement{font-size:35px}}
@media(min-width:1100px) and (max-height:780px){.hero-copy{padding-top:15px}.hero-copy h1{font-size:67px}.hero-statement{font-size:30px}.hero-intro{margin-bottom:14px}}
@media(max-width:1099px){.wrap{width:calc(100% - 64px)}.experience-layout,.bilingual-layout,.night-layout{gap:54px}.desktop-nav{gap:20px}.hero-statement{font-size:34px}.section{padding-block:84px}.plans{gap:42px}.faq{gap:40px}.site-footer nav{gap:16px}}
@media(max-width:820px){.desktop-nav{display:none}.menu-button{display:flex}.header-actions{gap:16px}.site-header{height:74px}.hero-copy{padding-top:33px}.hero-copy h1{font-size:83px}.hero-statement{font-size:34px}.hero-statement br{display:block}.hero-intro{margin-bottom:21px}.hero-intro br{display:block}.experience-layout{gap:32px}.experience-tabs{gap:18px}.mode-panel h3{font-size:31px}.experience-phone{width:230px}.experience-stage{min-height:550px}.stage-folio{font-size:108px;right:5px}.bilingual-layout,.night-layout{gap:42px}.bilingual-image .phone,.night-image .phone{width:233px}h2{font-size:37px}.feature-copy>p:not(.eyebrow){font-size:13px}.paragraph-sample p{font-size:18px}.faq{grid-template-columns:1fr;gap:20px}.faq h2{margin-bottom:16px}.plans{gap:34px}.closing h2{font-size:38px}html[lang=en] h2{font-size:36px}html[lang=en] .hero-statement{font-size:33px}html[lang=en] .mode-panel h3{font-size:29px}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.site-header{height:70px;gap:15px}.brand{font-size:24px;gap:9px}.brand img{width:29px;height:29px}.brand em{display:none}.header-actions{gap:11px}.header-download{font-size:11px;gap:5px}.header-download svg{width:13px}.language{font-size:11px}.hero-copy{padding-top:30px}.hero-copy .eyebrow{font-size:10px}.hero-copy h1{font-size:78px;margin:9px 0 12px}.hero-statement{font-size:32px;line-height:1.3;margin-bottom:18px}.hero-intro{font-size:12px}.hero .download{font-size:12px;padding:12px 15px}.hero .download-note{font-size:9px}.section{padding-block:65px}.section-heading{margin-bottom:35px;text-align:left}.section-heading h2{font-size:37px}.section-heading>p:last-child{font-size:13px;margin:0}.eyebrow{font-size:10px;margin-bottom:17px}.experience-layout{grid-template-columns:1fr;gap:24px}.experience-tabs{gap:30px;margin-bottom:28px}.experience-tabs button{font-size:13px}.mode-panel h3{font-size:33px}.mode-panel>p:not(.eyebrow){max-width:none;font-size:13px}.mode-panel>small{margin-top:18px;padding-top:14px}.experience-stage{min-height:535px}.experience-phone{width:222px}.stage-folio{font-size:132px;right:10px;top:10px}.bilingual-layout,.night-layout{grid-template-columns:1fr;gap:36px}.bilingual-image{order:2}.bilingual-image .phone{width:248px}.feature-copy h2{font-size:37px}.paragraph-sample{margin-top:24px}.paragraph-sample p{font-size:19px}.night-image .phone{width:244px}.night-image{margin-top:12px}.plans{grid-template-columns:1fr;gap:37px}.plan h3{font-size:34px}.plan ul{font-size:13px}.price-note{text-align:left;margin-top:28px}.faq{gap:14px}.faq h2{font-size:32px}.faq summary{font-size:13px;padding:20px 0}.faq details p{font-size:12px}.closing{padding-block:62px}.closing h2{font-size:33px}.closing .eyebrow{font-size:9px}.shot-note{font-size:9px;max-width:310px}.site-footer{padding-block:28px;gap:22px}.site-footer .brand em{display:inline}.site-footer nav{display:flex;gap:16px;flex-wrap:wrap;order:3;width:100%;font-size:10px}.site-footer small{margin-left:auto}.help-page{padding-top:34px}.help-page h1{font-size:38px}.help-page>.eyebrow{margin-top:38px}.help-intro{font-size:15px}.help-page h2{font-size:25px}html[lang=en] .hero-statement{font-size:28px}html[lang=en] h2{font-size:33px}html[lang=en] .hero-intro{font-size:11px}html[lang=en] .download{font-size:11px}html[lang=en] .mode-panel h3{font-size:31px}}
@media(max-width:600px) and (max-height:850px){.hero-copy{padding-top:21px}.hero-copy h1{font-size:65px}.hero-statement{font-size:29px;margin-bottom:12px}.hero-intro{margin-bottom:17px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.header-actions{gap:7px}.brand{font-size:22px}.header-download{font-size:10px}.hero-statement{font-size:27px}.experience-tabs{gap:24px}.download{font-size:11px}.closing h2{font-size:29px}.section-heading h2,.feature-copy h2{font-size:32px}html[lang=en] .hero-statement{font-size:25px}}

@media(max-width:600px) and (max-height:690px){.hero-copy{padding-top:15px}.hero-copy h1{font-size:57px}.hero-statement{font-size:27px}}
.app-store-badge{display:inline-block;vertical-align:middle;line-height:0;margin:0 12px;pointer-events:auto}
.app-store-badge img{height:48px;width:auto;max-width:none}
.hero .app-store-badge+.download-note{margin-top:14px}
.product-preview{position:relative;isolation:isolate}
.hero-gallery{display:grid;grid-template-columns:.85fr 1fr .85fr;align-items:center;gap:42px;width:min(1080px,calc(100% - 96px));margin:0 auto;padding:40px 60px 84px}
.hero-shot{margin:0;min-width:0;position:relative}
.hero-shot .screenshot{position:relative;display:block}
.hero-shot .phone{width:100%;border-radius:40px;padding:5px;box-shadow:0 0 0 1px #bab6ad,0 24px 42px -24px #302d2755}
.hero-shot .phone img{border-radius:33px}
.hero-shot:nth-child(1){transform:translateY(30px) rotate(-8deg)}
.hero-shot:nth-child(2){z-index:2;transform:rotate(-2deg)}
.hero-shot:nth-child(3){transform:translateY(36px) rotate(8deg)}
.product-preview+.experience{padding-top:48px}
@media(min-width:1100px){.hero-copy{padding-top:24px}.hero-copy h1{font-size:78px}.hero-statement{font-size:35px}}
@media(max-width:1099px){
  .hero-gallery{width:calc(100% - 64px);padding:30px 32px 70px;gap:28px}
  .hero-shot .phone{border-radius:30px;padding:4px}
  .hero-shot .phone img{border-radius:24px}
}
@media(max-width:600px){
  .hero{padding-bottom:8px}
  .hero-gallery{width:calc(100% - 32px);grid-template-columns:1fr;gap:0;padding:26px 0 72px;justify-items:center}
  .hero-shot{grid-area:1 / 1;width:44%;align-self:center}
  .hero-shot:nth-child(1){transform:translate(-57%,24px) rotate(-8deg)}
  .hero-shot:nth-child(2){width:54%;transform:rotate(-3deg)}
  .hero-shot:nth-child(3){transform:translate(57%,30px) rotate(8deg)}
  .hero-shot .phone{border-radius:25px;padding:3px}
  .hero-shot .phone img{border-radius:20px}
  .product-preview+.experience{padding-top:30px}
}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.download:hover{transform:none}}