:root{--ink:#101513;--muted:#5f6b65;--green:#25b80f;--green2:#65d93d;--green-dark:#168b0a;--purple:#6e42cc;--paper:#fbfcfb;--line:#dde5df;--white:#fff;--night:#0d1713;--shadow:0 22px 70px rgba(23,56,36,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit}.skip{position:absolute;left:-9999px;top:1rem}.skip:focus{left:1rem;z-index:100;background:#fff;padding:.7rem 1rem;border-radius:.6rem}.site-header{height:92px;max-width:1360px;margin:auto;padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:36px;position:relative;z-index:30;background:rgba(251,252,251,.92);backdrop-filter:blur(14px)}.brand-approved{display:inline-flex;align-items:center;flex:0 0 auto}.approved-wordmark{display:block;width:286px;height:auto;max-width:36vw;object-fit:contain;opacity:1;filter:contrast(1.22) saturate(1.1) brightness(.98);image-rendering:auto;transform:translateZ(0)}.site-nav{display:flex;align-items:center;gap:28px;font-weight:650;font-size:15px}.site-nav a{transition:color .2s,transform .2s}.site-nav a:hover{color:var(--green-dark);transform:translateY(-1px)}.site-nav .nav-cta{background:linear-gradient(180deg,#39cf1d,#199a08);color:#fff;padding:15px 24px;border-radius:12px;box-shadow:0 10px 25px rgba(37,184,15,.24);font-weight:800}.menu-button{display:none;border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 12px;font-weight:700}.hero{max-width:1360px;margin:auto;padding:62px 30px 78px;display:grid;grid-template-columns:.78fr 1.22fr;gap:58px;align-items:center;min-height:760px}.hero-copy{padding:12px 0}.hero h1{font:800 clamp(3.9rem,6vw,6.7rem)/.98 Manrope,sans-serif;letter-spacing:-.065em;margin:0;max-width:640px}.hero h1 em{font-style:normal;color:var(--green)}.hero-rule{display:block;width:70px;height:4px;background:var(--green);border-radius:99px;margin:28px 0 21px}.hero-lede,.hero-support{max-width:600px;color:#3e4944;font-size:18px}.hero-lede{margin:0 0 16px}.hero-support{margin:0 0 28px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:31px 0 23px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:58px;padding:16px 26px;border-radius:12px;font-weight:800;font-size:17px;border:0;cursor:pointer;transition:transform .18s,box-shadow .18s}.button:hover{transform:translateY(-2px)}.button.primary{background:linear-gradient(180deg,#36ca1a,#198e0b);color:#fff;box-shadow:0 12px 28px rgba(37,184,15,.24)}.button.primary span,.button.inverse span{font-size:24px;line-height:1}.button.secondary{background:#fff;border:1px solid #cbd6cf;box-shadow:0 6px 18px rgba(31,47,37,.06)}.trust-line{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px;max-width:650px}.trust-line>span{border:1px solid var(--line);border-radius:11px;padding:11px 12px;background:#fff;display:flex;flex-direction:column;min-height:65px}.trust-line b{font-size:12px}.trust-line small{font-size:10px;color:var(--muted);margin-top:2px}.hero-demo{position:relative;background:#fff;border:1px solid #dbe5de;border-radius:24px;box-shadow:var(--shadow);min-height:646px;overflow:hidden;padding:19px 20px 64px}.demo-topline{display:flex;align-items:center;gap:10px;min-height:34px;color:#68746d;font-size:12px;border-bottom:1px solid #edf2ee;padding:0 4px 14px}.demo-topline strong{color:var(--ink);font-size:14px}.demo-topline #demo-subtitle{margin-left:auto}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(37,184,15,.12),0 0 16px rgba(37,184,15,.6)}.demo-stage{display:none;min-height:516px;padding:18px 10px 8px;animation:stageIn .5s ease both}.demo-stage.is-active{display:block}.demo-caption{position:absolute;left:50%;bottom:58px;transform:translateX(-50%);margin:0;background:#fff;border:1px solid #dfe7e1;border-radius:999px;box-shadow:0 10px 25px rgba(21,43,29,.08);padding:10px 20px;white-space:nowrap;font-weight:700;font-size:13px}.demo-caption span{color:var(--green);margin-right:6px}.demo-caption b{color:var(--purple)}.demo-caption em{font-style:normal;color:var(--green-dark)}.demo-controls{position:absolute;left:18px;right:18px;bottom:13px;display:flex;gap:5px;justify-content:center}.demo-controls button{border:1px solid #e1e8e3;background:#f8faf9;color:#718078;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:800;cursor:pointer}.demo-controls button.active{background:#eaf8e7;color:var(--green-dark);border-color:#cceac4}.hierarchy-flow{height:470px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;position:relative}.hier-card{width:min(420px,78%);border-radius:14px;color:#fff;padding:10px 16px;text-align:center;box-shadow:0 10px 23px rgba(25,31,28,.14);transform-origin:center top;animation:dropCard .58s cubic-bezier(.2,.9,.25,1.2) both;animation-delay:calc(var(--i)*.16s)}.hier-card small{display:block;text-align:left;font-size:8px;font-weight:800;letter-spacing:.08em;opacity:.9}.hier-card strong{display:block;font:800 16px Manrope;margin:1px 0 3px}.hier-card span{font-size:9px;opacity:.88}.hier-card.goal{background:linear-gradient(135deg,#dd0a60,#ed1f76)}.hier-card.milestone{background:linear-gradient(135deg,#e97800,#ff9a10)}.hier-card.project{background:linear-gradient(135deg,#264ec2,#20419a)}.hier-card.subproject{background:linear-gradient(135deg,#7b4938,#a2664e)}.hier-card.module{background:linear-gradient(135deg,#6512a5,#8326bf)}.hier-card.task-card{background:#151716;width:190px;padding:10px 13px}.hier-card.task-card.muted{background:#414543}.flow-line{height:14px;border-left:2px dotted #77d868;position:relative;opacity:0;animation:lineReveal .4s ease forwards;animation-delay:calc(.28s + var(--i)*.16s)}.flow-line:after{content:"";position:absolute;left:-4px;bottom:-1px;width:6px;height:6px;border-right:2px solid var(--green);border-bottom:2px solid var(--green);transform:rotate(45deg)}.task-children{display:flex;gap:10px;justify-content:center;animation:dropCard .58s cubic-bezier(.2,.9,.25,1.2) both;animation-delay:calc(var(--i)*.16s)}.micro-progress,.task-progress,.focus-blocks{display:flex;gap:3px;justify-content:center;margin:5px 0}.micro-progress i,.task-progress i,.focus-blocks i{width:10px;height:10px;border-radius:3px;border:1px solid rgba(255,255,255,.45)}.micro-progress i:nth-child(-n+5),.focus-blocks i,.task-progress i:nth-child(-n+5),.task-progress.seven i:nth-child(-n+7){background:#43c83c;border-color:#43c83c}.tasks-ui{max-width:720px;margin:16px auto 0;background:#fbfcfb;border:1px solid #e3e9e5;border-radius:18px;padding:14px}.quick-task,.task-search{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;background:#fff;border:1px solid #dbe3dd;border-radius:11px;padding:10px 12px;color:#647168;font-size:12px;margin-bottom:8px}.quick-task button,.task-search button{border:0;background:#6d4ba7;color:#fff;border-radius:9px;padding:7px 12px;font-weight:800}.filter-row{display:flex;flex-wrap:wrap;gap:6px;padding:6px 0 9px}.filter-row span{font-size:9px;padding:6px 9px;border:1px solid #dce4de;border-radius:8px;background:#fff}.filter-row span.active{background:#efe9fa;color:#5d3d92}.tasks-list{display:grid;gap:7px}.demo-task{display:grid;grid-template-columns:20px 1fr auto;gap:9px;align-items:center;background:#fff;border:1px solid #e2e8e4;border-radius:12px;padding:10px 12px;opacity:0;animation:taskIn .45s ease forwards;animation-delay:calc(.18s + var(--i)*.2s)}.demo-task .box{width:16px;height:16px;border:1.5px solid #8b9690;border-radius:4px}.demo-task small{display:block;color:#7950a6;font-size:7px;font-weight:800}.demo-task strong{display:block;font-size:12px}.demo-task em{display:block;font-size:9px;color:#6e7a73;font-style:normal;margin-top:2px}.task-progress{justify-content:flex-start;margin:4px 0}.task-progress i{border-color:#d6cde0;background:#eee9f3}.task-progress i:nth-child(-n+5),.task-progress.seven i:nth-child(-n+7){background:#44bd45;border-color:#44bd45}.focus-ui{height:480px;display:grid;grid-template-columns:1fr .85fr;gap:18px;align-items:center;max-width:720px;margin:auto;position:relative}.focus-main{height:360px;border:1px solid #e3dced;border-radius:22px;background:linear-gradient(#fff,#fbf8ff);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6840a0}.focus-main .section-icon{font-size:30px}.focus-main small{font-weight:800;letter-spacing:.09em}.focus-time{font:800 54px Manrope;line-height:1.05}.focus-main>span:not(.section-icon){font-size:11px}.focus-main>button{margin-top:24px;border:0;background:#6c43a4;color:#fff;padding:12px 28px;border-radius:10px;font-weight:800}.focus-controls{display:flex;gap:9px;margin-top:12px}.focus-controls span{border:1px solid #ded5e9;border-radius:999px;padding:6px 10px;font-size:9px}.floating-timer-demo{position:absolute;top:22px;right:18px;background:#fff;border:1px solid #ddd4e8;border-radius:14px;box-shadow:0 16px 30px rgba(90,55,130,.16);padding:10px 12px;display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;animation:floatTimer 2.4s ease-in-out infinite}.floating-timer-demo>span{font-size:24px;color:#7846bb}.floating-timer-demo small,.floating-timer-demo strong{display:block}.floating-timer-demo small{font-size:8px}.floating-timer-demo strong{font:800 22px Manrope;color:#6f40aa}.floating-timer-demo button{width:28px;height:28px;border:1px solid #e3dceb;border-radius:50%;background:#fff}.focus-goal{border:1px solid #e0e7e2;border-radius:16px;padding:22px;background:#fff}.focus-goal small,.focus-goal strong,.focus-goal span{display:block}.focus-goal small{font-size:8px;color:#7f8b83}.focus-goal strong{font:800 22px Manrope}.focus-goal span{font-size:10px;color:#6d786f}.focus-blocks{justify-content:flex-start}.focus-blocks i{border-color:#43c83c}.overview-ui{height:472px;max-width:740px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-content:center}.metric,.chart-card{border:1px solid #e1e7e3;background:#fff;border-radius:14px;padding:14px;box-shadow:0 8px 18px rgba(27,45,34,.04);animation:metricIn .5s ease both}.metric small,.chart-card small{display:block;font-size:8px;font-weight:800;letter-spacing:.05em}.metric strong{display:block;font:800 22px Manrope;margin:4px 0}.metric em{font-size:8px;font-style:normal;color:#627069}.metric.streak{border-top:3px solid #ff7d23}.metric.focus{border-top:3px solid #7446ca}.metric.completion{border-top:3px solid #47b947}.chart-card{min-height:175px}.chart-card.wide{grid-column:span 2}.chart-card svg{width:100%;height:120px;overflow:visible}.grid{stroke:#e6ece8;fill:none;stroke-width:1}.trend-line{fill:none;stroke-width:3;stroke-linecap:round;stroke-dasharray:500;stroke-dashoffset:500;animation:drawChart 2s ease forwards}.trend-line.purple{stroke:#6d42c7}.trend-line.green{stroke:#2fb52a}.chart-card circle{fill:var(--green);animation:pointPulse 1.2s ease infinite}.calendar-ui{max-width:740px;margin:16px auto 0;border:1px solid #e0e5e1;border-radius:18px;padding:16px;background:#fff}.calendar-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.calendar-head small,.calendar-head strong{display:block}.calendar-head small{font-size:8px;color:#6b7770;font-weight:800}.calendar-head strong{font:800 18px Manrope}.calendar-tabs{display:flex;gap:3px}.calendar-tabs span{font-size:8px;padding:6px 8px;border:1px solid #dddfe5;border-radius:7px}.calendar-tabs .active{background:#6c42b2;color:#fff}.weeks-left{margin:10px 0;background:#f2ecfb;color:#67409c;border-radius:8px;padding:8px 10px;font-size:10px}.weeks-left b{font-size:16px}.week-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.week-grid article{min-height:92px;border:1px solid #e2e7e3;border-radius:12px;padding:10px;position:relative;background:#fbfcfb;animation:weekIn .4s ease both}.week-grid article:nth-child(2){animation-delay:.08s}.week-grid article:nth-child(3){animation-delay:.16s}.week-grid article:nth-child(4){animation-delay:.24s}.week-grid article:nth-child(5){animation-delay:.32s}.week-grid article:nth-child(6){animation-delay:.4s}.week-grid strong,.week-grid small,.week-grid span{display:block}.week-grid strong{font-size:11px}.week-grid small{font-size:8px;color:#737e77}.week-grid span{margin-top:9px;font-size:9px;color:#4a5a50}.week-grid .due{color:#e85a35}.week-grid .current{background:#e5f6e4;border-color:#7fd977;box-shadow:0 0 0 2px rgba(37,184,15,.08)}.week-grid ul{margin:6px 0 0;padding-left:13px;font-size:8px}.calendar-note{margin-top:10px;padding:9px 10px;background:#f8faf8;border-radius:9px;color:#66736b;font-size:9px}.journal-ui{max-width:700px;margin:30px auto;border:1px solid #f0dce7;border-radius:18px;background:linear-gradient(#fff,#fff8fb);padding:18px}.journal-head{display:flex;justify-content:space-between;align-items:center}.journal-head small,.journal-head strong{display:block}.journal-head small{font-size:8px;color:#cd417e;font-weight:800}.journal-head strong{font:800 20px Manrope}.journal-head button{border:1px solid #e9b6cc;background:#fff;color:#c52d6d;border-radius:999px;padding:8px 12px;font-size:9px;font-weight:800}.journal-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.journal-grid article{display:grid;grid-template-columns:28px 1fr;gap:8px;background:#fff;border:1px solid #eedfe6;border-radius:12px;padding:12px;animation:metricIn .45s ease both}.journal-grid article:nth-child(2){animation-delay:.1s}.journal-grid article:nth-child(3){animation-delay:.2s}.journal-grid article:nth-child(4){animation-delay:.3s}.journal-grid article>span{color:#c62c6e;font-size:20px}.journal-grid strong{font-size:11px}.journal-grid p{margin:3px 0 0;color:#66736c;font-size:9px}.section{max-width:1280px;margin:auto;padding:100px 30px}.section-kicker{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--green-dark);margin-bottom:15px}.section-kicker.light{color:#b7f59f}.about{padding-top:95px}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.about h2,.section-heading h2,.resource-copy h2,.downloads h2,.privacy h2{font:800 clamp(2.5rem,4.3vw,4.8rem)/1.05 Manrope;letter-spacing:-.05em;margin:0}.about-copy{font-size:18px;color:#4f5d55}.about-copy p{margin:0 0 18px}.hierarchy-principles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:45px}.hierarchy-principles article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}.hierarchy-principles span{font-size:24px;color:var(--green)}.hierarchy-principles strong{display:block;font:800 15px Manrope;margin-top:9px}.hierarchy-principles p{font-size:12px;color:var(--muted);margin-bottom:0}.section-heading{max-width:850px;margin-bottom:42px}.section-heading>p{font-size:18px;color:#536057}.feature-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-showcase article{min-height:220px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;position:relative}.feature-showcase article>span{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#eff9ec;color:var(--green-dark);font:800 12px Manrope}.feature-showcase h3{font:800 22px Manrope;margin:28px 0 9px}.feature-showcase p{color:var(--muted);font-size:14px;margin:0}.resources{max-width:none;background:var(--night);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-left:max(30px,calc((100vw - 1220px)/2));padding-right:max(30px,calc((100vw - 1220px)/2))}.resource-copy p{font-size:18px;color:#bfd0c6}.resource-cards{display:grid;gap:10px;align-content:center}.resource-cards article{border:1px solid #304a3d;background:rgba(255,255,255,.04);border-radius:14px;padding:20px}.resource-cards strong,.resource-cards span{display:block}.resource-cards strong{color:#fff;font:800 16px Manrope}.resource-cards span{color:#aebfb5;font-size:13px;margin-top:4px}.downloads{max-width:none;background:#10281d;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:75px;padding-left:max(30px,calc((100vw - 1220px)/2));padding-right:max(30px,calc((100vw - 1220px)/2))}.download-copy p{font-size:17px;color:#bed0c4}.button.inverse{background:#8bf45d;color:#10281d;margin-top:8px}.platforms{display:flex;flex-direction:column;gap:9px}.platform{border:1px solid #355346;background:rgba(255,255,255,.035);border-radius:13px;padding:15px 16px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px}.platform.available,.platform.download-link{border-color:#62946f;background:rgba(101,217,61,.07)}.platform-icon{width:40px;height:40px;border-radius:10px;background:#234231;display:grid;place-items:center;color:#8bf45d;font-size:18px}.platform small,.platform strong{display:block}.platform small{font-size:8px;letter-spacing:.11em;color:#9bb0a1}.platform strong{font:800 16px Manrope}.platform a,.platform b{color:#8bf45d}.platform b{font-size:10px}.privacy{padding-top:85px;padding-bottom:85px}.privacy-card{background:#ebf8e8;border:1px solid #cde8c7;border-radius:20px;padding:40px;display:grid;grid-template-columns:66px 1fr 1fr;gap:28px;align-items:center}.privacy-mark{width:58px;height:58px;border-radius:16px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:26px}.privacy-card>p{color:#526158;font-size:16px}.privacy h2{font-size:clamp(2.2rem,4vw,4rem)}footer{max-width:1280px;margin:60px auto 0;border-top:1px solid var(--line);padding:40px 30px;display:grid;grid-template-columns:auto 1fr auto;gap:26px;align-items:center}.approved-wordmark{width:286px}footer .approved-wordmark{width:220px}footer>p{color:var(--muted)}footer nav{display:flex;gap:18px;font-size:13px;font-weight:650}footer small{grid-column:1/-1;color:#87928c}@keyframes stageIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes dropCard{0%{opacity:0;transform:translateY(-22px) scale(.96)}65%{opacity:1;transform:translateY(3px) scale(1.01)}100%{opacity:1;transform:none}}@keyframes lineReveal{to{opacity:1}}@keyframes taskIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}@keyframes floatTimer{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes metricIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes drawChart{to{stroke-dashoffset:0}}@keyframes pointPulse{50%{r:7}}@keyframes weekIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.floating-timer-demo{animation:none}}@media(max-width:1020px){.site-nav{gap:18px}.hero{grid-template-columns:1fr;padding-top:42px}.hero-copy{text-align:center}.hero h1,.hero-lede,.hero-support{margin-left:auto;margin-right:auto}.hero-rule{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.trust-line{margin-left:auto;margin-right:auto}.hero-demo{max-width:850px;margin:auto;width:100%}.about-grid,.resources,.downloads{grid-template-columns:1fr}.feature-showcase{grid-template-columns:repeat(2,1fr)}.hierarchy-principles{grid-template-columns:repeat(2,1fr)}.privacy-card{grid-template-columns:66px 1fr}.privacy-card>p{grid-column:1/-1}}@media(max-width:760px){.site-header{height:74px;padding:0 18px}.approved-wordmark{width:205px;max-width:63vw}.menu-button{display:block}.site-nav{display:none;position:absolute;top:68px;left:14px;right:14px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);padding:12px;flex-direction:column;align-items:stretch;gap:3px}.site-nav.open{display:flex}.site-nav a{padding:10px 12px}.site-nav .nav-cta{text-align:center;margin-top:5px}.hero{padding:45px 18px 64px;gap:32px;min-height:auto}.hero h1{font-size:clamp(3.1rem,15vw,5rem)}.hero-lede,.hero-support{font-size:16px}.button{width:100%;min-height:60px}.trust-line{grid-template-columns:1fr}.hero-demo{padding:14px 12px 68px;min-height:610px}.demo-topline #demo-subtitle{display:none}.demo-stage{min-height:490px;padding-left:0;padding-right:0}.hier-card{width:88%;padding:9px 12px}.hier-card strong{font-size:14px}.task-children .hier-card{width:45%}.demo-controls{overflow-x:auto;justify-content:flex-start;padding-bottom:2px}.demo-controls button{flex:0 0 auto}.demo-caption{white-space:normal;width:calc(100% - 30px);text-align:center;font-size:11px;bottom:58px}.focus-ui{grid-template-columns:1fr;height:500px}.focus-main{height:275px}.focus-goal{display:none}.floating-timer-demo{top:278px;right:15px;left:15px}.overview-ui{grid-template-columns:1fr 1fr;height:auto;padding-top:22px}.metric.completion{grid-column:span 2}.chart-card.wide,.chart-card{grid-column:span 2}.week-grid{grid-template-columns:1fr 1fr}.journal-grid{grid-template-columns:1fr}.section{padding:78px 18px}.about-grid{gap:20px}.about h2,.section-heading h2,.resource-copy h2,.downloads h2{font-size:clamp(2.3rem,11vw,3.5rem)}.hierarchy-principles,.feature-showcase{grid-template-columns:1fr}.resources,.downloads{padding:75px 18px}.privacy-card{grid-template-columns:1fr;padding:26px}.platform{grid-template-columns:38px 1fr auto}footer{padding:35px 18px;grid-template-columns:1fr;text-align:center}footer .brand-approved{justify-content:center}footer nav{justify-content:center;flex-wrap:wrap}footer small{grid-column:auto}}