.hp-wheel{box-shadow:inset 0 0 0 6px var(--color-base-100), 0 25px 50px -12px #00000040;animation:32s linear infinite hp-spin}.hp-wheel-glow{background:radial-gradient(closest-side, color-mix(in oklab, var(--color-primary) 22%, transparent), transparent 70%)}.hp-hub{background:#343440}.hp-pointer{clip-path:polygon(50% 0,100% 100%,0 100%);background:#343440}.hp-chip{animation:hp-bob var(--bob-duration,6s) ease-in-out var(--bob-delay,0s) infinite}.hp-confetti{width:var(--confetti-size,.5rem);height:var(--confetti-size,.5rem);background:var(--confetti-color,var(--color-accent));opacity:0;animation:hp-twinkle var(--confetti-duration,3.2s) ease-in-out var(--confetti-delay,0s) infinite;border-radius:9999px;position:absolute;top:0;left:0}.hp-rotator{transition:opacity .22s,transform .22s;display:inline-block}.hp-rotator.hp-rotator-out{opacity:0;transform:translateY(.3em)rotate(3deg)}.hp-emoji-tile{background:color-mix(in oklab, var(--tint,var(--color-primary)) 14%, transparent);color:var(--tint,var(--color-primary))}.hp-feature,.hp-card,.hp-way{transition:translate .15s,border-color .15s,box-shadow .15s}.hp-feature:hover,.hp-card:hover,.hp-way:hover{border-color:color-mix(in oklab, var(--tint,var(--color-primary)) 45%, transparent);translate:0 -4px;box-shadow:0 10px 15px -3px #0000001a}.hp-card:hover .hp-emoji-tile,.hp-feature:hover .hp-emoji-tile{animation:.4s hp-wiggle}.hp-ticker-track{animation:8s ease-in-out infinite hp-tick}.hp-mini-wheel{animation:14s linear infinite hp-spin}.hp-way:hover .hp-mini-wheel{animation-duration:3s}.hp-bar-a{animation:5s ease-in-out infinite hp-shuffle-a;top:0}.hp-bar-b{top:var(--shuffle-row-2,1.3125rem);animation:5s ease-in-out infinite hp-shuffle-b}.hp-bar-c{top:var(--shuffle-row-3,2.625rem);animation:5s ease-in-out infinite hp-shuffle-c}.hp-tool-chip{transition:scale .15s}.hp-tool-chip:hover{scale:1.06}.hp-dot-l{animation:4s ease-in-out infinite hp-split-l}.hp-dot-r{animation:4s ease-in-out infinite hp-split-r}.hp-cta{background:radial-gradient(120% 160% at 15% 0%, color-mix(in oklab, var(--color-primary) 14%, transparent), transparent 55%), radial-gradient(120% 160% at 90% 100%, color-mix(in oklab, var(--color-accent) 18%, transparent), transparent 55%), var(--color-base-200)}.hp-cta .hp-confetti{opacity:.6;animation-name:hp-twinkle}html[data-hp-reveal] .hp-reveal{opacity:0;transition:opacity .55s,translate .55s;translate:0 18px}html[data-hp-reveal] .hp-reveal.hp-reveal-in{opacity:1;translate:0}html[data-hp-reveal] .hp-reveal-grid>.hp-reveal:nth-child(8n+2){transition-delay:60ms}html[data-hp-reveal] .hp-reveal-grid>.hp-reveal:nth-child(8n+3){transition-delay:.12s}html[data-hp-reveal] .hp-reveal-grid>.hp-reveal:nth-child(8n+4){transition-delay:.18s}html[data-hp-reveal] .hp-reveal-grid>.hp-reveal:nth-child(8n+5){transition-delay:.24s}html[data-hp-reveal] .hp-reveal-grid>.hp-reveal:nth-child(8n+6){transition-delay:.3s}html[data-hp-reveal] .hp-reveal-grid>.hp-reveal:nth-child(8n+7){transition-delay:.36s}html[data-hp-reveal] .hp-reveal-grid>.hp-reveal:nth-child(8n+8){transition-delay:.42s}@keyframes hp-spin{to{transform:rotate(360deg)}}@keyframes hp-bob{0%,to{transform:translateY(-5%)}50%{transform:translateY(6%)}}@keyframes hp-twinkle{0%,to{opacity:0;transform:translateY(7px)scale(.4)}50%{opacity:.85;transform:translateY(-7px)scale(1)}}@keyframes hp-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}@keyframes hp-tick{0%,18%{transform:translateY(0)}25%,43%{transform:translateY(-20%)}50%,68%{transform:translateY(-40%)}75%,93%{transform:translateY(-60%)}to{transform:translateY(-80%)}}@keyframes hp-shuffle-a{0%,12%,to{top:0}25%,45%{top:var(--shuffle-row-2,1.3125rem)}58%,78%{top:var(--shuffle-row-3,2.625rem)}91%{top:0}}@keyframes hp-shuffle-b{0%,12%,to{top:var(--shuffle-row-2,1.3125rem)}25%,45%{top:var(--shuffle-row-3,2.625rem)}58%,78%{top:0}91%{top:var(--shuffle-row-2,1.3125rem)}}@keyframes hp-shuffle-c{0%,12%,to{top:var(--shuffle-row-3,2.625rem)}25%,45%{top:0}58%,78%{top:var(--shuffle-row-2,1.3125rem)}91%{top:var(--shuffle-row-3,2.625rem)}}@keyframes hp-split-l{0%,30%,to{transform:translate(0)}50%,80%{transform:translate(-.45rem)}}@keyframes hp-split-r{0%,30%,to{transform:translate(0)}50%,80%{transform:translate(.45rem)}}@media (prefers-reduced-motion:reduce){.hp-wheel,.hp-mini-wheel,.hp-chip,.hp-confetti,.hp-ticker-track,.hp-bar,.hp-dot,.hp-card:hover .hp-emoji-tile,.hp-feature:hover .hp-emoji-tile{animation:none}.hp-confetti{opacity:.5;transform:scale(1)}.hp-rotator{transition:none}}