:root{--ink:#242b28;--muted:#5f6861;--blue:#315dc2;--blue-dark:#244797;--mint:#f0f5ef;--paper:#fff;--rule:#d9ded7;--yellow:#fff1a8;--green:#3d765b;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--serif:"Songti SC","STSong","Noto Serif SC",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#fff;color:var(--ink);font:17px/1.75 var(--sans);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:var(--blue);text-underline-offset:4px;text-decoration-thickness:1px}button{color:inherit}img{max-width:100%;height:auto}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--blue);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.25;letter-spacing:-.04em}h2{font-weight:800}svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}mark{background:linear-gradient(transparent 37%,var(--yellow) 37%,var(--yellow) 94%,transparent 94%);color:inherit;padding:0 2px}.skip-link{position:absolute;z-index:10;top:-100px;left:20px;padding:12px;background:#fff}.skip-link:focus{top:10px}.masthead{max-width:1500px;margin:auto;padding:23px 38px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px}.header-link{font-size:14px;font-weight:700;color:var(--ink);text-decoration:none;background:#f4f6f2;padding:7px 13px;justify-self:start}.header-link:hover{text-decoration:underline}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:850;font-size:23px;letter-spacing:-.6px;line-height:1.2}.brand img{flex-shrink:0}.brand-cn{margin-left:4px}.header-contact{justify-self:end;background:var(--blue);border:0;color:#fff;padding:8px 17px;font-size:14px;font-weight:700}.header-contact:hover,.button-primary:hover{background:var(--blue-dark)}.hero{margin:0 26px;background:var(--mint);padding:52px 45px 45px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,1fr);gap:55px;max-width:1300px;margin:auto;align-items:center}.product-scene{position:relative;min-width:0}.workbench{position:relative;background:white;box-shadow:0 8px 30px #1931260b,0 1px 3px #19312612;padding:25px 24px 17px;transform:rotate(-1deg);border:1px solid #dce4db;transition:transform .2s}.workbench:hover{transform:rotate(0)}.bench-heading{display:flex;justify-content:space-between;align-items:center}.bench-eyebrow{font-size:10px;color:#72796f;letter-spacing:2px}.bench-heading h2{font-size:24px;margin-top:3px;letter-spacing:-.04em}.star{font-size:35px;color:#d8a128;line-height:1}.bench-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:13px 0 20px;font-size:10px;color:#677166}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#639575;margin-right:4px}.demo-label{font-size:9px;color:#7a827a;border:1px solid #dfe3dd;padding:1px 5px;white-space:nowrap}.bench-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.bench-tool{min-width:0;display:block;text-align:left;padding:12px 11px;background:#fff;border:1px solid #d9ded7;border-radius:3px;box-shadow:0 1px 2px #00000005;transition:border-color .15s,box-shadow .15s}.bench-tool:hover{border-color:#759980;box-shadow:0 2px 8px #35664810}.tool-title{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:800;line-height:1.4;margin-bottom:11px}.tool-title>span{color:#8f988f;font-size:12px}.filter-chips{display:flex;gap:5px;margin-bottom:11px}.filter-chips>span{padding:2px 5px;font-size:9px;background:#f3f5f1;border-radius:3px;color:#5c675d}.creator-mini{display:flex;align-items:center;gap:7px;margin-top:10px;font-size:10px;line-height:1.4}.avatar{display:flex;align-items:center;justify-content:center;width:29px;height:29px;flex-shrink:0;border-radius:50%;font-size:12px;font-weight:700;color:#674c41}.coral{background:#f4d9cc}.lavender{background:#e6dff0;color:#716084}.gold{background:#f5e8bf;color:#8b763a}.creator-mini b{display:block;font-weight:600}.creator-mini small{font-size:8px;color:#7d847b}.tiny-check,.tiny-plus{margin-left:auto;font-size:11px;color:#649173}.tiny-plus{color:#91998d}.letter-preview{display:block;background:#fdfaf2;padding:12px 10px;font:10px/1.8 var(--serif);color:#5b6259}.letter-greeting{display:block;margin-bottom:6px}.letter-sign{display:block;margin-top:9px}.template-label{display:flex;justify-content:space-between;margin-top:9px;font-size:9px;color:#7c8376}.template-label span{color:#5a8b62}.group-line{display:flex;align-items:center;gap:5px;font-size:9px;margin-top:13px}.group-line .pill{margin-left:auto}.folder-icon{display:block;width:14px;height:10px;background:#b6d5bd;border-radius:1px;position:relative;flex-shrink:0}.folder-icon:before{content:"";position:absolute;left:0;top:-3px;width:6px;height:4px;background:#b6d5bd}.pill{padding:1px 4px;font-size:8px;border-radius:3px;white-space:nowrap}.green{color:#477359;background:#e9f2e8}.blue{color:#3e64a5;background:#eaf0fa}.neutral{background:#f1f1ed;color:#7d8077}.progress-copy{display:block;font-size:9px;color:#8a8d81;margin-bottom:7px}.progress-step{display:flex;align-items:center;gap:6px;font-size:9px;margin-top:8px}.progress-step i{font-style:normal;width:13px;height:13px;display:flex;align-items:center;justify-content:center;background:#639473;color:#fff;border-radius:3px;font-size:9px}.progress-step.current i{background:#d8e6da;color:#47785b;font-weight:900}.step-dots{margin-left:auto;color:#487b57;letter-spacing:2px}.sticky-note{display:block;font:11px/1.85 var(--serif);background:#fff3b5;color:#62583c;padding:14px 12px;transform:rotate(-2deg);box-shadow:1px 3px 4px #00000005}.sticky-note>span{display:block;font-size:8px;color:#8b7d53;margin-top:7px}.shop-row{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:10px}.shop-icon{color:#598163;font-size:19px;line-height:1}.shop-row>span:last-child{margin-left:auto;font-size:8px;color:#899083}.shop-active{padding:1px 5px;background:#eef4ed}.shop-note{display:block;font-size:9px;color:#7c8577;margin-top:10px}.bench-footer{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:9px;color:#8b9387;gap:8px}.small-brand{display:flex;align-items:center;gap:5px;color:#6a7264;font-size:10px}.project-switcher{position:absolute;left:-25px;top:42%;display:flex;flex-direction:column;gap:12px;z-index:1}.project-dot{height:8px;width:8px;padding:0;border:0;background:#c4d1c1;border-radius:6px;position:relative}.project-dot:before{content:"";position:absolute;inset:-6px}.project-dot.active{height:21px;background:#4e6f52}.scene-caption{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:15px;color:#486e55;font:17px var(--serif)}.scene-caption svg{width:56px;height:35px;stroke-width:2}.demo-disclaimer{font-size:10px;color:#81917f;text-align:center;margin-top:7px}.hero-copy{padding:2px 0 18px}.hero-index{display:flex;flex-direction:column;gap:9px;font-size:15px;line-height:1.55}.hero-index a{text-decoration:none}.hero-index strong{text-decoration:underline;text-underline-offset:3px;font-weight:750}.hero-index strong:after{content:" — ";text-decoration:none;color:var(--ink);font-weight:400;display:inline-block;margin:0 4px}.hero-index a>span{color:#5c695e;font-size:13px}.hero-index a:hover strong{color:var(--blue-dark)}.hero-actions{display:flex;align-items:center;gap:19px;margin:28px 0 32px}.button-primary{display:inline-flex;justify-content:center;align-items:center;gap:20px;border:0;border-radius:0;color:white;background:var(--blue);font-size:17px;font-weight:750;padding:13px 21px;box-shadow:0 4px 0 #203c7b12;transition:background .15s,transform .15s}.button-primary:active{transform:translateY(2px)}.tour-link{display:flex;align-items:center;gap:9px;line-height:1.45;text-decoration:none;color:var(--ink);font-size:11px}.tour-link b{display:block;font-weight:650}.tour-link small{color:#6c766c;font-size:10px}.play-icon{width:35px;height:35px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #d3ddcf;border-radius:50%;color:var(--blue);font-size:11px;padding-left:2px}.hero h1{font-size:clamp(40px,4.3vw,66px);font-weight:900;line-height:1.26;letter-spacing:-.06em}.underline-sketch{position:relative;white-space:nowrap;z-index:0}.underline-sketch:after{content:"";position:absolute;left:-3%;right:-3%;bottom:-.05em;height:.13em;border-top:3px solid currentColor;border-radius:60% 15% 50% 30%;transform:rotate(-2deg);z-index:-1}.hero h1 .underline-sketch:after{color:#87a974;border-top-width:5px;bottom:-.03em}.hero-subtitle{font-size:24px;line-height:1.6;font-weight:450;margin-top:25px;letter-spacing:-.025em}.hero-footnote{font-size:12px;margin-top:14px;color:#6b7968}.reading-width{max-width:760px;margin:0 auto;padding-left:25px;padding-right:25px}.wide-width{max-width:1140px;margin:0 auto;padding-left:30px;padding-right:30px}.handwritten{font-family:var(--serif);font-style:italic}.intro{padding-top:92px;padding-bottom:85px}.hello{display:inline-block;font-size:25px;transform:rotate(-3deg);margin-bottom:23px;color:#526c50}.intro h2{font-size:33px;margin-bottom:26px}.intro p,.belief p{font-size:20px;line-height:1.95;margin:20px 0;letter-spacing:.01em}.intro-signoff{display:flex;align-items:center;gap:12px;margin-top:30px;font-size:15px;font-weight:600}.section-heading{font-size:clamp(32px,3.2vw,46px);line-height:1.35;font-weight:850;letter-spacing:-.035em}.before-after{padding-top:25px;padding-bottom:70px;border-top:1px solid var(--rule)}.before-after>.section-heading{text-align:center;margin-top:39px}.comparison{display:grid;grid-template-columns:1fr 60px 1fr;gap:12px;align-items:center;margin-top:45px}.comparison-label{display:block;text-align:center;font-size:15px;font-weight:600;margin-bottom:24px}.comparison p{text-align:center;font-size:13px;color:#70766c;margin-top:16px}.scattered-papers{height:230px;position:relative}.scrap{position:absolute;display:flex;flex-direction:column;background:#fff;border:1px solid #dddcd4;box-shadow:2px 4px 0 #f3f1eb;font-size:12px;width:174px;padding:17px;gap:5px;line-height:1.8;color:#626b61}.scrap b{color:#444c42;font-size:13px}.scrap i{font-style:normal;font-size:11px}.scrap-one{left:0;top:3px;transform:rotate(-8deg);min-height:148px}.scrap-two{left:40%;top:13px;transform:rotate(8deg);background:#f7f5ed}.scrap-three{left:48%;top:111px;transform:rotate(-4deg);width:175px}.scrap-lines{height:26px;background:repeating-linear-gradient(transparent 0 7px,#ddd 8px,transparent 9px)}.messy-line{position:absolute;width:95%;height:205px;left:0;top:35px;stroke:#b77559;stroke-width:2.2;pointer-events:none}.comparison-arrow{font:55px var(--serif);color:#718a6e;transform:rotate(-4deg);text-align:center}.tidy-book{height:230px;max-width:375px;margin:auto;background:#f1f6ee;border:1px solid #b6c9ad;border-radius:2px;padding:23px 20px;text-align:center;box-shadow:5px 5px 0 #e6eddf;transform:rotate(2deg);position:relative}.tidy-book img{display:block;margin:auto auto 9px}.tidy-book h3{font-size:22px;margin-bottom:7px}.tidy-book>span{font-size:11px;color:#667b5e}.tidy-row{display:flex;gap:7px;justify-content:center;margin-top:18px;font-size:11px}.tidy-row span{background:white;padding:5px 10px;border:1px solid #d3decc}.tidy-book svg{width:160px;height:44px;stroke:#71896c;stroke-width:2;position:absolute;bottom:3px;right:17px}.features{padding-top:55px;padding-bottom:85px}.section-intro{text-align:center}.eyebrow{font-size:13px;font-weight:650;letter-spacing:.12em;display:block;margin-bottom:18px;color:#5f735a}.section-intro>p{margin-top:18px;color:var(--muted);font-size:16px}.feature-row{display:grid;grid-template-columns:70px 1fr 280px;gap:30px;align-items:center;max-width:960px;margin:52px auto 0;padding-bottom:36px;border-bottom:1px solid var(--rule)}.feature-row:last-child{border:0;padding-bottom:0}.feature-number{align-self:start;font:46px/1.1 var(--serif);color:#729267;position:relative;transform:rotate(-6deg)}.number-line{height:3px;background:#bbcca9;position:absolute;bottom:-12px;left:0;width:49px;transform:rotate(2deg)}.feature-body h3{font-size:27px;margin-bottom:14px;letter-spacing:-.02em}.feature-body p{font-size:16px;line-height:1.9;color:#5d685e;max-width:520px}.feature-body>a{display:inline-block;font-size:14px;margin-top:17px;font-weight:650}.feature-visual{height:176px;position:relative;color:#4d6351}.visual-find{width:220px;margin:auto}.person-outline{width:103px;position:absolute;left:60px;top:22px}.person-outline svg{stroke-width:2.5}.tag{position:absolute;padding:4px 12px;background:#eef4e8;border:1px solid #bbccb1;border-radius:20px;font-size:12px;transform:rotate(-8deg)}.tag-top{left:4px;top:25px}.tag-bottom{right:0;bottom:10px;transform:rotate(7deg)}.visual-check{position:absolute;right:22px;top:25px;font:37px var(--serif);color:#849c6c;transform:rotate(10deg)}.envelope{position:absolute;width:187px;height:121px;left:34px;top:30px;background:#fff5c7;border:2px solid #b8a97d;transform:rotate(-7deg);box-shadow:3px 4px #f6edcc}.envelope span{position:absolute;left:47px;top:57px;z-index:1;font:17px var(--serif);background:#fff5c7;padding:5px}.envelope svg{position:absolute;inset:0;width:100%;height:100%;stroke:#b8a97d;stroke-width:1.5}.postage{position:absolute;right:22px;top:15px;border:1px dashed #7c9773;background:#edf2e7;font:10px/1.5 var(--serif);padding:6px;transform:rotate(10deg)}.letter-flight{position:absolute;right:3px;bottom:10px;font:45px var(--serif);color:#7b9872}.visual-path svg{position:absolute;width:100%;height:145px;stroke:#6d8d63;stroke-width:2.5;left:0;top:15px}.visual-path circle{fill:#f2f6e9}.path-label{position:absolute;font:14px var(--serif);color:#657d5f}.path-first{left:4px;bottom:4px;transform:rotate(-4deg)}.path-second{right:10px;top:3px;transform:rotate(4deg)}.tour-section{background:#f1f5ee;padding:72px 0 35px;margin:0 26px}.tour-tabs{display:flex;justify-content:center;gap:9px;margin:37px 0 27px}.tour-tabs button{border:1px solid #ccd7c6;background:transparent;padding:11px 17px;font-size:14px;font-weight:650;color:#667360;line-height:1.5}.tour-tabs button span{display:inline-flex;align-items:center;justify-content:center;border:1px solid currentColor;border-radius:50%;width:19px;height:19px;font-size:11px;margin-right:5px}.tour-tabs button[aria-selected=true]{background:#315f49;border-color:#315f49;color:white}.tour-panel{display:grid;grid-template-columns:.85fr 1.25fr;gap:38px;align-items:center;min-height:380px;padding:12px 8px}.tour-counter{display:block;font-size:11px;color:#688060;margin-bottom:17px}.tour-narrative h3{font-size:29px;line-height:1.5;letter-spacing:-.03em}.tour-narrative>p{font-size:15px;line-height:1.9;margin-top:15px;color:#606d5d}.tour-tip{display:flex;gap:11px;align-items:center;margin:22px 0;color:#687c5e}.tour-tip>span{font-size:37px;line-height:1}.tour-tip p{font:16px/1.7 var(--serif)}.text-button{border:0;padding:0;background:none;color:var(--blue);font-weight:650;font-size:14px;text-decoration:underline;text-underline-offset:4px}.tour-demo{background:#fff;border:1px solid #d1dacb;box-shadow:0 7px 18px #344b290d;min-width:0;transform:rotate(.7deg)}.demo-browser{display:flex;align-items:center;gap:15px;padding:12px 16px;background:#fbfcf9;border-bottom:1px solid #e1e5dc;font-size:10px;color:#7c8477}.demo-browser .demo-label{margin-left:auto}.browser-dots{display:flex;gap:4px}.browser-dots i{display:block;width:6px;height:6px;background:#d8ddcf;border-radius:50%}.demo-screen{padding:22px;min-height:307px}.screen-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.screen-topline h4{margin:0;font-size:16px;line-height:1.5}.screen-topline>span{font-size:10px;color:#76816d}.demo-filters{display:flex;gap:7px;margin-bottom:18px}.demo-filters>span{padding:4px 8px;border:1px solid #dce2d5;font-size:10px;background:#fafbf7;color:#626e57}.demo-table{width:100%;border-collapse:collapse;text-align:left;font-size:11px;line-height:1.5}.demo-table th{font-size:9px;font-weight:500;color:#7a8374;padding:9px 5px;background:#f4f7ef;border-bottom:1px solid #dde4d5}.demo-table td{padding:13px 5px;border-bottom:1px solid #e8ece2}.demo-table td:first-child{display:flex;align-items:center;gap:7px}.demo-table .avatar{width:27px;height:27px;font-size:11px}.demo-table small{display:block;font-size:8px;color:#89917f;margin-top:3px}.demo-table .pill{font-size:9px;padding:3px 6px}.table-check{color:#457a52;font-size:13px}.screen-status{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:10px;color:#6e7a61}.demo-action{display:inline-block;color:#fff;background:#457252;padding:5px 12px;font-size:10px}.invite-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:13px}.invite-field{font-size:9px;color:#8a927f}.invite-field>span{display:block;border:1px solid #dfe4d7;padding:7px;margin-top:5px;font-size:11px;color:#526048;background:#fcfdf9}.demo-letter{border:1px solid #e4dfcb;background:#fcfaf0;padding:14px;font:12px/1.8 var(--serif);color:#6d6a57}.demo-letter span{display:block;margin-top:7px}.demo-group-summary{font-size:10px;margin-top:12px;color:#79816d;display:flex;justify-content:space-between}.progress-banner{background:#edf4e6;padding:10px 12px;font-size:11px;color:#527049;margin-bottom:15px}.demo-note{background:#fff4bc;padding:9px 12px;font:11px/1.7 var(--serif);color:#7c714d;margin-top:15px}.tour-disclaimer{font-size:11px;color:#7f8b76;text-align:center;margin-top:24px}.belief{padding-top:90px;padding-bottom:83px;position:relative}.belief-doodle{width:88px;color:#a26f55;margin:0 auto 23px;transform:rotate(-6deg)}.belief-doodle svg{stroke-width:2}.belief>.eyebrow{text-align:center}.belief h2{text-align:center;font-size:43px;line-height:1.35;margin-bottom:35px}.belief h2 .underline-sketch:after{color:#adc397}.belief-signature{display:flex;flex-direction:column;align-items:flex-end;margin-top:34px;gap:9px}.belief-signature .handwritten{font-size:23px;color:#58734d;transform:rotate(-5deg)}.belief-signature>span:last-child{font-size:13px;color:#798372}.questions{padding-top:55px;padding-bottom:83px;border-top:1px solid var(--rule)}.questions h2{text-align:center;font-size:33px;margin-bottom:36px}details{border-bottom:1px solid #dce2d6;padding:0}summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:17px;font-weight:650;padding:20px 0;cursor:pointer}summary::-webkit-details-marker{display:none}summary>span{font-weight:400;color:#78896e;font-size:24px;line-height:1}details[open] summary>span{transform:rotate(45deg)}details p{font-size:15px;color:#66705f;padding:0 30px 22px 0;line-height:1.9}.contact-section{position:relative;text-align:center;background:#f3f6ee;margin-bottom:63px;padding-top:49px;padding-bottom:48px}.contact-note{display:inline-block;color:#647b56;font-size:22px;transform:rotate(-4deg);margin-bottom:22px}.contact-section h2{font-size:41px;line-height:1.4}.contact-section p{font-size:17px;color:#65715c;line-height:1.9;margin-top:19px}.contact-section .button-primary{margin-top:27px;padding:14px 27px}.contact-subtext{display:block;font-size:11px;color:#7d8973;margin-top:14px}.contact-arrow{position:absolute;right:21%;bottom:37px;width:102px;height:67px;stroke:#72965b;stroke-width:2.3}.footer{padding-bottom:25px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:25px;border-bottom:1px solid var(--rule)}.footer-brand{font-size:19px}.footer-top>span{font:16px var(--serif);color:#65775a}.footer-top>a:last-child{font-size:12px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:10px;color:#89907e;padding-top:19px}.footer-bottom>div{display:flex;gap:18px}.footer-bottom a,.footer-bottom button{color:#6c7b61;font-size:11px;text-decoration:underline;text-underline-offset:3px}.footer-bottom button{border:0;background:none;padding:0}dialog{border:1px solid #cfd9c7;border-radius:3px;padding:29px 34px 25px;text-align:center;width:440px;max-width:calc(100% - 32px);max-height:90dvh;overflow:auto;color:var(--ink);box-shadow:0 20px 80px #18281625}dialog::backdrop{background:#21332680;backdrop-filter:blur(4px)}.dialog-close{position:absolute;top:8px;right:12px;font-size:27px;line-height:1;border:0;background:none;color:#73816b;padding:4px 8px}.dialog-logo{display:block;margin:0 auto 13px}dialog h2{font-size:24px}dialog>p{font-size:13px;color:#737f6b;line-height:1.8;margin-top:12px}.wechat-qr{display:block;width:225px;height:auto;margin:4px auto 0}.qr-hint{font-size:10px!important;max-width:280px;margin:5px auto 0!important}.qr-save{display:inline-block;font-size:12px;margin-top:10px}body.modal-open{overflow:hidden}
@media(min-width:1500px){.hero{max-width:1450px;margin:auto}.hero h1{font-size:66px}}
@media(max-width:1100px){.hero{padding:38px 30px;}.hero-grid{gap:33px}.bench-heading h2{font-size:21px}.workbench{padding:21px 17px 15px}.bench-grid{gap:9px}.bench-tool{padding:10px 8px}.tool-title{font-size:11px}.group-line{font-size:8px}.hero-index{font-size:13px;gap:8px}.hero-index a>span{font-size:11px}.hero-actions{gap:12px}.button-primary{font-size:14px;padding:12px 17px;gap:9px}.hero h1{font-size:48px}.hero-subtitle{font-size:20px}.scene-caption{font-size:14px}.tour-panel{gap:27px}.feature-row{grid-template-columns:55px 1fr 230px;gap:23px}.contact-arrow{right:17%}}
@media(max-width:850px){.masthead{padding:18px 24px}.brand{font-size:19px}.brand img{width:39px;height:39px}.header-link,.header-contact{font-size:12px;padding:6px 9px}.hero{padding:35px 28px;margin:0 16px}.hero-grid{grid-template-columns:1fr;gap:33px;max-width:610px}.hero-copy{grid-row:1;padding:0}.hero-index{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:13px}.hero-index strong:after{display:none}.hero-index a>span{display:block;font-size:11px;margin-top:3px}.hero-actions{margin:25px 0}.hero h1{font-size:clamp(44px,7vw,58px);line-height:1.27}.hero h1 br:nth-of-type(1){display:none}.hero h1 br:nth-of-type(1):after{content:""}.hero-subtitle{font-size:20px;margin-top:20px}.hero-subtitle br{display:none}.hero-footnote{margin-top:10px}.workbench{transform:none;padding:24px}.bench-heading h2{font-size:25px}.tool-title{font-size:13px}.bench-tool{padding:13px}.bench-grid{gap:14px}.creator-mini{font-size:12px}.creator-mini small{font-size:9px}.letter-preview{font-size:12px}.group-line{font-size:10px}.progress-step{font-size:11px}.progress-copy,.shop-note{font-size:10px}.sticky-note{font-size:13px}.shop-row{font-size:12px}.scene-caption{font-size:16px}.project-switcher{left:-18px}.intro{padding-top:64px;padding-bottom:60px}.intro p,.belief p{font-size:18px}.comparison{grid-template-columns:1fr 40px 1fr;gap:7px}.scattered-papers{transform:scale(.85);transform-origin:center}.scrap-two{left:35%}.scrap-three{left:35%}.tidy-book{padding:23px 12px}.tidy-row span{padding:5px 6px}.tidy-book>span{font-size:10px}.feature-row{grid-template-columns:45px 1fr 180px;gap:18px}.feature-visual{transform:scale(.8);transform-origin:center}.feature-body h3{font-size:23px}.feature-body p{font-size:14px}.feature-number{font-size:37px}.features{padding-top:35px;padding-bottom:60px}.tour-section{margin:0 16px;padding-top:52px}.tour-panel{grid-template-columns:1fr}.tour-narrative h3 br{display:none}.tour-narrative{max-width:550px}.tour-tip{margin:14px 0}.tour-tip br{display:none}.tour-tabs button{font-size:12px;padding:10px 11px}.tour-demo{transform:none}.demo-screen{min-height:305px}.belief{padding-top:65px;padding-bottom:60px}.belief h2{font-size:38px}.questions{padding-top:45px;padding-bottom:55px}.contact-section{margin-left:25px;margin-right:25px}.contact-section h2{font-size:34px}.contact-arrow{right:10%;width:75px}.footer-top{flex-wrap:wrap}.footer-top>span{font-size:14px}.footer-bottom>span:last-child{display:none}}
@media(max-width:600px){body{font-size:16px}.masthead{padding:16px 18px;grid-template-columns:1fr auto}.masthead .header-link{display:none}.brand{font-size:20px;gap:8px}.header-contact{font-size:11px;padding:8px 10px}.hero{margin:0 10px;padding:28px 21px 26px}.hero-grid{gap:28px}.hero-index{font-size:12px;gap:12px 8px}.hero-index a>span{font-size:9px;line-height:1.6}.hero-actions{gap:12px;margin:24px 0}.hero-actions .button-primary{font-size:13px;padding:11px 13px;gap:8px}.tour-link{font-size:9px;gap:6px}.tour-link small{font-size:8px}.play-icon{width:28px;height:28px;flex-shrink:0;font-size:9px}.hero h1{font-size:clamp(34px,8.7vw,48px);letter-spacing:-.07em;line-height:1.38}.hero-subtitle{font-size:17px;line-height:1.7}.hero-footnote{font-size:10px}.workbench{padding:17px 13px 13px;}.bench-heading h2{font-size:19px}.bench-eyebrow{font-size:8px}.bench-meta{font-size:8px;margin:10px 0 14px}.bench-grid{gap:9px}.bench-tool{padding:10px 8px}.tool-title{font-size:10px;gap:4px;margin-bottom:9px}.filter-chips{gap:3px}.filter-chips>span{font-size:7px;padding:2px 4px}.creator-mini{font-size:8px;gap:5px;margin-top:9px}.avatar{width:23px;height:23px;font-size:10px}.creator-mini small{font-size:7px}.letter-preview{font-size:9px;padding:9px 7px;line-height:1.85}.letter-sign{margin-top:6px}.template-label{font-size:7px;margin-top:6px}.group-line{font-size:7px;gap:4px;margin-top:12px}.group-line .pill{font-size:6px;padding:1px 3px}.folder-icon{width:10px;height:8px}.progress-copy{font-size:7px}.progress-step{font-size:8px;gap:4px}.progress-step i{width:11px;height:11px;font-size:7px}.sticky-note{font-size:9px;padding:10px 7px;line-height:1.9}.sticky-note>span{font-size:6px;margin-top:5px}.shop-row{font-size:8px;gap:5px;margin-top:10px}.shop-icon{font-size:15px}.shop-row>span:last-child{font-size:6px}.shop-note{font-size:7px}.bench-footer{font-size:6px;margin-top:13px}.small-brand{font-size:7px}.small-brand img{width:15px;height:15px}.star{font-size:28px}.project-switcher{left:-14px;gap:10px}.project-dot{width:6px;height:6px}.project-dot.active{height:17px}.scene-caption{font-size:11px;margin-top:8px}.scene-caption svg{width:41px;height:26px}.demo-disclaimer{font-size:8px;margin-top:5px}.reading-width{padding-left:25px;padding-right:25px}.wide-width{padding-left:24px;padding-right:24px}.intro{padding-top:55px;padding-bottom:47px}.hello{font-size:22px;margin-bottom:20px}.intro h2{font-size:26px;margin-bottom:20px}.intro p,.belief p{font-size:16px;line-height:1.95;margin:17px 0}.intro-signoff{font-size:12px;gap:9px;margin-top:24px}.intro-signoff img{width:30px;height:30px}.section-heading{font-size:29px}.before-after{padding-top:10px;padding-bottom:46px;margin:0 25px;padding-left:0;padding-right:0}.before-after>.section-heading{margin-top:31px}.comparison{grid-template-columns:1fr;gap:16px;margin-top:27px}.comparison-label{font-size:13px;margin-bottom:10px}.scattered-papers{height:210px;max-width:330px;margin:auto;transform:scale(.92)}.scrap-one{width:169px}.scrap-two{left:43%;width:151px}.scrap-three{left:40%;top:112px;width:160px}.comparison p{font-size:11px;margin-top:10px}.comparison-arrow{font-size:36px;transform:rotate(90deg);line-height:1.3}.tidy-book{max-width:315px;height:211px;padding:19px 15px}.tidy-book h3{font-size:20px}.tidy-row{margin-top:15px}.tidy-row span{padding:5px 9px}.features{padding-top:24px;padding-bottom:45px}.eyebrow{font-size:11px;margin-bottom:15px}.section-intro>p{font-size:13px;line-height:1.9;max-width:300px;margin:16px auto 0}.feature-row{grid-template-columns:30px 1fr;gap:15px;margin-top:32px;padding-bottom:29px;position:relative}.feature-number{font-size:28px}.number-line{width:30px;bottom:-8px;height:2px}.feature-body h3{font-size:21px;line-height:1.45;margin-bottom:11px}.feature-body p{font-size:14px;line-height:1.9}.feature-body>a{font-size:12px;margin-top:12px}.feature-visual{grid-column:2;height:100px;transform:scale(.75);transform-origin:center;width:220px;justify-self:center;margin-top:-6px;margin-bottom:8px}.visual-find{height:160px;margin-top:-18px;margin-bottom:-25px}.visual-letter{height:160px;margin-top:-18px;margin-bottom:-27px}.visual-path{height:160px;margin-top:-18px;margin-bottom:-26px}.tour-section{margin:0 10px;padding-top:38px;padding-bottom:23px}.tour-section .wide-width{padding:0 15px}.tour-tabs{gap:5px;margin:24px 0 19px}.tour-tabs button{font-size:10px;padding:9px 5px;flex:1;line-height:1.65}.tour-tabs button span{display:flex;margin:0 auto 4px;width:18px;height:18px;font-size:10px}.tour-panel{gap:23px;padding:0}.tour-narrative{padding:0 4px}.tour-counter{font-size:10px;margin-bottom:10px}.tour-narrative h3{font-size:25px;line-height:1.5}.tour-narrative>p{font-size:13px;margin-top:12px}.tour-tip{margin:16px 0;gap:8px}.tour-tip>span{font-size:30px}.tour-tip p{font-size:14px}.text-button{font-size:12px}.demo-browser{padding:10px;gap:9px;font-size:8px}.demo-screen{padding:15px 11px;min-height:281px}.screen-topline h4{font-size:14px}.screen-topline>span{font-size:8px}.demo-filters{gap:5px}.demo-filters>span{font-size:8px;padding:4px 5px}.demo-table{font-size:9px}.demo-table th{font-size:8px}.demo-table td{padding:12px 3px}.demo-table td:first-child{gap:5px}.demo-table .avatar{width:24px;height:24px;font-size:9px}.demo-table small{font-size:7px}.demo-table .pill{font-size:7px;padding:3px 4px}.screen-status{font-size:8px}.demo-action{font-size:8px;padding:5px 8px}.demo-letter{font-size:11px;padding:12px}.invite-field>span{font-size:10px}.demo-group-summary{font-size:8px}.demo-note{font-size:10px}.progress-banner{font-size:10px;padding:9px}.tour-disclaimer{font-size:9px;line-height:1.8;padding:0 6px;margin-top:19px}.belief{padding-top:48px;padding-bottom:43px}.belief-doodle{width:70px;margin-bottom:18px}.belief h2{font-size:33px;margin-bottom:26px}.belief-signature{margin-top:26px}.belief-signature .handwritten{font-size:20px}.belief-signature>span:last-child{font-size:11px}.questions{padding-top:34px;padding-bottom:44px;margin:0 25px;padding-left:0;padding-right:0}.questions h2{font-size:27px;margin-bottom:23px}summary{font-size:14px;padding:17px 0;gap:9px}summary>span{font-size:20px}details p{font-size:13px;padding:0 9px 19px 0;line-height:1.9}.contact-section{margin:0 15px 38px;padding:34px 17px}.contact-note{font-size:19px;margin-bottom:17px}.contact-section h2{font-size:27px;line-height:1.5}.contact-section p{font-size:13px;margin-top:17px}.contact-section .button-primary{font-size:14px;padding:12px 20px;margin-top:22px}.contact-subtext{font-size:9px}.contact-arrow{width:57px;height:42px;right:3%;bottom:30px}.footer{padding:0 23px 20px}.footer-top{display:grid;grid-template-columns:1fr auto;gap:12px;padding-bottom:21px}.footer-brand{font-size:17px}.footer-brand img{width:30px;height:30px}.footer-top>span{grid-row:2;grid-column:1 / -1;font-size:12px}.footer-top>a:last-child{grid-row:1;grid-column:2;font-size:10px}.footer-bottom{align-items:flex-start;gap:10px;font-size:8px;padding-top:16px}.footer-bottom>div{gap:10px}.footer-bottom a,.footer-bottom button{font-size:9px}dialog{padding:24px 22px 21px}dialog h2{font-size:23px}.wechat-qr{width:205px}dialog>p{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.workbench{transform:none}}
/* Keep the product and its introduction aligned like a page spread. */
@media(min-width:851px){.hero-grid{align-items:start}.hero-copy{padding-top:12px}.hero{padding-top:43px;padding-bottom:30px}.hero-actions{margin:26px 0}.bench-tool{font-size:11px;line-height:1.5}.bench-grid{gap:11px}.bench-meta{margin-bottom:15px}.letter-preview{padding:10px 9px}.creator-mini{margin-top:8px}.group-line{margin-top:11px}.sticky-note{padding:11px 10px}.bench-footer{margin-top:15px}}
@media(max-width:600px){.hero h1 br:nth-of-type(1){display:initial}.bench-tool{font-size:10px;line-height:1.5}}
/* Batch invitation: the page focuses on one 1000-person task split into groups of 50. */
.batch-summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;background:#f1f6ed;border:1px solid #d4dfca;width:100%;text-align:left}.batch-goal small{display:block;font-size:11px;color:#718166}.batch-goal strong{display:block;font-size:57px;line-height:1.3;font-weight:850;letter-spacing:-2px}.batch-goal em{font-style:normal;font-size:14px;margin-left:6px;letter-spacing:0}.batch-equation{display:flex;flex-direction:column;font-size:12px;gap:5px;color:#66745d}.batch-equation b{color:#355141;font-size:16px;margin:0 3px}.batch-edit{font-size:9px;color:var(--blue);margin-top:6px}.batch-section-title{display:flex;justify-content:space-between;align-items:center;margin:20px 0 9px;gap:10px}.batch-section-title h3{font-size:12px;letter-spacing:0}.batch-section-title>span,.batch-section-title>button{font-size:9px;color:#859078}.batch-invite{padding:12px;border:1px solid #e1e3d7;background:#fdfbf2}.batch-invite-fields{display:flex;flex-direction:column;gap:3px;font-size:9px;color:#838973}.batch-invite-fields b{font-size:10px;color:#5b6454;font-weight:600;margin-left:5px}.batch-invite p{font:11px/1.75 Georgia,serif;margin-top:10px;color:#6e705f}.batch-groups-button{width:100%;padding:0;border:0;background:none}.batch-groups{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.batch-group{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #d7dfcf;background:#f7faf3;padding:5px 3px;line-height:1.5;min-height:43px}.batch-group b{font-size:11px;font-weight:650;color:#596d4e}.batch-group small{font-size:8px;color:#8a947e}.batch-groups-button:hover .batch-group{border-color:#86a37a}.batch-creator-list{display:flex;align-items:center;gap:6px;margin-top:15px;font-size:10px;color:#6c7760}.batch-creator-list .avatar,.demo-recipient-row .avatar{width:23px;height:23px;font-size:10px}.batch-creator-list .avatar:nth-of-type(3){margin-left:10px}.more-creators{margin-left:auto}.batch-workbench .bench-footer{padding-top:12px;border-top:1px solid #ebeee5}.hero .batch-headline{font-size:clamp(43px,4.25vw,64px);line-height:1.29}.batch-headline .underline-sketch:after{color:#87a974}.hero-footnote{max-width:430px;line-height:1.8}.manual-stack{height:230px;max-width:370px;margin:0 auto;position:relative;padding:6px 13px}.manual-invite{background:white;border:1px solid #dedfd5;padding:10px 16px;display:flex;gap:16px;align-items:center;font-size:11px;color:#7b7b6d;box-shadow:3px 3px 0 #f2f0e7;margin-bottom:13px;transform:rotate(-3deg)}.manual-invite:nth-child(2){transform:rotate(2deg)}.manual-invite:nth-child(3){transform:rotate(-2deg)}.manual-invite b{font-size:13px;color:#5a6454;white-space:nowrap}.manual-ellipsis{display:block;text-align:center;font:14px var(--serif);color:#9a876f;margin-top:13px}.batch-book h3{font-size:24px}.batch-book>span{font-size:11px}.visual-arithmetic{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#5c7550;transform:rotate(-5deg);font-family:var(--serif)}.visual-arithmetic>span{font-size:30px}.visual-arithmetic b{font-size:33px;font-weight:500;border-bottom:2px solid #aabf96}.visual-arithmetic small{font-size:12px;margin-top:10px}.demo-letter[lang=en]{font-family:Georgia,serif;font-size:12px;line-height:1.8}.demo-recipient-row{display:flex;gap:7px;align-items:center;font-size:10px;color:#738267;margin-top:15px}.demo-recipient-row .avatar:nth-of-type(3){margin-left:10px}.target-chooser{display:flex;gap:8px;margin:13px 0 15px}.target-chooser button{flex:1;padding:7px 10px;border:1px solid #cad8bf;background:#fff;font-size:12px;color:#728465}.target-chooser button[aria-pressed=true]{background:#426f4e;color:white;border-color:#426f4e}.group-equation{display:flex;align-items:baseline;justify-content:center;gap:7px;background:#f5f8ef;padding:10px;margin-bottom:16px;flex-wrap:wrap}.group-equation strong{font-size:22px;color:#496241;letter-spacing:-1px}.group-equation>span{font-size:10px;color:#7e8972}.demo-batch-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.demo-batch-grid .batch-group{min-height:38px;padding:4px 3px}.demo-batch-grid .batch-group b{font-size:10px}.demo-batch-grid .batch-group small{font-size:7px}.batch-progress-summary{display:flex;justify-content:space-between;font-size:11px;color:#7c8673;margin-bottom:11px}.batch-progress-summary b{color:#4d6745;font-weight:650;margin-left:5px}.demo-progress-line{height:7px;background:#e7eee1;margin-bottom:20px;border-radius:2px;overflow:hidden}.demo-progress-line>span{display:block;height:100%;background:#67906b}.batch-group.is-done{background:#e9f3e2;border-color:#a9c69b}.batch-group.is-done small{color:#557547}.batch-group.is-current{background:#f2f6ff;border-color:#8fa9d2}.batch-group.is-current small{color:#557db8}.progress-key{display:flex;gap:13px;font-size:9px;color:#7c8870;margin-top:14px}.progress-key>span{display:flex;align-items:center;gap:4px}.progress-key i{display:inline-block;width:6px;height:6px;background:#d5dfc9}.progress-key .done-key{background:#67906b}.progress-key .current-key{background:#8fa9d2}
@media(max-width:1100px){.batch-summary{padding:16px}.batch-goal strong{font-size:50px}.batch-goal small{font-size:10px}.batch-equation{font-size:10px}.batch-equation b{font-size:14px}.hero .batch-headline{font-size:48px}}
@media(max-width:850px){.hero .batch-headline{font-size:54px}.hero .batch-headline br{display:initial!important}.batch-summary{padding:19px 23px}.batch-goal strong{font-size:61px}.batch-equation{font-size:12px}.batch-equation b{font-size:18px}.batch-invite p{font-size:13px}.batch-section-title h3{font-size:14px}.batch-invite-fields{font-size:10px}.batch-invite-fields b{font-size:12px}.batch-group{min-height:49px}.batch-group b{font-size:13px}.batch-group small{font-size:9px}.batch-creator-list{font-size:12px}.batch-creator-list .avatar{width:26px;height:26px}.manual-invite{font-size:9px;padding:11px;gap:11px}.manual-invite b{font-size:11px}.manual-ellipsis{font-size:12px}.batch-book>span{font-size:10px}.visual-arithmetic{transform:rotate(-5deg) scale(.85)}}
@media(max-width:600px){.hero .batch-headline{font-size:clamp(35px,9.3vw,49px);line-height:1.36}.hero-footnote{font-size:9px}.batch-summary{padding:14px 12px;gap:10px}.batch-goal small{font-size:9px}.batch-goal strong{font-size:46px}.batch-equation{font-size:9px;gap:3px}.batch-equation b{font-size:14px}.batch-edit{font-size:8px;margin-top:4px}.batch-section-title{margin-top:16px}.batch-section-title h3{font-size:10px}.batch-section-title>button,.batch-section-title>span{font-size:8px}.batch-invite{padding:10px}.batch-invite-fields{font-size:8px;gap:4px}.batch-invite-fields b{font-size:9px}.batch-invite p{font-size:10px;line-height:1.7;margin-top:8px}.batch-groups{gap:4px}.batch-group{padding:4px 2px;min-height:36px}.batch-group b{font-size:10px}.batch-group small{font-size:7px}.batch-creator-list{font-size:9px;gap:5px;margin-top:12px}.batch-creator-list .avatar{width:19px;height:19px;font-size:8px}.batch-workbench .bench-footer{font-size:7px;padding-top:9px;margin-top:11px}.batch-comparison .comparison-label{font-size:13px}.manual-stack{height:212px;max-width:325px}.manual-invite{font-size:10px;padding:11px 12px;margin-bottom:12px;gap:12px}.manual-invite b{font-size:12px}.manual-ellipsis{font-size:12px}.batch-book h3{font-size:23px}.batch-book>span{font-size:10px}.visual-arithmetic{height:140px;margin-top:0;margin-bottom:0;transform:rotate(-5deg) scale(.85)}.demo-letter[lang=en]{font-size:11px}.demo-recipient-row{font-size:9px;gap:5px}.demo-recipient-row .avatar{width:20px;height:20px;font-size:9px}.target-chooser button{font-size:11px;padding:7px 6px}.group-equation{gap:5px;padding:8px}.group-equation strong{font-size:20px}.group-equation>span{font-size:9px}.demo-batch-grid{gap:4px}.demo-batch-grid .batch-group{min-height:36px}.demo-batch-grid .batch-group b{font-size:9px}.batch-progress-summary{font-size:10px}.demo-progress-line{margin-bottom:14px}.progress-key{font-size:8px;gap:12px}.questions h2{font-size:25px}}

/* Keep the portrait recording centered and entirely visible above the product tour. */
.product-video {
  display: grid;
  justify-items: center;
  gap: 16px;
  width: calc(100% - 52px);
  max-width: 1400px;
  margin: 0 auto 36px;
  padding: 28px 24px 22px;
  background: radial-gradient(ellipse at 50% 40%, #e4ede2 0%, #f4f7f1 72%);
  border: 1px solid #e2e8de;
  border-radius: 20px;
}
.video-frame {
  width: min(100%, 350px, calc(68svh * 480 / 854));
  min-width: 0;
  overflow: hidden;
  border-radius: 14px;
  background: #101117;
  box-shadow: 0 16px 38px #2035241a, 0 2px 6px #2035240d;
}
.video-frame video {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  aspect-ratio: 480 / 854;
  object-fit: contain;
  background: #101117;
}
.product-video-open {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #53614f;
  font-size: 12px;
  line-height: 1.5;
  text-decoration: none;
}
.product-video-open:hover { color: var(--blue); text-decoration: underline; }
@media (max-width: 600px) {
  .product-video {
    width: calc(100% - 28px);
    gap: 12px;
    margin-bottom: 20px;
    padding: 20px 16px 16px;
    border-radius: 14px;
  }
  .video-frame { width: min(100%, 320px, calc(64svh * 480 / 854)); border-radius: 10px; }
}