.ho-stage{--ho-b:354 84% 70%;--ho-a:42 72% 66%;--ho-r:26 73% 58%;display:grid;place-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation}.ho{position:relative;display:grid;place-items:center;width:100%;max-width:300px;aspect-ratio:1;perspective:900px;container-type:inline-size}.ho-mark{position:relative;width:58%;color:hsl(var(--primary));overflow:visible;will-change:transform}.ho-sh{fill:hsl(var(--primary)/.2);pointer-events:none}.ho-piece{cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent}.ho-f{transition:fill .35s ease}.ho-press{transition:transform .18s cubic-bezier(.2,.7,.2,1)}.ho-press.press{transform:translate(6px,6px)}.ho-ring{fill:hsl(var(--primary));stroke:hsl(var(--primary));stroke-linejoin:round;pointer-events:none;visibility:hidden}.ho-piece:focus-visible .ho-ring{visibility:visible}.ho-cap{position:absolute;left:50%;bottom:2%;display:grid;place-items:center;width:-moz-max-content;width:max-content;max-width:var(--ho-cap-max,100%);transform:translateX(-50%);font-family:var(--font-geist-mono),ui-monospace,monospace;font-size:10px;line-height:16px;letter-spacing:.18em;text-transform:uppercase;color:hsl(var(--muted-foreground));pointer-events:none}.ho-done,.ho-labs{grid-area:1/1;display:flex;flex-wrap:wrap;justify-content:center;-moz-column-gap:16px;column-gap:16px;row-gap:4px}.ho-done,.ho-lab,.ho-labs{align-items:center;transition:opacity .6s ease,transform .6s ease}.ho-lab{display:inline-flex;gap:7px;opacity:0;transform:translateY(5px)}.ho-lab i{width:7px;height:6px;clip-path:polygon(0 0,100% 0,50% 100%)}.ho-lab.show{opacity:1;transform:none}.ho-done{opacity:0;transform:translateY(5px);color:hsl(var(--foreground))}.ho-cap.done .ho-labs{opacity:0;transform:translateY(-5px);transition-delay:.9s}.ho-cap.done .ho-done{opacity:1;transform:none;transition-delay:1.4s}.ho-in{animation:hoIn 1.1s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--in-delay,0s)}@keyframes hoIn{0%{opacity:0;transform:translate(var(--in-x,0),var(--in-y,0))}to{opacity:1;transform:none}}.ho-snap{animation:.8s cubic-bezier(.3,.7,.2,1) both}.ho-snap-1{animation-name:hoSnapA}.ho-snap-0{animation-name:hoSnapB}@keyframes hoSnapA{0%{transform:none}35%{transform:translate(var(--sx),var(--sy))}70%{transform:translate(calc(var(--sx) * -.2),calc(var(--sy) * -.2))}to{transform:none}}@keyframes hoSnapB{0%{transform:none}35%{transform:translate(var(--sx),var(--sy))}70%{transform:translate(calc(var(--sx) * -.2),calc(var(--sy) * -.2))}to{transform:none}}.ho-burst{position:absolute;left:50%;top:48%;width:0;height:0;pointer-events:none}.ho-burst i{position:absolute;left:0;top:0;clip-path:polygon(0 0,100% 0,50% 100%);opacity:0;animation:hoBit 1.1s cubic-bezier(.15,.7,.3,1) both;animation-delay:var(--bit-delay,0ms)}@keyframes hoBit{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}15%{opacity:1}to{opacity:0;transform:translate(calc(var(--tx) * 1cqw - 50%),calc(var(--ty) * 1cqw - 50%)) rotate(var(--r)) scale(1)}}@media (prefers-reduced-motion:reduce){.ho-in,.ho-snap{animation:none}.ho-burst{display:none}.ho-cap.done .ho-labs,.ho-done,.ho-lab,.ho-press.press{transform:none}}.hh-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr)}@media not all and (min-width:768px){.hh-stage{order:-1}.hh-title{padding:40px 20px 0;text-align:center}.hh-lede{padding:20px 20px 0;text-align:center}.hh-lede>p{margin-inline:auto;text-wrap:balance}.hh-cta{padding:32px 20px 40px;justify-content:center}.hh-stage{padding:22px 20px 10px;--ho-cap-max:calc(100vw - 72px)}.dash.hh-stage{--db:var(--dash-h)}.hh-stage .ho{max-width:200px}@media (max-height:649px){.hh-stage{padding:21px 20px 18px}.hh-stage .ho{max-width:150px}.hh-stage .ho-cap{bottom:-3px}}@media (max-height:599px){.hh-title{padding-top:28px}.hh-lede{padding-top:16px}.hh-cta{padding-top:24px}.hh-stage{padding:17px 20px 24px}.hh-stage .ho{max-width:120px}.hh-stage .ho-cap{bottom:-11px}}@media (max-height:713px){.hh-long .hh-stage{padding:21px 20px 18px}.hh-long .hh-stage .ho{max-width:150px}.hh-long .hh-stage .ho-cap{bottom:-3px}}@media (max-height:663px){.hh-long .hh-title{padding-top:28px}.hh-long .hh-lede{padding-top:16px}.hh-long .hh-cta{padding-top:24px}.hh-long .hh-stage{padding:17px 20px 24px}.hh-long .hh-stage .ho{max-width:120px}.hh-long .hh-stage .ho-cap{bottom:-11px}}@media (max-height:599px){.hh-long .hh-stage{display:none}}}@media (min-width:768px){.hh-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:minmax(80px,1fr) auto auto auto minmax(80px,1fr);min-height:480px}.hh-title{grid-column:1/3;grid-row:2;padding:0 40px}.hh-lede{grid-column:1/3;grid-row:3;padding:24px 40px 0}.hh-cta{grid-column:1/3;grid-row:4;padding:32px 40px 0}.hh-stage{grid-column:3;grid-row:1/-1;padding:40px 24px;--ho-cap-max:calc((min(100vw, 1262px) - 32px) / 3 - 16px)}.dash.hh-stage{--dl:var(--dash-v)}.hh-stage .ho{max-width:300px}}@media (min-width:1262px){.hh-grid{grid-template-rows:minmax(96px,1fr) auto auto minmax(96px,1fr);min-height:560px}.hh-cta,.hh-title{grid-column:1}.hh-cta{grid-row:3}.hh-stage{grid-column:2;padding:56px 40px}.dash.hh-lede{--dl:var(--dash-v)}.hh-lede{grid-column:3;grid-row:1/-1;display:flex;align-items:center;padding:96px 40px}}