:root{--bg:#08080a;--surface:#ffffff0b;--surface-up:#141417;--ink:#fafaf7;--mute:#8e8e97;--dim:#7a7a83;--hairline:#ffffff12;--line:#ffffff24;--amber:#d08b4a;--amber-soft:#d08b4a21;--ring:#ffffff4d;--glass:#1e1e22bd;--sans:"Instrument Sans", system-ui, -apple-system, sans-serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--r-sm:14px;--r-md:16px;--r-lg:18px;--r-xl:20px;--r-pill:999px;--x:clamp(20px, 5vw, 64px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root{--bg:#f7f7f4;--surface:#0000000a;--surface-up:#fff;--ink:#141417;--mute:#63636b;--dim:#6e6e77;--hairline:#00000014;--line:#00000024;--amber:#b8732f;--amber-soft:#b8732f21;--ring:#0000004d;--glass:#fafaf7c7;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);letter-spacing:-.01em;font-variant-numeric:tabular-nums;margin:0;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}p{margin:0}h1,h2,h3{margin:0;font-weight:500}.hero-t{letter-spacing:-.045em;text-wrap:balance;font-size:clamp(40px,6.2vw,76px);line-height:1}.h1{letter-spacing:-.035em;font-size:clamp(32px,5vw,56px);line-height:1.05}.h2{letter-spacing:-.03em;font-size:clamp(22px,2.6vw,28px);line-height:1.2}.lead{color:var(--mute);max-width:34em;font-size:clamp(17px,1.6vw,20px)}.body{color:var(--mute);max-width:36em}.micro{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute);font-size:11px;font-weight:500}.small{color:var(--mute);font-size:14px}.wrap{width:min(1120px, 100% - 2 * var(--x));margin:0 auto}.section{padding:clamp(72px,10vw,140px) 0}.hairline{background:var(--hairline);border:0;height:1px;margin:0}.grid-2{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,6vw,96px);display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=860px){.grid-2,.grid-3{grid-template-columns:1fr}}.stack{flex-direction:column;gap:16px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.btn{border-radius:var(--r-lg);background:var(--ink);height:56px;color:var(--bg);cursor:pointer;border:0;justify-content:center;align-items:center;gap:10px;padding:0 28px;font-size:16px;font-weight:500;transition:transform .2s cubic-bezier(.2,.8,.2,1),opacity .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:scale(.98)}.btn.outline{color:var(--ink);border:1.5px solid var(--line);border-radius:var(--r-pill);background:0 0;height:44px;padding:0 20px;font-size:15px}.btn.ghost{color:var(--mute);background:0 0;height:44px;padding:0 12px}.panel{background:var(--surface);border-radius:var(--r-xl);padding:clamp(20px,3vw,32px)}.list{flex-direction:column;display:flex}.list>*{border-bottom:1px solid var(--hairline);padding:18px 0}.list>:last-child{border-bottom:0}nav.top{z-index:10;height:calc(64px + env(safe-area-inset-top,0px));pointer-events:none;padding-top:env(safe-area-inset-top,0px);align-items:flex-start;display:flex;position:sticky;top:0}.nav-inner{pointer-events:auto;width:min(1120px, 100% - 2 * var(--x));border-radius:var(--r-pill);background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;height:64px;margin:0 auto;padding:0;transition:width .52s cubic-bezier(.2,.8,.2,1),height .52s cubic-bezier(.2,.8,.2,1),padding .52s cubic-bezier(.2,.8,.2,1),transform .52s cubic-bezier(.2,.8,.2,1),background .32s,border-color .32s,box-shadow .32s;display:flex;transform:translateY(0)}nav.top.scrolled .nav-inner{background:var(--glass);border-color:var(--line);-webkit-backdrop-filter:saturate(170%)blur(20px);width:min(600px,100% - 32px);height:54px;padding:0 7px 0 20px;transform:translateY(12px);box-shadow:0 12px 32px -12px #00000073}nav.top.scrolled .btn.outline{height:40px}nav.top .links{color:var(--mute);align-items:center;gap:22px;font-size:14px;display:flex}nav.top.scrolled .links{gap:18px}nav.top .links a:hover{color:var(--ink)}@media (width<=640px){nav.top .links .hide-sm{display:none}}.logo{letter-spacing:-.02em;align-items:center;gap:10px;font-weight:500;display:inline-flex}footer{color:var(--mute);padding:48px 0 64px;font-size:14px}footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:24px;display:flex}footer a:hover{color:var(--ink)}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1);transform:translateY(14px)}.reveal.in{opacity:1;transform:none}.reveal[data-delay="1"]{transition-delay:90ms}.reveal[data-delay="2"]{transition-delay:.18s}.reveal[data-delay="3"]{transition-delay:.27s}.dots{grid-template-columns:repeat(10,1fr);gap:clamp(6px,1.2vw,14px);width:100%;display:grid}.dot{aspect-ratio:1;background:var(--line);border-radius:50%;transition:background .4s,transform .4s cubic-bezier(.2,.8,.2,1);transform:scale(1)}.dot.done{background:var(--ink)}.dot.minimal{background:var(--mute)}.dot.missed{background:var(--amber)}.dot.frozen{box-shadow:inset 0 0 0 2px var(--ring);background:0 0}.dot.today{box-shadow:inset 0 0 0 2px var(--ink);background:0 0}.dot.rest{background:0 0}.dot.rest:after{content:"";background:var(--dim);border-radius:50%;width:40%;height:40%;margin:30%;display:block}.dot.pop{animation:.6s cubic-bezier(.2,.8,.2,1) pop}@keyframes pop{0%{transform:scale(.4)}60%{transform:scale(1.25)}to{transform:scale(1)}}.caption{min-height:3em}.caption span{animation:.4s fade;display:block}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.step{grid-template-columns:44px 1fr;align-items:start;gap:16px;display:grid}.step .n{background:var(--surface);width:44px;height:44px;font-family:var(--mono);border-radius:50%;place-items:center;font-size:12px;display:grid}.plan{flex-direction:column;gap:14px;display:flex}.plan .price{letter-spacing:-.04em;font-size:40px;line-height:1}.badge{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;background:var(--ink);color:var(--bg);border-radius:var(--r-pill);padding:4px 9px;font-size:10px;display:inline-block}.check{color:var(--mute);align-items:flex-start;gap:10px;font-size:15px;display:flex}.check svg{flex:none;margin-top:3px}details{border-bottom:1px solid var(--hairline)}details summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-size:17px;font-weight:500;list-style:none;display:flex}details summary::-webkit-details-marker{display:none}details summary:after{content:"+";font-family:var(--mono);color:var(--mute);transition:transform .24s}details[open] summary:after{transform:rotate(45deg)}details p{padding:0 0 20px}.prose{max-width:42em}.prose h2{letter-spacing:-.03em;margin:40px 0 12px;font-size:22px}.prose p,.prose li{color:var(--mute);margin:0 0 12px}.prose ul{padding-left:20px}.prose strong{color:var(--ink);font-weight:500}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.dot,.btn,.nav-inner{transition:none}.reveal{opacity:1;transform:none}.dot.pop,.caption span{animation:none}}.pm{--pm-w:clamp(268px, 26vw, 318px);width:var(--pm-w);aspect-ratio:9/19.5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#1c1c1f;border-radius:52px;margin-inline:auto;padding:10px;box-shadow:inset 0 0 0 1.5px #2c2c30,0 40px 80px -20px #0000008c,0 0 0 1px #ffffff0a}.pm-screen{--i:#fafaf7;--m:#8e8e97;--d:#7a7a83;--l:#ffffff24;--h:#ffffff12;--s:#ffffff0d;--a:#d08b4a;height:100%;color:var(--i);letter-spacing:-.01em;background:#08080a;border-radius:42px;flex-direction:column;padding:44px 16px 0;font-size:12px;display:flex;position:relative;overflow:hidden}.pm-island{background:#000;border-radius:20px;width:92px;height:26px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.pm-status{justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex;position:absolute;top:14px;left:26px;right:24px}.pm-battery{border:1.2px solid var(--i);border-radius:3px;width:22px;height:10px;position:relative}.pm-battery:after{content:"";background:var(--i);border-radius:1px;position:absolute;inset:1.5px 4px 1.5px 1.5px}.pm-micro{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--m);font-size:7.5px;font-weight:500}.pm-head{justify-content:space-between;align-items:flex-start;margin-top:12px;display:flex}.pm-identity{letter-spacing:-.03em;margin-top:2px;font-size:16px;font-weight:500}.pm-streak{letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:36px;font-weight:500;line-height:.9}.pm-streak.bump{animation:.52s cubic-bezier(.2,.8,.2,1) pmbump}@keyframes pmbump{40%{transform:scale(1.06)}}.pm-dots{--pm-inner:calc(var(--pm-w) - 52px);gap:calc(var(--pm-inner) * 10 / 210);grid-template-columns:repeat(10,1fr);margin-top:16px;display:grid}.pm-dot{aspect-ratio:1;background:var(--l);border-radius:50%;transition:background .3s}.pm-dot.done{background:var(--i)}.pm-dot.minimal{background:var(--m)}.pm-dot.missed{background:var(--a)}.pm-dot.frozen{background:0 0;box-shadow:inset 0 0 0 1.2px #ffffff4d}.pm-dot.today{box-shadow:inset 0 0 0 1.2px var(--i);background:0 0}.pm-dot.pop{animation:.6s cubic-bezier(.2,.8,.2,1) pop}.pm-gauge{background:var(--h);border-radius:2px;height:1.5px;margin-top:12px;overflow:hidden}.pm-gauge i{background:var(--i);height:100%;transition:width .5s;display:block}.pm-tags{flex-wrap:wrap;gap:4px;margin-top:10px;display:flex}.pm-tags span{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--m);border:1px solid var(--l);border-radius:99px;padding:3px 6px;font-size:6.5px}.pm-tags span.on{color:var(--i)}.pm-task{align-items:center;gap:10px;margin-top:18px;display:flex}.pm-badge{background:var(--s);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid}.pm-badge svg,.pm-tabbar svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.pm-item{letter-spacing:-.02em;font-size:13px;font-weight:500}.pm-small{color:var(--m);font-size:10px}.pm-rail{background:var(--s);border:1px solid var(--l);border-radius:99px;place-items:center;height:42px;margin-top:14px;display:grid;position:relative}.pm-rail-label{color:var(--m);font-size:11px;transition:opacity .3s}.pm-rail.slid .pm-rail-label{opacity:0}.pm-knob{background:var(--i);color:#08080a;border-radius:50%;place-items:center;width:34px;height:34px;transition:left .7s cubic-bezier(.3,.7,.2,1);display:grid;position:absolute;top:3px;left:3px}.pm-rail.slid .pm-knob{left:calc(100% - 37px)}.pm-knob svg,.pm-toast-check svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.pm-ghost{text-align:center;color:var(--m);margin-top:10px;font-size:10px}.pm-done{border-top:1px solid var(--h);flex-direction:column;gap:10px;margin-top:18px;padding-top:12px;display:flex}.pm-row{align-items:center;gap:10px;display:flex}.pm-row .pm-badge svg{width:14px;height:14px}.pm-toast{opacity:0;border:1px solid var(--l);white-space:nowrap;background:#141417;border-radius:99px;align-items:center;gap:8px;width:62%;padding:7px 12px 7px 7px;transition:transform .42s cubic-bezier(.2,.8,.2,1),width .42s cubic-bezier(.2,.8,.2,1) .2s,opacity .16s;display:flex;position:absolute;bottom:66px;left:50%;overflow:hidden;transform:translate(-50%,44px);box-shadow:0 8px 20px #0006}.pm-toast>div{opacity:0;min-width:0;transition:opacity .24s}.pm-toast.show{opacity:1;width:calc(100% - 20px);transform:translate(-50%)}.pm-toast.show>div{opacity:1;transition-delay:.42s}.pm-toast-check{background:var(--i);color:#08080a;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;display:grid}.pm-toast-title{text-overflow:ellipsis;font-size:10px;font-weight:500;overflow:hidden}.pm-tabbar{-webkit-backdrop-filter:blur(12px);height:44px;color:var(--m);z-index:2;background:#28282cd1;border:1px solid #ffffff14;border-radius:99px;justify-content:space-around;align-items:center;display:flex;position:absolute;bottom:14px;left:10px;right:10px}.pm-tabbar span{border-radius:99px;place-items:center;width:42px;height:34px;display:grid}.pm-tabbar span.on{color:var(--i);background:#ffffff1a}@media (prefers-reduced-motion:reduce){.pm-knob,.pm-toast,.pm-gauge i,.pm-dot{transition:none}.pm-streak.bump{animation:none}}.trust{color:var(--mute);flex-wrap:wrap;gap:6px 18px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.trust li{align-items:center;gap:8px;display:inline-flex}.trust li:before{content:"";background:var(--ink);border-radius:50%;width:5px;height:5px}.hero{grid-template-columns:1.15fr .85fr}@media (width<=860px){.hero{grid-template-columns:1fr}}
