@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--bg:#f5f3ed;--ink:#282c29;--muted:#69706a;--red:#b84332;--line:#d8d9cf;--sage:#e6e9df;--font:'DM Sans',Arial,sans-serif;--heading:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:5px}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading);font-weight:650}h2{font-size:46px;line-height:1.16;letter-spacing:-2px}p{line-height:1.7}.wrap{max-width:1280px;margin:auto;padding-left:48px;padding-right:48px}.site-header{height:106px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;font-weight:700;font-size:23px;letter-spacing:-1px}.mark{background:var(--red);color:white;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:27px;font-weight:400;margin-right:10px;line-height:1}.brand-period{color:var(--red)}nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:500}.nav-cta{border-bottom:1px solid var(--ink);padding:10px 0}.nav-cta span{margin-left:24px}nav a:hover,.text-link:hover{color:var(--red)}.hero{padding-top:48px}.eyebrow,.section-kicker,.feature-number{font-size:10px;font-weight:650;letter-spacing:1.7px}.eyebrow{display:flex;align-items:center;gap:10px}.status-dot{height:6px;width:6px;display:inline-block;background:#758571;border-radius:50%}.hero-intro{display:flex;justify-content:space-between;align-items:center;margin:26px 0 51px;gap:40px}h1{position:relative;font-size:clamp(60px,6.7vw,88px);line-height:1.06;letter-spacing:-5.2px;font-weight:600}em{font-style:normal;color:var(--red)}.hero-asterisk{position:absolute;font-size:68px;color:var(--red);top:15px;right:-90px;line-height:1}.hero-copy{padding-top:17px;min-width:280px}.hero-copy p{font-size:17px;line-height:1.65}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;padding:16px 22px;font-size:13px;font-weight:500;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px);background:var(--red)}.button-dark{background:var(--ink);color:white}.hero-copy .button{margin-top:24px}.platform{display:flex;gap:7px;align-items:center;font-size:10px;color:var(--muted);margin-top:14px}.platform svg{width:11px;height:11px;fill:currentColor}.demo-stage{background:#e4e8de;padding:20px 27px 0;scroll-margin-top:18px;border:1px solid #d7dbd1}.stage-top,.stage-bottom{display:flex;justify-content:space-between;align-items:center;font-size:8px;font-weight:600;letter-spacing:1.1px;color:#586254;gap:16px}.stage-top{padding:0 0 18px}.small-cross{font-size:14px;margin-right:8px}.app-window{box-shadow:0 14px 35px #353b2b12;border:1px solid #c9cdc3;background:#fafaf7}.window-bar{height:33px;border-bottom:1px solid #e3e4dd;display:flex;justify-content:space-between;align-items:center;padding:0 13px;font-size:9px}.window-bar>span:first-child{display:flex;align-items:center;gap:6px}.mini-mark{display:inline-flex;justify-content:center;align-items:center;background:var(--red);color:white;width:15px;height:15px;font-size:12px}.window-controls{color:#7f857c;font-size:14px}.app-body{display:grid;grid-template-columns:174px 1fr 245px;min-height:400px}.app-sidebar{background:#efefe9;border-right:1px solid #ddded5;padding:23px 12px 17px;display:flex;flex-direction:column}.app-brand{font-family:var(--heading);font-size:17px;font-weight:700;letter-spacing:-.6px;display:flex;align-items:center;padding:0 3px;margin-bottom:30px}.app-brand .mark{width:22px;height:22px;font-size:21px;margin-right:7px}.sidebar-label,.micro-label{font-size:8px;letter-spacing:1.3px;color:#757b72;font-weight:600}.sidebar-label{padding:0 10px;margin-bottom:10px}.demo-filters{display:grid;gap:4px}.demo-filters button{border:0;background:transparent;display:flex;text-align:left;align-items:center;gap:8px;padding:9px;font-size:10px;color:#62685f}.demo-filters button.active{background:#dfe2d5;color:var(--ink);font-weight:600}.demo-filters button:hover{background:#e3e5db}.count{margin-left:auto;font-size:9px}.projects-label{display:flex;justify-content:space-between;margin-top:26px}.project-item{display:flex;align-items:center;gap:8px;padding:7px 9px;font-size:9px}.project-square{height:6px;width:6px;background:#ba8372}.project-square.sage{background:#909d7d}.sidebar-bottom{font-size:8px;margin-top:auto;padding:30px 6px 0;color:#70776a}.sidebar-bottom .status-dot{width:4px;height:4px;margin-right:3px}.app-tasks{padding:23px 22px 14px;min-width:0}.task-heading{display:flex;justify-content:space-between;align-items:end}.task-heading h2{font-size:29px;letter-spacing:-1px;margin-top:5px}.red-dot{color:var(--red)}.today-label{font-size:8px;color:#7a7e75;margin-bottom:5px}.demo-hint{font-size:9px;color:#72786e;margin:13px 0 20px}.task-group{font-size:9px;font-weight:600;padding:0 0 8px;border-bottom:1px solid #bac3ad;margin-top:18px;display:flex;align-items:center;gap:7px}.task-row{display:flex;align-items:center;gap:9px;padding:13px 8px;border-bottom:1px solid #e5e6de;border-left:2px solid transparent}.task-row.selected{background:#f0ece4;border-left-color:var(--red)}.task-check{appearance:none;width:13px;height:13px;flex-shrink:0;border:1px solid #9a9e93;margin:0;cursor:pointer;display:grid;place-content:center;border-radius:0}.task-check:checked{background:var(--red);border-color:var(--red)}.task-check:checked:before{content:'✓';color:#fff;font-size:10px}.select-task{border:0;background:transparent;text-align:left;flex:1;min-width:0;padding:0}.task-title{display:block;font-size:10px;line-height:1.4;font-weight:500}.task-subtitle{display:block;font-size:8px;color:#7c8076;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:225px;margin-top:3px}.task-row.done .task-title{text-decoration:line-through;color:#858a80}.row-due{color:var(--red);font-size:8px;white-space:nowrap}.priority{font-size:8px;padding:3px 6px;background:#eee;display:inline-block;font-weight:500;white-space:nowrap}.high{background:#f0dbd2;color:#93422f}.medium{background:#efe7cd;color:#78642c}.low{background:#e4e8df;color:#5b6850}#add-task-form{display:flex;align-items:center;gap:10px;margin-top:18px;border-bottom:1px solid #d8dbcf;padding:8px 3px;color:#747b70}#new-task{border:0;background:transparent;outline-offset:2px;min-width:0;width:100%;font-size:10px;padding:4px}#add-task-form button{border:0;background:transparent;font-size:16px}.demo-feedback{font-size:8px;color:#73796c;margin-top:13px}.task-detail{border-left:1px solid #ddded5;padding:23px 20px;display:flex;flex-direction:column}.detail-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.detail-project{font-size:7px;letter-spacing:1px;color:var(--red);font-weight:600;margin-bottom:9px}.task-detail h3{font-size:19px;line-height:1.3;letter-spacing:-.5px}.task-detail>p{font-size:10px;color:#74796e;margin-top:13px}.task-detail dl{display:grid;gap:13px;font-size:9px;margin:22px 0}.task-detail dl>div{display:flex;align-items:center;justify-content:space-between}.task-detail dt{color:#81857b}.task-detail dd{margin:0}.detail-note-card{margin-top:auto;display:flex;gap:12px;align-items:center;border-top:1px solid #dfe2d7;padding-top:15px}.detail-note-card>span{color:var(--red);font-size:29px}.detail-note-card p{font-size:9px;color:#777c70;line-height:1.5}.stage-bottom{min-height:43px;font-size:7px;letter-spacing:.8px}.live-dot{height:4px;width:4px;border-radius:50%;background:#7a8d6c;display:inline-block;margin-right:5px}.stage-bottom button{background:none;border:0;font-size:9px;color:#626e5a;letter-spacing:0;padding:9px 0}.stage-bottom button span{margin-left:8px;font-size:13px}.benefit-strip{display:flex;justify-content:space-between;gap:20px;padding:28px 20px;border-bottom:1px solid var(--line);color:#697162;font-size:11px}.benefit-strip>span{display:flex;align-items:center;gap:10px}.benefit-strip>span>span{font-size:16px}.section-space{padding-top:100px;padding-bottom:90px}.section-kicker{color:#7a8073;margin-bottom:24px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:44px}.section-heading>p{color:var(--muted);font-size:14px;padding-bottom:4px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.feature-art{height:202px;margin-bottom:25px;padding:22px 18px;background:#e9ece3;overflow:hidden}.feature-number{font-size:9px;letter-spacing:1.3px;color:#888d80}.feature h3{font-size:20px;letter-spacing:-.5px;margin:12px 0 11px}.feature>p{font-size:13px;color:var(--muted);line-height:1.8}.art-label{font-size:7px;letter-spacing:1px;color:#7d8574;display:block;margin-bottom:15px}.priority-art>div{display:flex;align-items:center;gap:11px;padding:12px 0;border-top:1px solid #d6dccd;font-size:9px}.priority-art>div>b{margin-left:auto;font-size:12px;font-weight:400}.priority-art .priority{min-width:46px;text-align:center}.project-art{background:#ece8dd;padding:33px 25px}.project-art-title{font-size:11px;font-weight:600;display:flex;gap:8px;align-items:center}.project-art-title>span{color:#a28a62;font-size:18px}.project-art-title>b{margin-left:auto;color:#8b816f;font-size:9px}.branch{border-left:1px solid #c5bba8;margin:13px 0 0 8px;padding-left:20px;display:grid;gap:20px;font-size:9px}.branch>span{position:relative}.branch>span:before{position:absolute;content:'';height:1px;width:13px;background:#c5bba8;left:-20px;top:6px}.branch i{font-size:7px;font-style:normal;color:#8b816f;margin-left:6px}.branch-done{color:#8b816f;text-decoration:line-through}.branch-done b{float:right}.reminder-art{background:#ece3dc;padding:23px 16px}.reminder-time{display:block;color:#867668;font-size:8px;margin-bottom:22px}.notification{display:flex;background:#faf9f6;gap:8px;padding:13px 10px;box-shadow:0 5px 10px #8e706911}.notification>div{flex:1}.notification small{display:block;color:#777b71;font-size:7px;letter-spacing:.5px}.notification small>span{float:right;letter-spacing:0}.notification strong{font-size:9px;display:block;margin:6px 0}.notification p{font-size:7px;color:#84877d}.repeat-chip{font-size:8px;color:#897d6c;margin-top:17px;text-align:center}.offline-section{background:#e5e8df;border-top:1px solid #d8ddd1;border-bottom:1px solid #d8ddd1}.offline-inner{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-top:77px;padding-bottom:77px;align-items:center}.offline-inner h2{font-size:55px;letter-spacing:-2.7px;line-height:1.13}.offline-inner p{font-size:14px;color:#66705e;max-width:350px;margin-top:25px}.text-link{display:inline-flex;align-items:center;gap:35px;font-size:12px;border-bottom:1px solid #a8b19b;padding-bottom:8px;margin-top:25px}.desk-composition{position:relative;min-height:370px;display:grid;align-content:center;justify-content:center}.paper{width:310px;background:#fbf8eb;box-shadow:3px 10px 0 #c9cebf66;transform:rotate(-6deg);padding:27px 31px 39px;position:relative}.paper-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.1px;color:#8b897b}.paper p{font-size:31px;line-height:1.25;color:var(--ink);font-family:var(--heading);font-weight:500;letter-spacing:-1px;margin:32px 0}.paper-line{width:80%;height:1px;background:#dad8c7;margin-top:14px}.paper-line.short{width:55%}.paper-check{position:absolute;right:28px;bottom:15px;color:var(--red);font-size:64px;transform:rotate(4deg)}.local-stamp{position:absolute;background:var(--red);color:#fff7e8;font-size:10px;letter-spacing:1.2px;line-height:2;right:0;top:60px;transform:rotate(7deg);padding:17px 21px;box-shadow:4px 4px 0 #c2c7b6}.local-stamp span{font-size:11px;letter-spacing:0}.desk-caption{position:absolute;bottom:-20px;left:75px;font-size:10px;color:#68725e;display:flex;align-items:center;gap:13px}.desk-caption>span{font-size:30px;color:#a4ae94}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.steps article{border-top:1px solid var(--line);padding-top:22px}.step-number{font-size:12px;color:var(--red);font-weight:500}.steps h3{font-size:23px;letter-spacing:-.7px;margin:22px 0 13px}.steps p{font-size:13px;color:var(--muted);max-width:300px}.questions{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.35fr;gap:60px;padding-top:70px}.questions h2{font-size:41px}.faq-list details{border-bottom:1px solid var(--line);padding:21px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:15px;font-weight:500}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-weight:400;font-size:22px;color:var(--red);line-height:1;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{color:var(--muted);font-size:13px;margin-top:15px;padding-right:30px}.closing{margin-top:5px;padding-top:36px;padding-bottom:36px;display:flex;align-items:center;gap:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.large{width:55px;height:55px;font-size:43px;margin:0}.closing .section-kicker{font-size:8px;margin-bottom:8px}.closing h2{font-size:28px;letter-spacing:-1px}.closing .button{margin-left:auto;white-space:nowrap}footer{display:flex;justify-content:space-between;align-items:center;padding-top:39px;padding-bottom:39px;gap:24px}footer .brand{font-size:19px}footer .mark{width:25px;height:25px;font-size:22px}footer p,footer>a:last-child{color:#777e70;font-size:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:20px;background:var(--ink);color:white;padding:15px;z-index:10}.skip-link:focus{top:10px}.empty-state{font-size:11px;color:var(--muted);padding:35px 0}
@media(min-width:1440px){.wrap{max-width:1400px;padding-left:70px;padding-right:70px}.hero{padding-top:65px}.hero-intro{margin-bottom:65px}h1{font-size:98px}.hero-copy{padding-right:25px}.app-body{grid-template-columns:192px 1fr 275px;min-height:430px}.task-row{padding-top:16px;padding-bottom:16px}.task-title{font-size:11px}.app-sidebar{padding-top:28px}.app-tasks{padding:28px}.task-detail{padding:28px 24px}.task-subtitle{max-width:300px}}
@media(max-width:1100px){.wrap{padding-left:30px;padding-right:30px}.hero-asterisk{font-size:48px;right:-57px}.hero-copy{min-width:245px}.hero-copy p{font-size:15px}.app-body{grid-template-columns:150px 1fr 205px}.app-brand{font-size:14px}.app-tasks{padding:22px 14px}.task-detail{padding:22px 15px}.today-label{display:none}.task-title{font-size:9px}.task-subtitle{max-width:150px}.row-due{display:none}.feature-grid{gap:20px}.feature-art{padding-left:12px;padding-right:12px}.notification{padding:12px 7px;gap:5px}.offline-inner{gap:40px}.local-stamp{right:-5px}.closing h2{font-size:24px}.closing .button{font-size:11px}}
@media(max-width:800px){.site-header{height:85px}.brand{font-size:21px}nav{gap:20px}nav>a:not(.nav-cta){display:none}.hero{padding-top:30px}.hero-intro{align-items:start;gap:25px}h1{font-size:62px;letter-spacing:-3.5px}.hero-asterisk{display:none}.hero-copy{min-width:210px;padding-top:0}.hero-copy p{font-size:13px}.hero-copy .button{font-size:11px;padding:13px 16px}.platform{font-size:8px}.app-body{grid-template-columns:140px 1fr}.task-detail{display:none}.task-title{font-size:11px}.task-subtitle{max-width:230px;font-size:9px}.task-row{padding-top:16px;padding-bottom:16px}.row-due{display:block}.demo-stage{padding-left:18px;padding-right:18px}.benefit-strip{padding:24px 0;display:grid;grid-template-columns:1fr 1fr;gap:17px 35px}.section-space{padding-top:70px;padding-bottom:60px}h2{font-size:38px}.section-heading>p{font-size:12px}.feature-grid{grid-template-columns:1fr;gap:32px}.feature{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.feature-art{grid-row:1 / 4;margin:0;padding:23px;height:185px}.feature-number{align-self:end;padding-top:10px}.feature h3{font-size:20px;align-self:center;margin:10px 0}.feature>p{font-size:12px;align-self:start}.project-art{padding:27px}.offline-inner{gap:25px;padding-top:60px;padding-bottom:60px}.offline-inner h2{font-size:43px}.offline-inner p{font-size:12px}.paper{width:235px;padding:22px}.paper p{font-size:26px;margin:28px 0}.local-stamp{right:-4px;font-size:7px;padding:12px;top:78px}.local-stamp span{font-size:8px}.desk-caption{left:5px;font-size:8px;bottom:0}.steps{gap:25px}.steps h3{font-size:19px}.steps p{font-size:12px}.questions{gap:30px;grid-template-columns:1fr 1.4fr}.questions h2{font-size:32px}.faq-list summary{font-size:13px}.closing{flex-wrap:wrap;gap:18px}.closing .button{margin-left:73px}.closing h2{font-size:26px}footer p{display:none}}
@media(max-width:560px){.wrap{padding-left:22px;padding-right:22px}.site-header{height:78px}.brand{font-size:20px}.brand .mark{width:27px;height:27px;font-size:24px}.nav-cta{font-size:11px}.nav-cta span{margin-left:10px}.hero{padding-top:30px}.eyebrow{font-size:8px;letter-spacing:1.1px}.hero-intro{display:block;margin-top:24px;margin-bottom:35px}h1{font-size:clamp(49px,11.8vw,66px);line-height:1.1;letter-spacing:-3px}.hero-asterisk{display:block;font-size:44px;right:2px;top:8px}.hero-copy{margin-top:25px}.hero-copy p{font-size:15px}.desktop-break{display:none}.hero-copy .button{font-size:12px;margin-top:20px}.platform{font-size:9px;margin-top:12px}.demo-stage{margin-left:-10px;margin-right:-10px;padding:14px 10px 0}.stage-top{font-size:6px;letter-spacing:.7px;padding-bottom:12px}.stage-top>span:last-child{display:none}.small-cross{font-size:11px}.window-bar{height:29px}.app-body{display:block;min-height:390px}.app-sidebar{padding:10px;border-right:0;border-bottom:1px solid #dedfd7}.app-brand,.sidebar-label,.project-item,.sidebar-bottom{display:none}.demo-filters{display:flex;gap:3px}.demo-filters button{padding:8px 5px;font-size:8px;flex:1;gap:3px;justify-content:center}.count{display:none}.app-tasks{padding:21px 13px 13px}.task-heading h2{font-size:29px}.micro-label{font-size:7px}.demo-hint{font-size:8px;margin-bottom:16px}.task-title{font-size:10px}.task-subtitle{font-size:8px;max-width:170px}.task-row{gap:8px;padding:13px 6px}.row-due{font-size:7px}.priority{font-size:7px}.stage-bottom{font-size:5.8px;letter-spacing:.5px;gap:4px;min-height:40px}.sample-label{display:none}.stage-bottom button{font-size:8px}.benefit-strip{font-size:9px;gap:16px 8px;padding:24px 0}.benefit-strip>span{gap:7px}.benefit-strip>span>span{font-size:12px}.section-space{padding-top:60px;padding-bottom:55px}.section-kicker{font-size:8px;letter-spacing:1.3px;margin-bottom:20px}.section-heading{display:block;margin-bottom:30px}h2{font-size:37px;letter-spacing:-1.8px}.section-heading>p{font-size:13px;margin-top:20px}.feature-grid{gap:35px}.feature{display:block}.feature-art{height:195px;margin-bottom:20px;padding:24px}.feature-number{font-size:8px}.feature h3{font-size:22px;margin:11px 0}.feature>p{font-size:13px}.priority-art>div{font-size:11px;padding:12px 0}.priority-art .priority{font-size:9px}.project-art{padding:31px}.project-art-title{font-size:13px}.branch{font-size:11px;gap:21px}.notification{padding:15px 13px;margin-top:22px;gap:10px}.notification strong{font-size:11px}.notification small{font-size:8px}.notification p{font-size:8px}.repeat-chip{font-size:9px}.offline-inner{grid-template-columns:1fr;gap:25px;padding-top:50px;padding-bottom:45px}.offline-inner h2{font-size:48px}.offline-inner p{font-size:13px}.desk-composition{min-height:340px;margin-top:5px}.paper{width:250px}.paper p{font-size:29px}.local-stamp{right:3px;top:50px;font-size:8px;padding:15px}.desk-caption{left:32px;bottom:0;font-size:9px}.steps{grid-template-columns:1fr;gap:28px}.steps article{position:relative;padding:22px 0 0 45px}.step-number{position:absolute;left:0;top:25px}.steps h3{font-size:24px;margin:0 0 11px}.steps p{font-size:13px}.questions{grid-template-columns:1fr;gap:30px}.questions h2{font-size:37px}.faq-list summary{font-size:14px}.faq-list p{font-size:13px;padding-right:15px}.closing{padding-top:30px;padding-bottom:30px;align-items:start;gap:15px}.large{height:38px;width:38px;font-size:32px}.closing>div{flex:1}.closing .section-kicker{font-size:6px;letter-spacing:1px}.closing h2{font-size:24px;line-height:1.2}.closing .button{margin-left:53px;margin-top:5px}footer{padding-top:28px;padding-bottom:28px}footer .brand{font-size:17px}footer>a:last-child{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}