:root{--bg:#f4f4f1;--surface:#fff;--soft:#ecece8;--dark:#111;--text:#171715;--muted:#74746e;--border:#dfdfda;--mint:#b8f2dc;--mint-strong:#83dab9;--shadow:0 30px 100px rgba(20,20,18,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Poppins,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.section-shell{width:min(1240px,calc(100% - 48px));margin-inline:auto}.site-header{width:min(1320px,calc(100% - 48px));height:92px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand-lockup{display:flex;align-items:center;gap:11px}.brand-lockup>span:last-child{display:grid}.brand-lockup strong{font-size:14px}.brand-lockup small{font-size:9px;color:var(--muted);margin-top:1px}.brand-mark{width:42px;height:42px;border-radius:13px;display:block;object-fit:cover;flex:0 0 auto}.desktop-nav{display:flex;gap:34px;font-size:11px;color:#65655f}.desktop-nav a:hover{color:#111}.header-cta{height:42px;padding:0 17px;border-radius:11px;background:#111;color:#fff;display:flex;align-items:center;gap:15px;font-size:10px;font-weight:600}.hero{min-height:780px;padding:82px 0 110px;display:grid;grid-template-columns:.8fr 1.35fr;gap:70px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.65);font-size:9px;font-weight:500;color:#5c5c57}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--mint-strong);box-shadow:0 0 0 5px rgba(131,218,185,.18)}.hero h1{margin:25px 0 23px;font-size:clamp(54px,6vw,92px);line-height:.98;letter-spacing:-5px}.hero h1 span{color:#777771}.hero-lede{max-width:520px;color:var(--muted);font-size:14px;line-height:1.8}.hero-actions{display:flex;gap:10px;margin-top:31px}.button{height:49px;padding:0 18px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:25px;font-size:10px;font-weight:600}.button-dark{background:var(--dark);color:#fff}.button-quiet{border:1px solid var(--border);background:#fff}.hero-proof{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px;color:#686862;font-size:9px}.hero-product{position:relative}.window-glow{position:absolute;inset:8% 4% -5%;background:var(--mint);filter:blur(70px);opacity:.28}.app-window{position:relative;z-index:2;overflow:hidden;border:1px solid #d1d1cc;border-radius:20px;background:#fff;box-shadow:0 45px 120px rgba(20,20,18,.18);transform:perspective(1500px) rotateY(-3deg) rotateX(1deg)}.window-bar{height:32px;padding:0 12px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;background:#fafafa;border-bottom:1px solid #e6e6e2;font-size:7px;color:#999;text-align:center}.traffic{display:flex;gap:5px}.traffic i{width:7px;height:7px;border-radius:50%;background:#d8d8d4}.app-body{height:480px;display:grid;grid-template-columns:155px 1fr}.app-sidebar{padding:18px 11px 12px;background:#111;color:#fff;display:flex;flex-direction:column}.app-brand{display:flex;align-items:center;gap:8px;padding:0 5px 17px}.mini-mark{width:27px;height:27px;border-radius:8px;display:block;object-fit:cover;flex:0 0 auto}.app-brand>span:last-child{display:grid}.app-brand b{font-size:8px}.app-brand small{font-size:5px;color:#92928c}.app-add{height:31px;padding:0 9px;border:0;border-radius:8px;background:var(--mint);color:#10392a;display:flex;align-items:center;gap:7px;font-size:7px;font-weight:600}.app-add kbd{margin-left:auto;font-size:5px}.app-nav{display:grid;gap:3px;margin-top:14px}.app-nav button{height:29px;padding:0 8px;border:0;border-radius:7px;background:transparent;color:#9d9d97;display:flex;align-items:center;justify-content:space-between;font-size:7px}.app-nav button.active{background:rgba(255,255,255,.09);color:#fff}.app-nav em{min-width:16px;padding:2px 4px;border-radius:999px;background:rgba(255,255,255,.07);font-style:normal;font-size:5px}.app-nav .active em{background:var(--mint);color:#16392d}.app-profile{margin-top:auto;padding:8px 5px;display:flex;align-items:center;gap:7px;color:#8b8b85}.app-profile>span{width:22px;height:22px;border-radius:50%;background:#292927;display:grid;place-items:center;color:#fff;font-size:6px}.app-profile div{display:grid}.app-profile b{font-size:6px;color:#bdbdb7}.app-profile small{font-size:4px}.app-profile i{margin-left:auto;font-size:7px}.app-main{padding:18px 18px 20px;background:#f4f4f1}.app-topbar{display:flex;justify-content:space-between;align-items:center}.app-topbar>div:first-child{display:grid}.app-topbar small{font-size:5px;color:#777}.app-topbar b{font-size:7px}.app-tools{display:flex;align-items:center;gap:5px}.app-tools span{font-size:5px;color:#688f80}.app-tools button{height:22px;padding:0 7px;border:1px solid #deded9;border-radius:6px;background:#fff;font-size:5px}.app-tools .focus{background:#111;color:#fff}.app-heading{margin-top:24px;display:flex;justify-content:space-between;align-items:end}.app-heading small{font-size:6px;font-weight:600;color:#6b6b65}.app-heading h2{margin:7px 0 4px;font-size:17px;letter-spacing:-.8px}.app-heading p{margin:0;font-size:6px;color:#777}.task-count{display:grid;text-align:right}.task-count b{font-size:17px}.task-count small{font-size:5px}.app-content{margin-top:15px;display:grid;grid-template-columns:minmax(0,1fr) 145px;gap:10px}.task-stack{display:grid;gap:7px}.quick-add{height:39px;padding:0 10px;border:1px solid #deded8;border-radius:9px;background:#fff;display:flex;align-items:center;gap:8px}.quick-add>span{width:22px;height:22px;border-radius:7px;background:var(--mint);display:grid;place-items:center;font-size:10px}.quick-add p{margin:0;color:#9a9a94;font-size:6px}.quick-add kbd{margin-left:auto;font-size:5px}.task-card{min-height:54px;padding:10px;border:1px solid #e1e1dc;border-radius:10px;background:#fff;display:flex;align-items:flex-start;gap:8px}.task-card.priority{border-left:3px solid var(--mint-strong)}.task-card>button{width:15px;height:15px;border:1px solid #bdbdb7;border-radius:50%;background:#fff}.task-card>div{display:grid;gap:6px}.task-card b{font-size:7px}.task-card p{margin:0;display:flex;gap:5px}.task-card p span,.task-card p i{padding:3px 5px;border-radius:999px;background:#f0eee8;font-size:4px;font-style:normal;color:#6d6658}.task-card p i{background:#e7f8f1;color:#407561}.task-card>em{margin-left:auto;font-size:7px;color:#aaa;font-style:normal}.right-rail{display:grid;gap:8px}.focus-card,.progress-card{padding:13px;border-radius:12px}.focus-card{background:#111;color:#fff}.focus-card>small{display:flex;justify-content:space-between;color:#95958f;font-size:5px}.focus-card small i{padding:2px 4px;border-radius:999px;background:rgba(184,242,220,.13);color:var(--mint);font-style:normal}.focus-card p{margin:18px 0 5px;color:var(--mint);font-size:5px;font-weight:600}.focus-card h3{margin:0 0 14px;font-size:10px;line-height:1.4}.focus-card button{width:100%;height:27px;padding:0 8px;border:0;border-radius:7px;background:var(--mint);color:#14382c;display:flex;justify-content:space-between;align-items:center;font-size:5px;font-weight:600}.progress-card{background:#fff;border:1px solid #e1e1dc}.progress-card>small{font-size:5px;color:#777;font-weight:600}.progress-card>div{display:grid;margin:14px 0 10px}.progress-card b{font-size:21px;line-height:1}.progress-card span,.progress-card p{font-size:5px;color:#777}.progress-card>i{height:4px;border-radius:999px;background:#e8e8e3;display:block;overflow:hidden}.progress-card>i u{display:block;width:45%;height:100%;background:#111}.progress-card p{margin:10px 0 0}.floating-note{position:absolute;z-index:4;padding:11px 13px;border:1px solid #dfdfda;border-radius:12px;background:rgba(255,255,255,.94);box-shadow:0 18px 50px rgba(20,20,18,.12);display:flex;align-items:center;gap:9px}.floating-note>span{width:26px;height:26px;border-radius:8px;background:var(--mint);display:grid;place-items:center;font-size:8px;font-weight:700}.floating-note p{margin:0;display:grid}.floating-note b{font-size:7px}.floating-note small{font-size:5px;color:#888}.note-one{left:-30px;bottom:35px}.note-two{right:-20px;top:55px}.manifesto{padding:120px 0;background:#111;color:#fff}.manifesto-grid{display:grid;grid-template-columns:.45fr 1.55fr;gap:70px}.section-kicker{margin:0;font-size:9px;font-weight:600;letter-spacing:1px;color:#77776f}.manifesto .section-kicker{color:var(--mint)}.manifesto-copy h2{max-width:900px;margin:0;font-size:clamp(38px,5vw,68px);line-height:1.1;letter-spacing:-3px}.manifesto-copy p{max-width:720px;margin:35px 0 0;color:#a2a29c;font-size:13px;line-height:1.9}.features{padding:135px 0}.section-heading{display:grid;grid-template-columns:1.25fr .55fr;gap:80px;align-items:end;margin-bottom:58px}.section-heading h2{margin:12px 0 0;font-size:clamp(38px,5vw,64px);line-height:1.05;letter-spacing:-3px}.section-heading>p{margin:0;color:var(--muted);font-size:12px;line-height:1.8}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.feature-card{min-height:500px;padding:38px;border:1px solid var(--border);border-radius:24px;background:#fff;display:flex;flex-direction:column;overflow:hidden}.feature-copy>span{font-size:8px;color:#999}.feature-copy h3{margin:15px 0 10px;font-size:24px;letter-spacing:-1px}.feature-copy p{max-width:500px;margin:0;color:var(--muted);font-size:11px;line-height:1.8}.mini-ui{margin-top:auto;border:1px solid #dddcd6;border-radius:15px;background:#f4f4f1;box-shadow:0 20px 50px rgba(20,20,18,.08)}.today-ui{padding:17px}.today-ui header{display:flex;justify-content:space-between;margin-bottom:10px}.today-ui small{font-size:7px;color:#777}.today-ui b{font-size:8px}.today-ui>div{height:49px;padding:0 13px;border-top:1px solid #e1e1dc;background:#fff;display:flex;align-items:center;gap:10px;font-size:8px}.today-ui>div:first-of-type{border-radius:10px 10px 0 0}.today-ui>div:last-child{border-radius:0 0 10px 10px}.today-ui i{width:15px;height:15px;border:1px solid #bbb;border-radius:50%}.today-ui em{margin-left:auto;padding:4px 6px;border-radius:999px;background:#f8d8d2;color:#7d4f48;font-size:5px;font-style:normal}.feature-snooze{background:#ecece8}.snooze-panel{width:min(390px,100%);margin:auto auto 0;padding:22px;border-radius:18px;background:#fff;box-shadow:0 25px 60px rgba(20,20,18,.1)}.snooze-panel>small{font-size:7px;color:#777}.snooze-panel button{width:100%;height:66px;margin-top:9px;padding:0 12px;border:1px solid #e1e1dc;border-radius:12px;background:#fff;display:flex;align-items:center;gap:10px;text-align:left}.snooze-panel button>i{width:32px;height:32px;border-radius:10px;background:var(--mint);display:grid;place-items:center;font-style:normal}.snooze-panel button>span{display:grid}.snooze-panel b{font-size:9px}.snooze-panel button small{font-size:6px;color:#888}.snooze-panel em{margin-left:auto;font-style:normal}.feature-focus{background:#111;color:#fff}.feature-focus .feature-copy p{color:#969690}.focus-preview{margin:auto 0 0;padding:27px;border:1px solid #2b2b29;border-radius:17px;background:#181816}.focus-preview>small{font-size:7px;color:#898983}.focus-preview p{margin:45px 0 9px;color:var(--mint);font-size:7px;font-weight:600}.focus-preview h4{max-width:400px;margin:0 0 35px;font-size:26px;line-height:1.25}.focus-preview button{width:100%;height:45px;border:0;border-radius:11px;background:var(--mint);font-size:9px;font-weight:600}.feature-local{background:#f8f8f5}.device-stack{position:relative;height:270px;margin-top:auto}.mac-device{position:absolute;left:0;right:45px;bottom:0;height:205px;border:8px solid #171715;border-bottom-width:20px;border-radius:14px;background:#f4f4f1;display:flex;align-items:center;justify-content:center;gap:10px;font-size:9px}.phone-device{position:absolute;right:3px;bottom:-10px;width:105px;height:225px;padding:26px 12px 12px;border:7px solid #111;border-radius:25px;background:#f4f4f1;box-shadow:0 25px 50px rgba(20,20,18,.2);display:flex;flex-direction:column;align-items:flex-start;gap:9px}.phone-island{position:absolute;top:6px;left:50%;transform:translateX(-50%);width:35px;height:8px;border-radius:999px;background:#111}.phone-device b{font-size:10px}.phone-device i{width:100%;height:27px;border-radius:7px;background:#fff;border:1px solid #e1e1dc}.principles{padding:130px 0;background:#e9e9e4}.principles-heading{display:grid;grid-template-columns:.45fr 1.55fr}.principles-heading h2{margin:0;font-size:clamp(46px,6vw,80px);line-height:1;letter-spacing:-4px}.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:70px}.rule-grid article{padding:28px;border-top:1px solid #cfcfc9}.rule-grid span{font-size:8px;color:#999}.rule-grid h3{margin:42px 0 10px;font-size:18px}.rule-grid p{margin:0;color:var(--muted);font-size:10px;line-height:1.8}.quote-section{padding:145px 0}.quote-section blockquote{max-width:1050px;margin:0;font-size:clamp(42px,6vw,78px);line-height:1.09;letter-spacing:-4px}.quote-mark{display:flex;align-items:center;gap:12px;margin-top:55px}.quote-mark p{display:grid;margin:0}.quote-mark b{font-size:10px}.quote-mark small{font-size:8px;color:#888}.download-section{padding-bottom:90px}.download-card{min-height:490px;padding:65px;border-radius:28px;background:#111;color:#fff;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;overflow:hidden}.download-card h2{margin:15px 0 20px;font-size:clamp(42px,6vw,72px);line-height:1.04;letter-spacing:-4px}.download-card>div:first-child>p:not(.section-kicker){max-width:510px;color:#9d9d97;font-size:12px;line-height:1.8}.download-actions{display:flex;gap:9px;margin-top:28px}.button-mint{background:var(--mint);color:#11372a}.button-outline-light{border:1px solid #343431;color:#fff}.download-icon{position:relative;height:360px;display:grid;place-items:center}.brand-mark.giant{position:relative;z-index:2;width:150px;height:150px;border-radius:45px;font-size:46px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.icon-ring{position:absolute;border:1px solid rgba(184,242,220,.18);border-radius:50%}.ring-one{width:250px;height:250px}.ring-two{width:360px;height:360px}.site-footer{min-height:180px;padding:40px 0;display:grid;grid-template-columns:1fr 1fr .7fr auto;align-items:center;border-top:1px solid var(--border);gap:30px}.site-footer>p{font-size:9px;color:#777;line-height:1.7}.site-footer>div{display:flex;gap:20px;font-size:9px}.site-footer>small{font-size:8px;color:#999}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1050px){.desktop-nav{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero-copy{text-align:center}.hero-lede{margin-inline:auto}.hero-actions,.hero-proof{justify-content:center}.hero-product{margin-top:20px}.feature-card{min-height:460px}.site-footer{grid-template-columns:1fr 1fr}.site-footer>small{text-align:right}}
@media(max-width:760px){.section-shell,.site-header{width:min(100% - 28px,1240px)}.site-header{height:78px}.header-cta{padding:0 12px}.header-cta span{display:none}.hero{padding:50px 0 85px;gap:45px}.hero h1{font-size:55px;letter-spacing:-3px}.hero-product{margin-inline:-5px}.app-window{transform:none;border-radius:15px}.app-body{height:390px;grid-template-columns:105px 1fr}.app-sidebar{padding:12px 7px}.app-brand small,.app-add kbd,.app-profile div,.app-profile i{display:none}.app-add span{font-size:0}.app-add span:after{content:'Add';font-size:7px}.app-main{padding:12px 10px}.app-tools span,.app-tools button:not(.focus),.task-count{display:none}.app-heading{margin-top:15px}.app-heading h2{font-size:13px}.app-content{grid-template-columns:1fr}.right-rail{display:none}.note-one{left:-4px;bottom:-32px}.note-two{right:-4px;top:-31px}.floating-note small{display:none}.manifesto{padding:90px 0}.manifesto-grid,.section-heading,.principles-heading,.download-card{grid-template-columns:1fr}.manifesto-grid{gap:32px}.manifesto-copy h2,.section-heading h2,.principles-heading h2,.quote-section blockquote,.download-card h2{letter-spacing:-2px}.features{padding:95px 0}.section-heading{gap:25px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:450px;padding:27px}.principles{padding:90px 0}.principles-heading{gap:25px}.rule-grid{grid-template-columns:1fr;margin-top:45px}.rule-grid article{padding:22px 0}.rule-grid h3{margin-top:20px}.quote-section{padding:95px 0}.download-card{padding:38px 28px}.download-icon{height:280px}.brand-mark.giant{width:120px;height:120px;border-radius:36px}.ring-one{width:205px;height:205px}.ring-two{width:280px;height:280px}.site-footer{grid-template-columns:1fr 1fr;padding:35px 0}.site-footer>p,.site-footer>div{display:none}}
@media(max-width:460px){.hero h1{font-size:47px}.hero-actions,.download-actions{flex-direction:column}.button{width:100%}.hero-proof{gap:8px 13px}.app-body{grid-template-columns:82px 1fr}.app-brand{padding-inline:0}.app-nav button{padding-inline:5px}.app-profile{padding-inline:0}.floating-note{display:none}.feature-card{min-height:420px}.focus-preview h4{font-size:22px}.download-card{padding:34px 22px}.site-footer{grid-template-columns:1fr auto}.site-footer>small{display:none}}