@font-face{font-family:Newsreader;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/newsreader.woff2) format("woff2")}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/instrument-sans.woff2) format("woff2")}:root{--paper: #F5F6F8;--surface: #FFFFFF;--rail: #ECEEF2;--ink: #0E1726;--ink2: #475264;--ink3: #768093;--link: #9A5E00;--amber: #F2A93B;--amber-ink: #1B1204;--band: #12151C;--band-ink: #F2F4F7;--band-ink2: #A7AEBB;--rule: rgba(14,23,38,.14);--accent: var(--link);--accent2: var(--amber);--accent-soft: rgba(242,169,59,.16);--border: var(--rule);--border-strong: rgba(14,23,38,.28);--radius: 12px;--serif: "Newsreader", "Iowan Old Style", "Songti SC", "Noto Serif SC", "Noto Serif CJK SC", Georgia, serif;--font: "Instrument Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "PingFang TC", "Noto Sans SC", "Microsoft YaHei", Roboto, Helvetica, Arial, sans-serif}@media (prefers-color-scheme: dark){:root{--paper: #0B1116;--surface: #121A21;--rail: #0F161C;--ink: #EDF0F4;--ink2: #A2ADBB;--ink3: #6C7786;--link: #F2B04D;--amber-ink: #1B1204;--band: #1B212C;--band-ink: #F2F4F7;--band-ink2: #9AA3B2;--rule: rgba(255,255,255,.13);--border-strong: rgba(255,255,255,.26);--accent-soft: rgba(242,169,59,.16)}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;font-family:var(--font);font-size:17px;background:var(--paper);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--link);outline-offset:3px;border-radius:4px}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86em;color:var(--link);background:var(--accent-soft);padding:1px 6px;border-radius:4px}.wrap{max-width:1160px;margin:0 auto;padding:0 28px}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:13px 24px;border-radius:8px;font:600 16px/1.2 var(--font);cursor:pointer}.btn:hover{background:var(--ink2);border-color:var(--ink2)}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--border-strong)}.btn.ghost:hover{background:var(--rail)}.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;height:68px}.nav:before{content:"";position:absolute;z-index:-1;inset:0 calc(50% - 50vw);background:var(--paper);border-bottom:1px solid var(--rule)}.logo{display:inline-flex;align-items:center;font:600 20px/1 var(--serif);letter-spacing:-.01em}.logo b{color:var(--link);font-weight:600}.logo-mark{width:28px;height:28px;border-radius:7px;flex:none;margin-right:10px}.navlinks{display:flex;gap:28px;align-items:center;font-size:15px;color:var(--ink2)}.navlinks a:hover{color:var(--ink)}.navlinks .btn{padding:8px 16px;font-size:14px;color:var(--paper)}.navlinks .btn:hover{color:var(--paper)}.langs{display:flex;gap:12px;font-size:13px;color:var(--ink3)}.langs a[aria-current=page]{color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}.hero{position:relative;padding:96px 28px 0}.hero h1{font:500 clamp(44px,8.2vw,104px)/.98 var(--serif);letter-spacing:-.035em;margin:0 0 32px;max-width:12em;text-wrap:balance}.hero h1 em{font-style:normal}.hero .sub{font-size:clamp(18px,2vw,21px);color:var(--ink2);max-width:34em;margin:0 0 36px}.cta{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 20px}.micro{font-size:14px;color:var(--ink3)}.hero .micro,.final .micro{display:flex;flex-wrap:wrap;gap:4px 28px;margin:0}.stage{position:relative;margin-top:72px;padding-bottom:96px}.stage:before{content:"";position:absolute;z-index:0;inset:38% calc(50% - 50vw) 0;background:var(--band)}.app-window{position:relative;z-index:1;background:var(--surface);border:1px solid var(--border-strong);border-radius:10px;overflow:hidden;box-shadow:0 30px 70px -30px #0514148c}.app-window-img{display:block;width:100%;height:auto}@media (prefers-reduced-motion: no-preference){.app-window{animation:rise .7s cubic-bezier(.2,.7,.2,1) both}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}}.section{padding:128px 0}.section.alt{background:var(--surface);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.section h2{font:500 clamp(32px,4.4vw,54px)/1.04 var(--serif);letter-spacing:-.03em;text-align:center;margin:0 auto 56px;max-width:16em;text-wrap:balance}.section h3{font:600 19px/1.3 var(--font);letter-spacing:-.01em;margin:0 0 8px}.label{display:block;text-align:center;margin:0 0 12px;font-size:15px;font-weight:600;color:var(--link)}#features>.wrap,#pricing>.wrap,#apps>.wrap{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);column-gap:80px;align-items:start}#features h2,#pricing h2,#apps h2,#how h2{text-align:left;margin:0 0 40px;max-width:11em}#features h2,#pricing h2,#apps h2{grid-column:1}#features h2{position:sticky;top:112px}.grid{grid-column:2;grid-row:1 / span 3;display:block}.card{display:grid;grid-template-columns:40px 1fr;column-gap:20px;padding:32px 0;border-top:1px solid var(--rule)}.card:first-child{border-top:0;padding-top:0}.ic{color:var(--ink);padding-top:2px}.ic svg,.app-ic svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.card h3{grid-column:2}.card p{grid-column:2;margin:0;color:var(--ink2);max-width:36em}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0 56px}.step{border-top:2px solid var(--ink);padding-top:24px}.num{font:500 72px/1 var(--serif);color:var(--link);letter-spacing:-.04em;margin-bottom:28px}.step p{margin:0;color:var(--ink2);max-width:24em}.price-teaser{grid-column:2;grid-row:1 / span 3;display:grid;grid-template-columns:1fr 1fr;gap:20px}.pt-plan{border:1px solid var(--border-strong);border-radius:var(--radius);padding:36px 32px;background:transparent}.pt-plan.featured{background:var(--band);border-color:var(--band);color:var(--band-ink)}.pt-name{font:600 17px/1 var(--font);color:var(--ink2)}.pt-plan.featured .pt-name{color:var(--amber)}.pt-price{font:500 68px/1 var(--serif);letter-spacing:-.04em;margin:28px 0 20px}.pt-price span{font:400 17px var(--font);color:var(--ink2);letter-spacing:0;margin-left:4px}.pt-plan.featured .pt-price span,.pt-plan.featured .pt-sub{color:var(--band-ink2)}.pt-sub{font-size:15px;color:var(--ink2);margin:0;line-height:1.7}#pricing .cta{grid-column:1;grid-row:2;margin:0}.apps{grid-column:2;grid-row:1 / span 3;display:block;border-bottom:1px solid var(--rule)}.app-card{display:grid;grid-template-columns:44px 1fr auto;align-items:center;column-gap:16px;padding:22px 0;border-top:1px solid var(--rule)}.app-card h3{margin:0;font-size:18px}.app-ic{color:var(--ink);display:flex}.app-status{margin:0;font-size:15px;color:var(--ink3)}.app-status.live{color:var(--link);font-weight:600}a.app-card:hover .app-status{text-decoration:underline;text-underline-offset:4px}.app-card.is-soon,.app-card.is-soon .app-ic{color:var(--ink3)}#apps .apps-note{grid-column:1;grid-row:2;margin:0;max-width:18em}.final{position:relative;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:28px 64px;padding:112px 28px;text-align:left}.final:before{content:"";position:absolute;z-index:-1;inset:0 calc(50% - 50vw);background:var(--band)}.final h2{font:500 clamp(34px,5vw,64px)/1.02 var(--serif);letter-spacing:-.03em;color:var(--band-ink);margin:0;max-width:12em;text-wrap:balance}.final .cta{margin:0 0 14px}.final .btn{background:var(--amber);border-color:var(--amber);color:var(--amber-ink)}.final .btn:hover{background:#f6bb5e;border-color:#f6bb5e}.final .micro{color:var(--band-ink2);margin:0}.final>div,.final>.cta,.final>.micro{grid-column:2}.final h2{grid-column:1;grid-row:1 / span 2}.footer{padding:40px 0 56px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;font-size:14px;color:var(--ink3)}.footer a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.pill{display:inline-block;font-size:14px;color:var(--ink2);border:1px solid var(--rule);border-radius:6px;padding:4px 12px;margin-bottom:20px}:lang(zh-Hans) .hero h1,:lang(zh-Hant) .hero h1,:lang(zh-Hans) .section h2,:lang(zh-Hant) .section h2,:lang(zh-Hans) .final h2,:lang(zh-Hant) .final h2,:lang(zh-Hans) .num,:lang(zh-Hant) .num{letter-spacing:0}:lang(zh-Hans) .hero h1,:lang(zh-Hant) .hero h1{line-height:1.12;font-weight:600}:lang(zh-Hans) body,:lang(zh-Hant) body{line-height:1.75}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}@media (max-width: 960px){#features>.wrap,#pricing>.wrap,#apps>.wrap{display:block}#features h2{position:static}.final{grid-template-columns:1fr}.final h2,.final>.cta,.final>.micro{grid-column:1;grid-row:auto}.steps{gap:0 32px}#pricing .cta{margin-top:28px}#apps .apps-note{margin-top:20px}}@media (max-width: 720px){body{font-size:16px}.wrap{padding:0 20px}.nav{height:58px;gap:12px}.navlinks{gap:16px}.navlinks>a[href^="#"],.langs{display:none}.hero{padding:56px 20px 0}.stage{margin-top:44px;padding-bottom:56px}.stage:before{top:30%}.section{padding:80px 0}.section h2,#features h2,#pricing h2,#apps h2,#how h2{margin-bottom:32px}.steps{grid-template-columns:1fr;gap:40px}.num{font-size:56px;margin-bottom:16px}.price-teaser{grid-template-columns:1fr}.pt-plan{padding:28px 24px}.final{padding:80px 20px}.footer{flex-direction:column;align-items:flex-start}}@media (max-width: 420px){.cta{flex-direction:column;align-items:stretch}.app-card{grid-template-columns:40px 1fr}.app-status{grid-column:2}}:lang(zh-Hans) #features h2,:lang(zh-Hant) #features h2,:lang(zh-Hans) #pricing h2,:lang(zh-Hant) #pricing h2,:lang(zh-Hans) #apps h2,:lang(zh-Hant) #apps h2,:lang(zh-Hans) #how h2,:lang(zh-Hant) #how h2{max-width:14em}:lang(zh-Hans) .section h2,:lang(zh-Hant) .section h2,:lang(zh-Hans) .final h2,:lang(zh-Hant) .final h2{font-weight:600}
