.hero-chip{rotate:var(--chip-tilt,0deg)}.hero-stage[data-mode=motion] .hero-chip-drift{animation:hero-chip-drift 7.2s var(--ease-in-out-soft) infinite alternate;animation-delay:calc(var(--chip-i,0) * -1.7s)}@keyframes hero-chip-drift{0%{transform:translate(-2px,-4px)}to{transform:translate(2px,4px)}}.hero-chip-enter{perspective:640px;transition:opacity var(--hero-enter) var(--ease-out-soft), transform var(--hero-enter) var(--ease-out-soft)}.hero-chip[data-state=hidden] .hero-chip-enter{opacity:0;transform:translateY(20px)scale(.96)}.hero-chip-card{transform-style:preserve-3d;transition:transform var(--hero-flip) var(--ease-out-soft);display:grid}.hero-chip[data-state=paid] .hero-chip-card{transform:rotateX(180deg)}.hero-chip-face{backface-visibility:hidden;grid-area:1/1}.hero-chip-face-paid{transform:rotateX(180deg)}.hero-chip-strike{inset-inline:-3px;background:var(--brand);transform-origin:0;height:2px;transition:transform .2s var(--ease-out-soft);border-radius:1px;position:absolute;top:calc(50% - 1px);transform:scaleX(0)}.hero-chip:is([data-state=struck],[data-state=paid]) .hero-chip-strike{transform:scaleX(1)}.hero-buddy-press{transform-origin:50% 100%;animation:hero-buddy-press .3s var(--ease-out-soft) both}@keyframes hero-buddy-press{40%{transform:translateY(3%)scale(1.04,.94)}}.hero-stamp-press{animation:hero-stamp-press .3s var(--ease-out-soft) both}@keyframes hero-stamp-press{0%{opacity:.6;transform:translateY(-10px)scale(1.14)}45%{opacity:1;transform:translateY(2px)scale(.96)}}.hero-wash{background:radial-gradient(closest-side, var(--brand-soft), transparent)}