h2 .ph{display:inline-block}@media(min-width:900px){p .ph{display:inline-block}}#top{position:absolute;top:0;width:1px;height:1px}.hero{position:relative;overflow:hidden;padding:136px 0 72px}.hero .top{position:relative;isolation:isolate;text-align:center}.hero h1{font-size:min(max(36px,5.4vw),calc((100vw - 40px) / 9.6),76px);line-height:1.04;text-wrap:balance}.hero h1 span{white-space:nowrap}:lang(zh) .hero h1{font-size:min(max(34px,5vw),calc((100vw - 40px) / 11.5),72px);line-height:1.15}:lang(zh) .hero h1 span{white-space:normal;display:inline-block}:lang(zh) .chap h2,:lang(zh) .agents h2{font-size:min(max(30px,4vw),calc((100vw - 40px) / 12),56px)}.hero p{color:var(--mute);font-size:18px;max-width:64ch;margin:24px auto 32px;text-wrap:pretty}.cta{display:flex;gap:12px}.hero .cta{justify-content:center}.hero .bgmark{position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:-1;pointer-events:none}.hero .bgmark .kmark{width:min(760px,130vw);display:block;overflow:visible}.hero .bgmark{opacity:.32;filter:blur(44px)}.prod{position:relative;z-index:1;margin-top:64px;perspective:2000px}.prod>*{width:100%;height:auto;display:block;border-radius:20px;transform-origin:50% 0;box-shadow:0 0 0 1px var(--hairline),0 60px 120px -40px #000000b3}.chap{padding:140px 0 0}.chap h2{font-size:min(max(32px,4vw),calc((100vw - 40px) / 10.8),56px);line-height:1.08;text-wrap:balance}.chap p{color:var(--mute);font-size:18px;margin:14px 0 48px;max-width:72ch;text-wrap:pretty}.demo{margin:0;aspect-ratio:16 / 9;border-radius:20px;overflow:hidden;background:var(--panel);box-shadow:0 0 0 1px var(--hairline),0 50px 100px -50px #000c}.demo>*{width:100%;height:100%;display:block;object-fit:cover;object-position:top}.desk{position:relative;margin:0;aspect-ratio:100 / 48.5;container-type:inline-size;background:radial-gradient(60% 60% at 58% 50%,rgb(62 162 232 / 12%),transparent 70%)}.desk>div{position:absolute;bottom:0;background:#08090c;box-shadow:inset 0 0 0 1px #ffffff24,0 0 0 1px #000,0 4cqw 7cqw -2cqw #000000d9}.desk video,.desk img{display:block;width:100%;height:auto}.ipad{right:6cqw;width:72cqw;padding:1.8cqw;border-radius:3.6cqw}.ipad video{border-radius:1.6cqw}.iphone{left:9cqw;width:16cqw;padding:.7cqw;border-radius:3.2cqw;transition:transform .9s var(--ease)}.iphone img{border-radius:2.5cqw}.iphone:after{content:"";position:absolute;top:1.45cqw;left:50%;translate:-50% 0;width:4.3cqw;height:1.2cqw;border-radius:99px;background:#000}.agents{padding:140px 0 0}.agents h2{font-size:min(max(32px,4vw),calc((100vw - 40px) / 10.8),56px);line-height:1.08;text-wrap:balance}.agents .w>p{color:var(--mute);font-size:18px;max-width:72ch;text-wrap:pretty;margin:14px 0 56px}.mq{overflow:hidden;border-block:1px solid var(--hairline);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.mq ul{display:flex;width:max-content;margin:0;padding:0;list-style:none}.mq ul+ul{border-top:1px solid var(--hairline)}.mq li{display:flex;align-items:center;gap:14px;height:104px;padding:0 48px;border-right:1px solid var(--hairline);color:var(--mute);font-size:20px;letter-spacing:-.02em;white-space:nowrap;transition:color .3s}.mq li:hover{color:var(--ink)}.mq i{width:28px;height:28px;background:currentColor;mask:var(--logo) center / contain no-repeat}.close{text-align:center;margin-top:160px;padding:120px 0 140px;border-top:1px solid var(--hairline)}.close .kmark{width:120px;margin:0 auto 36px;display:block}.close h2{font-size:clamp(34px,5vw,72px);line-height:1.05;text-wrap:balance}.close p{color:var(--mute);font-size:18px;max-width:64ch;margin:20px auto 36px;text-wrap:pretty}.close .cta{justify-content:center}.close small{display:block;margin-top:20px;color:var(--dim);font-size:13px}@media(prefers-reduced-motion:no-preference){.hero h1,.hero p,.hero .cta{animation:rise 1s var(--ease) both}.hero p{animation-delay:.1s}.hero .cta{animation-delay:.2s}.prod{animation:rise 1.2s var(--ease) .2s both}@keyframes rise{0%{opacity:0;transform:translateY(20px)}}.hero .kmark path{animation:gather 1.4s var(--ease) both}.hero .kmark .p1{--dx: -26px;--dy: 14px;animation-delay:.15s}.hero .kmark .p2{--dx: 4px;--dy: -24px;animation-delay:.25s}.hero .kmark .p3{--dx: 28px;--dy: 10px;animation-delay:.35s}@keyframes gather{0%{opacity:0;transform:translate(var(--dx),var(--dy))}}@supports (animation-timeline: scroll()){.prod>*{animation:flatten linear both;animation-timeline:scroll(root);animation-range:0 560px}@keyframes flatten{0%{transform:rotateX(14deg) scale(.94)}to{transform:none}}}@supports (animation-timeline: view()){.demo{animation:lift linear both;animation-timeline:view();animation-range:entry 0% cover 35%}@keyframes lift{0%{scale:.88;opacity:.3}}}.mq ul{animation:slide 70s linear infinite}.mq ul+ul{animation-direction:reverse}.mq:hover ul{animation-play-state:paused}@keyframes slide{to{transform:translate(-50%)}}.rv{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.rv.in{opacity:1;transform:none}.desk.rv .iphone{transform:translateY(6cqw);opacity:0;transition:transform .9s var(--ease) .25s,opacity .9s var(--ease) .25s}.desk.rv.in .iphone{transform:none;opacity:1}.close .kmark path{transition:transform 1.2s var(--ease),opacity 1.2s var(--ease)}.close:not(.in) .kmark .p1{transform:translate(-30px,18px);opacity:0}.close:not(.in) .kmark .p2{transform:translateY(-30px);opacity:0}.close:not(.in) .kmark .p3{transform:translate(34px,12px);opacity:0}}@media(prefers-reduced-motion:reduce){.prod>*{transform:none}.mq{mask-image:none}.mq ul{flex-wrap:wrap;width:auto;margin-bottom:-1px}.mq .dup{display:none}.mq li{flex:1 0 auto;border-bottom:1px solid var(--hairline)}}@media(max-width:767px){.hero{padding-top:104px}.prod{margin-top:40px}.chap{padding-top:96px}.demo{aspect-ratio:4 / 3}.close{margin-top:112px;padding:96px 0 112px}.desk{aspect-ratio:100 / 56.6}.ipad{right:0;width:84cqw;padding:2cqw}.iphone{left:2cqw;width:21cqw;padding:.9cqw;border-radius:4.2cqw}.iphone img{border-radius:3.3cqw}.iphone:after{top:1.9cqw;width:5.6cqw;height:1.6cqw}.mq li{height:80px;padding:0 28px;font-size:17px}}