@keyframes product-beam{0%{opacity:0;transform:translate(-30%,-30%)rotate(45deg)}15%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate(30%,30%)rotate(45deg)}}@keyframes product-reveal{0%{opacity:0;filter:blur(6px);transform:translateY(14px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes product-lane-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.product-beam{background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--rx-accent) 0%, transparent) 30%, color-mix(in srgb, var(--rx-accent) 16%, transparent) 50%, transparent 70%);filter:blur(40px);pointer-events:none;width:180vmax;height:18rem;margin:-9rem 0 0 -90vmax;animation:9s cubic-bezier(.45,0,.2,1) infinite product-beam;position:absolute;top:50%;left:50%}.product-lane{transform-origin:0;background:linear-gradient(90deg, transparent, var(--rx-accent) 45%, transparent);opacity:.55;pointer-events:none;height:1px;animation:1.6s cubic-bezier(.16,1,.3,1) .3s both product-lane-grow;position:absolute;top:58%;left:-10%;right:-10%;rotate:-18deg}.product-reveal{animation:.9s cubic-bezier(.16,1,.3,1) both product-reveal}.product-grid{background-image:linear-gradient(to right, var(--rx-line) 1px, transparent 1px), linear-gradient(to bottom, var(--rx-line) 1px, transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000,#0000);mask-image:radial-gradient(70% 60% at 50% 30%,#000,#0000)}