@layer components{.hero-anim{--ha-ink:#181614;--ha-edge:#927dd0;--ha-violet:#5b42a8;--ha-peach:#ffc19b;max-width:35rem}.hero-anim .ha-wide{display:block}.hero-anim .ha-tall{display:none}@media (width<=29.99rem){.hero-anim{max-width:22.5rem}.hero-anim .ha-wide{display:none}.hero-anim .ha-tall{display:block}}.hero-anim .ha-text{font-family:var(--font-sans)}.hero-anim .ha-display{font-family:var(--font-display);font-weight:700}.hero-anim .ha-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}.hero-anim .ha-c{transform-box:fill-box;transform-origin:50%}.hero-anim .ha-l{transform-box:fill-box;transform-origin:0}@media (width<=39.99rem){.hero-anim .ha-note{display:none}}.hero-anim :is(.ha-s1,.ha-s2,.ha-s3,.ha-s4,.ha-s5-a0,.ha-s5-wait,.ha-s5-wm,.ha-s5-dl0),.hero-anim .ha-tall :is(.ha-s5-card,.ha-s5-tag1){opacity:0}.hero-anim .ha-s5-dlbg{fill:#bfe8c6;stroke:#2f8a46}.hero-anim .ha-rail{grid-template-columns:repeat(5,minmax(0,1fr));gap:.375rem;margin-top:.5rem;padding-inline:2%;display:grid;position:relative}.hero-anim .ha-rail:before{content:"";inset-inline:12%;background:var(--ha-edge);height:2px;margin-top:-1px;position:absolute;top:50%}.hero-anim .ha-step{justify-content:center;display:flex;position:relative}.hero-anim .ha-pill{border:1px solid var(--ha-edge);width:min(100%,6rem);min-height:2.375rem;color:var(--ha-ink);font-family:var(--font-sans);white-space:nowrap;background:#fff;border-radius:9999px;justify-content:center;align-items:center;gap:.25em;font-size:.9375rem;font-weight:600;line-height:1.2;display:flex}.hero-anim .ha-no{color:var(--ha-violet)}.hero-anim .ha-on{inset-block:0;border-color:var(--ha-ink);background:var(--ha-ink);color:#fff;position:absolute;left:50%;translate:-50%}.hero-anim .ha-on .ha-no{color:var(--ha-peach)}@media (width<=29.99rem),(orientation:landscape) and (height<=31.25rem){.hero-anim .ha-rail{gap:.25rem;padding-inline:0}.hero-anim .ha-pill{border-radius:.75rem;flex-direction:column;gap:0;width:100%;min-height:2.75rem;font-size:.8125rem}}.hero-anim[data-play] .ha-a{animation-duration:20s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-delay:-19.4s;animation-fill-mode:both}.hero-anim:is([data-paused],[data-offscreen]) .ha-a{animation-play-state:paused}.hero-anim:not([data-play]) .ha-toggle{visibility:hidden}.hero-anim[data-play] .ha-s1{animation-name:ha-s1}.hero-anim[data-play] .ha-s2{animation-name:ha-s2}.hero-anim[data-play] .ha-s3{animation-name:ha-s3}.hero-anim[data-play] .ha-s4{animation-name:ha-s4}.hero-anim[data-play] .ha-s5{animation-name:ha-s5}@keyframes ha-s1{0%,18%{opacity:1}19.5%,99%{opacity:0}to{opacity:1}}@keyframes ha-s2{0%,18.5%{opacity:0}20%,38%{opacity:1}39.5%,to{opacity:0}}@keyframes ha-s3{0%,38.5%{opacity:0}40%,60%{opacity:1}61.5%,to{opacity:0}}@keyframes ha-s4{0%,60.5%{opacity:0}62%,79%{opacity:1}80.5%,to{opacity:0}}@keyframes ha-s5{0%,79.5%{opacity:0}81%,98.5%{opacity:1}to{opacity:0}}.hero-anim[data-play] :is(.ha-s1-t0,.ha-s1-t1,.ha-s1-t2,.ha-s1-t3,.ha-s1-t4,.ha-s1-t5){animation-timing-function:cubic-bezier(.34,1.56,.64,1)}.hero-anim[data-play] .ha-s1-t0{animation-name:ha-s1-t0}.hero-anim[data-play] .ha-s1-t1{animation-name:ha-s1-t1}.hero-anim[data-play] .ha-s1-t2{animation-name:ha-s1-t2}.hero-anim[data-play] .ha-s1-t3{animation-name:ha-s1-t3}.hero-anim[data-play] .ha-s1-t4{animation-name:ha-s1-t4}.hero-anim[data-play] .ha-s1-t5{animation-name:ha-s1-t5}@keyframes ha-s1-t0{0%,1%{opacity:0;transform:translateY(-14px)}2.5%,to{opacity:1;transform:none}}@keyframes ha-s1-t1{0%,2.2%{opacity:0;transform:translateY(-14px)}3.7%,to{opacity:1;transform:none}}@keyframes ha-s1-t2{0%,3.4%{opacity:0;transform:translateY(-14px)}4.9%,to{opacity:1;transform:none}}@keyframes ha-s1-t3{0%,4.6%{opacity:0;transform:translateY(-14px)}6.1%,to{opacity:1;transform:none}}@keyframes ha-s1-t4{0%,5.8%{opacity:0;transform:translateY(-14px)}7.3%,to{opacity:1;transform:none}}@keyframes ha-s1-t5{0%,7%{opacity:0;transform:translateY(-14px)}8.5%,to{opacity:1;transform:none}}.hero-anim[data-play] .ha-s1-bar{animation-name:ha-s1-bar;animation-timing-function:linear}.hero-anim[data-play] .ha-s1-up{animation-name:ha-s1-up}.hero-anim[data-play] .ha-s1-ready{animation-name:ha-s1-ready}@keyframes ha-s1-bar{0%,1%{transform:scaleX(0)}9.5%,to{transform:scaleX(1)}}@keyframes ha-s1-up{0%,10%{opacity:1}10.5%,to{opacity:0}}@keyframes ha-s1-ready{0%,10.5%{opacity:0;transform:translateY(4px)}13%,to{opacity:1;transform:none}}.hero-anim[data-play] .ha-s2-qr{animation-name:ha-s2-qr;animation-timing-function:cubic-bezier(.34,1.56,.64,1)}.hero-anim[data-play] .ha-s2-price{animation-name:ha-s2-price}.hero-anim[data-play] .ha-s2-btn{animation-name:ha-s2-btn}.hero-anim[data-play] .ha-s2-btnbg{animation-name:ha-s2-btnbg}.hero-anim[data-play] .ha-s2-copy{animation-name:ha-s2-copy}.hero-anim[data-play] .ha-s2-copied{animation-name:ha-s2-copied}.hero-anim[data-play] .ha-s2-rip{animation-name:ha-s2-rip;animation-timing-function:ease-out}@keyframes ha-s2-qr{0%,21%{opacity:0;transform:scale(.85)}23.5%,to{opacity:1;transform:none}}@keyframes ha-s2-price{0%,23.5%{opacity:0;transform:translateY(6px)}24.5%,to{opacity:1;transform:none}}@keyframes ha-s2-btn{0%,30%{transform:scale(1)}30.8%{transform:scale(.93)}31.8%,to{transform:scale(1)}}@keyframes ha-s2-btnbg{0%,31%{fill:#181614}31.6%,to{fill:#bfe8c6}}@keyframes ha-s2-copy{0%,31%{opacity:1}31.4%,to{opacity:0}}@keyframes ha-s2-copied{0%,31.4%{opacity:0}31.9%,to{opacity:1}}@keyframes ha-s2-rip{0%,30.8%{opacity:0;transform:scale(.4)}31.3%{opacity:.8;transform:scale(.6)}34.5%,to{opacity:0;transform:scale(1.4)}}.hero-anim[data-play] .ha-s3-c1{animation-name:ha-s3-c1}.hero-anim[data-play] .ha-s3-c2{animation-name:ha-s3-c2}.hero-anim[data-play] .ha-s3-c3{animation-name:ha-s3-c3}.hero-anim[data-play] .ha-s3-btn{animation-name:ha-s3-btn}.hero-anim[data-play] .ha-s3-btnwrap{animation-name:ha-s3-btnwrap}.hero-anim[data-play] .ha-s3-tap{animation-name:ha-s3-tap;animation-timing-function:ease-out}.hero-anim[data-play] .ha-s3-selfie{animation-name:ha-s3-selfie}.hero-anim[data-play] .ha-s3-scan{animation-name:ha-s3-scan}.hero-anim[data-play] .ha-s3-h1{animation-name:ha-s3-h1}.hero-anim[data-play] .ha-s3-h2{animation-name:ha-s3-h2}.hero-anim[data-play] .ha-s3-all{animation-name:ha-s3-all}.hero-anim[data-play] :is(.ha-s3-r0,.ha-s3-r1,.ha-s3-r2){animation-timing-function:cubic-bezier(.34,1.56,.64,1)}.hero-anim[data-play] .ha-s3-r0{animation-name:ha-s3-r0}.hero-anim[data-play] .ha-s3-r1{animation-name:ha-s3-r1}.hero-anim[data-play] .ha-s3-r2{animation-name:ha-s3-r2}.hero-anim[data-play] .ha-s3-buy{animation-name:ha-s3-buy;animation-timing-function:cubic-bezier(.34,1.56,.64,1)}@keyframes ha-s3-c1{0%,40.5%{opacity:0;transform:translate(-8px)}42%,to{opacity:1;transform:none}}@keyframes ha-s3-btn{0%,44%{transform:scale(1)}44.7%{transform:scale(.92)}45.5%,to{transform:scale(1)}}@keyframes ha-s3-tap{0%,44.5%{opacity:0;transform:scale(.5)}44.9%{opacity:.8}47%,to{opacity:0;transform:scale(1.5)}}@keyframes ha-s3-selfie{0%,45.5%{opacity:0;transform:translateY(24px)}46.5%,52.5%{opacity:1;transform:none}53.5%,to{opacity:0;transform:none}}@keyframes ha-s3-c2{0%,46.5%{opacity:0;transform:translate(-8px)}48%,to{opacity:1;transform:none}}@keyframes ha-s3-scan{0%,47%{opacity:0;transform:translateY(0)}47.4%{opacity:1}49.4%{opacity:1;transform:translateY(96px)}49.7%,49.9%{opacity:0;transform:translateY(96px)}50%{opacity:0;transform:translateY(0)}50.3%{opacity:1}52.2%{opacity:1;transform:translateY(96px)}52.5%,to{opacity:0;transform:translateY(96px)}}@keyframes ha-s3-btnwrap{0%,53%{opacity:1}53.5%,to{opacity:0}}@keyframes ha-s3-all{0%,53%{opacity:1}53.5%,to{opacity:0}}@keyframes ha-s3-h1{0%,53%{opacity:1}53.5%,to{opacity:0}}@keyframes ha-s3-h2{0%,53.5%{opacity:0}54.5%,to{opacity:1}}@keyframes ha-s3-r0{0%,53.5%{opacity:0;transform:translateY(10px)}55%,to{opacity:1;transform:none}}@keyframes ha-s3-r1{0%,54.2%{opacity:0;transform:translateY(10px)}55.7%,to{opacity:1;transform:none}}@keyframes ha-s3-r2{0%,54.9%{opacity:0;transform:translateY(10px)}56.4%,to{opacity:1;transform:none}}@keyframes ha-s3-c3{0%,55.5%{opacity:0;transform:translate(8px)}57%,to{opacity:1;transform:none}}@keyframes ha-s3-buy{0%,56.5%{opacity:0;transform:translateY(8px)}58%,to{opacity:1;transform:none}}.hero-anim[data-play] .ha-s4-c1{animation-name:ha-s4-c1}.hero-anim[data-play] .ha-s4-c2{animation-name:ha-s4-c2}.hero-anim[data-play] .ha-s4-p0{animation-name:ha-s4-p0}.hero-anim[data-play] .ha-s4-p1{animation-name:ha-s4-p1}.hero-anim[data-play] .ha-s4-btn{animation-name:ha-s4-btn}.hero-anim[data-play] .ha-s4-sheet{animation-name:ha-s4-sheet;animation-timing-function:cubic-bezier(.25,1,.5,1)}.hero-anim[data-play] .ha-s4-sent{transform-box:fill-box;transform-origin:50%;animation-name:ha-s4-sent}@keyframes ha-s4-c1{0%,63%{opacity:0;transform:translate(-8px)}64.5%,to{opacity:1;transform:none}}@keyframes ha-s4-p0{0%,67.5%{opacity:1}68%,to{opacity:0}}@keyframes ha-s4-p1{0%,68%{opacity:0}68.5%,to{opacity:1}}@keyframes ha-s4-c2{0%,68%{opacity:0;transform:translate(8px)}69.5%,to{opacity:1;transform:none}}@keyframes ha-s4-btn{0%,71.5%{transform:scale(1)}72.2%{transform:scale(.92)}73%,to{transform:scale(1)}}@keyframes ha-s4-sheet{0%,73.3%{opacity:0;transform:translateY(24px)}74.5%,to{opacity:1;transform:none}}@keyframes ha-s4-sent{0%,73.6%{opacity:0;transform:scale(.92)}74.6%,to{opacity:1;transform:none}}.hero-anim[data-play] .ha-s5-c1{animation-name:ha-s5-c1}.hero-anim[data-play] .ha-s5-c2{animation-name:ha-s5-c2}.hero-anim[data-play] .ha-s5-phone{animation-name:ha-s5-phone;animation-timing-function:cubic-bezier(.25,1,.5,1)}.hero-anim[data-play] .ha-s5-btn{animation-name:ha-s5-btn}.hero-anim[data-play] .ha-s5-a0{animation-name:ha-s5-a0}.hero-anim[data-play] .ha-s5-a1{animation-name:ha-s5-a1;animation-timing-function:cubic-bezier(.34,1.56,.64,1)}.hero-anim .ha-s5-a1{transform-box:fill-box;transform-origin:0}.hero-anim[data-play] .ha-s5-arrow{stroke-dasharray:1;animation-name:ha-s5-arrow}.hero-anim[data-play] .ha-s5-wait{animation-name:ha-s5-wait}.hero-anim[data-play] .ha-s5-done{animation-name:ha-s5-done}.hero-anim[data-play] .ha-s5-wm{animation-name:ha-s5-wm}.hero-anim[data-play] .ha-s5-cap{animation-name:ha-s5-cap}.hero-anim[data-play] .ha-s5-dl{animation-name:ha-s5-dl}.hero-anim[data-play] .ha-s5-dlbg{animation-name:ha-s5-dlbg}.hero-anim[data-play] .ha-s5-dl0{animation-name:ha-s5-dl0}.hero-anim[data-play] .ha-s5-dl1{animation-name:ha-s5-dl1}.hero-anim[data-play] .ha-s5-spark{animation-name:ha-s5-spark}@keyframes ha-s5-phone{0%,81%{transform:translate(18px)}83%,to{transform:none}}@keyframes ha-s5-c1{0%,81.5%{opacity:0;transform:translateY(6px)}83%,to{opacity:1;transform:none}}@keyframes ha-s5-btn{0%,84.5%{transform:scale(1)}85.2%{transform:scale(.94)}86%,to{transform:scale(1)}}@keyframes ha-s5-a0{0%,85.8%{opacity:1}86.2%,to{opacity:0}}@keyframes ha-s5-a1{0%,86%{opacity:0;transform:scale(.8)}87%,to{opacity:1;transform:none}}@keyframes ha-s5-arrow{0%,86.2%{stroke-dashoffset:1px}87.2%,to{stroke-dashoffset:0}}@keyframes ha-s5-wait{0%,86.3%{opacity:1}86.6%,to{opacity:0}}@keyframes ha-s5-done{0%,86.6%{opacity:0}87%,to{opacity:1}}@keyframes ha-s5-wm{0%,86.6%{opacity:1}88%,to{opacity:0}}@keyframes ha-s5-cap{0%,86.6%{opacity:0}87%,to{opacity:1}}@keyframes ha-s5-c2{0%,89.5%{opacity:0;transform:translateY(6px)}91%,to{opacity:1;transform:none}}@keyframes ha-s5-dl{0%,89.5%{opacity:0;transform:scale(.85)}91%{opacity:1;transform:scale(1.05)}92%,93.5%{opacity:1;transform:none}94.2%{transform:scale(.94)}95%,to{opacity:1;transform:none}}@keyframes ha-s5-dlbg{0%,94.5%{fill:#ffc19b;stroke:#c98a63}95%,to{fill:#bfe8c6;stroke:#2f8a46}}@keyframes ha-s5-dl0{0%,94.5%{opacity:1}94.8%,to{opacity:0}}@keyframes ha-s5-dl1{0%,94.8%{opacity:0}95.3%,to{opacity:1}}@keyframes ha-s5-spark{0%,95%{opacity:0;transform:scale(.3)}96%{opacity:1;transform:scale(1.2)}97%,98%{opacity:1;transform:none}99%,to{opacity:0}}.hero-anim[data-play] .ha-tall .ha-s5-tag1{animation-name:ha-s5t-tag1}.hero-anim[data-play] .ha-tall .ha-s5-tag2{animation-name:ha-s5t-tag2}.hero-anim[data-play] .ha-tall .ha-s5-card{animation-name:ha-s5t-card}.hero-anim[data-play] .ha-tall .ha-s5-phone{animation-name:ha-s5t-phone;animation-timing-function:cubic-bezier(.25,1,.5,1)}.hero-anim[data-play] .ha-tall .ha-s5-wait{animation-name:ha-s5t-wait}.hero-anim[data-play] .ha-tall .ha-s5-done{animation-name:ha-s5t-done}.hero-anim[data-play] .ha-tall .ha-s5-wm{animation-name:ha-s5t-wm}.hero-anim[data-play] .ha-tall .ha-s5-cap{animation-name:ha-s5t-cap}.hero-anim[data-play] .ha-tall .ha-s5-dl{animation-name:ha-s5t-dl}@keyframes ha-s5t-tag1{0%,87.4%{opacity:1}88.1%,to{opacity:0}}@keyframes ha-s5t-tag2{0%,88.2%{opacity:0}88.9%,to{opacity:1}}@keyframes ha-s5t-card{0%,87.4%{opacity:1;transform:none}88.2%,to{opacity:0;transform:translateY(-16px)}}@keyframes ha-s5t-phone{0%,88.2%{opacity:0;transform:translateY(24px)}89.4%,to{opacity:1;transform:none}}@keyframes ha-s5t-wait{0%,90.6%{opacity:1}90.9%,to{opacity:0}}@keyframes ha-s5t-done{0%,90.9%{opacity:0}91.3%,to{opacity:1}}@keyframes ha-s5t-wm{0%,90.9%{opacity:1}92.3%,to{opacity:0}}@keyframes ha-s5t-cap{0%,90.9%{opacity:0}91.3%,to{opacity:1}}@keyframes ha-s5t-dl{0%,92%{opacity:0;transform:scale(.85)}93%{opacity:1;transform:scale(1.05)}93.6%{opacity:1;transform:none}94.2%{transform:scale(.94)}95%,to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.hero-anim .ha-a{animation:none!important}}}