:root{--ink:#171c25;--muted:#5c6878;--ground:#f5f7fa;--accent:#245a9c;--surface:#e6ebf1;--line:rgba(50,65,84,.12);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--ground);font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #4381ca;outline-offset:4px}h1,h2,p{margin:0}h1,h2{text-wrap:balance;letter-spacing:-.045em}p{text-wrap:pretty}.wrap{width:min(100% - 80px,1440px);margin-inline:auto}.header{height:92px;display:flex;align-items:center;gap:56px}.wordmark{display:inline-flex;align-items:center;gap:10px;font-size:17px;font-weight:650;white-space:nowrap}.wordmark img{border-radius:9px}.wordmark-en{font-weight:450;color:#6e7784;margin-left:3px}.header nav{display:flex;gap:34px;margin-left:auto;font-size:14px;color:#4e5968}.header nav a:hover,.text-link:hover,.footer a:hover{color:var(--accent)}.nav-link{font-size:14px;font-weight:600}.nav-link span{margin-left:9px}.hero{min-height:740px;display:grid;grid-template-columns:45% 55%;align-items:center;padding-bottom:64px}.hero-copy{padding:0 30px 20px 1.5vw}.platform,.section-index{font-size:14px;letter-spacing:.06em;font-weight:600;color:#657284}.platform{margin-bottom:26px}.hero h1{font-size:clamp(56px,5.65vw,88px);line-height:1.16;font-weight:650}.lead{font-size:18px;line-height:1.7;color:#505c6b;max-width:390px;margin-top:29px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:50px;padding:0 22px;border-radius:999px;font-size:15px;font-weight:600;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:#1d2735;color:white}.primary:hover{background:#31445d}.text-link{font-size:15px;font-weight:600}.availability{font-size:13px;color:#728091;margin-top:26px}.hero-scene{position:relative;min-height:650px;display:flex;justify-content:center;align-items:center;isolation:isolate}.scene-background{position:absolute;inset:18px 0;border-radius:20px;overflow:hidden;background:linear-gradient(150deg,#d8e1ea 4%,#f5f6f4 36%,#b1c3d1 68%,#d4d9de 100%);z-index:-1}.scene-background:before{content:"";position:absolute;width:70%;height:70%;border-radius:50%;background:#aabaca;filter:blur(65px);right:-20%;top:3%}.scene-background:after{content:"";position:absolute;width:75%;height:35%;border-radius:50%;background:#f9faf9;filter:blur(50px);left:-25%;bottom:0}.scene-background>span:first-child{position:absolute;left:7%;top:9%;font-size:clamp(32px,3.7vw,56px);font-weight:600;line-height:1.05;letter-spacing:-.06em;color:rgba(71,93,114,.20)}.scene-date{position:absolute;right:7%;bottom:9%;font-size:11px;letter-spacing:.12em;color:#536474}.demo-caption{position:absolute;left:7%;bottom:8%;font-size:13px;color:#3a4c5e;font-weight:600}.demo-caption span{display:block;font-weight:400;margin-top:6px;color:#617589}.demo-note{position:absolute;right:5%;bottom:5px;color:#6c7785;font-size:12px}.mote-panel{width:360px;height:510px;max-width:83%;padding:19px 19px 12px;background:rgba(250,252,255,.64);border:1px solid rgba(255,255,255,.85);border-radius:25px;backdrop-filter:blur(30px) saturate(135%);box-shadow:0 22px 60px rgba(38,56,75,.17),inset 0 1px 0 white;display:flex;flex-direction:column;color:#283444}.panel-top{height:40px;display:flex;justify-content:space-between;align-items:flex-start}.panel-brand{display:flex;align-items:center;gap:8px}.panel-brand strong,.panel-brand small{display:block;line-height:1.1}.panel-brand strong{font-size:14px}.panel-brand small{font-size:10px;color:#8490a0}.panel-tools{color:#788594}.tablist{display:flex;padding:3px;background:rgba(215,224,233,.65);border:1px solid rgba(255,255,255,.7);border-radius:11px;margin:10px 0 20px}.tablist button{flex:1;border:0;background:transparent;border-radius:8px;color:#56677b;font-size:13px;padding:8px 0;cursor:pointer}.tablist button[aria-selected=true]{background:rgba(255,255,255,.83);color:#26384c;box-shadow:0 1px 5px #8c9bac2c}.demo-page{flex:1;min-height:0}.demo-page[hidden]{display:none}.demo-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.demo-title h2{font-size:18px;letter-spacing:-.02em}.demo-title p{font-size:12px;color:#8490a0;margin-top:6px}.demo-title>span{font-size:11px;color:#65809d;background:#e6edf4;border-radius:99px;padding:5px 8px}.list-group{margin-top:21px}.list-label{font-size:11px;color:#8c98a6;font-weight:600}.task{display:flex;align-items:center;gap:10px;font-size:13px;padding:10px 1px;border-bottom:1px solid #b5c4d029}.check{width:15px;height:15px;border:1.5px solid #9da9b5;border-radius:50%;flex:none}.star{margin-left:auto;color:#9da9b5;font-size:17px}.demo-input{margin-top:20px;padding:11px;color:#96a1af;font-size:12px;background:rgba(255,255,255,.52);border:1px solid rgba(255,255,255,.8);border-radius:10px}.demo-input span{font-size:17px;vertical-align:middle}.demo-input kbd{float:right;font:inherit;color:#9ca8b4}.panel-bottom{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #b5c4d044;padding-top:10px;font-size:10px;color:#7c8a9a}.demo-search{margin:23px 0 12px;padding:10px;background:#ffffff6e;border-radius:9px;font-size:12px;color:#8e9aab}.clip{padding:13px 0;border-bottom:1px solid #aebecd44}.clip b,.clip small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clip b{font-size:13px;font-weight:550}.clip small{margin-top:6px;font-size:11px;color:#8c99a8}.timer-ring{width:165px;height:165px;border:8px solid #dce7f2;border-top-color:#658db6;border-radius:50%;margin:21px auto 12px;display:grid;place-items:center;text-align:center}.timer-ring span,.timer-ring small,.mini-timer span,.mini-timer small{display:block;color:#8c9bad;font-size:11px}.timer-ring strong,.mini-timer strong{display:block;font-size:35px;font-weight:450;font-variant-numeric:tabular-nums;letter-spacing:-.04em;margin:4px 0}.focus-task{font-size:11px;color:#8492a2;margin:13px 0}.focus-task span{float:right;color:#465b73}.demo-start{width:100%;background:#456e98;color:white;border:0;border-radius:10px;padding:10px;cursor:pointer;font-size:12px}.intro{padding:170px 0 145px;max-width:1200px}.intro h2,.feature h2,.privacy h2,.faq h2{font-size:clamp(40px,4.2vw,66px);line-height:1.19;font-weight:620}.intro h2{margin:28px 0}.intro>p:last-child{font-size:18px;line-height:1.75;max-width:550px;color:var(--muted)}.feature{display:grid;grid-template-columns:42% 58%;align-items:center;gap:0;padding-bottom:140px}.feature-copy{padding:35px 9% 35px 3%}.feature-copy h2{margin:25px 0}.feature-copy>p:last-child{font-size:17px;line-height:1.8;color:var(--muted);max-width:380px}.feature-stage{min-height:465px;border-radius:20px;display:grid;place-items:center;overflow:hidden}.task-stage{background:linear-gradient(135deg,#dce5ed,#eef2f5 47%,#bacbd7)}.clip-stage{background:linear-gradient(140deg,#d5dce5,#f0f2f4 54%,#bfccd8)}.focus-stage{background:linear-gradient(125deg,#dce5ed,#b9ccd9 65%,#e3e8eb)}.feature-window{width:340px;max-width:85%;padding:25px;border-radius:22px;background:rgba(250,252,255,.66);border:1px solid rgba(255,255,255,.85);backdrop-filter:blur(25px);box-shadow:0 20px 55px #4f647b24}.mini-heading{display:flex;justify-content:space-between;font-size:15px;font-weight:650;margin-bottom:20px}.mini-heading span:last-child{color:#8190a0;font-weight:400;font-size:12px}.mini-row{display:flex;align-items:center;gap:10px;padding:13px 0;font-size:13px;border-bottom:1px solid #b5c4d044}.mini-row>span:last-child{margin-left:auto;color:#9caab6}.mini-add{margin-top:20px;border-radius:10px;background:#ffffff7a;padding:12px;font-size:12px;color:#8997a6}.mini-add span{float:right;color:#59738e}.reverse .feature-copy{grid-column:2;grid-row:1;padding-left:15%}.reverse .feature-stage{grid-column:1;grid-row:1}.focus-window{text-align:center}.focus-window .mini-heading{text-align:left}.mini-timer{width:160px;height:160px;border-radius:50%;border:8px solid #dce7f2;border-top-color:#658db6;display:flex;flex-direction:column;justify-content:center;margin:10px auto 25px}.privacy{background:#1c2938;color:#f2f5f7;padding:125px 0}.privacy-inner{display:grid;grid-template-columns:1fr 1fr;gap:10%}.privacy .section-index{color:#a8bbce;margin-bottom:25px}.privacy-copy{max-width:540px;font-size:18px;line-height:1.8;color:#ced8e3;padding-top:22px}.privacy-copy p+p{margin-top:22px}.faq{padding:150px 0 160px;display:grid;grid-template-columns:36% 64%;gap:0}.faq .section-index{margin-bottom:24px}.questions{max-width:750px}.questions details{border-top:1px solid #cad2dc}.questions details:last-child{border-bottom:1px solid #cad2dc}.questions summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font-size:18px;font-weight:600}.questions summary::-webkit-details-marker{display:none}.questions summary:after{content:"+";font-size:25px;font-weight:300;color:#7a8897}.questions details[open] summary:after{content:"−"}.questions details p{font-size:16px;line-height:1.8;color:var(--muted);max-width:620px;padding:0 35px 24px 0}.closing{background:#dce5ee}.closing-inner{min-height:450px;display:flex;align-items:center;justify-content:space-between;padding:80px 3%}.closing h2{font-size:clamp(52px,6vw,85px);line-height:1.15;margin:26px 0 20px}.closing p:not(.section-index){font-size:17px;color:#59697a}.closing .button{margin-top:30px}.orb{height:190px;width:190px;border-radius:50%;background:#ffffff75;border:1px solid #ffffffc9;box-shadow:0 22px 65px #5d75933b,inset 0 2px 12px #fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#657385;font-size:13px;backdrop-filter:blur(15px);margin-right:8%}.orb img{width:80px;height:80px;border-radius:22px}.footer{min-height:150px;display:flex;align-items:center;gap:30px;font-size:14px}.footer p{color:#697789}.footer>a:last-child{margin-left:auto;font-weight:600}@media(max-width:900px){.wrap{width:min(100% - 48px,720px)}.header{height:78px;gap:20px}.header nav{display:none}.nav-link{margin-left:auto}.hero{grid-template-columns:1fr;padding-top:60px}.hero-copy{padding:0}.hero-scene{min-height:620px;margin-top:40px}.intro{padding:110px 0}.feature{grid-template-columns:1fr;gap:30px;padding-bottom:100px}.feature-copy,.reverse .feature-copy{grid-column:1;grid-row:auto;padding:0}.feature-stage,.reverse .feature-stage{grid-column:1;grid-row:auto}.reverse .feature-copy{grid-row:1}.reverse .feature-stage{grid-row:2}.feature-stage{min-height:420px}.privacy-inner,.faq{grid-template-columns:1fr;gap:45px}.privacy{padding:100px 0}.faq{padding:100px 0}.privacy-copy{padding:0}.closing-inner{padding:75px 0}.orb{margin-right:4%}}@media(max-width:560px){.wrap{width:calc(100% - 36px)}.header{height:70px}.hero{padding-top:48px;padding-bottom:25px}.hero h1{font-size:clamp(44px,12vw,60px)}.lead{font-size:16px}.hero-actions{margin-top:25px}.hero-scene{min-height:580px;margin-top:36px}.scene-background{inset:8px 0 20px}.scene-background>span:first-child{font-size:32px}.mote-panel{max-width:86%;height:490px;padding:17px}.demo-caption{bottom:9%;font-size:11px}.demo-caption span{font-size:10px}.scene-date{display:none}.demo-note{bottom:0;font-size:11px}.intro{padding:100px 0}.intro h2,.feature h2,.privacy h2,.faq h2{font-size:38px}.intro>p:last-child,.feature-copy>p:last-child,.privacy-copy{font-size:16px}.feature{padding-bottom:90px}.feature-stage{min-height:350px}.privacy{padding:80px 0}.faq{padding:90px 0}.questions summary{font-size:16px}.closing-inner{min-height:400px}.closing h2{font-size:48px}.orb{height:115px;width:115px;margin:0}.orb img{height:50px;width:50px;border-radius:14px}.footer{padding:40px 0;align-items:flex-start;flex-direction:column;gap:15px}.footer>a:last-child{margin:0}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media(prefers-reduced-transparency:reduce){.mote-panel,.feature-window,.orb{background:#f5f7fa;backdrop-filter:none}}

/* Release history follows the same spacing and typography as the feature sections. */
.releases{padding:150px 0 20px}.releases-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:58px}.releases-heading .section-index{margin-bottom:24px}.releases-heading h2{font-size:clamp(40px,4.2vw,66px);line-height:1.19;font-weight:620}.releases-heading>p{max-width:300px;font-size:16px;line-height:1.7;color:var(--muted)}.release{display:grid;grid-template-columns:36% 64%;gap:0;border-top:1px solid #cad2dc;padding-top:36px}.release-meta h3{display:inline-block;font-size:27px;letter-spacing:-.035em;margin:0 12px 0 0}.release-meta>span{font-size:13px;font-weight:600;color:var(--accent)}.release-meta p{margin-top:12px;color:var(--muted);font-size:14px}.release-details{max-width:750px}.release-details h4{font-size:17px;margin:0 0 14px}.release-details ul{padding-left:1.2em;margin:0 0 32px;font-size:16px;line-height:1.8;color:#394657}.release-details li+li{margin-top:8px}.release-intro,.release-note{font-size:14px;line-height:1.7;color:var(--muted)}.release-intro{margin:0 0 30px}.release-note{margin-top:4px}.availability a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.releases{padding:100px 0 0}.release{grid-template-columns:1fr;gap:32px}.releases-heading{margin-bottom:42px}}
@media(max-width:560px){.releases{padding-top:90px}.releases-heading{display:block}.releases-heading>p{margin-top:18px}.releases-heading h2{font-size:38px}.release-details ul{font-size:15px}}

.release-invite{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:145px 0 30px}.release-invite h2{font-size:clamp(40px,4.2vw,66px);line-height:1.19;font-weight:620;margin-top:24px}.release-invite-copy{align-self:end;padding-bottom:8px;display:flex;flex-direction:column;align-items:flex-start;gap:22px}.release-invite-copy p{max-width:400px;color:var(--muted);font-size:18px;line-height:1.7}.release-invite-copy .text-link{color:var(--accent)}.release-invite-copy>span{color:var(--muted);font-size:13px}.footer>a:nth-last-child(2){margin-left:auto}.footer>a:last-child{margin-left:0}@media(max-width:900px){.release-invite{padding:100px 0 0;grid-template-columns:1fr;gap:30px}}@media(max-width:560px){.release-invite{padding-top:90px}.release-invite h2{font-size:38px}.release-invite-copy p{font-size:16px}.footer>a:nth-last-child(2){margin:0}}
.hero-scene>.mote-stage{width:100%}
