:root{--paper:#f8f7f3;--ink:#20211e;--muted:#73746c;--line:#dcddd4;--serif:"Songti SC","STSong","Noto Serif CJK SC",serif;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #5a65c9;outline-offset:6px}button{border:0}p{line-height:1.9}h1,h2,h3,p{margin:0}svg{display:block}section{scroll-margin-top:100px}::selection{background:#d6d1ed}button:hover,a:hover{transition:background .2s,color .2s,transform .2s}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:white;padding:15px}.skip:focus{top:10px}.nav-wrap{position:absolute;top:34px;left:0;right:0;z-index:20;padding:0 40px}nav{max-width:1180px;margin:auto;border:1px solid #fff9;box-shadow:0 4px 30px #42535808;display:flex;align-items:center;justify-content:space-between;padding:12px 14px 12px 22px;background:#f9fcf6c9;backdrop-filter:blur(18px);border-radius:20px;gap:20px}.brand{display:flex;align-items:center;gap:9px;font-size:24px;font-weight:750;letter-spacing:-1px;white-space:nowrap}.brand img{object-fit:contain}.brand-dot{font-size:11px;vertical-align:top;margin-left:3px}.nav-links{display:flex;gap:29px;font-size:13px}.nav-links a{padding:10px 0}.nav-links a:hover{color:#6768a2}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:18px 25px;border-radius:12px;font-size:15px;font-weight:550;box-shadow:0 4px 8px #00000008;white-space:nowrap}.button.dark{color:#fffdf6;background:#23241f;border:1px solid #23241f}.button.dark:hover{background:#424338;transform:translateY(-2px)}.button.small{font-size:12px;padding:14px 18px;border-radius:11px}.icon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.menu-button{display:none;background:none;font-size:24px}.hero{margin:16px 16px 0;border-radius:26px;background:#c6e2ec;position:relative;overflow:hidden;padding:160px 35px 22px;isolation:isolate;background-image:radial-gradient(ellipse at 18% 60%,#e4edf2 0,transparent 40%),radial-gradient(ellipse at 82% 30%,#edf1d880,transparent 50%),linear-gradient(145deg,#c2dfed,#d8e8df)}.hero-grain{position:absolute;inset:0;opacity:.17;pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.4' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.hero-copy{position:relative;text-align:center;z-index:3}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;display:inline-flex;align-items:center;gap:10px;line-height:1.8}.status-dot{width:6px;height:6px;border-radius:50%;background:#607b52}.hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(58px,6.4vw,92px);letter-spacing:-4px;line-height:1.14;margin:28px 0 25px;position:relative}.hero h1 em{font-style:normal;color:#454e39}.hero h1 svg{width:160px;height:24px;stroke:#7c8f63;stroke-width:2;fill:none;position:absolute;left:calc(50% - 72px);bottom:-13px}.hero-copy>p{font-size:15px;color:#586365;line-height:1.9}.hero-actions{display:flex;justify-content:center;align-items:center;gap:28px;margin:27px 0 20px}.text-link{display:inline-flex;align-items:center;gap:23px;border-bottom:1px solid #36392d70;padding:8px 0;font-size:13px;background:none;line-height:1.7}.text-link:hover{color:#788161;border-color:#788161}.hero-values{display:flex;justify-content:center;align-items:center;gap:14px;font-size:10px;color:#61716d;letter-spacing:1px}.hero-values i{width:3px;height:3px;background:#88958d;border-radius:50%}.hero-stage{position:relative;max-width:1180px;margin:62px auto 0;padding:0 90px;z-index:2}.browser-demo{position:relative;display:flex;overflow:hidden;height:545px;border:1px solid #fff9;border-radius:17px;background:#e1ddf0;box-shadow:0 35px 65px -25px #384b4c70,0 3px 5px #3332;transition:background .35s;text-align:left}.browser-demo[data-space=work]{background:#d3dfea}.browser-demo[data-space=ideas]{background:#e8d5dc}.browser-sidebar{width:205px;flex-shrink:0;padding:16px 13px 12px;position:relative;font-size:10px;color:#4c495c}.window-controls{display:flex;align-items:center;gap:6px;height:14px}.window-controls i{width:9px;height:9px;background:#b6afc6;border-radius:50%}.window-controls>span{margin-left:auto;font-size:16px}.demo-search{display:flex;align-items:center;gap:6px;padding:10px 7px;font-size:10px;margin:16px 0 12px;border-radius:7px;background:#ffffff38;color:#807a91}.demo-search kbd{margin-left:auto;font-size:8px;opacity:.7}.favorites{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:22px}.favorites>span{display:grid;place-items:center;height:36px;background:#ffffff5c;border-radius:8px;font-weight:700;font-size:17px;color:#292839}.favorites .fav-google{color:#4c78c4}.favorites .fav-figma{color:#ba7868}.sidebar-title{display:flex;align-items:center;gap:8px;margin:15px 5px 11px;font-size:10px}.sidebar-dots{margin-left:auto}.sidebar-row{display:flex;align-items:center;gap:9px;padding:10px 7px;white-space:nowrap;font-size:9px}.sidebar-row>span:first-child{font-size:12px}.sidebar-row.indent{padding-left:24px}.sidebar-row.selected{background:#ffffff80;border-radius:7px;box-shadow:0 2px 4px #4c385408}.sidebar-rule{height:1px;background:#bbb6ca7a;margin:13px 3px}.sidebar-today{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;padding:0 6px;color:#8a839b}.sidebar-today span{font-size:8px;letter-spacing:0}.sidebar-row.muted{opacity:.6}.sidebar-bottom{position:absolute;bottom:14px;left:16px;right:16px;display:flex;align-items:center;justify-content:space-between}.space-controls{display:flex;gap:9px}.space-controls button{height:26px;width:26px;border-radius:6px;background:none;opacity:.5;font-size:15px}.space-controls button[aria-pressed=true]{background:#ffffff83;opacity:1}.space-controls button:hover{opacity:1;background:#ffffff60}.browser-page{flex:1;background:#fafaf6;margin:7px 7px 7px 0;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #4c385415}.browser-toolbar{height:31px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9e9df;color:#96948c;font-size:8px}.demo-editor{max-width:660px;margin:auto;padding:23px 36px}.editor-top{display:flex;align-items:center;justify-content:space-between;font-family:Georgia,serif;letter-spacing:1px;font-size:8px}.editor-top span:last-child{font-family:var(--sans);font-size:7px}.editor-kicker{margin-top:31px;letter-spacing:1.6px;font-size:7px;color:#818477}.demo-editor h2{font-family:var(--serif);font-size:36px;font-weight:500;line-height:1.3;margin:13px 0 11px;letter-spacing:0}.demo-editor p{font-size:9px;line-height:1.7;color:#777b70}.landscape{position:relative;margin-top:21px;overflow:hidden;height:163px;border-radius:3px}.landscape svg{width:100%;height:100%;object-fit:cover}.landscape>span{position:absolute;bottom:11px;left:15px;color:#e8e7ce;font-size:7px;letter-spacing:2px}.editor-bottom{display:flex;justify-content:space-between;margin-top:13px;color:#777b70;font-size:7px}.editor-bottom span:last-child{letter-spacing:1px}.paper{position:absolute;z-index:-1;box-shadow:2px 10px 20px #52635312}.lilac-paper{width:225px;height:365px;background:#c5bce8;left:-12px;top:25px;transform:rotate(-11deg);clip-path:polygon(0 0,100% 0,98% 10%,100% 20%,97% 30%,100% 40%,98% 50%,100% 60%,97% 75%,100% 100%,0 100%);padding:37px 22px}.lilac-paper>span{font:italic 24px/1.5 Georgia,serif;color:#4a4276;display:block;transform:rotate(-4deg)}.lilac-paper svg{width:95px;margin:45px 0;stroke:#66558b;stroke-width:2;fill:none}.yellow-paper{background:repeating-linear-gradient(0deg,#d7c87d 0 1px,transparent 1px 32px),#f5e7a5;width:210px;height:340px;right:-10px;top:100px;transform:rotate(10deg);padding:42px 27px;clip-path:polygon(0 0,10% 2%,20% 0,35% 3%,50% 0,65% 2%,80% 0,90% 2%,100% 0,100% 100%,0 100%)}.yellow-paper>span{font-family:var(--serif);font-size:23px;line-height:1.8;color:#7c6d3a}.paper-star{font-size:85px;line-height:1;color:#9d8d45;margin:20px 25px}.pink-paper{width:380px;height:150px;background:#e6bcc7;bottom:-25px;right:0;transform:rotate(-6deg)}.floating-note{position:absolute;right:38px;bottom:48px;display:flex;align-items:center;gap:15px;background:#fffef6;border:1px solid #e3e5d8;padding:20px 23px;border-radius:3px;transform:rotate(7deg);box-shadow:0 8px 25px #47443115;font-size:12px;line-height:1.8;color:#777565}.tiny-flower{font-size:47px;line-height:1;color:#9ea981}.floating-note b{font-weight:500;color:#3c4335}.demo-caption{font-size:9px;text-align:center;color:#6d817c;margin-top:28px;position:relative;z-index:4;letter-spacing:1px}.demo-caption span{margin-left:8px;font-size:15px}.sky-orbit{border:1px solid #829e9f25;border-radius:50%;position:absolute;z-index:-1}.orbit-one{width:650px;height:650px;left:-230px;top:180px}.orbit-two{width:750px;height:750px;right:-280px;top:300px}.intro-line{max-width:1120px;margin:auto;padding:43px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.intro-line p{font-size:14px}.intro-line>span{font-size:9px;letter-spacing:1.2px;color:#929289}.section{max-width:1120px;margin:auto;padding:115px 0}.section-copy{max-width:410px}.section-copy h2,.center-heading h2,.split-heading h2,.faq-section h2{font:500 46px/1.4 var(--serif);letter-spacing:-1px;margin:23px 0}.section-copy>p{font-size:14px;color:var(--muted);margin-top:13px}.section-copy>.text-link{margin-top:23px}.migration{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center}.migration-art{position:relative;height:410px;background:#eeeae1;border-radius:5px;background-image:radial-gradient(#a5a38d55 .6px,transparent .6px);background-size:13px 13px}.transfer-sheet{width:238px;height:292px;position:absolute;top:45px;box-shadow:0 15px 25px #504e4520;border:1px solid #fff9;border-radius:13px;padding:14px;background:#dedde2;font-size:9px;color:#666274}.old-sheet{left:16px;transform:rotate(-7deg);background:#e0dfdf;color:#7b777e}.new-sheet{right:13px;top:87px;transform:rotate(7deg);background:#ded9ef}.sheet-top{display:flex;align-items:center;gap:5px;height:28px;border-bottom:1px solid #c1bdcb;margin-bottom:18px;padding-bottom:8px;font-size:11px;color:#414147}.sheet-top>span:last-child{margin-left:auto}.mini-arc{font-weight:900;font-size:25px;color:#919097}.sheet-space{font-size:10px;font-weight:600;margin:10px 0}.sheet-row{padding:8px 3px}.sheet-row.inset{padding-left:23px}.sheet-footer{margin-top:14px;border-top:1px solid #cbc6d4;padding-top:9px;display:flex;gap:20px;justify-content:center;font-size:13px}.transfer-arrow{position:absolute;left:43%;top:19px;font:70px Georgia;color:#778360;transform:rotate(14deg);z-index:2}.migration-stamp{position:absolute;left:28px;bottom:19px;transform:rotate(-7deg);font-size:8px;letter-spacing:1.3px;border:1px solid #938d7850;border-radius:50%;padding:15px 12px;color:#928568}.migration-stamp span{font-size:18px;margin-left:5px}.center-heading{text-align:center}.center-heading h2{font-size:49px}.center-heading p{font-size:14px;color:var(--muted);margin-top:20px}.spaces-section{padding-top:45px}.space-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:57px}.space-card{border-radius:12px;padding:22px 23px 21px;transition:transform .3s}.space-card:hover{transform:translateY(-6px)}.work-card{background:#e2e6ee;transform:rotate(-2deg)}.life-card{background:#e6eadc;transform:translateY(15px) rotate(1deg)}.ideas-card{background:#ebe0e5;transform:rotate(3deg)}.space-card-label{display:flex;align-items:center;gap:8px;font-size:16px;margin-bottom:25px}.space-card-label>span{font-size:13px}.space-card-label small{font-size:7px;letter-spacing:1.4px;margin-left:auto;color:#7f8384}.mini-document{background:#fbfaf6;padding:27px 23px;border-radius:3px;box-shadow:0 6px 10px #4c57620b;min-height:270px}.mini-document>small{font-size:6px;letter-spacing:1.2px;color:#8e938e}.mini-document h3{font:500 28px/1.4 var(--serif);margin:13px 0 22px}.task-line{font-size:9px;margin-top:12px;display:flex;gap:10px;color:#6e726f}.task-line span{color:#8b997d}.mini-doc-footer{border-top:1px solid #e8e8de;margin-top:19px;padding-top:12px;font-size:6px;letter-spacing:1px;color:#9b9b8d;display:flex;justify-content:space-between}.space-caption{display:block;margin-top:22px;font-size:11px;color:#777a71}.life-picture{height:270px;background:#d7ddc6;position:relative;overflow:hidden}.illustrated-sun{width:55px;height:55px;border-radius:50%;background:#f4e2ae;position:absolute;top:35px;right:32px}.hill{width:420px;height:270px;position:absolute;border-radius:50%}.hill-back{left:-175px;bottom:-120px;background:#97a385;transform:rotate(-25deg)}.hill-front{right:-190px;bottom:-160px;background:#485f4e;transform:rotate(25deg)}.picture-caption{position:absolute;top:80px;left:24px;font:35px/1.1 Georgia,serif;color:#425a46}.picture-caption i{font-size:31px}.ideas-board{height:270px;position:relative}.idea-note{position:absolute;box-shadow:2px 5px 10px #4c385412}.note-one{width:158px;height:160px;background:#f5ecba;top:8px;left:2px;transform:rotate(-8deg);padding:18px 16px;font:27px/1.1 Georgia,serif}.note-one span{display:block;font-size:48px;color:#a1965e;margin:9px 50px}.note-two{width:139px;height:135px;background:#d6cfeb;right:-5px;bottom:32px;transform:rotate(9deg);font:19px/1.5 var(--serif);padding:26px 17px;color:#655f83}.note-two span{font-size:24px;display:block;text-align:right}.swatch-row{position:absolute;bottom:0;left:6px;display:flex;gap:7px}.swatch-row i{width:20px;height:20px;border-radius:50%;background:#a5af8e}.swatch-row i:nth-child(2){background:#b3b2d8}.swatch-row i:nth-child(3){background:#daaba7}.swatch-row i:nth-child(4){background:#e9d9a0}.tidy-section{display:grid;grid-template-columns:1fr 1fr;gap:125px;align-items:center;padding-top:55px}.tidy-art{background:#efede5;padding:32px;border-radius:6px;transform:rotate(-2deg)}.tidy-top{font-size:8px;letter-spacing:1.6px;display:flex;justify-content:space-between;align-items:center;color:#7a7c6b}.tidy-top>span{font-size:25px;color:#939c7a}.tidy-list{margin-top:23px}.tidy-list>div{padding:17px 12px;margin-top:8px;background:#fcfbf8;display:flex;align-items:center;border-radius:8px;gap:12px;font-size:11px;box-shadow:0 3px 6px #00000003}.tidy-icon{display:grid;place-items:center;width:28px;height:28px;background:#e5e5d6;border-radius:6px;color:#80846b;font-size:16px}.tidy-list b{font-weight:500}.tidy-list small{font-size:8px;margin-left:auto;color:#9b9b91}.tidy-list .archive-row{background:#e1e4d5;border:1px dashed #aeb59c}.tidy-art>p{font:italic 15px Georgia,serif;color:#9a9988;text-align:center;margin-top:30px}.split-section{background:#eeece7;margin:0 16px;border-radius:20px}.split-inner{padding:85px 0 60px;max-width:1060px}.split-heading{display:flex;align-items:center;justify-content:space-between}.split-heading h2{font-size:48px;margin-bottom:0}.split-heading>p{font-size:14px;color:var(--muted);padding:45px 40px 0 0}.setup-controls{display:flex;justify-content:space-between;align-items:center;margin:40px 0 15px}.theme-controls{display:flex;gap:9px;align-items:center}.theme-controls>span{font-size:10px;color:#7e7b72;margin-right:12px}.theme-swatch{width:19px;height:19px;border-radius:50%;box-shadow:inset 0 0 0 1px #0001}.theme-swatch[aria-pressed=true]{outline:1px solid #8d8a7c;outline-offset:4px}.peach{background:#debca8}.lavender{background:#c4bada}.sage{background:#b3c0a5}.split-toggle{font-size:11px;padding:9px 12px;background:#faf8f2;border:1px solid #dddacf;border-radius:8px}.split-demo{background:#e7cebf;border:1px solid #ffffffe0;border-radius:15px;padding:0 8px 8px;box-shadow:0 30px 40px -30px #594c4a60;transition:background .3s}.split-demo[data-theme=lavender]{background:#d4cce6}.split-demo[data-theme=sage]{background:#cbd5c1}.split-window-bar{height:36px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#8a7c72;padding:0 8px}.split-window-bar .window-controls i{width:8px;height:8px;background:#b4a394}.split-panes{display:grid;grid-template-columns:1.2fr 1fr;gap:7px}.split-panes>article{border-radius:8px;overflow:hidden;background:#fcfbf6}.pane-address{display:flex;justify-content:space-between;font-size:8px;color:#a1a093;padding:9px 13px;border-bottom:1px solid #e8e7de}.reading-content{padding:28px 37px}.reading-content>small{font-size:7px;letter-spacing:1.3px;color:#8f9385}.reading-content h3{font:500 30px/1.4 var(--serif);margin:14px 0 20px;color:#3e5140}.reading-landscape{height:125px;background:linear-gradient(165deg,transparent 50%,#405b4d 50%),linear-gradient(25deg,#859880 45%,transparent 45%),#d4ddbf;position:relative;overflow:hidden}.reading-landscape>span{position:absolute;right:30px;top:4px;color:#f5e4b4;font-size:48px}.reading-content>p{font-size:9px;color:#7e8276;margin-top:15px}.writing-content{padding:35px 34px}.writing-emoji{font-size:30px}.writing-content h3{font:500 28px/1.4 var(--serif);margin:12px 0}.writing-content>p{font-size:10px;color:#8e8f82;margin-bottom:22px}.check-item{display:flex;gap:10px;font-size:10px;color:#8c9a7a;margin:16px 0}.check-item>span{color:#6e7164}.writing-note{padding:15px 20px;background:#f0edcf;border-left:2px solid #c9bd81;font-size:10px;line-height:1.9;color:#8a805a;margin-top:25px;transform:rotate(-2deg)}.split-demo.single .split-panes{grid-template-columns:1fr}.split-demo.single .split-writing{display:none}.split-demo.single .reading-content{max-width:590px;margin:auto}.setup-caption{text-align:center;font-size:10px;color:#938c80;margin-top:24px;letter-spacing:1px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 28px;margin-top:57px}.feature{overflow:hidden}.feature-visual{height:260px;border-radius:8px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.feature-text{padding:24px 5px 0}.feature-text>small{font-size:8px;letter-spacing:1.6px;color:#888e7e}.feature-text h3{font:500 25px/1.5 var(--serif);margin:9px 0}.feature-text p{font-size:12px;color:var(--muted);max-width:440px}.peek-visual{background:#e5e7dc}.peek-base{position:absolute;width:330px;height:210px;background:#f6f5ed;padding:35px;transform:rotate(-5deg);opacity:.65}.peek-base div{height:9px;background:#dce0d0;margin:15px 0;width:85%}.peek-base div:first-child{width:50%;height:15px}.peek-window{width:215px;height:200px;background:#fdfbf3;border:5px solid #d2d8c1;border-radius:11px;transform:rotate(5deg);box-shadow:0 15px 30px #505f4020;padding:8px 12px;z-index:1}.peek-window>span{font-size:7px;display:block;color:#939781}.peek-window i{float:right;font-style:normal}.peek-flower{font-size:52px;color:#8b9e74;position:absolute;right:17px;bottom:22px;transform:rotate(-12deg)}.peek-window b{font:500 28px/1.5 var(--serif);display:block;margin:30px 0 0 10px;color:#596548}.keycap{position:absolute;bottom:18px;right:20px;background:#ffffffb0;border:1px solid #ffffffd0;box-shadow:0 3px 0 #00000008;border-radius:6px;padding:6px 10px;font:10px var(--sans);color:#8d8c81}.little-visual{background:#e4e1ec}.little-window{width:310px;background:#d3cce3;border:1px solid #fff9;border-radius:12px;padding:12px;box-shadow:0 15px 30px #75658220;transform:rotate(-3deg)}.little-search{background:#ffffff70;border-radius:5px;font-size:10px;padding:12px 10px;margin-top:15px;color:#716879}.little-search>span{float:right}.little-result{background:#faf8fc;display:flex;gap:15px;align-items:center;padding:18px 12px;font-size:10px}.little-result>span{font-size:28px;color:#b2a2c9}.little-result small{display:block;margin-top:7px;color:#a59aac;font-size:8px}.little-bottom{display:flex;justify-content:space-between;font-size:8px;color:#81778e;margin-top:12px}.little-scribble{position:absolute;bottom:12px;left:35px;font:italic 15px Georgia,serif;color:#9386aa;transform:rotate(-7deg)}.command-visual{background:#e0e7ee}.command-window{background:#ffffffde;width:320px;padding:14px;border-radius:12px;box-shadow:0 15px 25px #566d7b18;transform:rotate(2deg)}.command-input{display:flex;align-items:center;font-size:13px;border-bottom:1px solid #e7e8e8;padding-bottom:13px;margin-bottom:8px;color:#717b88}.command-input kbd{margin-left:auto;font-size:7px;color:#a8aab0;border:1px solid #d9dde0;border-radius:3px;padding:2px}.input-caret{width:1px;height:14px;background:#7a89aa;margin-left:3px}.command-result{display:flex;align-items:center;gap:12px;padding:9px 10px;font-size:10px;border-radius:5px;color:#8b95a6}.command-result.active{background:#e4e9f2;color:#5f728d}.command-result small{font-size:7px;display:block;color:#9da4ae;margin-top:3px}.command-result>span:last-child:not(:nth-child(1)){margin-left:auto}.easel-visual{background-color:#efe8dc;background-image:radial-gradient(#baa98a66 .7px,transparent .7px);background-size:15px 15px}.easel-note{position:absolute;top:35px;left:70px;background:#e8d9a1;width:130px;height:103px;transform:rotate(-8deg);font:18px var(--serif);padding:21px;box-shadow:2px 4px 8px #00000008}.easel-note span{display:block;text-align:right;font-size:25px;color:#9f9366}.easel-image{position:absolute;right:72px;top:38px;width:120px;height:110px;background:#a9b592;border:7px solid #fff9;transform:rotate(7deg);display:grid;place-items:center}.easel-image span{font-size:72px;color:#f4e9bd}.easel-line{position:absolute;top:46px;width:280px;height:140px;fill:none;stroke:#81795f;stroke-width:1.5}.easel-label{position:absolute;left:100px;bottom:56px;transform:rotate(-4deg);font:15px var(--serif);color:#8c7d61}.easel-tools{position:absolute;bottom:15px;background:#fffef9;border:1px solid #d9d5c8;border-radius:9px;padding:7px 17px;font-size:13px;color:#898576;box-shadow:0 4px 5px #00000006}.more-features{margin-top:57px;padding:23px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px;color:#868679}.more-features>div{display:flex;gap:27px;color:#585f50}.privacy-section{background:#e8eddf;margin:0 16px;border-radius:20px}.privacy-inner{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:90px 0;align-items:center}.privacy-points{display:flex;gap:20px;font-size:10px;margin-top:25px;color:#647554}.sync-art{position:relative;text-align:center;padding:10px 15px}.cloud-drawing{width:180px;height:120px;position:relative;margin:auto}.cloud-drawing svg{fill:#f7f8ed;stroke:#a8b298;stroke-width:1}.cloud-drawing>span{position:absolute;top:47px;left:0;right:0;font-size:14px;color:#5b6d4b}.cloud-drawing small{display:block;font-size:6px;letter-spacing:2px;margin-top:8px;color:#9aa18b}.sync-paths{display:flex;justify-content:center;gap:115px;margin:10px 0 15px;font:40px Georgia;color:#a4b093}.sync-paths span:first-child{transform:rotate(30deg)}.sync-paths span:last-child{transform:rotate(-30deg)}.macs{display:flex;justify-content:space-between;gap:50px}.mac{width:170px;position:relative}.mac-screen{height:105px;background:#d9d1e6;border:5px solid #b2b6aa;border-bottom-width:7px;border-radius:8px 8px 0 0;display:grid;place-items:center;box-shadow:inset 0 0 0 2px #ffffff90}.mac:last-child .mac-screen{background:#d1dbcf}.mac-base{height:6px;background:#b3b8aa;border-radius:0 0 50% 50%;margin:0 -12px 15px}.mac>span{font-size:10px;color:#7c856d}.sync-art>p{font:italic 15px var(--serif);color:#8d957b;margin-top:30px}.open-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.open-art{background:#e9e3d8;min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transform:rotate(-3deg);border-radius:4px;background-image:repeating-linear-gradient(0deg,transparent 0 30px,#c4bba13b 30px 31px)}.open-bracket{display:flex;align-items:center;gap:27px;font:105px Georgia;color:#99947f}.open-bracket span{font-size:100px;color:#7d8969}.open-art>span{font-size:8px;letter-spacing:3px;margin-top:20px;color:#938d7c}.open-sticker{position:absolute;bottom:18px;right:-14px;background:#d5cae5;color:#776587;padding:13px 24px;font-family:var(--serif);font-size:18px;transform:rotate(9deg);box-shadow:1px 3px 5px #00000008}.faq-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;padding-top:15px;padding-bottom:110px}.faq-section h2{font-size:33px;margin-top:17px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;padding:22px 0;font-size:13px;display:flex;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{color:#929581}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list p{font-size:12px;color:var(--muted);padding:0 35px 23px 0}.closing{text-align:center;margin:0 16px;overflow:hidden;border-radius:20px;background:#dce3ef;padding:75px 30px 60px;position:relative;background-image:radial-gradient(ellipse at 90% 90%,#e7dcf1,transparent 65%),radial-gradient(ellipse at 0 0,#c8dfe4,transparent 65%)}.closing h2{font:500 60px/1.4 var(--serif);margin:22px 0}.closing p{font-size:13px;color:#737c89}.closing .button{margin-top:28px}.closing-note{display:block;font-size:9px;color:#87909a;margin-top:18px;letter-spacing:1px}.closing-flower{position:absolute;right:7%;top:28%;font-size:180px;color:#acb8c985;transform:rotate(15deg)}footer{display:flex;align-items:center;justify-content:space-between;max-width:1220px;margin:auto;padding:35px 0;gap:20px}footer .brand{font-size:19px}footer p{font-size:9px;color:#989a92}footer>a:last-child{font:italic 13px Georgia,serif;color:#777e6e}dialog{border:1px solid #dedfcf;border-radius:18px;background:#f8f7ef;max-width:540px;width:calc(100% - 32px);padding:45px;box-shadow:0 30px 80px #202f3420;color:var(--ink)}dialog::backdrop{background:#22302b66;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:17px;top:13px;background:none;font-size:27px;color:#8a8c7c}dialog h2{font:500 35px/1.4 var(--serif);margin:22px 0 15px}dialog>p{font-size:12px;color:var(--muted)}dialog ul{list-style:none;padding:0;margin:25px 0}dialog li{padding:10px 0;border-bottom:1px solid #e2e3d6;font-size:12px;color:#667556}.dialog-note{font-size:11px;line-height:1.9;color:#929384;margin-bottom:25px}body.dialog-open{overflow:hidden}
@media(min-width:1600px){.hero{padding-top:180px}.hero-stage{margin-top:75px}.hero h1{font-size:100px}.hero-stage{max-width:1260px}.browser-demo{height:580px}.browser-sidebar{width:225px}.demo-editor{padding-top:28px}.landscape{height:190px}}
@media(max-width:1200px){.section,.intro-line{max-width:calc(100% - 100px)}footer{padding-left:40px;padding-right:40px}.nav-links{gap:20px}.hero-stage{padding:0 60px}.browser-sidebar{width:190px}.migration{gap:35px}.transfer-sheet{width:215px}.tidy-section{gap:65px}.privacy-inner,.open-section{gap:60px}.split-inner{max-width:calc(100% - 80px)}}
@media(max-width:900px){.nav-wrap{padding:0 30px}.nav-links{gap:16px;font-size:11px}.brand{font-size:21px}.nav-download{display:none}.hero{padding-top:145px}.hero h1{font-size:72px}.hero-stage{padding:0 25px}.browser-sidebar{width:175px}.browser-demo{height:505px}.demo-editor{padding:22px}.demo-editor h2{font-size:32px}.landscape{height:140px}.lilac-paper{left:-35px;width:180px}.yellow-paper{right:-35px;width:180px}.floating-note{right:-10px;padding:14px;font-size:10px}.hero-stage{margin-top:55px}.section,.intro-line{max-width:calc(100% - 64px)}.section{padding:85px 0}.section-copy h2,.center-heading h2,.split-heading h2{font-size:38px}.section-copy>p{font-size:13px}.migration{grid-template-columns:1fr;gap:40px}.migration .section-copy{max-width:550px}.migration-art{height:350px;max-width:600px;width:100%;margin:auto}.transfer-sheet{width:245px;top:20px;left:35px}.new-sheet{top:45px;left:auto;right:35px}.transfer-arrow{left:47%;top:-15px}.migration-stamp{bottom:8px}.space-gallery{gap:14px}.space-card{padding:17px 14px}.space-card-label small{display:none}.mini-document{padding:20px 15px}.mini-document h3{font-size:23px}.life-picture,.ideas-board{height:255px}.picture-caption{font-size:28px;left:17px}.picture-caption i{font-size:24px}.note-one{width:125px;font-size:23px}.note-two{width:115px;font-size:15px}.space-caption{font-size:9px}.tidy-section{gap:35px}.tidy-art{padding:22px 17px}.tidy-list>div{gap:8px;font-size:9px}.tidy-list small{font-size:7px}.tidy-icon{width:23px}.split-heading>p{padding-right:0;font-size:12px}.feature-visual{height:225px}.little-window,.command-window{width:260px}.easel-note{left:25px;width:110px;padding:17px;font-size:16px}.easel-image{right:25px;width:100px;height:100px}.easel-label{left:55px;font-size:12px}.more-features{flex-direction:column;gap:20px}.privacy-inner{gap:35px}.macs{gap:25px}.mac-screen{height:85px}.mac-base{margin:0 -6px 15px}.sync-art{padding:10px 0}.privacy-points{gap:10px;font-size:8px}.open-section{gap:50px}.open-art{min-height:290px}.open-bracket{font-size:85px;gap:15px}.open-bracket span{font-size:75px}.faq-section{gap:30px}.faq-section h2{font-size:27px}.closing-flower{font-size:120px;right:4%;top:36%}footer{padding:30px}footer p{max-width:210px}}
@media(max-width:640px){html{scroll-padding-top:85px}.hero{margin:8px 8px 0;border-radius:18px;padding:120px 15px 20px}.nav-wrap{top:22px;padding:0 22px}nav{padding:10px 13px;border-radius:14px;gap:12px}.brand{font-size:21px}.brand img{width:30px;height:30px}.menu-button{display:block;font-size:21px}.nav-links{display:none;position:absolute;top:65px;left:22px;right:22px;background:#f7faf4f5;border:1px solid #fff;border-radius:12px;padding:15px 20px;box-shadow:0 10px 20px #43564d15}.nav-links.is-open{display:flex;flex-direction:column;gap:3px;font-size:13px}.hero-copy .eyebrow{font-size:9px;letter-spacing:1px}.hero h1{font-size:52px;letter-spacing:-2px;margin-top:23px;line-height:1.25}.hero h1 svg{width:115px;left:calc(50% - 52px);bottom:-11px}.hero-copy>p{font-size:12px}.hero-actions{gap:19px;margin:23px 0 18px;flex-direction:column}.button{padding:16px 23px;font-size:13px}.hero-actions .text-link{font-size:11px}.hero-values{font-size:8px;gap:10px}.hero-stage{margin-top:45px;padding:0 8px}.browser-demo{height:345px;border-radius:10px}.browser-sidebar{width:112px;padding:10px 7px}.window-controls{gap:4px}.window-controls i{height:6px;width:6px}.window-controls>span{font-size:11px}.demo-search{font-size:6px;margin:9px 0;padding:6px 4px;gap:3px}.demo-search kbd{display:none}.favorites{gap:4px;margin-bottom:13px}.favorites>span{height:23px;font-size:11px;border-radius:5px}.sidebar-title{font-size:7px;gap:4px;margin:9px 3px}.sidebar-row{font-size:6px;padding:7px 3px;gap:5px}.sidebar-row>span:first-child{font-size:8px}.sidebar-row.indent{padding-left:12px}.sidebar-today{font-size:5px;padding:0 3px}.sidebar-today span{font-size:5px}.sidebar-rule{margin:8px 0}.sidebar-bottom{left:8px;right:8px;bottom:10px;font-size:8px}.space-controls{gap:3px}.space-controls button{width:20px;height:23px;font-size:12px}.browser-page{margin:4px 4px 4px 0;border-radius:6px}.browser-toolbar{height:23px;font-size:5px;padding:0 7px}.browser-toolbar>span:first-child{display:none}.demo-editor{padding:13px 12px}.editor-top{font-size:5px;letter-spacing:.4px}.editor-top span:last-child{font-size:4px}.editor-kicker{font-size:4px;letter-spacing:.7px;margin-top:23px}.demo-editor h2{font-size:25px;margin:11px 0}.demo-editor p{font-size:6px}.landscape{height:85px;margin-top:14px}.landscape>span{font-size:4px;left:6px;bottom:6px;letter-spacing:1px}.editor-bottom{font-size:4px;margin-top:7px}.editor-bottom span:last-child{font-size:4px;letter-spacing:0}.lilac-paper{width:115px;left:-20px;top:45px;height:240px;padding:20px 9px}.lilac-paper>span{font-size:17px}.lilac-paper svg{width:55px}.yellow-paper{width:100px;right:-22px;top:60px;height:240px;padding:20px 8px}.yellow-paper>span{font-size:15px}.paper-star{font-size:40px;margin:20px 10px}.floating-note{right:-3px;bottom:20px;padding:9px 12px;font-size:8px;gap:9px;transform:rotate(7deg)}.tiny-flower{font-size:29px}.pink-paper{width:180px;height:90px}.demo-caption{font-size:7px;letter-spacing:.5px;margin-top:24px}.demo-caption span{font-size:11px}.intro-line{max-width:calc(100% - 48px);padding:28px 0;flex-direction:column;gap:13px}.intro-line p{font-size:12px}.intro-line>span{font-size:6px;letter-spacing:.8px}.section{max-width:calc(100% - 48px);padding:65px 0}.eyebrow{font-size:8px;letter-spacing:1.4px}.section-copy h2,.center-heading h2,.split-heading h2{font-size:34px;margin:20px 0;line-height:1.45}.section-copy>p,.center-heading p{font-size:12px}.migration{gap:35px}.migration-art{height:290px}.transfer-sheet{width:175px;height:233px;padding:10px;left:12px;top:20px;font-size:7px}.new-sheet{left:auto;right:9px;top:40px}.sheet-top{font-size:9px;margin-bottom:10px;height:25px;padding-bottom:5px}.sheet-top img{width:20px;height:20px}.sheet-space{font-size:8px;margin:8px 0}.sheet-row{padding:7px 0;font-size:7px}.sheet-row.inset{padding-left:14px}.sheet-footer{margin-top:10px;font-size:10px;padding-top:9px}.transfer-arrow{font-size:45px;top:0;left:44%}.migration-stamp{left:13px;font-size:5px;padding:9px 7px;bottom:4px}.migration-stamp span{font-size:11px}.spaces-section{padding-top:15px}.space-gallery{grid-template-columns:1fr;margin:37px auto 0;gap:28px;max-width:315px}.space-card{padding:23px}.space-card-label{font-size:18px}.space-card-label small{display:block}.mini-document{min-height:265px;padding:22px}.mini-document h3{font-size:28px}.life-picture,.ideas-board{height:260px}.life-card{transform:rotate(1deg)}.ideas-card{transform:rotate(-2deg)}.space-caption{font-size:10px}.note-one{width:160px;font-size:27px}.note-two{width:140px;font-size:18px}.tidy-section{grid-template-columns:1fr;gap:35px;padding-top:10px}.tidy-section .section-copy{grid-row:1}.tidy-art{padding:25px}.tidy-list>div{font-size:11px;padding:16px 10px}.tidy-list small{font-size:8px}.tidy-icon{width:28px}.split-section{margin:0 8px;border-radius:15px}.split-inner{max-width:calc(100% - 32px);padding:55px 0 35px}.split-heading{display:block;padding:0 8px}.split-heading>p{padding:0;font-size:12px}.split-heading>p br{display:none}.setup-controls{margin-top:25px;padding:0 5px}.theme-controls>span{font-size:9px;margin-right:5px}.theme-swatch{width:16px;height:16px}.split-toggle{font-size:9px;padding:7px 9px}.split-demo{padding:0 4px 4px;border-radius:10px}.split-window-bar{font-size:7px;height:29px}.split-window-bar .window-controls i{width:6px;height:6px}.split-panes{grid-template-columns:1fr 1fr;gap:4px}.pane-address{font-size:5px;padding:7px 6px}.reading-content{padding:15px 11px}.reading-content>small{font-size:4px;letter-spacing:.6px}.reading-content h3{font-size:22px;margin:11px 0}.reading-landscape{height:87px}.reading-landscape>span{font-size:32px;right:12px}.reading-content>p{font-size:6px;margin-top:11px}.writing-content{padding:15px 11px}.writing-emoji{font-size:24px}.writing-content h3{font-size:18px;margin:10px 0}.writing-content>p{font-size:6px;margin-bottom:15px}.check-item{font-size:6px;gap:5px;margin:12px 0}.writing-note{font-size:6px;padding:11px 8px;margin-top:18px}.setup-caption{font-size:8px}.feature-grid{grid-template-columns:1fr;gap:35px;margin-top:35px}.feature-visual{height:245px}.feature-text{padding-top:20px}.feature-text h3{font-size:24px}.feature-text p{font-size:12px}.command-window,.little-window{width:270px}.easel-note{left:35px;width:125px}.easel-image{right:35px}.more-features{margin-top:35px;font-size:10px}.more-features>div{flex-wrap:wrap;gap:15px;font-size:9px}.privacy-section{margin:0 8px;border-radius:15px}.privacy-inner{max-width:calc(100% - 48px);grid-template-columns:1fr;gap:38px;padding:55px 0}.privacy-points{font-size:9px;gap:15px}.sync-art{max-width:350px;margin:auto;width:100%;padding:0 10px}.mac-screen{height:90px}.macs{gap:42px}.open-section{grid-template-columns:1fr;gap:35px}.open-section .section-copy{grid-row:1}.open-art{min-height:265px}.open-bracket{font-size:100px}.open-bracket span{font-size:90px}.faq-section{grid-template-columns:1fr;gap:5px;padding-top:10px}.faq-section h2{font-size:29px}.faq-list summary{font-size:12px;line-height:1.8}.faq-list p{font-size:11px;padding-right:10px}.closing{margin:0 8px;border-radius:15px;padding:55px 20px 45px}.closing h2{font-size:40px}.closing p{font-size:12px}.closing-flower{font-size:90px;right:-25px;top:30%;opacity:.65}.closing .eyebrow{font-size:7px;letter-spacing:1.6px}footer{flex-wrap:wrap;padding:28px 24px;gap:18px}footer p{order:3;max-width:none;width:100%;font-size:8px}footer .brand{font-size:17px}footer>a:last-child{font-size:11px}dialog{padding:32px 25px}dialog h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Shared production typography and localized layout. */
:root{--serif:Georgia,"Times New Roman",serif;--muted:#62665c}
html[lang="zh-CN"]{--serif:"Songti SC","STSong","Noto Serif CJK SC",serif}
.hero{padding-top:140px}.hero h1{font-size:clamp(62px,6.4vw,92px);letter-spacing:-.045em;line-height:1.06;margin:25px 0 28px}.hero h1 em{font-style:italic}.hero h1 svg{width:220px;left:calc(50% - 100px);bottom:-16px}.hero-copy>p{font-size:16px;color:#475a5b}.hero-stage{margin-top:48px}.eyebrow{font-size:10px}.hero-values{font-size:11px;color:#50645c}.section-copy>p,.center-heading p{font-size:15px;color:#62665c}.section-copy h2,.center-heading h2,.split-heading h2{letter-spacing:-.035em;line-height:1.15;font-weight:400;font-size:49px}.feature-text p{font-size:14px}.feature-text h3{font-size:27px;line-height:1.25;letter-spacing:-.025em}.feature-text>small{color:#636b57;font-size:10px}.text-link{font-size:14px;min-height:44px}.faq-list summary{font-size:15px;line-height:1.5}.faq-list p{font-size:14px}.split-heading>p{font-size:14px;max-width:375px}.closing h2{font-size:65px;line-height:1.1;letter-spacing:-.04em}.closing p{font-size:15px;color:#566374}.closing-note{font-size:11px;color:#5e6a79}.demo-caption{font-size:11px;color:#465e56}.intro-line>span{font-size:10px;color:#717465}.setup-caption{font-size:11px;color:#686459}.more-features{font-size:13px}.space-caption{font-size:12px;color:#59634f}.privacy-points{font-size:12px}.sync-art>p{color:#606b50}.mac>span{font-size:12px;color:#5c694e}.cloud-drawing small{color:#657259}.open-art>span{color:#716b59}.tidy-list small{color:#69705e}.tidy-art>p{color:#716f5c}footer p{font-size:11px;color:#70756a}footer>a:last-child{color:#5d6552}.nav-links{gap:23px}nav{gap:16px}.space-controls{gap:0}.space-controls button{min-width:32px;min-height:32px}.theme-controls{gap:4px}.theme-swatch{width:44px;height:44px;box-shadow:none;background:none;position:relative;outline:0!important}.theme-swatch::before{content:"";position:absolute;inset:12px;border-radius:50%;box-shadow:inset 0 0 0 1px #0001}.theme-swatch.peach::before{background:#debca8}.theme-swatch.lavender::before{background:#c4bada}.theme-swatch.sage::before{background:#b3c0a5}.theme-swatch[aria-pressed=true]::before{outline:1px solid #777766;outline-offset:4px}.theme-swatch:focus-visible{box-shadow:inset 0 0 0 2px #5a65c9;border-radius:8px}.split-toggle{min-height:44px}.dialog-close{min-width:44px;min-height:44px;right:9px;top:7px}dialog{max-height:calc(100dvh - 32px);overflow-y:auto}dialog>p,dialog li{font-size:14px}.dialog-note{font-size:12px}.browser-demo [id]{transition:color .2s}.sidebar-row{overflow:hidden;text-overflow:ellipsis}.sidebar-row>span:last-child{overflow:hidden;text-overflow:ellipsis}.sidebar-title b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-editor h2{font-size:37px;line-height:1.08;letter-spacing:-.03em}.landscape svg{height:100%;width:100%}.note-one{font-size:26px}.note-two{font-size:19px;line-height:1.25;padding:23px 16px}.mini-document h3{font-size:28px;line-height:1.08}.reading-content h3{line-height:1.1;letter-spacing:-.03em}.writing-content h3{font-size:25px;line-height:1.15}.peek-window b{line-height:1.1}.easel-note{font-size:18px;white-space:nowrap}.easel-label{font-family:Georgia,serif;font-style:italic}.tidy-list b{font-size:10px}.tidy-list small{font-size:8px}.not-found{max-width:640px;margin:15vh auto;padding:24px;text-align:center}.not-found>img{display:block;margin:0 auto 30px}.not-found h1{font:48px/1.2 var(--serif);margin-bottom:20px}.not-found .button{margin:30px 10px}.not-found .text-link{display:table;margin:auto}
html[lang="zh-CN"] .hero h1{font-style:normal;line-height:1.2;letter-spacing:-.02em}html[lang="zh-CN"] .hero h1 em{font-style:normal}html[lang="zh-CN"] .hero h1 svg{width:160px;left:calc(50% - 72px)}html[lang="zh-CN"] .section-copy h2,html[lang="zh-CN"] .center-heading h2,html[lang="zh-CN"] .split-heading h2{line-height:1.4;letter-spacing:-.02em}html[lang="zh-CN"] .closing h2{line-height:1.4;letter-spacing:-.02em}
@media(max-width:1200px){.nav-links{gap:15px;font-size:12px}.nav-wrap{padding:0 28px}nav{gap:13px;padding-left:17px}.section-copy h2,.center-heading h2,.split-heading h2{font-size:44px}.section-copy>p{font-size:15px}.brand{font-size:22px}.button.small{padding:14px 13px}}
@media(max-width:900px){.nav-links{font-size:12px;gap:14px}.section-copy h2,.center-heading h2,.split-heading h2{font-size:40px}.hero h1{font-size:76px}.hero-copy>p{font-size:15px}.tidy-section{gap:35px}.tidy-list>div{flex-wrap:wrap;gap:7px}.tidy-list small{margin-left:35px;width:100%;margin-top:-8px}.split-heading{gap:30px}.split-heading>p{font-size:13px;max-width:280px}.privacy-inner{grid-template-columns:1fr 1fr;gap:30px}.privacy-points{flex-wrap:wrap;gap:9px}.feature-text h3{font-size:25px}.easel-note{font-size:15px}.demo-editor h2{font-size:32px}.space-caption{font-size:11px}.more-features>div{gap:20px}.space-controls button{min-width:32px;min-height:32px}}
@media(max-width:640px){.hero{padding-top:120px}.hero h1{font-size:52px;letter-spacing:-.045em;line-height:1.08;margin:25px -4px 29px}.hero h1 svg{width:155px;left:calc(50% - 70px);bottom:-15px}.hero-copy>p{font-size:14px;max-width:335px;margin:auto;line-height:1.7}.hero-copy>p br{display:none}.hero-copy .eyebrow{font-size:8px;letter-spacing:.9px}.hero-values{font-size:10px;gap:10px}.hero-actions{gap:10px;margin:24px 0 17px}.hero-actions .text-link{font-size:13px}.hero-stage{margin-top:35px}.hero h1 em{letter-spacing:-.025em}.nav-wrap{padding:0 22px}nav{gap:8px;padding:8px 10px}.nav-links{font-size:14px}.menu-button{min-width:44px;min-height:44px}.brand{font-size:20px;gap:4px}.brand img{width:28px;height:28px}.hero .demo-caption{font-size:10px;line-height:1.7;max-width:270px;margin:22px auto 0;letter-spacing:0}.hero .demo-caption span{display:none}.browser-sidebar{width:116px}.sidebar-bottom{left:4px;right:4px;bottom:3px}.sidebar-bottom>span{display:none}.space-controls{justify-content:space-evenly;width:100%}.space-controls button{width:36px;height:44px;min-width:0;min-height:44px;font-size:15px}.browser-demo{height:365px}.sidebar-row{padding:7px 3px}.sidebar-title b{font-size:7px}.demo-editor{padding:14px 10px}.demo-editor h2{font-size:22px;line-height:1.12;letter-spacing:-.035em;min-height:50px}.demo-editor p{font-size:7px;line-height:1.6;min-height:32px}.editor-kicker{font-size:4px;margin-top:19px}.landscape{height:87px}.floating-note{right:-3px;bottom:31px;padding:10px;gap:8px;font-size:7px}.tiny-flower{font-size:27px}.intro-line>span{font-size:7px;letter-spacing:.4px}.section-copy h2,.center-heading h2,.split-heading h2{font-size:36px;line-height:1.14;letter-spacing:-.035em}.section-copy>p,.center-heading p{font-size:14px}.center-heading p br{display:none}.text-link{font-size:13px}.eyebrow{font-size:9px}.migration-art{height:300px}.transfer-sheet{width:175px}.sheet-row{font-size:6.5px}.tidy-list b{font-size:11px}.tidy-list>div{flex-wrap:nowrap}.tidy-list small{margin-left:auto;width:auto;font-size:7px;margin-top:0}.space-caption{font-size:12px}.space-card-label small{font-size:8px}.setup-controls{padding:0;gap:6px}.theme-controls{gap:0}.theme-controls>span{font-size:10px;margin-right:0}.theme-swatch{width:38px;height:44px}.theme-swatch::before{inset:13px 10px}.split-toggle{font-size:10px;padding:7px 10px}.split-heading>p{font-size:14px;max-width:none}.split-heading>p br{display:block}.split-demo{margin-top:0}.reading-content h3{font-size:22px}.writing-content h3{font-size:18px}.reading-content p{font-size:7px}.writing-content>p{font-size:7px}.check-item{font-size:7px}.setup-caption{font-size:10px;letter-spacing:0}.feature-text h3{font-size:26px}.feature-text p{font-size:14px}.feature-text>small{font-size:10px}.more-features>div{gap:15px;font-size:11px}.more-features{font-size:13px}.privacy-inner{grid-template-columns:1fr}.privacy-points{font-size:11px}.mac>span{font-size:11px}.open-section .section-copy h2{font-size:34px}.faq-section h2{font-size:31px}.faq-list summary{font-size:14px}.faq-list p{font-size:14px;line-height:1.8}.closing h2{font-size:44px;line-height:1.12}.closing p{font-size:14px;max-width:300px;margin:auto}.closing p br{display:none}.closing .eyebrow{font-size:8px}.closing-note{font-size:11px}footer p{font-size:10px}footer>a:last-child{font-size:12px}.not-found h1{font-size:36px}dialog h2{font-size:32px}dialog li{font-size:13px}}
@media(max-width:360px){.hero h1{font-size:45px}.hero-copy .eyebrow{font-size:7px}.hero-copy>p{font-size:13px}.brand{font-size:18px}.hero-stage{padding:0}.browser-sidebar{width:108px}.space-controls button{width:34px}.demo-editor h2{font-size:19px}.editor-top span:last-child{display:none}.floating-note{right:-8px}.transfer-sheet{width:160px}.old-sheet{left:3px}.new-sheet{right:3px}.theme-controls>span{display:none}.tidy-art{padding:18px}.tidy-list small{font-size:6px}.intro-line>span{font-size:6px}.closing h2{font-size:39px}}

/* Keep interactive demo controls comfortable on touch screens. */
.space-controls{gap:2px}.space-controls button{width:44px;height:44px;min-width:44px;min-height:44px}
@media(max-width:640px){.browser-sidebar{width:140px}.space-controls{gap:0}.theme-swatch{width:44px;height:44px}.theme-swatch::before{inset:13px}}

/* Shared vector icons keep shapes consistent across platforms and locales. */
.ui-icon{display:inline-block;width:1em;height:1em;flex:none;vertical-align:-.13em;overflow:visible}
.direction-icon{width:1.1em;height:1.1em;vertical-align:-.18em}
.button>.ui-icon,.button>span:has(.ui-icon),.text-link>span:has(.ui-icon){display:inline-flex;align-items:center;justify-content:center}
.button .direction-icon{width:18px;height:18px}
.nav-links .direction-icon,footer .direction-icon{margin-left:5px}
.motif-icon{vertical-align:-.15em}
.tiny-flower,.paper-star,.peek-flower,.closing-flower{line-height:0}
.tiny-flower .motif-icon,.paper-star .motif-icon,.peek-flower .motif-icon,.closing-flower .motif-icon{vertical-align:0}
.space-controls .motif-icon{width:18px;height:18px}
.open-bracket span{display:flex;align-items:center}
.easel-image>span{display:flex;align-items:center}
.closing-flower{font-size:148px;right:9%;color:#9cacc36b;transform:rotate(-12deg)}
@media(max-width:900px){.closing-flower{font-size:110px;right:3%}}
@media(max-width:640px){.closing-flower{font-size:86px;right:-28px;opacity:.65}}

/* Language disclosure and acquisition action share a compact trailing group. */
.nav-actions{display:flex;align-items:center;gap:12px;flex:none}
.nav-links{margin-left:auto;margin-right:auto}
.language-picker{position:relative;flex:none}
.language-picker summary{display:flex;align-items:center;justify-content:center;gap:6px;min-width:48px;min-height:44px;padding:0 8px;border-radius:10px;cursor:pointer;list-style:none}
.language-name,.language-short{font-size:12px;font-weight:500;white-space:nowrap}.language-short{display:none}
.language-picker summary::-webkit-details-marker{display:none}
.language-picker summary:hover,.language-picker[open] summary{background:#e5ebe3}
.globe-icon{width:21px;height:21px}.language-chevron{width:13px;height:13px;transition:transform .2s}
.language-picker[open] .language-chevron{transform:rotate(180deg)}
.language-options{position:absolute;top:calc(100% + 12px);right:0;width:166px;padding:6px;background:#fcfcf8;border:1px solid #e0e4db;border-radius:13px;box-shadow:0 12px 36px #34413a1c}
.language-options a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:10px 12px;border-radius:8px;font-size:13px}
.language-options a:hover{background:#f0f0e9}.language-options a .ui-icon{width:16px;height:16px;visibility:hidden}
html[lang="en"] .language-options [data-locale="en"],html[lang="zh-CN"] .language-options [data-locale="zh-CN"]{background:#eeebf6;color:#615488}
html[lang="en"] .language-options [data-locale="en"] .ui-icon,html[lang="zh-CN"] .language-options [data-locale="zh-CN"] .ui-icon{visibility:visible}
@media(max-width:900px){.nav-download{display:inline-flex}.nav-actions{gap:8px}.menu-button{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;border-radius:10px}.menu-button:hover{background:#e5ebe3}.menu-button .ui-icon{width:22px;height:22px}.nav-links{display:none;position:absolute;top:calc(100% + 8px);left:28px;right:28px;margin:0;padding:15px 20px;border:1px solid #fff;border-radius:12px;background:#f7faf4;box-shadow:0 10px 20px #43564d15}.nav-links.is-open{display:flex;flex-direction:column;gap:3px;font-size:13px}}
@media(max-width:640px){.nav-actions{gap:4px}.language-picker summary{min-width:44px;padding:0;gap:3px}.language-name{display:none}.language-short{display:inline;font-size:11px}.globe-icon{width:18px;height:18px}.language-chevron{width:10px}.nav-download.button.small{padding:12px 10px;min-height:44px;font-size:11px}.nav-download.button>span{display:none}.nav-links{left:22px;right:22px}.language-options{right:-45px}}
@media(max-width:480px){nav>.brand span{display:none}nav>.brand{margin-right:auto}nav>.brand img{width:32px;height:32px}}

/* Auto-archive illustration: a steady home for essentials, room for passing tabs. */
.archive-demo{min-width:0;background:#efede5;border:1px solid #e3e1d6;border-radius:18px;padding:25px;box-shadow:0 14px 35px #4e543509;transform:rotate(-1deg)}
.archive-demo-top{display:flex;align-items:center;justify-content:space-between;color:#6c735f;font-size:9px;letter-spacing:1.6px;margin-bottom:22px;gap:12px}
.archive-demo-top>.ui-icon{width:22px;height:22px}
.archive-essentials{display:flex;gap:8px;border-bottom:1px solid #d9dbce;padding-bottom:19px;margin-bottom:17px}
.archive-essentials>div{display:flex;align-items:center;gap:7px;border-radius:8px;background:#fbfaf5;padding:11px 10px;font-size:11px;min-width:0}
.archive-essentials .ui-icon{width:16px;height:16px;color:#798168;flex:none}
.archive-group-heading{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;color:#6a725f;margin-bottom:9px}
.archive-group-heading>span:first-child{display:flex;align-items:center;gap:7px}
.archive-group-heading .ui-icon{width:16px;height:16px}
.archive-count{font-size:10px;font-weight:500;font-variant-numeric:tabular-nums;color:#6a725f}
.archive-today{min-height:134px}
.archive-tab{display:flex;align-items:center;gap:10px;background:#fbfaf6;border-radius:7px;padding:11px 10px;margin-bottom:6px;font-size:11px;min-width:0;color:#505744;position:relative}
.archive-tab>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.archive-tab small{margin-left:auto;flex:none;font-size:9px;color:#747a69}
.archive-tab.active{background:#e0e4d4}
.archive-tab-dot{width:8px;height:8px;border-radius:50%;background:#8d83b3;flex:none}
.archive-tab-dot.peach{background:#ca9e86}.archive-tab-dot.sage{background:#96a783}
.archive-tray{min-height:119px;background:#e5e7dc;border:1px dashed #b5bba6;border-radius:10px;padding:12px;margin-top:5px}
.archive-tray .archive-tab{font-size:10px;padding:8px 9px;background:#f5f6ef;margin-bottom:5px}
.archive-tray .archive-tab:last-child{margin-bottom:0}
.archive-tray .archive-tab small{display:none}
.archive-empty{font-size:11px!important;color:#757c69;text-align:center;padding:16px 0;line-height:1.6}
.archive-empty[hidden]{display:none}
.archive-setting{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 0 15px;font-size:12px}
.archive-setting label{line-height:1.5}
.archive-select{position:relative;flex:none}
.archive-select select{appearance:none;background:#fcfbf7;border:1px solid #d2d5c6;border-radius:8px;color:#4a523f;font:inherit;padding:11px 33px 11px 12px;min-height:44px;cursor:pointer}
.archive-select>.ui-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;pointer-events:none;color:#6e775c}
.archive-select select:focus-visible{outline:3px solid #5a65c9;outline-offset:3px}
.archive-demo-footer{display:flex;gap:12px;align-items:center;justify-content:space-between;border-top:1px solid #d9dbce;padding-top:13px}
.archive-demo-footer p{font-size:11px;line-height:1.6;color:#6b735d;max-width:240px}
.archive-preview{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#e0e4d4;color:#465139;border:1px solid #cbd1bd;min-height:44px;border-radius:9px;padding:10px 12px;font-size:11px;white-space:nowrap;flex:none}
.archive-preview:hover{background:#d3dbc4}.archive-preview .ui-icon{width:15px;height:15px}
.archive-caption{font-size:10px;color:#767a6d;text-align:center;margin-top:17px;line-height:1.6}
.archive-profile-note{display:block;margin-top:23px;font-size:12px;line-height:1.7;color:#727867}
@media(max-width:900px){.archive-demo{padding:19px}.archive-essentials>div{font-size:10px;padding:10px 8px}.archive-setting{font-size:11px;gap:8px}.archive-demo-footer{gap:8px}}
@media(max-width:640px){.archive-demo{transform:none;padding:22px}.archive-demo-top{font-size:9px}.archive-essentials>div{font-size:11px}.archive-setting{font-size:12px}.archive-profile-note{margin-top:18px}.archive-caption{font-size:10px}}
@media(max-width:360px){.archive-demo{padding:16px}.archive-essentials{gap:6px}.archive-essentials>div{padding:10px 7px;font-size:10px}.archive-setting{font-size:11px}.archive-select select{padding-left:9px}.archive-demo-footer p{font-size:10px}}
@media(max-width:640px){html[lang="zh-CN"] .tidy-section h2{font-size:clamp(26px,7.5vw,36px)}}