:root{--navy:#06245c;--green:#00a86b;--bg:#fff;--light:#f7f9fc;--text:#111827;--muted:#6b7280;--line:#e9edf2;--soft-green:#edf9f3;--error:#dc2626;--warning:#f59e0b;--success:#16a34a;--card:#fff;--shadow:0 10px 50px #06245c08;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--text);background:var(--bg);font-size:14px;line-height:1.6}h1,h2,h3,h4{font-family:'Manrope',Arial,sans-serif;color:var(--navy);line-height:1.22;margin:0;font-weight:750;letter-spacing:-.04em}p{margin:0 0 16px;color:var(--muted)}button,input,textarea,select{font:inherit}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}button,a{transition:background .15s,color .15s}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button{background:none;border:0;color:inherit}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline:3px solid #00a86b88;outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid #00a86b66;border-color:var(--green)}input,select,textarea{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:9px;color:var(--text);background:var(--card);min-width:0}input::placeholder,textarea::placeholder{color:#97a0ad}input[type=checkbox]{width:17px;height:17px;accent-color:var(--green);flex-shrink:0}label{display:flex;flex-direction:column;gap:7px;color:var(--navy);font-weight:550;font-size:13px;margin-bottom:17px}label small{color:var(--muted);font-size:11px;font-weight:400}fieldset{border:0;padding:0;margin:12px 0 24px;min-width:0}legend{display:flex;align-items:center;gap:8px;color:var(--navy);font-weight:600;margin-bottom:13px}legend small{font-size:11px;color:var(--muted);font-weight:400}select{cursor:pointer}.brand{display:block;position:relative;width:175px;height:70px;overflow:hidden;flex-shrink:0;background:white;border-radius:5px}.brand img{position:absolute;max-width:none;width:220px;height:auto;left:-21px;top:-29px}.primary,.secondary,.danger{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:9px;padding:12px 19px;font-weight:600;font-size:13px;line-height:1.3;min-height:43px;white-space:nowrap}.primary{background:var(--green);color:#fff;box-shadow:0 3px 6px #00a86b15}.primary:hover{background:#008d5a;color:#fff}.secondary{background:var(--card);border:1px solid var(--line);color:var(--navy)}.secondary:hover{background:var(--light)}.danger{background:#dc2626;color:#fff}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:600;color:var(--navy);padding:10px 6px}.text-button:hover{color:var(--green)}.large{padding:17px 23px;font-size:14px;min-height:52px}.full{width:100%}.icon-button{padding:8px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;color:var(--muted);flex-shrink:0}.icon-button:hover{background:var(--light);color:var(--navy)}.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:700;color:var(--green);margin:0 0 14px}.pill{display:inline-flex;align-items:center;gap:8px;background:var(--soft-green);color:#00865a;padding:7px 12px;font-size:9px;font-weight:700;letter-spacing:.1em;border-radius:5px}.live-dot{height:6px;width:6px;background:var(--green);border-radius:50%}.landing{overflow:hidden}.landing-header{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;height:100px;padding:0 30px;gap:22px;border-bottom:1px solid var(--line)}.landing-header nav{display:flex;gap:32px;font-size:12px;font-weight:500;color:#5f6878}.header-actions{display:flex;gap:23px;align-items:center}.hero{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;min-height:650px;align-items:center;padding:50px 30px 66px;gap:38px}.hero h1{font-size:clamp(43px,4.2vw,62px);font-weight:800;letter-spacing:-.065em;line-height:1.16;margin:23px 0}.hero h1 em{font-style:normal;color:var(--green)}.hero-copy>p{max-width:410px;font-size:15px;line-height:1.85;color:#758091}.hero-actions{display:flex;gap:23px;align-items:center;margin-top:30px}.hero-facts{display:flex;gap:20px;margin-top:24px;font-size:10px;color:#7a8492}.hero-facts span{display:flex;align-items:center;gap:6px}.hero-facts svg{color:var(--green)}.hero-visual{height:540px;position:relative;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at 50% 50%,#dcf5e9 0%,#f6fbf8 55%,transparent 72%)}.visual-grid{position:absolute;inset:15px 0;background-image:linear-gradient(#06245c05 1px,transparent 1px),linear-gradient(90deg,#06245c05 1px,transparent 1px);background-size:35px 35px;mask-image:radial-gradient(ellipse,#000 25%,transparent 70%)}.phone{width:283px;height:510px;position:relative;background:var(--card);border:5px solid #fdfefe;border-radius:36px;box-shadow:0 35px 70px #06245c1a,0 0 0 1px #d7e1dc;transform:rotate(-3deg);padding:12px 15px;z-index:1}.phone-top{display:flex;justify-content:space-between;font-size:9px;color:var(--navy);font-weight:700;padding:0 6px}.phone-brand{display:flex;justify-content:center;height:78px;align-items:center}.phone-brand .brand{transform:scale(.7)}.phone-page{padding:6px 7px}.phone-page>p{font-size:7px;color:var(--green);letter-spacing:.12em;font-weight:700;margin:0 0 9px}.phone-page h2{font-size:25px;font-weight:800;letter-spacing:-.055em}.phone-page>span{font-size:8px;color:var(--muted)}.phone-steps{margin:22px 0 20px}.phone-steps>div{display:flex;gap:11px;align-items:center;border-bottom:1px solid var(--line);padding:12px 0}.phone-steps>div:last-child{border:0}.phone-steps section{flex:1}.phone-steps strong{font-size:10px;color:var(--navy);font-weight:650}.phone-steps p{margin:2px 0 0;font-size:7px}.step-icon{height:32px;width:32px;border-radius:9px;background:var(--soft-green);color:var(--green);display:grid;place-items:center}.step-icon.s1{color:var(--navy);background:#eef2f9}.phone-page>.primary{font-size:9px;padding:10px 8px;min-height:35px;width:100%}.phone-bottom{position:absolute;bottom:12px;left:13px;right:13px;display:flex;justify-content:space-around;align-items:center;border-top:1px solid var(--line);padding-top:8px;color:#a2aab5}.phone-bottom>span{padding:5px;border-radius:9px;background:var(--green);color:#fff}.phone-bottom>svg:first-child{color:var(--green)}.floating-note{display:flex;align-items:center;gap:11px;position:absolute;top:75px;right:-3px;z-index:2;background:white;border:1px solid #eef1ef;box-shadow:0 10px 40px #06245c12;border-radius:13px;padding:14px 16px;transform:rotate(2deg)}.note-bell{background:var(--green);border-radius:10px;padding:10px;display:flex;color:white}.floating-note strong{font-size:11px;color:var(--navy)}.floating-note p{font-size:8px;margin:2px 0}.floating-note>svg{color:var(--green)}.visual-caption{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);font-size:9px;white-space:nowrap;display:flex;align-items:center;gap:7px;color:#89938b}.platform-strip{background:var(--light);border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:center;gap:65px;align-items:center;padding:23px 24px;color:#657184;font-size:11px}.platform-strip>span{display:flex;gap:9px;align-items:center}.platform-strip>span:first-child{font-size:8px;letter-spacing:.12em;color:#99a1ae;font-weight:700}.platform-strip svg{color:#7a8799}.section{max-width:1180px;margin:0 auto;padding:95px 30px}.section-heading{text-align:center;position:relative}.section-heading h2{font-size:35px;letter-spacing:-.05em}.section-heading p{font-size:13px;margin:18px 0 0;line-height:1.8}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:47px}.features article{border:1px solid var(--line);border-radius:14px;padding:28px;background:var(--card)}.features article>span{display:flex;width:44px;height:44px;align-items:center;justify-content:center;background:var(--soft-green);border-radius:11px;color:var(--green);margin-bottom:24px}.features h3{font-size:17px;letter-spacing:-.025em}.features p{font-size:12px;line-height:1.8;margin:13px 0 0;max-width:260px}.how{background:var(--light);max-width:none;border-block:1px solid var(--line)}.how-grid{max-width:1080px;margin:42px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:55px}.how-grid article{text-align:center}.how-grid article>span{display:inline-grid;place-items:center;background:var(--card);width:42px;height:42px;font-size:12px;border:1px solid var(--line);border-radius:50%;color:var(--green);margin-bottom:20px}.how-grid h3{font-size:16px}.how-grid p{font-size:12px;margin:12px auto;max-width:250px}.price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px;max-width:750px;margin:45px auto 0}.price-card{position:relative;padding:32px;border:1px solid var(--line);border-radius:15px;background:var(--card)}.price-card.recommended{border:2px solid var(--green);background:linear-gradient(150deg,var(--soft-green),var(--card) 60%)}.price-card .eyebrow{color:var(--muted);margin-bottom:22px}.price-card h3{font-size:16px;letter-spacing:-.03em}.price-card h3 strong{font-size:43px;font-weight:800;margin-left:2px}.price-card>p:not(.eyebrow){font-size:11px;margin:4px 0 0}.price-saving{font-size:11px;margin-top:19px;color:var(--green)}.price-card ul{padding:21px 0;margin:22px 0;border-top:1px solid var(--line);list-style:none;display:grid;gap:13px}.price-card li{font-size:11px;display:flex;gap:9px;align-items:center;color:#5b6575}.price-card li svg{color:var(--green)}.price-card>button{width:100%}.recommend{position:absolute;right:22px;top:-12px;background:var(--green);color:#fff;padding:4px 12px;border-radius:5px;font-size:8px;font-weight:700;letter-spacing:.09em}.pricing-note{font-size:10px;text-align:center;display:flex;justify-content:center;align-items:center;gap:6px;margin:25px 0 0;color:#9aa2af}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:100px;border-top:1px solid var(--line)}.faq h2{font-size:32px}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;list-style:none;font-size:12px;font-weight:600;color:var(--navy);display:flex;justify-content:space-between;gap:20px}.faq details p{margin:15px 0 0;font-size:12px;line-height:1.8}.last-cta{text-align:center;padding:65px 24px 75px;background:var(--soft-green);border-top:1px solid #e2f0e8}.last-cta h2{font-size:37px;margin:20px 0 25px}.last-cta .pill{background:#dff2e7}footer{max-width:1180px;margin:auto;padding:35px 30px 25px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px 40px}footer>p{font-size:11px;margin:0;justify-self:end}footer>div{display:flex;gap:25px;font-size:10px;color:#8993a1}footer>small{font-size:9px;color:#a2a9b4;justify-self:end}.app-shell{display:flex;background:var(--light);min-height:100vh}.sidebar{width:237px;position:fixed;inset:0 auto 0 0;background:var(--card);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:18px 18px 0;z-index:20}.sidebar>a{align-self:center}.sidebar-create{margin:17px 0 27px;width:100%}.nav-caption{font-size:9px;color:#9ba3af;letter-spacing:.11em;font-weight:650;margin:0 10px 12px;display:flex;align-items:center;justify-content:space-between}.nav-list{display:flex;flex-direction:column;gap:6px}.nav-list button{border-radius:8px;display:flex;align-items:center;gap:12px;padding:12px 13px;text-align:left;color:#7e8794;font-size:12px}.nav-list button.active{background:var(--soft-green);color:var(--green);font-weight:650}.nav-list button small{margin-left:auto;background:#def2e7;color:var(--green);font-size:10px;padding:1px 6px;border-radius:5px}.sidebar-categories{margin-top:30px}.sidebar-categories>.nav-caption{margin-bottom:5px}.sidebar-categories>button{display:flex;width:100%;align-items:center;gap:11px;font-size:11px;padding:8px 13px;color:#84909d;border-radius:7px}.sidebar-categories>button:hover,.sidebar-categories>button.selected{background:var(--light)}i{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}.sidebar-categories>button small{margin-left:auto;color:#a2a9b5;font-size:10px}.premium-mini{margin-top:auto;text-align:left;border:1px solid #dceee4;background:linear-gradient(120deg,var(--soft-green),var(--card));border-radius:11px;padding:15px 13px;margin-bottom:17px}.premium-mini>span:first-child{float:left;color:var(--green);margin-right:7px}.premium-mini strong{font-size:11px;color:var(--navy)}.premium-mini p{font-size:9px;margin:7px 0 13px}.premium-link{font-size:9px;font-weight:600;color:var(--green);display:flex;align-items:center;justify-content:space-between}.profile{border-top:1px solid var(--line);margin:0 -18px;padding:15px 18px;display:flex;align-items:center;gap:10px}.profile>span,.avatar{background:#edf2f9;border:1px solid #e1e7f0;border-radius:50%;color:var(--navy);font-size:11px;font-weight:600;display:grid;place-items:center;flex-shrink:0;width:33px;height:33px}.profile strong{font-size:10px}.profile p{font-size:8px;margin:1px 0}.profile>.icon-button{margin-left:auto}.app-main{margin-left:237px;flex:1;min-width:0}.app-top{height:70px;border-bottom:1px solid var(--line);background:var(--card);display:flex;align-items:center;justify-content:space-between;padding:0 35px;gap:15px}.app-top>span{display:flex;align-items:center;gap:12px;font-size:10px;color:#929ba8}.app-top>span strong{font-weight:500;color:var(--navy)}.app-top>div{display:flex;gap:18px;align-items:center}.sync-status{font-size:9px;display:flex;gap:6px;color:#92a096;align-items:center}.avatar{width:29px;height:29px;font-size:10px}.workspace{padding:35px 35px 60px;max-width:1450px;margin:auto;min-height:calc(100vh - 122px)}.page-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:2px 0 28px}.page-title .eyebrow{font-size:9px;margin-bottom:10px}.page-title h1{font-size:36px;font-weight:800;letter-spacing:-.055em}.title-dot{color:var(--green)}.page-title p:not(.eyebrow){font-size:11px;margin:9px 0 0;color:#8b95a4}.page-title>.primary{font-size:11px;padding:12px 16px;min-height:40px}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:25px}.stats>button,.stats>div{background:var(--card);border:1px solid var(--line);border-radius:11px;position:relative;text-align:left;padding:18px 17px;min-height:95px}.stats p{font-size:10px;margin:0 0 8px;color:#8993a2}.stats strong{font:750 25px Manrope,Arial;color:var(--navy);letter-spacing:-.05em}.stat-icon{position:absolute;right:15px;top:18px;border-radius:8px;padding:8px;display:flex}.stat-icon.green{background:var(--soft-green);color:var(--green)}.stat-icon.navy{background:#eff3fa;color:#617baf}.stat-icon.orange{background:#fff6eb;color:#eaa459}.quick-add{display:flex;align-items:center;gap:13px;padding:10px 13px;background:var(--card);border:1px solid var(--line);border-radius:10px;margin-bottom:24px;color:var(--green);box-shadow:0 2px 3px #06245c02}.quick-add input{border:0;padding:8px 0;font-size:11px;background:none}.quick-add input:focus{outline:0}.quick-add .icon-button{color:#a1a9b4}.quick-enter{background:var(--soft-green);border-radius:6px;padding:6px 8px;display:flex;color:var(--green)}.task-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:25px;flex-wrap:wrap}.search{display:flex;align-items:center;gap:8px;color:#9aa3af}.search input{border:0;background:none;padding:7px 0;font-size:10px;outline:0!important;min-width:170px}.toolbar-selects{display:flex;gap:7px}.toolbar-selects select{width:auto;font-size:9px;padding:7px 9px;border-radius:6px;color:#929ba8;max-width:125px}.today-layout{display:grid;grid-template-columns:minmax(0,1fr) 225px;gap:25px}.task-section{margin-bottom:28px}.task-section>h2{font-size:12px;letter-spacing:0;display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;font-family:'DM Sans',Arial;font-weight:600}.task-section>h2>span{display:flex;align-items:center;gap:8px}.task-section>h2 small{background:#e9edf2;color:#8a94a2;font-weight:500;border-radius:5px;padding:2px 6px;font-size:9px}.task-section>h2>button{display:flex;align-items:center;font-size:9px;color:#929ba8;gap:4px}.late-section>h2>span{color:#d38d5c}.late-section>h2 small{background:#f9eee5;color:#ce9168}.task-card{display:flex;align-items:center;gap:13px;background:var(--card);border:1px solid var(--line);padding:16px 15px;border-radius:10px;margin-bottom:9px;min-height:73px}.task-card.late{border-color:#f0e3d8}.task-check{border:1.5px solid #cdd5df;border-radius:6px;width:19px;height:19px;padding:0;display:grid;place-items:center;flex-shrink:0;color:white}.task-check:hover{border-color:var(--green)}.task-card.completed .task-check{background:var(--green);border-color:var(--green)}.task-body{text-align:left;flex:1;min-width:0;padding:0}.task-title{display:block;color:var(--navy);font-size:12px;font-weight:600;overflow-wrap:anywhere}.task-meta{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:8px;color:#98a1ae;margin-top:6px}.task-meta>span{display:inline-flex;align-items:center;gap:4px}.task-meta i{width:5px;height:5px}.late-text{color:#cc9a77}.priority{display:flex;align-items:center;gap:4px;font-size:8px;padding:3px 6px;border-radius:4px;white-space:nowrap}.priority.high{color:#b58b4b;background:#fbf5e9}.priority.urgent{color:#d66262;background:#fff0ef}.task-more{color:#a4adba;padding:3px}.completed .task-title{text-decoration:line-through;color:#9da6b3}.section-empty{background:var(--card);border:1px dashed #e0e6ec;border-radius:10px;padding:20px;font-size:10px;color:#9aa4b1}.day-note{position:relative;min-height:237px;border:1px solid #dceee5;background:linear-gradient(140deg,#ecf9f2,#f5faf6);padding:25px 21px;border-radius:11px;overflow:hidden}.day-note .eyebrow{font-size:7px;letter-spacing:.08em;margin-bottom:16px}.day-note h3{font-size:22px;letter-spacing:-.05em}.day-note p{font-size:9px;margin:13px 0;line-height:1.85;max-width:150px;color:#859c8e}.note-check{position:absolute;right:17px;bottom:17px;width:37px;height:37px;border:1px solid #cce8d9;border-radius:50%;display:grid;place-items:center;color:#8fc8aa}.progress-card{margin-top:17px;border:1px solid var(--line);background:var(--card);border-radius:11px;padding:20px}.progress-card h3{font-size:11px;letter-spacing:0;margin-bottom:18px}.progress-card>span{font:750 26px Manrope;color:var(--navy)}.progress-card small{font:400 9px 'DM Sans';color:#95a0ae}.progress-track{height:5px;background:#edf1f5;border-radius:9px;overflow:hidden;margin:16px 0 10px}.progress-track i{height:100%;background:var(--green);display:block}.progress-card p{font-size:8px;margin:0;color:#a2aab5}.push-nudge{border:1px solid var(--line);background:var(--card);border-radius:11px;margin-top:17px;padding:20px;text-align:left;display:flex;flex-direction:column;gap:10px;width:100%;color:var(--green)}.push-nudge strong{font-size:11px;color:var(--navy)}.push-nudge p{font-size:9px;margin:0}.push-nudge>span{display:flex;align-items:center;gap:12px;font-size:9px}.app-footer{padding:16px 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;font-size:8px;color:#a7aebb}.app-footer>div{display:flex;gap:18px}.empty{text-align:center;padding:60px 20px;border:1px solid var(--line);border-radius:11px;background:var(--card)}.empty-icon{display:inline-flex;padding:18px;background:var(--soft-green);color:var(--green);border-radius:18px;margin-bottom:20px}.empty h3{font-size:20px}.empty p{font-size:12px;max-width:300px;margin:15px auto 20px}.empty .primary{font-size:11px}.subscription-banner{border:1px solid #cce9db;background:var(--soft-green);padding:12px 16px;display:flex;align-items:center;gap:20px;justify-content:space-between;border-radius:9px;margin-bottom:25px;font-size:10px;color:#6a8a7b}.subscription-banner>span{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.subscription-banner svg{color:var(--green)}.subscription-banner button{white-space:nowrap;display:flex;align-items:center;gap:8px;color:var(--green);font-size:10px;font-weight:600}.notice{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid #f2d6a9;background:#fffbef;border-radius:9px;margin-bottom:18px;color:#a17b38;font-size:11px;flex-wrap:wrap}.notice button{text-decoration:underline}.error{background:#fff1f1;color:#be3535;border:1px solid #f8d7d7;padding:12px 15px;border-radius:9px;font-size:12px;margin:0 0 17px;display:flex;gap:15px;align-items:center;justify-content:space-between}.error button{padding:0;display:flex}.mobile-nav{display:none}.overlay{position:fixed;inset:0;z-index:100;background:#06204d60;backdrop-filter:blur(4px);padding:28px;display:flex;align-items:center;justify-content:center;overflow-y:auto}.auth-dialog,.task-dialog{background:var(--card);position:relative;border-radius:20px;max-width:490px;width:100%;padding:34px;box-shadow:0 25px 100px #001b3d30;max-height:calc(100dvh - 50px);overflow-y:auto}.auth-dialog>.brand{margin:-10px auto 25px;transform:scale(.9)}.close{position:absolute;right:18px;top:18px}.auth-dialog h2{font-size:26px}.auth-dialog>p:not(.eyebrow){font-size:12px;margin:13px 0 24px}.auth-dialog .eyebrow{font-size:8px}.auth-dialog label{font-size:11px}.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.checkbox-label{display:flex;flex-direction:row;align-items:flex-start;gap:9px;font-weight:400;font-size:10px!important}.checkbox-label a{color:var(--green);text-decoration:underline}.checkbox-label input{margin-top:2px}.hint{font-size:10px;color:#99a2ae;margin:0 0 18px;line-height:1.8}.centered{display:flex;margin:10px auto}.auth-switch{border-top:1px solid var(--line);margin-top:21px;padding-top:18px;text-align:center;font-size:11px;color:#929ba8}.auth-switch button{color:var(--green);font-weight:600;margin-left:5px}.secure-note{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:24px;font-size:9px;color:#a2aab5}.task-dialog{max-width:620px;padding:28px}.dialog-head{display:flex;align-items:center;gap:13px;margin-bottom:24px}.dialog-head>.icon-button{margin-left:auto}.dialog-icon{display:flex;align-items:center;justify-content:center;background:var(--soft-green);color:var(--green);width:45px;height:45px;border-radius:13px}.dialog-head .eyebrow{font-size:8px;margin-bottom:6px}.dialog-head h2{font-size:24px}.task-dialog label{font-size:11px}.task-dialog textarea{resize:vertical}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.dialog-actions button{font-size:11px}.reminder-chips{display:flex;flex-wrap:wrap;gap:7px}.reminder-chips button{border:1px solid var(--line);border-radius:6px;padding:6px 10px;color:#8a94a1;font-size:10px}.reminder-chips button.selected{background:var(--soft-green);border-color:#b9dfcb;color:var(--green)}.custom-reminder{display:flex;gap:10px;max-width:340px;margin-top:12px}.custom-reminder input{font-size:10px;padding:8px}.custom-reminder button{font-size:10px;min-height:33px;padding:8px 10px}.task-detail-actions{border-top:1px solid var(--line);margin-top:22px;padding-top:20px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.task-detail-actions>.secondary{font-size:10px;min-height:35px;padding:9px 12px}.danger-text{font-size:10px;color:#dc5555;display:flex;align-items:center;gap:6px;padding:8px}.snooze{width:100%;display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin-top:10px;padding-top:18px;border-top:1px solid var(--line)}.snooze>label{margin:0;flex:1;min-width:150px}.snooze input{font-size:11px}.snooze>button{font-size:10px;height:42px}.toast{position:fixed;z-index:200;bottom:30px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;box-shadow:0 12px 40px #06245c33;display:flex;align-items:center;gap:10px;border-radius:10px;padding:14px 20px;font-size:12px;max-width:calc(100% - 30px);width:max-content}.toast svg{color:#63d7a5;flex-shrink:0}.loading{display:flex;align-items:center;justify-content:center;gap:30px;flex-direction:column;min-height:100vh}.loading p{font-size:12px}.loading>.spin{color:var(--green)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.settings-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:24px;overflow-x:auto}.settings-tabs button{font-size:11px;color:#8b95a4;white-space:nowrap;padding:10px 14px 15px;border-bottom:2px solid transparent}.settings-tabs button.active{color:var(--green);border-color:var(--green)}.settings-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:27px;max-width:850px;margin-bottom:23px}.settings-card h2{font-size:20px;margin-bottom:23px}.settings-card h3{font-size:14px;margin:23px 0 15px}.settings-card p{font-size:11px}.settings-card label{font-size:11px}.settings-card>button.primary{font-size:11px}.setting-line{border-top:1px solid var(--line);padding:20px 0;margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:20px}.setting-line strong{font-size:12px;color:var(--navy)}.setting-line p{font-size:10px;margin:7px 0 0}.setting-line button{font-size:10px}.device-row{display:flex;gap:13px;align-items:center;border:1px solid var(--line);padding:15px;border-radius:9px;margin-bottom:10px;color:var(--green)}.device-row strong{font-size:11px;color:var(--navy)}.device-row p{font-size:9px;margin:4px 0 0}.device-row button{margin-left:auto}.button-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:19px 0}.button-row>.primary,.button-row>.secondary{font-size:10px}.button-row>label{margin:0}.button-row>label:first-child{flex:1;min-width:150px}.button-row input[type=color]{height:42px;width:60px;padding:4px}.button-row:has(label){align-items:flex-end}.category-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.category-list span{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:6px;padding:5px 10px;font-size:10px}.settings-bottom{display:flex;gap:14px}.settings-bottom button{font-size:11px}.danger-zone{border-color:#f3d2d2}.danger-zone h2{color:#c54c4c}.subscription-info{position:relative}.subscription-info h2{margin-bottom:18px}.subscription-info h3{font-size:27px}.subscription-info .primary{font-size:11px;margin:12px 0 18px}.status-badge{font-size:9px;background:#fff4e5;color:#bd914e;border-radius:5px;padding:5px 10px;position:absolute;right:25px;top:28px}.status-badge.good{background:var(--soft-green);color:var(--green)}.table-scroll{overflow-x:auto;margin:22px 0;border:1px solid var(--line);border-radius:10px}table{width:100%;border-collapse:collapse;background:var(--card);font-size:11px}th{text-align:left;color:#9aa3af;font-weight:500;font-size:9px;padding:14px 15px;border-bottom:1px solid var(--line)}td{padding:15px;border-bottom:1px solid var(--line);vertical-align:top}td small{font-size:9px;color:#9aa3af;display:block}td strong{font-size:11px;color:var(--navy)}td .secondary{padding:6px 9px;min-height:30px;font-size:9px}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.calendar-toolbar>div:first-child{display:flex;align-items:center;gap:12px}.calendar-toolbar h2{font-size:19px;margin-right:10px;min-width:130px}.calendar-toolbar .secondary{font-size:10px;min-height:34px;padding:7px 11px}.segmented{display:flex;background:#eef2f6;border:1px solid var(--line);padding:3px;border-radius:8px}.segmented button{font-size:10px;padding:6px 13px;border-radius:5px;color:#8b96a5}.segmented button.active{background:var(--card);color:var(--navy);box-shadow:0 2px 3px #06245c09}.calendar{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--card)}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-weekdays{background:var(--light);border-bottom:1px solid var(--line);font-size:9px;color:#939ead;text-align:center;padding:12px 0}.calendar-cell{min-height:120px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 7px;cursor:pointer}.calendar-cell:nth-child(7n){border-right:0}.calendar-cell>span{font-size:10px;display:grid;place-items:center;width:24px;height:24px;margin-bottom:9px;color:#8a95a5}.calendar-cell.is-today>span{background:var(--green);border-radius:50%;color:#fff}.calendar-cell.muted{opacity:.4}.calendar-cell>button{display:block;width:100%;text-align:left;color:#268365;background:var(--soft-green);border-radius:4px;font-size:8px;padding:4px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.calendar-cell>button.calendar-done{color:#99a6a1;background:#f1f4f2;text-decoration:line-through}.calendar-cell>small{font-size:8px;color:#99a3af}.calendar-agenda{margin-top:30px}.legal{max-width:800px;margin:30px auto;padding:30px}.legal h1{font-size:35px;margin:40px 0 20px}.legal h2{font-size:20px;margin:30px 0 14px}.legal p,.legal li{font-size:14px;line-height:1.9}.legal>.secondary{margin:25px 0}.legal-warning{border:1px solid #ecd8ad;background:#fffbef;border-radius:10px;padding:18px;color:#927642;font-size:13px}[hidden]{display:none!important}
:root[data-theme=dark]{--bg:#101725;--light:#0e1522;--text:#e3e8f0;--muted:#8e9bae;--card:#171f2f;--line:#283247;--navy:#d5e3ff;--soft-green:#15382e;color-scheme:dark}:root[data-theme=dark] .day-note{background:#15352b;border-color:#244f3d}:root[data-theme=dark] .phone{border-color:#263142}:root[data-theme=dark] .floating-note{background:#182131}:root[data-theme=dark] .last-cta{border-color:#244f3d}:root[data-theme=dark] .error{background:#381e25;border-color:#603139;color:#f79c9c}
@media(prefers-color-scheme:dark){:root[data-theme=system]{--bg:#101725;--light:#0e1522;--text:#e3e8f0;--muted:#8e9bae;--card:#171f2f;--line:#283247;--navy:#d5e3ff;--soft-green:#15382e;color-scheme:dark}:root[data-theme=system] .day-note{background:#15352b;border-color:#244f3d}}
@media(min-width:1500px){.workspace{padding:45px 55px 70px}.today-layout{grid-template-columns:minmax(0,1fr) 260px;gap:30px}.task-card{padding:19px}.task-title{font-size:13px}.task-meta{font-size:9px}.day-note{min-height:265px}.day-note h3{font-size:26px}.day-note p{font-size:11px;max-width:180px}.hero{min-height:690px}.hero h1{font-size:65px}}@media(max-height:850px)and(min-width:901px){.sidebar{padding-top:8px}.sidebar-create{margin:10px 0 20px}.sidebar-categories{margin-top:20px}.sidebar-categories>button{padding-block:5px}.nav-list button{padding-block:10px}.premium-mini{margin-bottom:10px;padding:12px}.sidebar-categories>.nav-caption{margin-bottom:2px}}
@media(max-width:1150px){.today-layout{grid-template-columns:minmax(0,1fr)}.day-aside{display:none}.sidebar{width:215px;padding-inline:14px}.app-main{margin-left:215px}.workspace{padding:28px 25px 45px}.app-top{padding:0 25px}.stats{gap:9px}.stats>button,.stats>div{padding:17px 12px}.stat-icon{right:10px;padding:6px}.stat-icon svg{width:16px;height:16px}.profile{margin-inline:-14px;padding-inline:14px}.landing-header nav{gap:22px}.hero{gap:20px}.floating-note{right:-10px;font-size:10px;padding:11px}.hero h1{font-size:51px}.hero-actions{gap:12px}.hero-actions .large{padding-inline:17px;font-size:12px}.hero-visual{height:530px}.platform-strip{gap:35px}.header-actions{gap:15px}.task-toolbar{align-items:flex-start}.toolbar-selects{flex-wrap:wrap}.task-toolbar>.search{flex:1}.section{padding-block:75px}.faq{gap:70px}}
@media(max-width:900px){.landing-header nav{display:none}.hero h1{font-size:44px}.hero-copy>p{font-size:13px}.hero-actions{flex-wrap:wrap;gap:8px}.hero-facts{gap:12px;font-size:8px}.hero-visual{height:480px}.phone{transform:scale(.88) rotate(-3deg);transform-origin:center}.floating-note{transform:scale(.85) rotate(2deg);transform-origin:right top;top:65px;right:-12px}.hero{min-height:580px}.features{gap:13px}.features article{padding:22px}.features h3{font-size:15px}.section-heading h2{font-size:30px}.platform-strip{gap:25px;flex-wrap:wrap}.platform-strip>span:first-child{width:100%;justify-content:center}.sidebar{display:none}.app-main{margin-left:0}.mobile-nav{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-around;background:var(--card);border-top:1px solid var(--line);z-index:50;padding:8px 10px calc(8px + env(safe-area-inset-bottom))}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:9px;color:#98a2b0;min-width:50px;min-height:43px;justify-content:center}.mobile-nav button.active{color:var(--green)}.mobile-nav .nav-add{background:var(--green);border-radius:14px;width:46px;height:46px;min-width:46px;color:white;box-shadow:0 3px 9px #00a86b22;transform:translateY(-10px);margin-bottom:-6px}.mobile-nav .nav-add span{display:none}.app-footer{padding-bottom:100px}.workspace{padding:30px 25px 40px}.app-top{height:60px}.toast{bottom:90px}.day-aside{display:block}.today-layout{grid-template-columns:minmax(0,1fr) 220px}.settings-card{max-width:none}.calendar-cell{min-height:100px}.subscription-banner{font-size:9px}.subscription-banner>span>strong{font-size:10px}}
@media(max-width:650px){.landing-header{height:80px;padding-inline:18px;gap:10px}.landing-header .brand{transform:scale(.8);transform-origin:left center;width:150px;margin-right:-30px}.header-actions{gap:12px}.header-actions>.primary{font-size:10px;padding:9px 11px;min-height:35px}.header-actions .text-button{font-size:10px;padding:0}.header-actions .primary svg{display:none}.hero{grid-template-columns:1fr;padding:36px 25px 25px;gap:10px;text-align:center;min-height:0}.hero .pill{font-size:7px;padding:7px 9px}.hero h1{font-size:44px;line-height:1.15;margin:22px 0}.hero-copy>p{font-size:12px;max-width:340px;margin:0 auto}.hero-actions{justify-content:center;margin-top:25px;gap:14px}.hero-actions .large{font-size:11px;padding:15px 16px}.hero-actions .text-button{font-size:11px}.hero-facts{justify-content:center;margin-top:18px}.hero-visual{height:490px;max-width:430px;width:100%;margin:10px auto}.phone{transform:scale(.87) rotate(-3deg)}.floating-note{top:80px;right:-8px;transform:scale(.8) rotate(2deg)}.visual-caption{bottom:5px;font-size:8px}.platform-strip{gap:18px 25px;font-size:9px;padding:20px}.platform-strip svg{width:16px}.platform-strip>span:first-child{font-size:7px}.section{padding:55px 23px}.section-heading h2{font-size:28px}.section-heading p{font-size:11px;line-height:1.8}.eyebrow{font-size:8px}.features{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:30px}.features article{padding:20px 15px}.features article>span{width:35px;height:35px;border-radius:9px;margin-bottom:17px}.features article svg{width:20px}.features h3{font-size:13px;line-height:1.4}.features p{font-size:10px;margin-top:10px}.how-grid{grid-template-columns:1fr;gap:22px;margin-top:30px}.how-grid article{padding:0 30px}.how-grid article>span{margin-bottom:14px}.how-grid h3{font-size:15px}.how-grid p{font-size:11px}.price-grid{grid-template-columns:1fr;max-width:400px;gap:28px;margin-top:33px}.price-card{padding:25px}.price-card .eyebrow{font-size:9px;margin-bottom:15px}.price-card h3 strong{font-size:38px}.pricing-note{font-size:8px;line-height:1.7;display:block;padding-inline:10px}.pricing-note svg{vertical-align:middle;margin-right:4px}.faq{grid-template-columns:1fr;gap:18px}.faq h2{font-size:27px}.faq details{padding:17px 0}.faq summary{font-size:11px}.faq details p{font-size:11px}.last-cta{padding:48px 23px}.last-cta h2{font-size:29px}.last-cta .large{font-size:12px;padding:14px 20px}footer{padding:23px;grid-template-columns:1fr;gap:16px}footer>.brand{transform:scale(.85);transform-origin:left center;margin-bottom:-15px}footer>p{justify-self:start;font-size:10px}footer>small{justify-self:start;font-size:8px}footer>div{gap:20px;font-size:9px}.app-top{padding:0 19px;height:57px}.app-top>span{font-size:9px;gap:8px}.app-top>div{gap:10px}.sync-status{font-size:0;gap:0}.sync-status svg{width:15px}.app-top .avatar{width:27px;height:27px}.workspace{padding:26px 18px 35px}.page-title{margin:0 0 23px;gap:10px;align-items:flex-start}.page-title h1{font-size:31px}.page-title .eyebrow{font-size:7px;margin-bottom:8px}.page-title p:not(.eyebrow){font-size:9px;margin-top:9px}.page-title>.primary{font-size:9px;padding:10px 11px;min-height:35px;margin-top:21px;gap:6px}.page-title>.primary svg{width:14px}.stats{grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:21px}.stats>button,.stats>div{padding:13px 12px;min-height:86px}.stats>button:nth-child(n+4),.stats>div:nth-child(n+4){min-height:70px}.stats p{font-size:8px;margin-bottom:8px}.stats strong{font-size:23px}.stat-icon{padding:5px;top:12px;right:9px;border-radius:5px}.stat-icon svg{height:13px;width:13px}.quick-add{gap:9px;padding:8px 10px;border-radius:9px;margin-bottom:18px}.quick-add input{font-size:10px}.quick-add>svg{width:17px}.quick-add .icon-button{padding:4px}.quick-enter{padding:6px}.task-toolbar{gap:9px;margin-bottom:21px}.task-toolbar>.search{width:100%;flex-basis:100%}.search input{font-size:10px}.toolbar-selects{gap:5px;width:100%;flex-wrap:wrap}.toolbar-selects select{font-size:8px;padding:6px;flex:1;min-width:70px;max-width:none}.today-layout{grid-template-columns:1fr;gap:0}.day-aside{display:none}.task-section{margin-bottom:25px}.task-section>h2{font-size:11px}.task-section>h2>span{gap:6px}.task-section>h2 svg{width:14px}.task-card{padding:15px 12px;gap:10px;margin-bottom:8px;min-height:73px}.task-title{font-size:11px}.task-meta{font-size:8px;gap:7px}.task-check{height:19px;width:19px}.task-more{padding:0}.priority{font-size:7px;padding:3px}.priority svg{display:none}.subscription-banner{padding:11px 12px;gap:9px;align-items:flex-start;flex-direction:column;margin-bottom:23px}.subscription-banner>span{font-size:9px;gap:5px}.subscription-banner>span svg{width:15px;align-self:flex-start}.subscription-banner button{font-size:9px;margin-left:21px}.app-footer{font-size:7px;padding:15px 18px 95px;flex-wrap:wrap}.app-footer>div{gap:15px}.overlay{padding:15px;align-items:center}.auth-dialog{padding:30px 23px;border-radius:16px;max-height:calc(100dvh - 30px)}.auth-dialog h2{font-size:23px}.auth-dialog>.brand{margin-bottom:15px}.auth-dialog>p:not(.eyebrow){font-size:11px;margin-bottom:20px}.auth-dialog label{font-size:10px}.auth-dialog input{font-size:14px;padding:10px 11px}.auth-switch{font-size:10px}.field-row{gap:12px}.task-dialog{border-radius:18px 18px 0 0;padding:25px 20px;max-height:93dvh;align-self:flex-end;margin-bottom:-15px}.dialog-head{gap:11px}.dialog-head h2{font-size:22px}.dialog-head .eyebrow{font-size:7px}.dialog-head .dialog-icon{height:39px;width:39px}.task-dialog label{font-size:10px}.task-dialog input,.task-dialog textarea,.task-dialog select{font-size:14px}.task-dialog legend{font-size:11px}.task-dialog legend small{font-size:8px}.dialog-actions{gap:9px}.dialog-actions button{font-size:11px}.dialog-actions>.primary{flex:1}.task-detail-actions{gap:7px}.snooze .secondary{font-size:9px}.settings-tabs{gap:0;margin-bottom:19px}.settings-tabs button{padding:10px 11px 13px;font-size:9px}.settings-card{padding:22px 17px;margin-bottom:17px}.settings-card h2{font-size:18px;margin-bottom:20px}.settings-card input,.settings-card select{font-size:14px}.setting-line{gap:14px;flex-wrap:wrap}.setting-line strong{font-size:11px}.setting-line p{font-size:10px}.button-row{gap:8px}.button-row>.primary,.button-row>.secondary{font-size:9px;padding:10px 12px}.settings-bottom button{font-size:10px}.status-badge{position:static;display:inline-block}.subscription-info h3{font-size:24px;margin-top:19px}.calendar-toolbar{flex-wrap:wrap;gap:12px}.calendar-toolbar>div:first-child{gap:5px;width:100%;justify-content:space-between}.calendar-toolbar h2{font-size:18px;min-width:0;flex:1;text-align:center}.calendar-toolbar .icon-button{padding:6px}.segmented{width:100%}.segmented button{flex:1;font-size:10px}.calendar-cell{padding:7px 3px;min-height:85px}.calendar-cell>span{font-size:9px;width:20px;height:20px;margin-bottom:5px}.calendar-cell>button{font-size:6px;padding:3px 2px;white-space:normal;max-height:29px;line-height:1.3}.calendar-cell>small{font-size:6px}.calendar-weekdays{font-size:8px;padding:9px 0}.empty{padding:40px 20px}.empty h3{font-size:18px}.empty p{font-size:11px}.toast{font-size:11px;padding:12px 14px;bottom:85px}.legal{padding:23px;margin:0}.legal h1{font-size:28px}.legal p,.legal li{font-size:13px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep the illustrative task flow clear of its bottom navigation. */
.phone{height:560px}.hero-visual{height:580px}.phone-steps{margin:17px 0 12px}.phone-steps>div{padding:10px 0}.phone-page{padding-bottom:50px}
@media(max-width:900px){.hero-visual{height:520px}}@media(max-width:650px){.hero-visual{height:530px}}

/* The people behind the idea: original portrait, edited for the homepage. */
.founders-section{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:68px;padding-block:85px;border-bottom:1px solid var(--line)}
.founders-photo{margin:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--card);box-shadow:var(--shadow)}
.founders-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
.founders-photo figcaption{padding:13px 19px;font-size:10px;color:var(--muted);border-top:1px solid var(--line)}
.founders-copy h2{font-size:35px;margin:15px 0 22px;letter-spacing:-.05em}
.founders-copy>p{font-size:13px;line-height:1.9;max-width:370px}
.founders-credit{display:flex;align-items:center;gap:13px;padding:19px 0 24px;margin-top:6px}
.founders-mark{display:grid;place-items:center;width:44px;height:44px;background:var(--soft-green);color:var(--green);border-radius:12px}
.founders-credit>div{display:flex;flex-direction:column;gap:3px}
.founders-credit>div>span{font-size:9px;color:var(--muted)}
.founders-credit strong{font-size:17px;color:var(--navy);font-weight:650}
.founders-copy>.text-button{padding-left:0;font-size:11px}
@media(max-width:900px){.founders-section{gap:35px}.founders-copy h2{font-size:28px}.founders-copy>p{font-size:12px}}
@media(max-width:650px){.founders-section{grid-template-columns:1fr;gap:27px;padding:50px 23px}.founders-photo{border-radius:13px}.founders-photo figcaption{font-size:9px;padding:12px 15px}.founders-copy h2{font-size:28px;margin:12px 0 17px}.founders-copy>p{font-size:12px}.founders-credit{padding-top:10px;padding-bottom:18px}.founders-credit strong{font-size:16px}}

.preview-ribbon{background:#06245c;color:white;padding:12px 24px;text-align:center;font-size:11px;line-height:1.7}.preview-ribbon strong{color:#77dfb2}.preview-ribbon a{color:#a5e6c5;text-decoration:underline}.preview-dialog{border:1px solid #e9edf2;border-radius:18px;padding:30px;max-width:460px;width:calc(100% - 35px);color:#111827;background:white;box-shadow:0 20px 100px #06245c40}.preview-dialog::backdrop{background:#06245c80;backdrop-filter:blur(4px)}.preview-dialog h2{font-size:25px;margin-bottom:18px}.preview-dialog p{font-size:13px}.preview-dialog button{margin-top:10px}.preview-dialog .eyebrow{font-size:9px}