.btn{transition:transform var(--dur-tap) var(--ease-spring), box-shadow var(--dur-state) var(--ease-std), background-color var(--dur-state) var(--ease-std)}@media (hover:hover){.btn.primary:hover{box-shadow:0 12px 24px -12px color-mix(in srgb, var(--brand) 80%, transparent);transform:translateY(-2px)}.btn.tonal:hover,.btn.outline:hover{transform:translateY(-2px)}.btn:hover svg{transform:translate(3px)}.store:not([aria-disabled]):hover{transform:translateY(-2px)}.card.feature:hover{box-shadow:var(--shadow-2), var(--card-stroke);transform:translateY(-4px)}.card.feature:hover .blob{transform:rotate(-8deg)scale(1.06)}.step:hover{box-shadow:var(--shadow-2), inset 0 0 0 1.5px var(--a);transform:translateY(-4px)}.faq summary:hover{color:var(--brand-ink)}}.btn svg{flex:none}.btn svg,.blob,.store,.card.feature,.step{transition:transform .32s var(--ease-spring), box-shadow .32s var(--ease-out)}.top{transition:box-shadow var(--dur-state) var(--ease-std), background-color var(--dur-state) var(--ease-std)}.top.scrolled{box-shadow:0 8px 24px -16px #140f2259}@media (prefers-reduced-motion:no-preference){html.js .reveal{opacity:0;transition:opacity .6s var(--ease-out), transform .7s var(--ease-spring);transition-delay:calc(var(--i,0) * 90ms);transform:translateY(24px)}html.js .reveal.in{opacity:1;transform:none}html.js .card.feature.reveal.in:hover,html.js .step.reveal.in:hover{transition-delay:0s;transform:translateY(-4px)}}.hero{padding-bottom:72px;position:relative;overflow:hidden}.hero-glow{aspect-ratio:1;pointer-events:none;background:radial-gradient(closest-side, color-mix(in srgb, var(--lists) 22%, transparent), transparent 70%), radial-gradient(closest-side at 30% 70%, color-mix(in srgb, var(--habits) 16%, transparent), transparent 70%);opacity:.8;width:70vw;max-width:900px;position:absolute;inset:-20% -10% auto auto}.hero .wrap{position:relative}.hero-copy{min-width:0}.beta-pill{border-radius:var(--r-pill);background:var(--surface);min-height:40px;color:var(--ink);font:var(--type-label-l);box-shadow:var(--shadow-1), var(--card-stroke);align-items:center;gap:10px;padding:0 16px 0 12px;text-decoration:none;display:inline-flex}.beta-pill svg{width:16px;height:16px;transition:transform .32s var(--ease-spring)}.beta-pill:hover svg{transform:translate(3px)}.pulse{background:var(--money);border-radius:50%;width:10px;height:10px;position:relative}@media (prefers-reduced-motion:no-preference){.pulse:after{content:"";background:var(--money);animation:ping 1.8s var(--ease-out) infinite;border-radius:50%;position:absolute;inset:0}}@keyframes ping{to{opacity:0;transform:scale(2.6)}}.hero h1{margin-top:18px}.hero h1,.hero .sentence{text-wrap:balance}.hero-demo{flex-direction:column;align-items:center;gap:14px;display:flex}.phone-wrap{width:min(300px,76vw);position:relative}.phone{background:#1c1433;border-radius:44px;padding:10px;position:relative;box-shadow:0 40px 80px -36px #1c14338c,inset 0 0 0 1px #ffffff2e}[data-theme=dark] .phone{box-shadow:0 40px 80px -36px #000c, 0 0 0 2px var(--line-strong)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .phone{box-shadow:0 40px 80px -36px #000c, 0 0 0 2px var(--line-strong)}}.phone-notch{z-index:2;background:#1c1433;border-radius:99px;width:76px;height:20px;margin-left:-38px;position:absolute;top:18px;left:50%}.phone-screen{background:var(--bg);aspect-ratio:9/17.2;border-radius:34px;position:relative;overflow:hidden}.phone-nav{border-radius:var(--r-pill);background:var(--surface);box-shadow:var(--shadow-1), var(--card-stroke);font:var(--type-label-m);color:var(--ink-3);justify-content:space-around;gap:4px;padding:6px;display:flex;position:absolute;bottom:20px;left:20px;right:20px}.phone-nav span{text-align:center;border-radius:var(--r-pill);transition:background-color .3s var(--ease-std), color .3s var(--ease-std);flex:1;padding:7px 0}.phone[data-scene=list] .phone-nav [data-nav=list]{background:var(--lists);color:var(--on-vivid)}.phone[data-scene=today] .phone-nav [data-nav=today]{background:var(--you);color:var(--on-vivid)}.scene{opacity:0;visibility:hidden;transition:opacity .42s var(--ease-out), transform .52s var(--ease-out), visibility 0s linear .52s;flex-direction:column;padding:50px 16px 70px;display:flex;position:absolute;inset:0;transform:translate(18px)}.phone[data-scene=list] .scene-list,.phone[data-scene=today] .scene-today{opacity:1;visibility:visible;transition-delay:0s;transform:none}.phone[data-scene=today] .scene-list{transform:translate(-18px)}.scene-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.scene-head b,.today-title{font:800 19px/1.1 var(--font-display);letter-spacing:-.02em;color:var(--ink);display:block}.scene .meta{font:var(--type-label-m);color:var(--ink-2)}.blob.s{width:34px;height:34px}.blob.s svg{width:18px;height:18px}.p-rows{margin:0;padding:0;list-style:none}.p-rows li{border-top:1px solid var(--line);min-height:46px;font:var(--type-label-l);color:var(--ink);align-items:center;gap:10px;display:flex}.p-rows .nm{flex-direction:column;flex:1;min-width:0;display:flex}.p-rows small{font:var(--type-label-m);color:var(--ink-2)}.p-rows li.done small{text-decoration:none}.p-rows .amt{font:var(--type-number-s);color:var(--ink-2);font-feature-settings:var(--numeric);font-size:14px}.p-rows li,.p-rows .nm{transition:color .3s var(--ease-std)}.p-rows li.done .nm{color:var(--ink-3);text-decoration:line-through}.p-total{border-radius:var(--r-m);background:var(--a-soft);color:var(--a-ink);font:var(--type-label-l);justify-content:space-between;align-items:baseline;margin-top:auto;padding:12px 14px;display:flex}.p-total b{font:800 24px/1 var(--font-display);letter-spacing:-.02em;font-feature-settings:var(--numeric)}.box{border-radius:var(--r-check);width:24px;height:24px;color:var(--on-vivid);box-shadow:inset 0 0 0 2px var(--outline);transition:background-color var(--dur-state) var(--ease-std), box-shadow var(--dur-state) var(--ease-std);flex:none;place-items:center;display:grid}.box svg{opacity:0;width:16px;height:16px;transition:opacity var(--dur-state) var(--ease-std), transform .36s var(--ease-spring);transform:scale(.4)}.box.on,.done>.box,li.on>.box{background:var(--a);box-shadow:none}.box.on svg,.done>.box svg,li.on>.box svg{opacity:1;transform:none}.today-top{align-items:center;gap:14px;margin-bottom:10px;display:flex}.today-ring{flex:none;width:92px;height:92px;position:relative}.today-num{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.today-num b{font:800 30px/1 var(--font-display);letter-spacing:-.03em;color:var(--ink);font-feature-settings:var(--numeric)}.today-num small{font:var(--type-label-m);color:var(--ink-2)}.today-rows .dot{background:var(--a);width:12px;height:12px;box-shadow:0 0 0 4px var(--a-soft);border-radius:50%;flex:none}.today-rows .act{text-align:center;border-radius:var(--r-pill);background:var(--surface-2);min-width:52px;color:var(--ink-2);font:var(--type-label-m);transition:background-color .3s var(--ease-std), color .3s var(--ease-std), transform .36s var(--ease-spring);flex:none;padding:6px 10px}.today-rows li.done .act{background:var(--a);color:var(--on-vivid)}.today-rows li{opacity:0;transition:opacity .36s var(--ease-out), transform .46s var(--ease-spring);transform:translateY(10px)}.today-rows li.shown{opacity:1;transform:none}.ring-svg{width:100%;height:100%;overflow:visible}.ring-svg circle{fill:none;stroke-width:12px;stroke-linecap:round}.rs-track{stroke:color-mix(in srgb, var(--a) var(--track-mix), var(--surface))}.rs-fill{stroke:var(--a);stroke-dashoffset:var(--len);transition:stroke-dashoffset var(--dur-fill) var(--ease-out)}.rs-fill.on{stroke-dashoffset:0}.float{white-space:nowrap;background:var(--surface);color:var(--ink);box-shadow:var(--shadow-2), var(--card-stroke);font:var(--type-label-m);border-radius:18px;align-items:center;gap:10px;padding:10px 14px;display:flex;position:absolute}.float b{font:800 16px/1.15 var(--font-display);letter-spacing:-.01em;display:block}.float span:not(.chip-drop):not(.ava){color:var(--ink-2)}.f-price{top:20%;right:calc(100% - 28px);transform:rotate(-3deg)}.f-family{top:62%;left:calc(100% - 28px);transform:rotate(3deg)}.chip-drop{border-radius:var(--r-pill);background:var(--money);color:var(--on-vivid);font:var(--type-label-m);white-space:nowrap;align-items:center;padding:5px 9px;display:inline-flex}.ava{background:var(--you);width:32px;height:32px;color:var(--on-vivid);font:800 14px/1 var(--font-text);border-radius:50%;place-items:center;display:grid}@media (max-width:1099px){.float{display:none}}@media (prefers-reduced-motion:no-preference){.phone{animation:phone-in .8s var(--ease-out) both}.float{animation:float-in .8s .3s var(--ease-out) both, bob 6s 1.2s ease-in-out infinite}.f-family{animation-delay:.45s,2.2s}}@keyframes phone-in{0%{opacity:0;transform:translateY(28px)rotate(2deg)}}@keyframes float-in{0%{opacity:0;translate:0 14px}}@keyframes bob{50%{translate:0 -8px}}.demo-toggle{border-radius:var(--r-pill);background:var(--surface-2);min-height:44px;color:var(--ink-2);font:var(--type-label-l);cursor:pointer;border:0;align-items:center;gap:8px;padding:0 16px;display:inline-flex}.demo-toggle:hover{color:var(--ink);background:var(--surface-3)}.i-pause{border-left:3px solid;border-right:3px solid;width:10px;height:12px}.demo-toggle.paused .i-pause{border:6px solid #0000;border-left:10px solid;border-right:0;width:0;height:0}.facts-wrap{z-index:2;margin-top:-40px;position:relative}.facts{background:var(--surface);border-radius:var(--r-l);max-width:860px;box-shadow:var(--shadow-2), var(--card-stroke);grid-template-columns:repeat(3,1fr);margin:0 auto;padding:18px 8px;list-style:none;display:grid}.facts li{text-align:center;padding:6px 8px}.facts li+li{border-left:1px solid var(--line)}.facts b{font:800 clamp(34px, 7vw, 52px)/1 var(--font-display);letter-spacing:-.03em;color:var(--a-ink);font-feature-settings:var(--numeric);display:block}.facts span{font:var(--type-label-l);color:var(--ink-2);margin-top:6px;display:block}@media (max-width:520px){.facts span{font:var(--type-label-m)}}.explorer{gap:20px;display:grid}.ex-tabs{scrollbar-width:none;margin:0 calc(-1 * var(--gutter-compact));padding:4px 2px 8px;padding-left:var(--gutter-compact);padding-right:var(--gutter-compact);scroll-padding:0 var(--gutter-compact);gap:8px;display:flex;overflow-x:auto}.ex-tabs::-webkit-scrollbar{display:none}@media (min-width:840px){.ex-tabs{flex-wrap:wrap;margin:0;padding:4px 0 8px;overflow:visible}}.ex-tabs a{border-radius:var(--r-pill);background:var(--surface);min-height:44px;color:var(--ink-2);font:var(--type-label-l);box-shadow:var(--card-stroke);transition:background-color var(--dur-state) var(--ease-std), color var(--dur-state) var(--ease-std), transform .26s var(--ease-spring);flex:none;align-items:center;gap:8px;padding:0 16px 0 12px;text-decoration:none;display:inline-flex}.ex-tabs a i{background:var(--a);width:12px;height:12px;transition:transform .3s var(--ease-spring);border-radius:50%}.ex-tabs a:hover{color:var(--ink);transform:translateY(-2px)}.ex-tabs a:hover i{transform:scale(1.3)}.ex-tabs a[aria-selected=true]{background:var(--a);color:var(--on-vivid);box-shadow:0 10px 20px -12px var(--a)}.ex-tabs a[aria-selected=true] i{background:var(--on-vivid)}.ex-tabs a:focus-visible{border-radius:var(--r-pill)}.ex-panels{gap:20px;display:grid}.ex-panel{border-radius:var(--r-xl);background:var(--a-soft);isolation:isolate;align-items:center;gap:24px;padding:24px;display:grid;position:relative;overflow:hidden}.ex-panel:before{content:"";z-index:-1;background:radial-gradient(circle, color-mix(in srgb, var(--a) 40%, transparent), transparent 70%);border-radius:50%;width:360px;height:360px;position:absolute;top:-160px;right:-120px}.ex-panel:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (min-width:840px){.ex-panel{grid-template-columns:1.1fr 1fr;gap:48px;min-height:400px;padding:40px 48px}}.ex-text .kicker{color:var(--a-ink)}.ex-text h3{font:var(--type-display-m);letter-spacing:var(--tracking-display);margin:8px 0 12px}@media (min-width:840px){.ex-text h3{font-size:40px}}.ex-text>p{color:var(--ink-2);font:var(--type-sentence);max-width:540px}.ex-tags{flex-wrap:wrap;gap:6px;margin:18px 0 0;padding:0;list-style:none;display:flex}.ex-tags li{border-radius:var(--r-pill);background:var(--surface);color:var(--ink);font:var(--type-label-m);padding:7px 12px}.ex-plan{font:var(--type-label-l);color:var(--a-ink);max-width:540px;margin-top:14px}.ex-stage{place-items:center;padding:8px 0;display:grid}html.js .ex-panel[hidden]{display:none}.mini{background:var(--surface);width:100%;max-width:340px;color:var(--ink);border-radius:var(--r-l);box-shadow:0 24px 40px -24px color-mix(in srgb, var(--a) 70%, #1c1433), var(--card-stroke);transition:transform .46s var(--ease-spring);padding:16px;transform:rotate(-2deg)}.ex-panel:hover .mini,.try:hover .mini,.mini.live:focus-within,.mini.live{transform:none}.m-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.m-head b{font:800 18px/1.15 var(--font-display);letter-spacing:-.01em}.m-sub{font:var(--type-label-m);color:var(--ink-2);text-align:right}.m-ring{border-radius:var(--r-pill);background:var(--a);color:var(--on-vivid);font:var(--type-label-m);flex:none;padding:4px 10px}.m-rows{margin:0;padding:0;list-style:none}.m-rows li{border-top:1px solid var(--line);align-items:center;gap:10px;min-height:46px;display:flex}.m-rows .nm{min-width:0;font:var(--type-label-l);color:var(--ink);flex-direction:column;flex:1;display:flex}.m-rows small{font:var(--type-label-m);color:var(--ink-2)}.m-rows li.on .nm{color:var(--ink-3)}.tag{border-radius:var(--r-pill);background:var(--a-soft);color:var(--a-ink);font:var(--type-label-m);flex:none;padding:4px 9px}.m-foot{font:var(--type-label-l);color:var(--a-ink);justify-content:space-between;align-items:baseline;margin-top:10px;display:flex}.m-foot b{font:800 22px/1 var(--font-display);font-feature-settings:var(--numeric)}.m-bar{border-radius:var(--r-pill);background:color-mix(in srgb, var(--a) var(--track-mix), var(--surface));height:10px;margin:8px 0 4px;display:block;overflow:hidden}.m-bar i{border-radius:inherit;background:var(--a);transform-origin:0;height:100%;transform:scaleX(var(--p));display:block}.m-budget{font:var(--type-label-l);align-items:baseline;gap:6px;margin-top:10px;display:flex}.m-budget span{flex:1}.m-budget b{font:800 20px/1 var(--font-display);font-feature-settings:var(--numeric)}.m-budget small{font:var(--type-label-m);color:var(--ink-2)}.m-note{font:var(--type-label-m);color:var(--ink-2);margin:6px 0 4px}.m-chips{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.m-chips span{border-radius:var(--r-pill);background:var(--surface-2);font:var(--type-label-m);color:var(--ink);padding:6px 10px}.m-chips span:first-child{background:var(--a);color:var(--on-vivid)}.m-stats{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.m-stats div{background:var(--a-soft);border-radius:var(--r-m);padding:12px}.m-stats b{font:800 26px/1 var(--font-display);letter-spacing:-.02em;color:var(--ink);font-feature-settings:var(--numeric);display:block}.m-stats small{font:var(--type-label-m);color:var(--a-ink)}.m-week{grid-template-columns:repeat(5,1fr);gap:6px;margin:4px 0 0;padding:0;list-style:none;display:grid}.m-week li{border-radius:var(--r-m);background:var(--surface-2);font:var(--type-label-m);color:var(--ink-2);flex-direction:column;align-items:center;gap:6px;padding:10px 0;display:flex}.m-week i{width:18px;height:18px;box-shadow:inset 0 0 0 2px var(--a);border-radius:50%}.m-week li.on i{background:var(--a);box-shadow:none}.m-week li.off{background:repeating-linear-gradient(135deg, var(--surface-2) 0 6px, var(--surface-3) 6px 12px)}.m-week li.off i{box-shadow:inset 0 0 0 2px var(--outline);opacity:.5}.m-week small{color:var(--ink-2);font-size:10px;line-height:1}.m-med{border-radius:var(--r-m);background:var(--a-soft);align-items:center;gap:6px;margin-top:8px;padding:10px 12px;display:flex}.m-med .nm{font:var(--type-label-l);flex-direction:column;flex:1;display:flex}.m-med small{font:var(--type-label-m);color:var(--ink-2)}.m-btn{border-radius:var(--r-pill);background:var(--surface);font:var(--type-label-m);padding:6px 10px}.m-btn.on{background:var(--a);color:var(--on-vivid)}.m-board{margin:0;padding:0;list-style:none}.m-board li{border-top:1px solid var(--line);align-items:center;gap:10px;min-height:52px;display:flex}.m-board .nm{font:var(--type-label-l);flex-direction:column;flex:1;display:flex}.m-board small{font:var(--type-label-m);color:var(--ink-2)}.done-by,.m-count{border-radius:var(--r-pill);background:var(--a);color:var(--on-vivid);font:var(--type-label-m);flex:none;padding:5px 10px}.m-count{background:var(--a-soft);color:var(--a-ink)}.ava-row{display:flex}.ava-row i{width:28px;height:28px;font:800 12px/1 var(--font-text);background:var(--surface-2);color:var(--ink-2);box-shadow:0 0 0 2px var(--surface);border-radius:50%;place-items:center;margin-left:-6px;font-style:normal;display:grid}.ava-row i.p{background:var(--a);color:var(--on-vivid)}.m-price{flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;display:flex}.m-price b{font:800 40px/1 var(--font-display);letter-spacing:-.03em;font-feature-settings:var(--numeric)}.m-price s{font:700 18px/1 var(--font-display);color:var(--ink-3)}.m-points{align-items:baseline;gap:8px;display:flex}.m-points b{font:800 48px/1 var(--font-display);letter-spacing:-.03em;color:var(--ink);font-feature-settings:var(--numeric)}.m-points small{font:var(--type-label-l);color:var(--ink-2)}@media (prefers-reduced-motion:no-preference){.play .m-rows li,.play .m-board li,.play .m-week li{animation:row-in .52s var(--ease-out) both;animation-delay:calc(.12s + var(--d,0) * .11s)}.play .m-rows li.on>.box,.play .m-week li.on i{animation:pop .46s var(--ease-spring) both;animation-delay:calc(.5s + var(--d,0) * .14s)}.play .m-bar i{animation:fill 1.1s var(--ease-out) .25s both}.play .chip-drop,.play .done-by,.play .m-btn.on,.play .m-ring{animation:pop .52s var(--ease-spring) .7s both}.play .mini{animation:mini-in .6s var(--ease-out) both}}@keyframes row-in{0%{opacity:0;transform:translateY(10px)}}@keyframes pop{0%{opacity:0;transform:scale(.6)}}@keyframes fill{0%{transform:scaleX(0)}}@keyframes mini-in{0%{opacity:0;transform:translateY(16px)rotate(-4deg)}}.today-wrap{align-items:center;gap:24px;display:grid}@media (min-width:900px){.today-wrap{grid-template-columns:1fr 1.1fr;gap:56px}.today-wrap .section-head{margin:0}}.dayring{align-items:center;gap:20px;padding:24px;display:grid}@media (min-width:560px){.dayring{grid-template-columns:220px 1fr;padding:28px}}.dr-ring{aspect-ratio:1;width:min(220px,64vw);margin:0 auto;position:relative}.dr-ring .ring-svg circle{stroke-width:11px}.dr-num{text-align:center;place-content:center;margin:0;display:grid;position:absolute;inset:0}.dr-num b{font:var(--type-hero);letter-spacing:-.04em;color:var(--ink);font-feature-settings:var(--numeric);font-size:64px}.dr-num span{font:var(--type-title-m);color:var(--ink-2)}.dr-num small{font:var(--type-label-m);color:var(--ink-3);margin-top:2px;display:block}.dr-num b.bump{animation:bump .42s var(--ease-spring)}@keyframes bump{40%{transform:scale(1.18)}}.dr-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.dr-row{border-radius:var(--r-m);background:var(--surface-2);width:100%;min-height:52px;color:var(--ink);text-align:left;font:var(--type-label-l);cursor:pointer;transition:background-color var(--dur-state) var(--ease-std), transform var(--dur-tap) var(--ease-spring);border:0;align-items:center;gap:12px;padding:6px 12px;display:flex}.dr-row:hover{background:color-mix(in srgb, var(--a) 18%, var(--surface-2))}.dr-row:active{transform:scale(.98)}.dr-row .nm{flex-direction:column;flex:1;display:flex}.dr-row small{font:var(--type-label-m);color:var(--ink-2)}.dr-row[aria-pressed=true]{background:var(--a-soft)}.dr-row[aria-pressed=true] .box{background:var(--a);box-shadow:none}.dr-row[aria-pressed=true] .box svg{opacity:1;transform:none}.dr-row[aria-pressed=true] .nm{color:var(--ink-3);text-decoration:line-through}.dr-row:focus-visible{border-radius:var(--r-m)}.dayring.complete .dr-ring{animation:burst var(--dur-burst) var(--ease-spring)}@keyframes burst{30%{transform:scale(1.06)rotate(-4deg)}}.try-grid{gap:18px;display:grid}@media (min-width:720px){.try-grid{grid-template-columns:repeat(2,1fr)}}.try{isolation:isolate;background:var(--a);color:var(--on-vivid);border-radius:var(--r-l);box-shadow:0 22px 40px -26px var(--a), inset 0 1px 0 #ffffff59;transition:transform .32s var(--ease-spring), box-shadow .32s var(--ease-out);flex-direction:column;padding:14px 14px 22px;display:flex;position:relative;overflow:hidden}.try:before{content:"";z-index:-1;background:radial-gradient(circle,#ffffff73,#fff0 70%);border-radius:50%;width:240px;height:240px;position:absolute;top:-110px;right:-90px}.try:after{content:"";z-index:-1;border:22px solid #140f220f;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-80px;left:-70px}@media (hover:hover){.try:hover{box-shadow:0 32px 50px -24px var(--a), inset 0 1px 0 #ffffff59;transform:translateY(-6px)}}@media (prefers-reduced-motion:no-preference){html.js .try.reveal.in:hover{transition-delay:0s;transform:translateY(-6px)}}.try .stage{background:#ffffff3d;border-radius:20px;justify-content:center;align-items:flex-start;min-height:300px;padding:14px;display:flex;box-shadow:inset 0 0 0 1px #ffffff4d}.try .body{padding:18px 8px 0}.try h3{font:var(--type-headline);letter-spacing:-.02em;color:var(--on-vivid);margin:0 0 8px}.try p{font:var(--type-body-m);color:var(--on-vivid);font-size:15px}.try .mini{max-width:none}.qa label,.pc-new label{font:var(--type-label-m);color:var(--ink-2);margin-bottom:6px;display:block}.qa-row{gap:6px;display:flex}.qa-row input{border-radius:var(--r-s);border:1px solid var(--outline);background:var(--surface-2);min-width:0;min-height:44px;color:var(--ink);font:var(--type-body-l);flex:1;padding:0 12px}.qa-row input:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--r-s);outline:none}.qa-add{border-radius:var(--r-s);background:var(--ink);min-width:56px;min-height:44px;color:var(--bg);font:var(--type-label-l);cursor:pointer;transition:transform var(--dur-tap) var(--ease-spring);border:0;flex:none;padding:0 14px}.qa-add:active{transform:scale(.94)}.qa-sugs{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.qa-sugs button,.pt-actions button,.pc-actions button,.fam-board button{border-radius:var(--r-pill);background:var(--surface-2);min-height:36px;color:var(--ink);font:var(--type-label-m);cursor:pointer;transition:background-color var(--dur-state) var(--ease-std), transform var(--dur-tap) var(--ease-spring);border:0;padding:0 12px}.qa-sugs button:hover,.pt-actions button:hover,.pc-actions button:hover,.fam-board button:hover:not([disabled]){background:var(--a-soft);color:var(--a-ink)}.qa-sugs button:active,.pt-actions button:active,.pc-actions button:active,.fam-board button:active{transform:scale(.94)}.qa-sugs button:focus-visible,.pt-actions button:focus-visible,.pc-actions button:focus-visible,.fam-board button:focus-visible{border-radius:var(--r-pill)}.qa-out{min-height:2.5em;font:var(--type-label-m);color:var(--ink-2);margin:10px 0 4px}.qa-out b{color:var(--a-ink)}.qa-list li.new{animation:row-in .46s var(--ease-spring) both}@media (prefers-reduced-motion:reduce){.qa-list li.new{animation:none}}.qa-list .tag{font-feature-settings:var(--numeric)}.pt-line{align-items:center;gap:14px;display:flex}.pt-line .nm{min-width:0;font:800 20px/1.1 var(--font-display);letter-spacing:-.01em;flex-direction:column;display:flex}.pt-line small{font:var(--type-label-l);color:var(--a-ink);margin-top:4px}.pt-ring{cursor:pointer;width:96px;height:96px;transition:transform var(--dur-tap) var(--ease-spring);background:0 0;border:0;border-radius:50%;flex:none;padding:0;position:relative}.pt-ring:active{transform:scale(.92)}.pt-ring:focus-visible{border-radius:50%}.pt-ring .ring-svg circle{stroke-width:14px}.pt-plus{font:800 22px/1 var(--font-display);color:var(--ink);place-items:center;display:grid;position:absolute;inset:0}.try[data-area=habits] .pt-ring,.try[data-area=habits] .pt-line{--a:var(--lists);--a-soft:var(--lists-soft);--a-ink:var(--lists-ink)}.pt-actions{gap:6px;margin-top:14px;display:flex}.pt-actions button{flex:1;min-height:44px}.pc-actions{gap:6px;margin-top:10px;display:flex}.pc-actions button{flex:1;min-height:44px}.pc-actions [data-pc-still]{background:var(--a);color:var(--on-vivid)}.pc-new{margin-top:10px}.pc-out{min-height:1.3em;font:var(--type-label-l);color:var(--a-ink);margin-top:10px}.pc-out .pending{border-radius:var(--r-pill);background:var(--wellbeing);color:var(--on-vivid);font:var(--type-label-m);margin-left:6px;padding:3px 9px;display:inline-block}@media (prefers-reduced-motion:no-preference){.pc-out .pending{animation:pop .52s var(--ease-spring) both}}.fam-who{border:0;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 8px;padding:0;display:flex}.fam-who legend{float:left;font:var(--type-label-m);color:var(--ink-2);margin-right:4px;padding:0}.fam-who label{cursor:pointer;position:relative}.fam-who input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.fam-who span{border-radius:var(--r-pill);background:var(--surface-2);min-height:36px;font:var(--type-label-m);transition:background-color var(--dur-state) var(--ease-std);align-items:center;padding:0 12px;display:inline-flex}.fam-who input:checked+span{background:var(--a);color:var(--on-vivid)}.fam-who input:focus-visible+span{box-shadow:var(--focus-ring)}.fam-board li{flex-wrap:wrap;row-gap:4px;padding:6px 0}.fam-board button{min-height:36px}.fam-board button[disabled]{opacity:.45;cursor:not-allowed}.fam-state{font:var(--type-label-m);color:var(--a-ink);flex-basis:100%;min-height:1.25em}.fam-state:empty{display:none}.fam-state .done-by{display:inline-block}#more .big+.big{border-top-color:var(--line-strong)}.step-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.step .num{color:var(--a-ink)}.step{position:relative;overflow:hidden}.step:before{content:"";background:var(--a);height:6px;position:absolute;inset:0 0 auto}.segbar{gap:4px;width:88px;display:flex}.segbar i{border-radius:var(--r-pill);background:color-mix(in srgb, var(--a) var(--track-mix), var(--surface));flex:1;height:8px;transform:scaleY(.5)}.segbar i.on{background:var(--a);transform:none}@media (prefers-reduced-motion:no-preference){html.js .step.reveal .segbar i.on{transform-origin:0;transition:transform .52s var(--ease-spring);transform:scaleY(.5)scaleX(0)}html.js .step.reveal.in .segbar i.on{transition-delay:calc(.3s + var(--i,0) * 90ms);transform:none}.in .fresh{animation:fresh-in .7s var(--ease-spring) .5s both}.in .presence .dot{animation:1.6s ease-in-out infinite presence}.in .piece{animation:row-in .6s var(--ease-out) both}.in .piece:nth-child(2){animation-delay:.12s}.in .piece:nth-child(3){animation-delay:.24s}}@keyframes fresh-in{0%{opacity:0;transform:translate(-14px)}}@keyframes presence{50%{box-shadow:0 0 0 5px color-mix(in srgb, var(--presence) 25%, transparent)}}.billing{border-radius:var(--r-pill);background:var(--surface);box-shadow:var(--card-stroke);isolation:isolate;grid-auto-columns:1fr;grid-auto-flow:column;justify-self:start;gap:0;padding:4px;display:inline-grid;position:relative}.billing:before{content:"";z-index:-1;border-radius:var(--r-pill);background:var(--ink);width:calc(50% - 4px);transition:transform .42s var(--ease-spring);position:absolute;top:4px;bottom:4px;left:4px}#bill-month:checked~.billing:before{transform:translate(100%)}.billing label{transition:color var(--dur-state) var(--ease-std);background:0 0;justify-content:center}#bill-year:checked~.billing label[for=bill-year],#bill-month:checked~.billing label[for=bill-month]{color:var(--bg);background:0 0}.prices{display:grid}.prices .price,#bill-year:checked~.plan .price-year,#bill-month:checked~.plan .price-month{grid-area:1/1;display:block}.prices .trial{grid-area:2/1}.prices .price{opacity:0;visibility:hidden;transition:opacity .3s var(--ease-out), transform .42s var(--ease-spring), visibility 0s linear .3s;transform:translateY(10px)scale(.98)}#bill-year:checked~.plan .price-year,#bill-month:checked~.plan .price-month{opacity:1;visibility:visible;transition-delay:0s;transform:none}@media (hover:hover){.plan.premium:hover,.plan.family:hover{transform:translateY(-4px)}}.plan{transition:transform .32s var(--ease-spring)}.compare{border-radius:var(--r-l);background:var(--surface);box-shadow:var(--shadow-1), var(--card-stroke);margin-top:28px}.compare summary{cursor:pointer;min-height:64px;font:var(--type-title-l);color:var(--ink);border-radius:var(--r-l);justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;list-style:none;display:flex}.compare summary::-webkit-details-marker{display:none}.compare summary:after{content:"+";background:var(--brand-soft);width:36px;height:36px;color:var(--brand-ink);font:800 22px/1 var(--font-display);transition:transform .32s var(--ease-spring);border-radius:50%;flex:none;place-items:center;display:grid}.compare[open] summary:after{transform:rotate(45deg)}.compare-body{padding:0 12px 20px}@media (min-width:640px){.compare-body{padding:0 24px 24px}}.cmp{border-collapse:collapse;width:100%;font:var(--type-body-m)}.cmp th,.cmp td{border-bottom:1px solid var(--line);text-align:center;vertical-align:middle;padding:10px 8px}.cmp thead th{background:var(--surface);font:var(--type-label-l);color:var(--ink);position:sticky;top:0}.cmp th[scope=row]{text-align:left;color:var(--ink);font-weight:500}.cmp tr.grp th{text-align:left;font:var(--type-overline);letter-spacing:var(--tracking-overline);text-transform:uppercase;color:var(--ink-3);border-bottom:0;padding-top:18px}.cmp td svg{width:20px;height:20px;color:var(--money-ink);margin:0 auto}.cmp .dash{color:var(--ink-3)}.cmp .val{font:var(--type-label-l);color:var(--ink)}.cmp tbody tr:not(.grp):hover{background:var(--surface-2)}.cmp th:first-child{width:46%}@media (max-width:520px){.cmp{font-size:13px}.cmp th,.cmp td{padding:9px 4px}.cmp .val{font:var(--type-label-m)}}.cmp-note{font:var(--type-label-m);color:var(--ink-2);margin-top:12px}@supports (interpolate-size:allow-keywords){:root{interpolate-size:allow-keywords}.faq details::details-content{height:0;transition:height .36s var(--ease-out), content-visibility .36s allow-discrete;overflow:clip}.compare::details-content{height:0;transition:height .36s var(--ease-out), content-visibility .36s allow-discrete;overflow:clip}.faq details[open]::details-content{height:auto}.compare[open]::details-content{height:auto}@media (prefers-reduced-motion:reduce){.faq details::details-content{transition:none}.compare::details-content{transition:none}}}.faq details{transition:box-shadow var(--dur-state) var(--ease-std)}.faq details[open]{box-shadow:var(--shadow-2), var(--card-stroke)}.early{border-radius:var(--r-xl);background:var(--brand-soft);gap:28px;padding:28px;display:grid}@media (min-width:900px){.early{padding:48px}.early-text{max-width:720px}}.early h2{font:var(--type-display-m);letter-spacing:var(--tracking-display);margin:8px 0 12px}@media (min-width:840px){.early h2{font-size:40px}}.early-grid{gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:760px){.early-grid{grid-template-columns:repeat(3,1fr)}}.early-grid li{border-radius:var(--r-l);background:var(--surface);box-shadow:var(--shadow-1), var(--card-stroke);transition:transform .32s var(--ease-spring);flex-direction:column;gap:8px;padding:20px;display:flex;position:relative;overflow:hidden}.early-grid li:before{content:"";background:var(--a);height:6px;position:absolute;inset:0 0 auto}.early-grid b{font:var(--type-title-l);color:var(--ink)}.early-grid span{font:var(--type-body-m);color:var(--ink-2);flex:1}.early-grid .btn{align-self:flex-start;margin-top:6px;padding:0 16px}@media (hover:hover){.early-grid li:hover{transform:translateY(-4px)}}@media (max-width:899px){.hero{padding-top:28px;padding-bottom:64px}.hero-demo{margin-top:8px}}@media (max-width:420px){.hero h1{font-size:40px}.cta-row .btn{flex:auto}.ex-panel{border-radius:var(--r-l);padding:20px 16px}.try .stage{min-height:0;padding:10px}.mini{padding:14px}.early{padding:20px 16px}}.cmp thead th:first-child{text-align:left}