*,*:before,*:after{box-sizing:border-box}:root{color-scheme:light;--paper: #fbfaf4;--paper-deep: #f1ead7;--paper-pink: #fdeae0;--paper-green: #edf3da;--paper-yellow: #fcf2c8;--ink: #1f1a14;--ink-soft: #5a4e3e;--ink-fixed: #1f1a14;--hair: #1f1a14;--marker: #fbcf57;--skin-a: #fbfaf4;--skin-b: #fdeae0;--skin-c: #f1ead7;--bloom: #e8442b;--bloom-soft: #f48066;--honey: #f0b430;--honey-soft: #fbcf57;--forest: #2d8f44;--forest-deep: #1d5f2d;--moss: #9bc965;--sky: #5d8db4;--thread: #e8442b;--chat-tint: rgba(241, 234, 215, .7);--grid-line: rgba(31, 26, 20, .008);--sheet-shadow: rgba(31, 26, 20, .1);--bubble-shadow: rgba(31, 26, 20, .07)}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--paper: #211c16;--paper-deep: #2e2720;--paper-pink: #33241f;--paper-green: #262c1e;--paper-yellow: #332b19;--ink: #f0e8da;--ink-soft: #c2b49d;--hair: #a5875e;--marker: #77601c;--skin-a: #5a4b3a;--skin-b: #6a5342;--skin-c: #514230;--bloom: #f0563c;--forest: #4aa863;--forest-deep: #8fca9d;--sky: #7ba6c9;--thread: #f0563c;--chat-tint: rgba(35, 29, 23, .82);--grid-line: rgba(240, 232, 218, .014);--sheet-shadow: rgba(0, 0, 0, .4);--bubble-shadow: rgba(0, 0, 0, .3)}}@keyframes wobble{0%,to{transform:rotate(0)}20%{transform:rotate(-5deg)}40%{transform:rotate(5deg)}60%{transform:rotate(-4deg)}80%{transform:rotate(4deg)}}@keyframes successPop{0%{opacity:0;transform:scale(.7)}60%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes successFlower{0%{transform:rotate(-90deg) scale(.5)}to{transform:rotate(0) scale(1)}}@keyframes sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes bob{0%,to{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(4deg) translateY(-2px)}}.idle{will-change:transform}.rv{opacity:0;transform:translateY(var(--rv-y, 12px)) rotate(var(--rv-rot, 0deg))}.rv-in{opacity:1;transform:translateY(0) rotate(0);transition:opacity .5s ease var(--rv-delay, 0ms),transform .6s cubic-bezier(.22,1,.36,1) var(--rv-delay, 0ms)}.rv .draw{stroke-dasharray:1;stroke-dashoffset:1}.rv-in .draw{animation:drawIn var(--draw-dur, 1s) ease var(--draw-delay, 0ms) forwards}@keyframes drawIn{to{stroke-dashoffset:0}}.pop{transform-box:fill-box;transform-origin:50% 50%}.rv .pop{opacity:0}.rv-in .pop{animation:popIn .55s cubic-bezier(.34,1.56,.64,1) var(--pop-delay, 0ms) both}@keyframes popIn{0%{opacity:0;transform:scale(.4) rotate(-4deg)}70%{opacity:1;transform:scale(1.07) rotate(1deg)}to{opacity:1;transform:scale(1) rotate(0)}}.rv .fade-in{opacity:0}.rv-in .fade-in{animation:fadeIn .6s ease var(--fade-delay, 0ms) both}@keyframes fadeIn{to{opacity:1}}.rv-in .march{animation:march 1.6s linear infinite}.rv-live:not(.rv-vis) .march{animation-play-state:paused}@keyframes march{to{stroke-dashoffset:-18}}.rv .chat-b{opacity:0;transform:translateY(14px)}.rv-in .chat-b{opacity:1;transform:none;transition:opacity .4s ease var(--b-delay, 0ms),transform .5s cubic-bezier(.22,1,.36,1) var(--b-delay, 0ms)}.lift{display:inline-block;transition:transform .12s ease}.lift:active{transform:translateY(1px)}.logo-heart{transform-box:fill-box;transform-origin:50% 50%}.logo-hover:hover .logo-heart{animation:popIn .45s cubic-bezier(.34,1.56,.64,1) both}@media (hover: hover){.hero-illustration:hover .fp-heart path{animation:heartBeat 1.1s ease-in-out infinite}.hero-illustration:hover .fp-sparkles>*{animation:twinkle 1.4s ease-in-out infinite}.hero-illustration:hover .fp-sparkles>*:nth-child(2){animation-delay:.25s}.hero-illustration:hover .fp-sparkles>*:nth-child(3){animation-delay:.5s}.step-card:hover .s1-pencil{animation:scribble 1.1s ease-in-out infinite}.step-card:hover .s1-bubble>circle{animation:dotBlink 1.1s ease-in-out infinite}.step-card:hover .s1-bubble>circle:nth-of-type(2){animation-delay:.18s}.step-card:hover .s1-bubble>circle:nth-of-type(3){animation-delay:.36s}.step-card:hover .s2-edges>g:first-of-type path{animation-duration:.9s}.step-card:hover .s2-spark{animation:twinkle 1.2s ease-in-out infinite}.step-card:hover .s3-hands{animation:tinyShake .55s ease-in-out 2}.step-card:hover .s3-heart path{animation:heartBeat 1.1s ease-in-out infinite}.step-card:hover .s3-stars path{animation:twinkle 1.3s ease-in-out infinite}.step-card:hover .s3-stars path:nth-of-type(2){animation-delay:.3s}.logo-hover:hover .logo-thread path{animation:march 1.3s linear infinite}.garden-piece{pointer-events:auto}.garden-piece:hover svg{animation:shiver .45s ease-in-out 2!important}}.fp-heart path,.fp-sparkles>*,.s1-bubble>circle,.s3-hands,.s3-heart path,.s3-stars path,.s2-spark{transform-box:fill-box;transform-origin:50% 50%}@keyframes heartBeat{0%,to{transform:scale(1)}30%{transform:scale(1.12)}55%{transform:scale(.97)}}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}@keyframes dotBlink{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-2.5px);opacity:1}}@keyframes tinyShake{0%,to{transform:rotate(0)}25%{transform:rotate(-1.6deg)}75%{transform:rotate(1.4deg)}}@keyframes shiver{0%,to{transform:rotate(0)}30%{transform:rotate(-2.5deg)}70%{transform:rotate(2deg)}}.rv:not(.rv-in) .fp-left,.rv:not(.rv-in) .fp-right,.rv:not(.rv-in) .fp-thread,.rv:not(.rv-in) .fp-heart,.rv:not(.rv-in) .fp-label,.rv:not(.rv-in) .fp-sparkles,.rv:not(.rv-in) .fp-connector{opacity:0}.rv-in .fp-left{animation:riseIn .55s cubic-bezier(.34,1.4,.64,1) .2s backwards}.rv-in .fp-right{animation:riseIn .55s cubic-bezier(.34,1.4,.64,1) .38s backwards}.rv-in .fp-connector{animation:riseIn .5s cubic-bezier(.34,1.4,.64,1) .55s backwards}.rv-in .fp-thread{animation:fadeIn .45s ease .7s backwards}.rv-in .fp-heart{animation:popIn .5s cubic-bezier(.34,1.56,.64,1) .95s backwards}.rv-in .fp-label{animation:fadeIn .55s ease 1.15s backwards}.rv-in .fp-sparkles{animation:popIn .45s cubic-bezier(.34,1.56,.64,1) 1.25s backwards}.fp-left,.fp-right,.fp-thread,.fp-label,.fp-heart,.fp-sparkles,.fp-connector{transform-box:fill-box;transform-origin:50% 50%}.fp-left,.fp-right,.fp-thread,.fp-heart,.fp-label,.fp-sparkles{transition:transform .15s linear}@keyframes riseIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.rv .s1-bubble,.rv .s2-nodes>*,.rv .s3-heart,.rv .s3-stars{opacity:0}.rv-in .s1-bubble{animation:popIn .5s cubic-bezier(.34,1.56,.64,1) .45s both}.rv-in .s1-pencil{animation:scribble 1s ease-in-out .9s 2}.rv-in .s2-nodes>*{animation:popIn .45s cubic-bezier(.34,1.56,.64,1) both}.rv-in .s2-nodes>*:nth-child(1){animation-delay:.45s}.rv-in .s2-nodes>*:nth-child(2){animation-delay:.55s}.rv-in .s2-nodes>*:nth-child(3){animation-delay:.65s}.rv-in .s2-nodes>*:nth-child(4){animation-delay:.75s}.rv-in .s2-nodes>*:nth-child(5){animation-delay:.85s}.rv-in .s2-nodes>*:nth-child(6){animation-delay:.95s}.rv-in .s2-nodes>*:nth-child(n+7){animation-delay:1.05s}.rv-in .s3-heart{animation:popIn .55s cubic-bezier(.34,1.56,.64,1) .55s both}.rv-in .s3-stars{animation:popIn .5s cubic-bezier(.34,1.56,.64,1) .75s both}.rv-in .s2-edges>g:first-of-type path{animation:march 1.8s linear infinite}.rv-live:not(.rv-vis) .s2-edges path{animation-play-state:paused}.rv .s2-search{opacity:0}.rv-in .s2-search{animation:popIn .55s cubic-bezier(.34,1.56,.64,1) 1.1s both}.s1-bubble,.s1-pencil,.s2-nodes>*,.s2-search,.s3-heart,.s3-stars{transform-box:fill-box;transform-origin:50% 50%}.s1-pencil{transform-origin:20% 85%}@keyframes scribble{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg) translate(-1.5px)}50%{transform:rotate(2.5deg) translate(1px)}75%{transform:rotate(-2.5deg) translate(-1px)}}@media (prefers-reduced-motion: reduce){.idle{animation:none!important;will-change:auto}.rv,.rv-in,.rv .draw,.rv-in .draw,.rv .pop,.rv-in .pop,.rv .fade-in,.rv-in .fade-in,.rv-in .march,.rv .chat-b,.rv-in .chat-b,.lift{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}.rv .draw{stroke-dasharray:none;stroke-dashoffset:0}.rv .pop,.rv .fade-in,.rv .chat-b{opacity:1;transform:none}.rv .fp-left,.rv .fp-right,.rv .fp-thread,.rv .fp-heart,.rv .fp-label,.rv .fp-sparkles,.rv .fp-connector,.rv .s1-bubble,.rv .s2-nodes>*,.rv .s2-search,.rv .s3-heart,.rv .s3-stars{opacity:1;animation:none!important}.rv-in .s1-pencil,.rv-in .s2-edges path,.logo-hover:hover .logo-heart,.hero-illustration:hover .fp-heart path,.hero-illustration:hover .fp-sparkles>*,.step-card:hover .s1-pencil,.step-card:hover .s1-bubble>circle,.step-card:hover .s2-spark,.step-card:hover .s3-hands,.step-card:hover .s3-heart path,.step-card:hover .s3-stars path,.logo-hover:hover .logo-thread path,.garden-piece:hover svg{animation:none!important}.anim-soft{animation:none!important}}html{scroll-behavior:smooth}html,body{margin:0;padding:0}.paper-bg{background-color:var(--paper);background-image:radial-gradient(circle at 18% 12%,rgba(232,68,43,.035) 0%,transparent 40%),radial-gradient(circle at 86% 22%,rgba(240,180,48,.05) 0%,transparent 42%),radial-gradient(circle at 12% 88%,rgba(45,143,68,.04) 0%,transparent 42%),radial-gradient(circle at 86% 78%,rgba(232,68,43,.03) 0%,transparent 42%),repeating-linear-gradient(0deg,var(--grid-line) 0px,var(--grid-line) 1px,transparent 1px,transparent 3px),repeating-linear-gradient(90deg,var(--grid-line) 0px,var(--grid-line) 1px,transparent 1px,transparent 3px)}.paper-sheet{position:relative}.paper-sheet>.sheet-bg{position:absolute;top:20px;right:12px;bottom:20px;left:12px;border-radius:14px;box-shadow:4px 6px 0 var(--sheet-shadow),0 0 0 2px var(--ink);z-index:0}.paper-sheet>.sheet-content{position:relative;z-index:1}.hero-layout{display:flex;flex-direction:column;gap:32px}.hero-text{flex:1}.hero-illustration{display:flex;justify-content:center}.how-steps{display:flex;flex-direction:column;gap:0}.how-step-arrow{display:flex;justify-content:center;margin:6px 0}.how-step-arrow .how-step-arrow-left{display:none}.section-pad,.divider-pad{padding-left:20px;padding-right:20px}@media (min-width: 768px){.hero-layout{flex-direction:row-reverse;align-items:center;gap:48px}.hero-illustration{flex-shrink:0}.how-steps{flex-direction:row;gap:0;align-items:stretch}.how-step-arrow{align-self:center;margin:0 -4px;z-index:1}.how-step-arrow .how-step-arrow-down{display:none}.how-step-arrow .how-step-arrow-left{display:block}.section-pad,.divider-pad{padding-left:56px;padding-right:56px}.paper-sheet>.sheet-bg{top:20px;right:32px;bottom:20px;left:32px}}