.flow-map{--flow-map-ease: cubic-bezier(.2, .8, .2, 1)}.flow-map-stage{transition:opacity .5s ease}.flow-map[data-fading] .flow-map-stage{opacity:0}.flow-map[data-fading] .flow-map-stage *{transition:none!important;animation:none!important}.flow-map-node,.flow-map-hub,.flow-map-file{left:var(--mx);top:var(--my);translate:-50% -50%}@media(min-width:64rem){.flow-map-node,.flow-map-hub,.flow-map-file{left:var(--x);top:var(--y)}}.flow-map-file{opacity:0;transform:translateY(-1.5rem);transition:opacity .4s ease,transform .6s var(--flow-map-ease)}.flow-map[data-file] .flow-map-file{opacity:1;transform:none}.flow-map[data-drawn] .flow-map-file{opacity:0;transform:scale(1.15)}.flow-map-scan,.flow-map-reading{opacity:0;transition:opacity .3s ease}.flow-map[data-scanning] :is(.flow-map-scan,.flow-map-reading){opacity:1}.flow-map[data-scanning] .flow-map-scan{animation:flow-map-scan .9s ease-in-out 2 alternate}.flow-map-hub{opacity:0;transform:scale(.6);transition:opacity .4s ease,transform .6s var(--flow-map-ease)}.flow-map[data-drawn] .flow-map-hub{opacity:1;transform:none}.flow-map-rule{display:inline-block;opacity:0;transform:scale(.6);transition:opacity .3s ease,transform .4s cubic-bezier(.3,1.6,.5,1);transition-delay:calc(var(--rule) * .22s + .45s)}.flow-map[data-drawn] .flow-map-rule{opacity:1;transform:none}.flow-map[data-inputs] .flow-map-hub{animation:flow-map-glow .7s ease 1s,flow-map-glow .7s ease 2.3s}.flow-map-node{opacity:0;transform:translateY(.5rem);outline:2px solid transparent;transition:opacity .4s ease,transform .5s var(--flow-map-ease),outline-color .4s ease;transition-delay:calc(var(--node) * .12s + .7s),calc(var(--node) * .12s + .7s),var(--at)}.flow-map[data-drawn] .flow-map-node{opacity:1;transform:none}.flow-map[data-inputs] .flow-map-node[data-phase=inputs],.flow-map[data-outputs] .flow-map-node[data-phase=outputs]{outline-color:var(--color-marketing-primary)}.flow-map-line{stroke:color-mix(in oklch,var(--color-marketing-ink) 14%,transparent);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .7s var(--flow-map-ease),stroke .4s ease;transition-delay:calc(var(--line) * .12s + .3s),var(--at)}.flow-map[data-drawn] .flow-map-line{stroke-dashoffset:0}.flow-map[data-inputs] .flow-map-line[data-phase=inputs],.flow-map[data-outputs] .flow-map-line[data-phase=outputs]{stroke:var(--color-marketing-primary)}.flow-map-pulse{stroke:var(--color-marketing-primary);stroke-width:5;stroke-linecap:round;stroke-dasharray:.1 1.1;stroke-dashoffset:.1}.flow-map[data-inputs] .flow-map-pulse[data-phase=inputs],.flow-map[data-outputs] .flow-map-pulse[data-phase=outputs]{animation:flow-map-pulse .7s ease-in-out var(--at) both}.flow-map-chip,.flow-map-tag{opacity:0;transform:translateY(.4rem);transition:opacity .3s ease,transform .4s var(--flow-map-ease);transition-delay:var(--at)}.flow-map[data-inputs] :is(.flow-map-chip,.flow-map-tag){opacity:1;transform:none}.flow-map-stamp{opacity:0;transform:rotate(-6deg)}.flow-map[data-outputs] .flow-map-stamp{animation:flow-map-stamp .45s cubic-bezier(.3,1.6,.5,1) var(--at) both}.flow-map-bar{width:0;transition:width .9s var(--flow-map-ease) var(--at)}.flow-map[data-outputs] .flow-map-bar{width:68%}.flow-map-caption-intro{opacity:0;transform:translateY(.5rem);transition:opacity .5s ease,transform .6s var(--flow-map-ease)}.flow-map[data-file]:not([data-done]) .flow-map-caption-intro{opacity:1;transform:none}.flow-map-caption{opacity:0;transform:translateY(.5rem);transition:opacity .5s ease,transform .6s var(--flow-map-ease)}.flow-map[data-done] .flow-map-caption{opacity:1;transform:none}@keyframes flow-map-pulse{to{stroke-dashoffset:-1}}@keyframes flow-map-scan{0%{transform:translateY(-100%)}to{transform:translateY(var(--flow-map-scan-depth, 9rem))}}@keyframes flow-map-glow{50%{box-shadow:0 0 0 6px color-mix(in oklch,var(--color-marketing-primary) 35%,transparent)}}@keyframes flow-map-stamp{0%{opacity:0;transform:rotate(-6deg) scale(1.8)}to{opacity:1;transform:rotate(-6deg)}}@media(prefers-reduced-motion:reduce){.flow-map *,.flow-map *:before,.flow-map *:after{animation:none!important;transition:none!important}}.hero-loop{--hero-loop-ease: cubic-bezier(.2, .8, .2, 1)}.hero-loop-panel{opacity:0;transform:translate(2rem);transition:opacity .45s ease,transform .65s var(--hero-loop-ease)}.hero-loop-panel[data-state=active]{opacity:1;transform:none}.hero-loop-panel[data-state=past]{transform:translate(-2rem)}.hero-loop-panel[data-state=out]{transform:scale(.97);transition-duration:.7s}.hero-loop-crumb,.hero-loop-caption{opacity:0;transform:translateY(100%);transition:opacity .35s ease,transform .5s var(--hero-loop-ease)}.hero-loop-crumb[data-state=active],.hero-loop-caption[data-state=active]{opacity:1;transform:none}.hero-loop-crumb[data-state=past],.hero-loop-crumb[data-state=out],.hero-loop-caption[data-state=past],.hero-loop-caption[data-state=out]{transform:translateY(-100%)}.hero-loop-row{transition:opacity .35s ease,transform .45s var(--hero-loop-ease);transition-delay:calc(var(--row) * .14s + .2s)}.hero-loop-panel:is([data-state=future],[data-state=out]) .hero-loop-row{opacity:0;transform:translateY(.5rem);transition-delay:0s}.hero-loop-caret{opacity:0}.hero-loop[data-typing] .hero-loop-caret{animation:hero-loop-blink .9s steps(1) infinite}.hero-loop-badge-draft,.hero-loop-badge-approved,.hero-loop-pill-pending,.hero-loop-pill-paid{transition:opacity .3s ease,transform .4s var(--hero-loop-ease)}.hero-loop-badge-approved,.hero-loop-pill-paid{opacity:0;transform:translateY(.4rem)}.hero-loop[data-approved] .hero-loop-badge-draft{opacity:0;transform:translateY(-.4rem)}.hero-loop[data-approved] .hero-loop-badge-approved{opacity:1;transform:none}.hero-loop-pill{background:var(--color-marketing-tertiary-soft);color:var(--color-marketing-tertiary);transition:background-color .4s ease,color .4s ease}.hero-loop-check{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .35s ease .25s}.hero-loop-bar{width:62%;transition:width 1.1s var(--hero-loop-ease) .3s}.hero-loop[data-paid] .hero-loop-pill{background:var(--color-marketing-primary-soft);color:var(--color-marketing-primary-deep)}.hero-loop[data-paid] .hero-loop-pill-pending{opacity:0;transform:translateY(-.4rem)}.hero-loop[data-paid] .hero-loop-pill-paid{opacity:1;transform:none}.hero-loop[data-paid] .hero-loop-check{stroke-dashoffset:0}.hero-loop[data-paid] .hero-loop-bar{width:70%}.hero-loop-stamp{opacity:0;transform:rotate(-12deg)}.hero-loop-panel[data-state=active] .hero-loop-invoice{animation:hero-loop-settle .7s var(--hero-loop-ease) both}.hero-loop-panel[data-state=active] .hero-loop-invoice-total{animation:hero-loop-pop .45s var(--hero-loop-ease) .7s both}.hero-loop-panel[data-state=active] .hero-loop-stamp{animation:hero-loop-stamp .45s cubic-bezier(.3,1.6,.5,1) 1.3s both}.hero-loop-progress{transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.hero-loop-step:is([data-state=active],[data-state=past]) .hero-loop-progress{transform:scaleX(1)}.hero-loop-step[data-state=active] .hero-loop-progress{transition:transform var(--hero-loop-duration, 0ms) linear}@keyframes hero-loop-blink{50%{opacity:1}}@keyframes hero-loop-settle{0%{transform:translateY(1rem) rotate(2deg)}}@keyframes hero-loop-pop{0%{opacity:0;transform:scale(1.4)}}@keyframes hero-loop-stamp{0%{opacity:0;transform:rotate(-12deg) scale(1.8)}to{opacity:1;transform:rotate(-12deg)}}@media(prefers-reduced-motion:reduce){.hero-loop *,.hero-loop *:before,.hero-loop *:after{animation:none!important;transition:none!important}}.pain-loop{--pain-loop-ease: cubic-bezier(.2, .8, .2, 1)}.pain-loop-panel{opacity:0;transform:translateY(1rem);transition:opacity .45s ease,transform .65s var(--pain-loop-ease)}.pain-loop-panel[data-state=active]{opacity:1;transform:none}.pain-loop-panel[data-state=past]{transform:translateY(-1rem)}.pain-loop-panel[data-state=out]{transform:scale(.97);transition-duration:.7s}.pain-loop-panel[data-state=future] *{transition:none!important;animation:none!important}.pain-loop-strike{background:linear-gradient(var(--color-marketing-tertiary),var(--color-marketing-tertiary)) no-repeat 0 58% / 0% .1em;transition:background-size .6s ease,color .4s ease .3s}.pain-loop-panel[data-struck] .pain-loop-strike{background-size:100% .1em;color:var(--color-marketing-muted)}.pain-loop-answer{opacity:0;transform:translateY(1rem) scale(.98);transition:opacity .4s ease,transform .6s var(--pain-loop-ease)}.pain-loop-item{opacity:0;transform:translateY(.4rem);transition:opacity .3s ease,transform .4s var(--pain-loop-ease);transition-delay:var(--at)}.pain-loop-column{transform:scaleY(0);transform-origin:bottom;transition:transform .6s var(--pain-loop-ease) var(--at)}.pain-loop-bar{width:0;transition:width 1.1s var(--pain-loop-ease) var(--at)}.pain-loop-stamp{opacity:0;transform:rotate(-6deg)}.pain-loop-panel[data-answered] .pain-loop-answer,.pain-loop-panel[data-answered] .pain-loop-item,.pain-loop-panel[data-answered] .pain-loop-column{opacity:1;transform:none}.pain-loop-panel[data-answered] .pain-loop-bar{width:var(--width)}.pain-loop-panel[data-answered] .pain-loop-stamp{animation:pain-loop-stamp .45s cubic-bezier(.3,1.6,.5,1) var(--at) both}.pain-loop-caret{opacity:0}.pain-loop[data-typing] .pain-loop-caret{animation:pain-loop-blink .9s steps(1) infinite}.pain-loop-progress{transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.pain-loop-step:is([data-state=active],[data-state=past]) .pain-loop-progress{transform:scaleX(1)}.pain-loop-step[data-state=active] .pain-loop-progress{transition:transform var(--pain-loop-duration, 0ms) linear}@keyframes pain-loop-blink{50%{opacity:1}}@keyframes pain-loop-stamp{0%{opacity:0;transform:rotate(-6deg) scale(1.8)}to{opacity:1;transform:rotate(-6deg)}}@media(prefers-reduced-motion:reduce){.pain-loop *,.pain-loop *:before,.pain-loop *:after{animation:none!important;transition:none!important}}.sync-loop{--sync-loop-ease: cubic-bezier(.2, .8, .2, 1)}.sync-loop-tab{color:color-mix(in oklch,white 40%,transparent);background:color-mix(in oklch,white 6%,transparent);transition:color .3s ease,background-color .3s ease}.sync-loop-tab[data-state=past]{color:color-mix(in oklch,white 72%,transparent)}.sync-loop-tab[data-state=active]{color:var(--color-marketing-ink);background:#fff}.sync-loop-panel{opacity:0;transform:translate(1.5rem);transition:opacity .45s ease,transform .65s var(--sync-loop-ease)}.sync-loop-panel[data-state=active]{opacity:1;transform:none}.sync-loop-panel[data-state=past]{transform:translate(-1.5rem)}.sync-loop-panel[data-state=out]{transform:scale(.97);transition-duration:.7s}.sync-loop-panel[data-state=future] *{transition:none!important;animation:none!important}.sync-loop-drop,.sync-loop-item{opacity:0;transform:translateY(-.75rem);transition:opacity .35s ease,transform .5s var(--sync-loop-ease);transition-delay:var(--at)}.sync-loop-item{transform:translateY(.3rem)}.sync-loop-bar{width:0;transition:width 1.3s var(--sync-loop-ease) var(--at)}.sync-loop-pop,.sync-loop-stamp{opacity:0}.sync-loop-stamp{transform:rotate(-8deg)}.sync-loop-travel{left:0;translate:0 0;transition:left 1.2s ease-in-out var(--at),translate 1.2s ease-in-out var(--at)}.sync-loop-target{outline:2px solid transparent;transition:outline-color .4s ease var(--at)}.sync-loop-before,.sync-loop-after{transition:opacity .3s ease,transform .4s var(--sync-loop-ease);transition-delay:var(--at)}.sync-loop-after{opacity:0;transform:translateY(.4rem)}.sync-loop-panel[data-live] .sync-loop-drop,.sync-loop-panel[data-live] .sync-loop-item,.sync-loop-panel[data-live] .sync-loop-after{opacity:1;transform:none}.sync-loop-panel[data-live] .sync-loop-bar{width:var(--width)}.sync-loop-panel[data-live] .sync-loop-pop{animation:sync-loop-pop .4s cubic-bezier(.3,1.6,.5,1) var(--at) both}.sync-loop-panel[data-live] .sync-loop-stamp{animation:sync-loop-stamp .45s cubic-bezier(.3,1.6,.5,1) var(--at) both}.sync-loop-panel[data-live] .sync-loop-travel{left:100%;translate:-100% 0}.sync-loop-panel[data-live] .sync-loop-target{outline-color:var(--color-marketing-primary)}.sync-loop-panel[data-live] .sync-loop-before{opacity:0;transform:translateY(-.4rem)}.sync-loop-caret{opacity:0}.sync-loop[data-typing] .sync-loop-caret{animation:sync-loop-blink .9s steps(1) infinite}@keyframes sync-loop-blink{50%{opacity:1}}@keyframes sync-loop-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}@keyframes sync-loop-stamp{0%{opacity:0;transform:rotate(-8deg) scale(1.8)}to{opacity:1;transform:rotate(-8deg)}}@media(prefers-reduced-motion:reduce){.sync-loop *,.sync-loop *:before,.sync-loop *:after{animation:none!important;transition:none!important}}
