:is([data-scene=hero],[data-scene=add],[data-scene=offline]){overflow:hidden}:is([data-scene=hero],[data-scene=add],[data-scene=offline]) path,:is([data-scene=hero],[data-scene=add],[data-scene=offline]) rect,:is([data-scene=hero],[data-scene=add],[data-scene=offline]) circle,:is([data-scene=hero],[data-scene=add],[data-scene=offline]) ellipse{vector-effect:non-scaling-stroke}:is([data-scene=hero],[data-scene=add],[data-scene=offline]) .sil{fill:var(--plate);stroke:var(--edge);stroke-width:1.25px;stroke-linejoin:round}:is([data-scene=hero],[data-scene=add],[data-scene=offline]) .crs{fill:none;stroke:var(--lo);stroke-width:1px;stroke-linecap:round;stroke-linejoin:round}:is([data-scene=hero],[data-scene=add],[data-scene=offline]) .gd{fill:none;stroke:var(--lo);stroke-width:1px;stroke-dasharray:3 5}:is([data-scene=hero],[data-scene=add],[data-scene=offline]) .shadow{stroke:var(--mid);stroke-dasharray:2 4}:is([data-scene=hero],[data-scene=add],[data-scene=offline]) .ln{fill:none;stroke:var(--mid);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}:is([data-scene=hero],[data-scene=add],[data-scene=offline]) .ln.dim{stroke:var(--lo);stroke-width:1.5px}:is([data-scene=hero],[data-scene=add],[data-scene=offline]) .ln.gap{stroke:var(--mid);stroke-width:1.25px;stroke-dasharray:2 7}:is([data-scene=hero],[data-scene=add],[data-scene=offline]) .ln.lit{stroke:var(--hi);stroke-width:2.25px}:is([data-scene=hero],[data-scene=add],[data-scene=offline]) .ln.glow{stroke:var(--hi);stroke-width:9px;stroke-opacity:.14}:is([data-scene=hero],[data-scene=add],[data-scene=offline]) .rule{fill:none;stroke:var(--edge);stroke-width:1.25px}:is([data-scene=hero],[data-scene=add],[data-scene=offline]) .slot{fill:none;stroke:var(--mid);stroke-width:1px;stroke-dasharray:4 4}:is([data-scene=hero],[data-scene=add],[data-scene=offline]) .card{fill:var(--plate);stroke:var(--edge)}:is([data-scene=hero],[data-scene=add],[data-scene=offline]) .card.hi{stroke:var(--hi)}:is([data-scene=hero],[data-scene=add],[data-scene=offline]) .pulse{fill:none;stroke:var(--hi);stroke-width:1.25px}:is([data-scene=hero],[data-scene=add],[data-scene=offline]) .chip{fill:none;stroke:var(--lo)}:is([data-scene=hero],[data-scene=add],[data-scene=offline]) .chip.sel{stroke:var(--edge)}:is([data-scene=hero],[data-scene=add],[data-scene=offline]) .seg{fill:none;stroke:var(--lo)}:is([data-scene=hero],[data-scene=add],[data-scene=offline]) .seg.on{fill:var(--surface);stroke:none}:is([data-scene=hero],[data-scene=add],[data-scene=offline]) .bar{fill:none;stroke:var(--lo);stroke-width:1px}:is([data-scene=hero],[data-scene=add],[data-scene=offline]) .bar.on{fill:var(--edge);stroke:none}:is([data-scene=hero],[data-scene=add],[data-scene=offline]) .dot{fill:none;stroke:var(--edge)}:is([data-scene=hero],[data-scene=add],[data-scene=offline]) .dot.ring{stroke:var(--mid)}:is([data-scene=hero],[data-scene=add],[data-scene=offline]) .fabx{stroke:var(--edge)}:is([data-scene=hero],[data-scene=add],[data-scene=offline]) text{fill:var(--text);font-family:var(--sans)}:is([data-scene=hero],[data-scene=add],[data-scene=offline]) .m{font-family:var(--mono);font-variant-numeric:tabular-nums}:is([data-scene=hero],[data-scene=add],[data-scene=offline]) .sec{fill:var(--text-2)}:is([data-scene=hero],[data-scene=add],[data-scene=offline]) .acc{fill:var(--hi)}:is([data-scene=hero],[data-scene=add],[data-scene=offline]) .b{font-weight:600}:is([data-scene=hero],[data-scene=add],[data-scene=offline]) .c7{font-size:7px}:is([data-scene=hero],[data-scene=add],[data-scene=offline]) .c8{font-size:8px}:is([data-scene=hero],[data-scene=add],[data-scene=offline]) .c9{font-size:9.5px}:is([data-scene=hero],[data-scene=add],[data-scene=offline]) .c10{font-size:10.5px}:is([data-scene=hero],[data-scene=add],[data-scene=offline]) .c11{font-size:11.5px}:is([data-scene=hero],[data-scene=add],[data-scene=offline]) .c12{font-size:12.5px}:is([data-scene=hero],[data-scene=add],[data-scene=offline]) .amt{font-size:26px;font-weight:500}:is([data-scene=hero],[data-scene=add],[data-scene=offline]) .cap{letter-spacing:.08em;fill:var(--text-2);font-size:8px}:is([data-scene=insights],[data-scene=budgets],[data-scene=recurring],[data-scene=privacy]){display:block;overflow:visible}:is([data-scene=insights],[data-scene=budgets],[data-scene=recurring],[data-scene=privacy]) path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}:is([data-scene=insights],[data-scene=budgets],[data-scene=recurring],[data-scene=privacy]) .sil{fill:var(--plate,var(--bg));stroke:var(--edge);stroke-width:1.25px}:is([data-scene=insights],[data-scene=budgets],[data-scene=recurring],[data-scene=privacy]) .sil.hi{stroke:var(--hi,var(--accent));stroke-width:1.75px}:is([data-scene=insights],[data-scene=budgets],[data-scene=recurring],[data-scene=privacy]) .sil.dim{stroke:var(--mid);stroke-width:1px}:is([data-scene=insights],[data-scene=budgets],[data-scene=recurring],[data-scene=privacy]) .crs{stroke:var(--lo);stroke-width:1px}:is([data-scene=insights],[data-scene=budgets],[data-scene=recurring],[data-scene=privacy]) .crs.hi{stroke:var(--hi,var(--accent));stroke-width:1.25px}:is([data-scene=insights],[data-scene=budgets],[data-scene=recurring],[data-scene=privacy]) .rule{stroke:var(--edge);stroke-width:1.25px}:is([data-scene=insights],[data-scene=budgets],[data-scene=recurring],[data-scene=privacy]) .rule.cur{stroke-width:2px}:is([data-scene=insights],[data-scene=budgets],[data-scene=recurring],[data-scene=privacy]) .ln{stroke:var(--mid);stroke-width:1.25px}:is([data-scene=insights],[data-scene=budgets],[data-scene=recurring],[data-scene=privacy]) .ln.dim{stroke:var(--lo);stroke-width:1.5px}:is([data-scene=insights],[data-scene=budgets],[data-scene=recurring],[data-scene=privacy]) :is(.ln.hi,.ln.lit){stroke:var(--hi,var(--accent));stroke-width:2.25px}:is([data-scene=insights],[data-scene=budgets],[data-scene=recurring],[data-scene=privacy]) .ln.lit.wide{stroke-width:5px}[data-scene=privacy] [data-handoff=icon]{fill:var(--hi,var(--accent));stroke:var(--hi,var(--accent));stroke-width:2.25px;vector-effect:non-scaling-stroke}svg[data-scene=recurring] text{fill:var(--text-2);font-family:var(--mono,ui-monospace, monospace);font-variant-numeric:tabular-nums;text-anchor:middle}svg[data-scene=recurring] text.dn{font-size:24px;font-weight:500}svg[data-scene=recurring] text.wk{letter-spacing:.04em;font-size:20px;font-weight:600}[data-scene=insights] .sf-sheet-solo path{vector-effect:non-scaling-stroke}[data-scene=insights] .sf-sheet-solo .sil{fill:var(--plate);stroke:var(--edge);stroke-width:1.25px;stroke-linejoin:round}[data-scene=insights] .sf-sheet-solo .crs{fill:none;stroke:var(--lo);stroke-width:1px;stroke-linecap:round;stroke-linejoin:round}[data-scene=insights] .sf-sheet-solo .rule{fill:none;stroke:var(--edge);stroke-width:1.25px}[data-scene=insights] .sf-sheet-solo text{fill:var(--text);font-family:var(--sans);font-size:11.5px}[data-scene=insights] .sf-sheet-solo .m{font-family:var(--mono);font-variant-numeric:tabular-nums}[data-scene=insights] .sf-sheet-solo .b{font-weight:600}[data-scene=insights] .sf-sheet-solo .c11{font-size:11.5px}[data-scene=insights] .sf-sheet-solo .c12{font-size:12.5px}
:root{--plate:var(--bg);--hi:var(--accent);--foot:28px;--split:38%;--badge-h:46px}@media (max-width:760px){:root{--foot:calc(44px + env(safe-area-inset-bottom,0px));--badge-h:42px}}html{scroll-snap-type:y mandatory;overscroll-behavior-y:none;scrollbar-width:none}html::-webkit-scrollbar{display:none}.step{scroll-snap-align:start;scroll-snap-stop:always;height:100svh}.step:last-child{height:100lvh}.backdrop{z-index:-1;background:var(--bg);position:fixed;inset:0}:root[data-tone=band]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.home .top{position:fixed;top:0;left:0;right:0}.home .nav{transition:opacity .3s,visibility}:root[data-step=start] .home .nav{opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s linear .3s}.stage{z-index:1;top:var(--head-h,var(--bar));bottom:var(--foot);left:var(--split);right:max(64px, env(safe-area-inset-right,0px));pointer-events:none;position:fixed}.stage.is-cramped{visibility:hidden}.scene{visibility:hidden;opacity:0;position:absolute;inset:0}.scene.is-on{visibility:visible;opacity:1}.scene{container-type:size}.scene>svg{width:min(100cqw,133.333cqh);height:min(100cqh,75cqw);margin:auto;display:block;position:absolute;inset:0}.flyicon{z-index:4;transform-origin:0 0;pointer-events:none;will-change:transform;background:url(/logo.png) 50%/cover no-repeat;border-radius:22%;width:64px;height:64px;display:none;position:fixed;top:0;left:0}:root.is-flying .flyicon{display:block}:root.is-flying .copy--end .appicon--lg{visibility:hidden}.copy{z-index:3;top:var(--head-h,var(--bar));bottom:var(--foot);left:var(--gutter);width:calc(var(--split) - var(--gutter) - 24px);pointer-events:none;opacity:0;visibility:hidden;color:var(--text);flex-direction:column;justify-content:center;transition:opacity .25s,visibility 0s linear .25s;display:flex;position:fixed}.copy.is-on{opacity:1;visibility:visible;transition:opacity .25s ease var(--copy-wait,0s), visibility 0s}.copy a{pointer-events:auto}.copy-in{max-width:34rem}.hl{letter-spacing:-.04em;text-wrap:balance;margin:0;font-weight:600;line-height:.98}h1.hl{max-width:11ch;font-size:clamp(38px,4.6vw,78px)}h2.hl{max-width:12ch;font-size:clamp(34px,3.9vw,62px);line-height:1.02}.sub{color:var(--text-2);text-wrap:pretty;max-width:30ch;margin:20px 0 0;font-size:clamp(17px,1.35vw,21px);line-height:1.45}.badges{flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px;display:flex}.badge{height:var(--badge-h);transition:transform .5s var(--ease);border-radius:8px;flex:none;display:block}.badge img{width:auto;height:100%;display:block}.badge--play{height:calc(var(--badge-h) * 250 / 168);margin:calc(var(--badge-h) * -41 / 168)}.badge:hover{transform:translateY(-1px)}.copy--end{width:auto;padding-inline:var(--gutter) var(--gutter-r);text-align:center;align-items:center;left:0;right:0}.copy--end .copy-in{flex-direction:column;align-items:center;max-width:42rem;display:flex}.appicon--lg{width:64px;height:64px;margin-bottom:24px}.copy--end .hl,.copy--end .sub{max-width:none}.price .line{display:block}.copy--end .badges{justify-content:center;margin-top:28px}.dots{z-index:5;right:max(20px, env(safe-area-inset-right,0px));flex-direction:column;margin:0;padding:0;list-style:none;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.dots button{cursor:pointer;background:0 0;border:0;place-items:center;width:24px;height:22px;padding:0;display:grid}.dots button:before{content:"";background:var(--mid);width:6px;height:6px;transition:height .6s var(--ease), width .6s var(--ease);border-radius:3px}.dots button:hover:before{background:var(--text-2)}.dots button[aria-current]:before{background:var(--text);height:18px}@media (max-width:760px){.stage{top:calc(var(--head-h,var(--bar)) + 140px);left:4px;right:4px;bottom:var(--foot);transition:top .6s var(--ease), bottom .6s var(--ease)}.copy{width:auto;height:var(--copy-band,auto);padding:10px var(--gutter-r) 10px var(--gutter);text-align:center;justify-content:center;align-items:center;bottom:auto;left:0;right:0}.copy-in{flex-direction:column;align-items:center;display:flex}.copy--hero .badges,.copy--end .badges{justify-content:center}.copy--end{bottom:var(--foot);justify-content:center;height:auto;padding-block:0 8px}h1.hl{max-width:12ch;font-size:clamp(31px,9vw,42px)}h2.hl{max-width:15ch;font-size:clamp(27px,7.8vw,36px)}.sub{max-width:34ch;margin-top:10px;font-size:16px}.badges{gap:10px;margin-top:18px}.appicon--lg{width:52px;height:52px;margin-bottom:16px}.copy--end .badges{margin-top:20px}.legal{margin-top:22px}.dots{top:auto;left:50%;right:auto;bottom:calc(12px + env(safe-area-inset-bottom,0px));flex-direction:row;transform:translate(-50%)}.dots button{width:18px;height:24px}.dots button[aria-current]:before{width:18px;height:6px}}@media (max-width:760px) and (max-height:700px){h1.hl{font-size:clamp(29px,8.4vw,36px)}h2.hl{font-size:clamp(26px,7.4vw,32px)}.sub{margin-top:8px;font-size:15px}.appicon--lg{width:44px;height:44px;margin-bottom:12px}.legal{margin-top:16px}}@media (min-width:761px) and (max-height:560px){:root{--bar:52px;--split:42%;--badge-h:40px}h1.hl{font-size:clamp(28px,8vh,44px)}.badges{gap:10px;margin-top:14px}.appicon--lg{display:none}h2.hl{font-size:clamp(28px,6.5vh,44px)}.copy--end .badges,.legal{margin-top:16px}.sub{margin-top:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}.mx path,.mx rect,.mx line,.mx circle{vector-effect:non-scaling-stroke}.scene .sil{fill:var(--plate);stroke:var(--edge);stroke-width:1.25px;stroke-linejoin:round}.scene .crs{fill:none;stroke:var(--lo);stroke-width:1px;stroke-linecap:round;stroke-linejoin:round}.scene .gd{fill:none;stroke:var(--lo);stroke-width:1px;stroke-dasharray:3 5}.scene .ln{fill:none;stroke:var(--mid);stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round}.scene .ln.lit,.scene .ln.hi{stroke:var(--hi);stroke-width:2.25px}.scene .ln.cord{stroke-width:2.5px}.scene .sil.hi{stroke:var(--hi);stroke-width:1.75px}.scene .crs.hi{stroke:var(--hi);stroke-width:1.5px}.scene .ln.dim{stroke:var(--lo);stroke-width:1.5px}.scene .sil.dim{stroke:var(--mid);stroke-width:1px}.scene .rule{fill:none;stroke:var(--edge);stroke-width:1.25px}.scene .slot{fill:none;stroke:var(--mid);stroke-width:1px;stroke-dasharray:4 4}.scene .card{fill:var(--plate);stroke:var(--edge)}.scene .card.hi{stroke:var(--hi)}.scene .chip{fill:none;stroke:var(--lo)}.scene .chip.sel{stroke:var(--edge)}.scene .seg{fill:none;stroke:var(--lo)}.scene .seg.on{fill:var(--surface);stroke:none}.scene .dot{fill:none;stroke:var(--edge)}.scene .dot.ring{stroke:var(--mid)}.scene .acc-f{fill:var(--mid);stroke:none}.scene .fabx{stroke:var(--edge)}.scene text{fill:var(--text);font-family:var(--sans)}.scene .m{font-family:var(--mono);font-variant-numeric:tabular-nums}.scene .sec{fill:var(--text-2)}.scene .acc{fill:var(--hi)}.scene .b{font-weight:600}.mx .c7{font-size:7px}.mx .c8{font-size:8px}.mx .c9{font-size:9.5px}.mx .c10{font-size:10.5px}.mx .c11{font-size:11.5px}.mx .c12{font-size:12.5px}.mx .amt{font-size:26px;font-weight:500}.mx .cap{letter-spacing:.08em;fill:var(--text-2);font-size:8px}