@charset "UTF-8";
:root{--paper:#f5f4ee;--ink:#202a26;--muted:#626962;--line:#d8dcd1;--mint:#b8edcf;--deep:#253d33;--panel:#252c2b;--panel-text:#eef1ed;--panel-muted:#bac5bd;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--display:Georgia,"Times New Roman",serif;--radius:18px;--gutter:24px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:5px}button,a,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #3f8262;outline-offset:5px}button{cursor:pointer}button:disabled{cursor:default}img{max-width:100%;display:block}button{border:0}.wrap{width:min(1200px,calc(100% - var(--gutter)*2));margin-inline:auto}.skip-link{position:fixed;z-index:100;left:16px;top:12px;padding:12px 20px;background:var(--ink);color:white;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-header{min-height:104px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:21px;letter-spacing:-.75px;font-weight:600;text-decoration:none;min-height:44px;white-space:nowrap}.brand img{border-radius:10px}.brand-todo{font-weight:400}.site-header nav{display:flex;align-items:center;gap:28px}.site-header nav a{display:flex;align-items:center;min-height:44px;text-decoration:none;font-size:14px;font-weight:500}.site-header nav a:hover{text-decoration:underline}.hero{padding-top:60px;padding-bottom:72px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;min-height:640px}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:650;letter-spacing:1.8px;margin:0 0 28px;line-height:1.5}.tiny-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#3b7555;margin-right:7px;vertical-align:1px}h1,h2,h3,p{margin-top:0}h1{font-family:var(--display);font-size:clamp(58px,5.8vw,82px);font-weight:400;letter-spacing:-3.8px;line-height:1.04;margin-bottom:28px}em{font-family:var(--display);font-weight:400}h1 em{color:#58735f}.hero-description{font-size:18px;line-height:1.75;color:#58635b;margin-bottom:30px}.hero-actions{display:flex;gap:24px;align-items:center}.button{display:inline-flex;gap:28px;align-items:center;justify-content:center;min-height:54px;padding:14px 22px;border-radius:6px;text-decoration:none;font-size:14px;font-weight:550;transition:background .15s,transform .15s}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:#355343;transform:translateY(-2px)}.availability{font-size:11px;line-height:1.7;color:var(--ink)}.availability>span{color:var(--muted)}.hero-footnote{font-size:11px;color:var(--muted);margin-top:36px;display:flex;align-items:center;gap:10px}.hero-footnote>span{font-size:19px;color:#708276}.hero-visual{position:relative;padding:25px 22px 34px;isolation:isolate;scroll-margin-top:70px}.preview-orbit{position:absolute;z-index:-1;left:-35px;top:-38px;width:calc(100% + 70px);height:calc(100% + 35px);background:#e1e9dd;border-radius:51% 49% 46% 54% / 43% 40% 60% 57%;transform:rotate(-5deg)}.menu-bar-illustration{background:#d0d9cc;border-radius:7px;display:flex;align-items:center;gap:20px;height:34px;font-size:11px;color:#374c3e;margin:-6px -15px 23px;padding:0 13px;box-shadow:0 1px 0 #b8c2b5}.menu-bar-left{margin-right:auto;font-weight:600}.menu-bar-selected{align-self:stretch;display:flex;align-items:center;background:#bbc8ba;padding:0 10px}.preview-pointer{width:14px;height:14px;position:absolute;top:62px;right:106px;background:var(--panel);transform:rotate(45deg)}.todo-preview{position:relative;border-radius:13px;background:var(--panel);color:var(--panel-text);box-shadow:0 18px 32px -9px #162a2938,0 0 0 1px #13231d21;overflow:hidden;font-size:14px}.preview-heading{padding:23px 22px 19px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #48524c;gap:10px}.preview-heading p{font-size:10px;color:#c0cec3;letter-spacing:.8px;margin-bottom:5px}.preview-heading h2{font-size:18px;line-height:1.4;font-weight:500;letter-spacing:-.4px;margin:0}.preview-mode{font-size:10px;border:1px solid #627168;border-radius:4px;color:#d0dbd2;padding:2px 7px;margin-top:1px}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;padding:3px 18px 3px 22px;font-size:10px;color:var(--panel-muted);gap:8px}.preview-toolbar button{color:#c1d4c7;font-size:10px;display:flex;align-items:center;gap:7px;min-height:44px;background:none;padding:4px}.preview-toolbar button:hover{color:white}.preview-toolbar button[aria-pressed=true]{color:var(--mint)}#done-count{display:flex;justify-content:center;align-items:center;min-width:19px;height:18px;background:#465148;color:#d1e1d5;border-radius:4px;font-size:9px}.task-list{padding:0 22px;margin:0;list-style:none;min-height:148px;max-height:300px;overflow:auto}.task-row{border-bottom:1px solid #455048}.task-row:last-child{border-bottom:0}.task-row label{display:flex;align-items:center;gap:12px;min-height:49px;cursor:pointer;font-size:13px;padding:8px 0;overflow-wrap:anywhere}.task-row input{appearance:none;width:17px;height:17px;flex:0 0 17px;margin:0;border:1px solid #8a9b8d;background:#2c3430;border-radius:50%;cursor:pointer;position:relative}.task-row input:checked{border-color:#b8edcf;background:#b8edcf}.task-row input:checked:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid #254232;border-width:0 1.5px 1.5px 0;transform:rotate(42deg)}.task-row.is-done label>span{color:#a8b6ac;text-decoration:line-through}.task-list .empty-list{min-height:148px;display:flex;align-items:center;justify-content:center;padding:24px;color:#c7d8cd;text-align:center;font-size:13px}.task-form{margin:14px 16px 6px;display:flex;align-items:center;background:#1b2320;border:1px solid #526457;border-radius:6px;min-height:45px;gap:8px;padding-left:12px}.task-form>span{font-size:19px;font-weight:300;color:var(--mint)}.task-form input{min-width:0;width:100%;background:transparent;border:0;color:#f3f7f4;font-size:12px;padding:12px 0;outline-offset:1px}.task-form input::placeholder{color:#b6c2b9;opacity:1}.task-form input:focus-visible{outline:0}.task-form:focus-within{outline:2px solid #b8edcf;outline-offset:2px}.task-form button{min-width:44px;min-height:44px;background:none;color:#b6cbbd;font-size:19px}.task-form button:hover{color:#fff}.task-error{color:#f2c6b8;margin:8px 20px;font-size:11px}.preview-bottom{display:flex;align-items:center;justify-content:space-between;padding:0 15px 7px}.preview-bottom button{background:none;color:#c2d2c7;font-size:10px;min-height:44px;padding:8px}.preview-bottom button:first-child{font-size:11px}.preview-bottom button:disabled{color:#91a196;opacity:.7}.preview-bottom button:not(:disabled):hover{color:#fff}.todo-preview :focus-visible{outline-color:#b8edcf;outline-offset:2px}.preview-caption{font-size:12px;margin:24px 0 0 36px;font-weight:500;color:#4d6455;position:relative;line-height:1.8}.caption-arrow{position:absolute;left:-28px;top:-11px;font-family:Georgia,serif;font-size:30px;font-weight:400}.caption-detail{display:block;color:#647869;font-size:9px;font-weight:400;letter-spacing:.05px}.noscript-note{font-size:12px}.principles{display:grid;grid-template-columns:repeat(3,1fr);padding-block:27px 29px;border-block:1px solid var(--line);gap:32px;color:var(--muted);font-size:12px;line-height:1.75}.principles span+span{padding-left:34px;border-left:1px solid var(--line)}.principles strong{font-weight:500;color:var(--ink)}.story-section{display:grid;grid-template-columns:.88fr 1fr;gap:100px;padding-block:112px}.section-intro h2,.sync-heading h2,.pricing-layout h2,.faq-section h2{font-family:var(--display);font-size:53px;font-weight:400;line-height:1.13;letter-spacing:-1.9px;margin-bottom:0}.section-intro h2 em{color:#6b816d}.story-copy{padding-top:15px}.large-copy{font-size:24px;line-height:1.5;letter-spacing:-.4px;margin-bottom:20px;max-width:370px}.story-copy>p:not(.large-copy){font-size:15px;color:var(--muted);max-width:445px;line-height:1.8}.feature-lines{margin-top:28px}.feature-lines>div{display:flex;gap:20px;align-items:flex-start;padding-top:17px}.feature-lines>div>span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex:0 0 30px;border:1px solid #b8c8b9;border-radius:50%;color:#48654f;font-size:17px}.feature-lines p{font-size:13px;color:var(--muted);line-height:1.8;margin:0;max-width:390px}.feature-lines strong{color:var(--ink);font-weight:550}.app-in-action{background:#e7eae1;padding-block:62px 54px}.screenshot-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:32px}.screenshot-heading .eyebrow{margin-bottom:14px}.screenshot-heading h2{font-family:var(--display);font-weight:400;letter-spacing:-1px;font-size:36px;line-height:1.2;margin-bottom:0}.screenshot-heading>p{margin-bottom:0;font-size:12px;color:var(--muted);line-height:1.8}.product-figure{margin:0}.product-figure img{width:100%;height:auto;border-radius:10px;border:1px solid #465b4c28}.product-figure figcaption{font-size:10px;color:#657164;padding-top:16px}.sync-section{padding-block:105px}.sync-heading{max-width:760px}.sync-heading h2{font-size:48px}.sync-options{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:48px}.sync-options article{position:relative;padding-top:28px;border-top:1px solid #a7b9a8}.option-mark{position:absolute;top:26px;right:4px;font-size:32px;color:#68816c;line-height:1}.sync-options h3{font-size:21px;font-weight:500;letter-spacing:-.4px;margin-bottom:14px;padding-right:40px}.sync-options p{font-size:14px;max-width:440px;line-height:1.8;color:var(--muted)}.option-note{font-size:11px;font-weight:500;color:#45624d}.sync-footnote{font-size:11px;line-height:1.9;color:var(--muted);max-width:750px;margin-top:34px;margin-bottom:0}.sync-footnote a{white-space:nowrap;color:var(--ink);display:inline-block;padding-block:5px}.pricing-section{background:var(--deep);color:#f5f7ef}.pricing-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;padding-block:72px}.pricing-layout .eyebrow{color:#b8d4c0}.pricing-layout h2{font-size:44px}.pricing-layout h2 em{color:var(--mint)}.pricing-description{color:#c1d0c5;font-size:14px;line-height:1.9;margin-top:26px;margin-bottom:0}.price-block{border-left:1px solid #78917e;padding-left:52px}.price-kicker{font-size:10px;text-transform:uppercase;letter-spacing:1.3px;margin-bottom:11px;color:#c2dac9}.price{font-family:var(--display);font-size:76px;line-height:1.1;letter-spacing:-3px;margin:0 0 13px;white-space:nowrap}.currency{font-family:var(--font);font-size:19px;letter-spacing:0;vertical-align:top;display:inline-block;padding-top:12px;margin-right:9px}.price-detail{font-size:13px;line-height:1.85;color:#deeadf;margin-bottom:21px}.coming-soon{font-size:10px;display:flex;align-items:center;gap:3px}.coming-soon .tiny-dot{background:var(--mint);width:5px;height:5px}.price-fineprint{font-size:10px;color:#bdcfc2;line-height:1.8;margin:14px 0 0;max-width:265px}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding-block:108px 80px}.faq-section h2{font-size:48px}.faq-section .eyebrow{margin-bottom:20px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:24px;align-items:center;padding-block:20px;font-size:14px;font-weight:500;min-height:66px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:20px;font-weight:300;color:#647c68;transition:transform .18s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details p{font-size:13px;color:var(--muted);line-height:1.85;margin:0 26px 21px 0}.faq-list details a{overflow-wrap:anywhere}.closing{text-align:center;padding-block:45px 80px}.closing img{margin:0 auto 21px}.closing h2{font-family:var(--display);font-size:37px;font-weight:400;letter-spacing:-1px;line-height:1.3;margin-bottom:7px}.closing p{color:var(--muted);font-size:14px;margin-bottom:15px}.text-link{font-size:12px;min-height:44px;display:inline-flex;align-items:center;gap:14px;text-decoration:none}.text-link:hover{text-decoration:underline}.site-footer{display:grid;grid-template-columns:1fr auto;align-items:start;gap:20px;border-top:1px solid var(--line);padding-block:30px}.footer-brand{font-size:18px;gap:0;min-height:30px}.site-footer p{font-size:10px;color:var(--muted);margin:5px 0 0}.site-footer nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.site-footer nav a{font-size:11px;min-height:44px;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.site-footer nav a:hover{text-decoration:underline}.site-footer .copyright{grid-column:1/-1;font-size:9px;margin-top:4px}
/* Small captions retain body-text contrast on their tinted surfaces. */
.caption-detail{color:#536957}.product-figure figcaption{color:#5d695c}
@media(min-width:1440px){:root{--gutter:56px}.hero{gap:84px;padding-top:80px;padding-bottom:100px}.hero-visual{margin-left:10px}.hero h1{font-size:84px}.hero-visual{padding-inline:30px}.principles{font-size:13px}.story-section{padding-block:132px}.sync-section{padding-block:120px}}
@media(max-width:1050px){.hero{gap:30px}.hero-copy h1{font-size:66px}.hero-visual{padding-inline:10px}.hero-description{font-size:16px}.hero-actions{gap:15px}.availability{font-size:10px}.button{gap:20px;padding-inline:17px}.preview-orbit{left:-12px;width:calc(100% + 24px)}.menu-bar-illustration{margin-inline:0}.preview-heading{padding-inline:18px}.preview-heading h2{font-size:16px}.task-list{padding-inline:18px}.story-section{gap:65px}.section-intro h2{font-size:48px}.sync-options{gap:48px}.pricing-layout{gap:40px}.price-block{padding-left:36px}.pricing-layout h2{font-size:40px}.faq-section{gap:50px}}
@media(max-width:780px){.site-header{min-height:90px}.site-header nav{gap:20px}.site-header nav a{font-size:12px}.hero{grid-template-columns:1fr;gap:65px;padding-top:43px;padding-bottom:74px}.hero-copy{max-width:560px}.hero-copy h1{font-size:clamp(64px,12vw,84px);letter-spacing:-3.8px}.hero-description{font-size:18px}.hero-visual{width:min(480px,100%);margin-inline:auto;padding-inline:24px}.preview-orbit{left:-6px;width:calc(100% + 12px)}.menu-bar-illustration{margin-inline:-8px}.preview-heading{padding-inline:22px}.preview-heading h2{font-size:18px}.task-list{padding-inline:22px}.hero-actions{gap:24px}.availability{font-size:11px}.hero-footnote{margin-top:28px}.principles{gap:18px;font-size:10px}.principles span+span{padding-left:18px}.story-section{grid-template-columns:.9fr 1fr;gap:36px;padding-block:78px}.section-intro h2{font-size:43px}.large-copy{font-size:21px}.story-copy{padding-top:0}.story-copy>p:not(.large-copy){font-size:13px}.feature-lines>div{gap:12px}.feature-lines p{font-size:12px}.feature-lines>div>span{flex-basis:25px;width:25px;height:25px;font-size:15px}.sync-section{padding-block:78px}.sync-heading h2{font-size:41px}.sync-options{gap:35px}.sync-options h3{font-size:19px}.sync-options p{font-size:13px}.pricing-layout{grid-template-columns:1fr 1fr;gap:35px;padding-block:60px}.pricing-layout h2{font-size:34px}.price-block{padding-left:30px}.price{font-size:68px}.faq-section{padding-block:78px 44px;grid-template-columns:.7fr 1fr;gap:35px}.faq-section h2{font-size:40px}.faq-list summary{font-size:12px}.closing{padding-block:42px 64px}}
@media(max-width:560px){:root{--gutter:22px}.site-header{gap:12px;flex-wrap:wrap;padding-top:18px;padding-bottom:8px;min-height:94px}.brand{font-size:20px}.brand img{width:34px;height:34px}.site-header nav{gap:18px}.site-header nav a{font-size:11px}.hero{padding-top:35px;gap:65px;padding-bottom:58px}.eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:24px}.hero-copy h1{font-size:65px;letter-spacing:-3.6px;margin-bottom:24px}.hero-description{font-size:16px;line-height:1.8}.desktop-break{display:none}.hero-actions{gap:18px;flex-wrap:wrap}.button{font-size:12px;min-height:51px;padding:13px 17px;gap:22px}.availability{font-size:9px}.hero-footnote{font-size:10px;margin-top:25px}.hero-visual{padding:23px 3px 23px}.preview-orbit{left:-15px;width:calc(100% + 30px);top:-25px;height:calc(100% + 15px)}.menu-bar-illustration{margin-inline:0;gap:16px}.preview-pointer{right:89px;top:60px}.preview-heading{padding:20px 19px 16px}.preview-heading h2{font-size:18px}.task-list{padding-inline:19px}.task-row label{font-size:12px}.preview-caption{margin-top:20px;margin-left:30px;font-size:11px}.caption-detail{font-size:8px}.principles{grid-template-columns:1fr;gap:0;padding-block:10px}.principles span{padding-block:15px;display:block;font-size:11px}.principles span br{display:none}.principles strong{margin-left:4px}.principles span+span{padding-left:0;border-left:0;border-top:1px solid var(--line)}.story-section{grid-template-columns:1fr;gap:30px;padding-block:65px}.section-intro h2{font-size:46px}.section-intro h2 br:first-of-type{display:none}.large-copy{max-width:320px;font-size:23px;margin-bottom:16px}.story-copy>p:not(.large-copy){font-size:14px}.feature-lines{margin-top:20px}.feature-lines>div{padding-top:19px;gap:17px}.feature-lines p{font-size:13px}.app-in-action{padding-block:42px 32px}.screenshot-heading{display:block;margin-bottom:23px}.screenshot-heading h2{font-size:32px}.screenshot-heading>p{font-size:11px;margin-top:14px}.screenshot-heading>p br{display:none}.product-figure img{border-radius:6px}.product-figure figcaption{font-size:9px;line-height:1.7;padding-top:12px}.sync-section{padding-block:62px}.sync-heading h2{font-size:37px}.sync-options{grid-template-columns:1fr;gap:30px;margin-top:32px}.sync-options article{padding-top:24px}.sync-options h3{font-size:21px}.sync-options p{font-size:14px}.option-mark{top:23px}.sync-footnote{font-size:10px;margin-top:26px}.pricing-layout{grid-template-columns:1fr;gap:34px;padding-block:52px}.pricing-layout h2{font-size:38px}.pricing-description{font-size:13px;margin-top:20px}.price-block{padding-left:0;padding-top:30px;border-left:0;border-top:1px solid #78917e}.price{font-size:76px}.price-fineprint{max-width:100%}.faq-section{grid-template-columns:1fr;gap:31px;padding-block:61px 28px}.faq-section h2{font-size:40px}.faq-section h2 br{display:none}.faq-list summary{font-size:13px;padding-block:19px}.faq-list details p{font-size:13px}.closing{padding-block:36px 52px}.closing h2{font-size:32px}.closing p{font-size:12px}.site-footer{grid-template-columns:1fr;gap:14px;padding-block:26px}.site-footer nav{gap:24px}.site-footer .copyright{margin-top:0}.site-footer nav a{font-size:11px}}
@media(max-width:360px){:root{--gutter:18px}.site-header nav{gap:13px}.site-header .brand{font-size:18px}.site-header .brand img{width:30px;height:30px}.hero-copy h1{font-size:57px}.hero-actions{gap:12px}.availability{font-size:8px}.button{gap:15px;padding-inline:14px}.preview-heading h2{font-size:16px}.preview-heading{padding-inline:16px}.task-list{padding-inline:16px}.preview-toolbar{padding-left:16px}.caption-detail{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Keep the decorative orbit inside the smallest phone viewport. */
@media(max-width:560px){.preview-orbit{left:0;width:100%;transform:none}}