.hero-fade{opacity:.01;transform:translateY(12px);animation:heroFadeIn .55s cubic-bezier(.22,1,.36,1) forwards}@media(min-width:768px){.hero-fade{transform:translateY(16px);animation-duration:.65s;animation-delay:var(--d, 0ms)}}@keyframes heroFadeIn{to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.hero-fade,.device-left,.device-right{animation:none!important;opacity:1!important;transform:none!important}.beam-pink,.beam-green,.lock-state,.step-num-1,.step-num-2,.step-num-3,.opt-p-unsel,.opt-p-sel,.opt-y-unsel,.opt-y-sel,.partner-submitted,.partner-wait-indicator{animation:none!important}.lock-state{opacity:0!important}.opt-p-sel{opacity:1!important}.opt-p-unsel{opacity:0!important}.opt-y-sel{opacity:1!important}.opt-y-unsel{opacity:0!important}.partner-submitted{opacity:1!important}.partner-wait-indicator{opacity:0!important}.step-num-1,.step-num-2,.step-num-3{opacity:1!important}.match-badge{animation:none!important;opacity:1!important;transform:translate(-50%,-50%) scale(1)!important}}.device-left{animation:deviceEnterLeft .8s .4s cubic-bezier(.22,1,.36,1) both}.device-right{animation:deviceEnterRight .8s .5s cubic-bezier(.22,1,.36,1) both}@keyframes deviceEnterLeft{0%{opacity:0;transform:translate(-24px) rotate(-2deg)}to{opacity:1;transform:translate(0) rotate(-2deg)}}@keyframes deviceEnterRight{0%{opacity:0;transform:translate(24px) rotate(2deg)}to{opacity:1;transform:translate(0) rotate(2deg)}}.step-num-1{will-change:opacity;animation:stepN1 8s 1s infinite}.step-num-2{will-change:opacity;animation:stepN2 8s 1s infinite}.step-num-3{will-change:opacity;animation:stepN3 8s 1s infinite}@keyframes stepN1{0%,14%{opacity:1}20%,94%{opacity:.28}to{opacity:1}}@keyframes stepN2{0%,14%{opacity:.28}18%,54%{opacity:1}60%,to{opacity:.28}}@keyframes stepN3{0%,54%{opacity:.28}58%,88%{opacity:1}94%,to{opacity:.28}}.lock-state{will-change:opacity;animation:lockVis 8s 1s infinite}@keyframes lockVis{0%,54%{opacity:1}60%,88%{opacity:0}94%,to{opacity:1}}.opt-p-unsel{will-change:opacity;animation:optPUnsel 8s 1s infinite}@keyframes optPUnsel{0%,15%{opacity:1}20%,88%{opacity:0}94%,to{opacity:1}}.opt-p-sel{will-change:opacity;opacity:0;animation:optPSel 8s 1s infinite}@keyframes optPSel{0%,15%{opacity:0}20%,88%{opacity:1}94%,to{opacity:0}}.opt-y-unsel{will-change:opacity;animation:optYUnsel 8s 1s infinite}@keyframes optYUnsel{0%,55%{opacity:1}60%,88%{opacity:0}94%,to{opacity:1}}.opt-y-sel{will-change:opacity;opacity:0;animation:optYSel 8s 1s infinite}@keyframes optYSel{0%,55%{opacity:0}60%,88%{opacity:0}94%,to{opacity:0}}.partner-submitted{will-change:opacity;opacity:0;animation:partnerSubmit 8s 1s infinite}@keyframes partnerSubmit{0%,15%{opacity:0}20%,88%{opacity:1}94%,to{opacity:0}}.partner-wait-indicator{will-change:opacity;opacity:0;animation:partnerWait 8s 1s infinite}@keyframes partnerWait{0%,15%{opacity:0}20%,54%{opacity:1}60%,to{opacity:0}}.beam-pink{background:linear-gradient(90deg,transparent,#fb7185,transparent);will-change:opacity,transform;animation:beamMove 8s 1s infinite,beamPink 8s 1s infinite}.beam-green{background:linear-gradient(90deg,transparent,#34d399,transparent);will-change:opacity,transform;animation:beamMove 8s 1s infinite,beamGreen 8s 1s infinite}@keyframes beamMove{0%,12%{transform:translate(-100%)}18%,88%{transform:translate(0)}95%,to{transform:translate(100%)}}@keyframes beamPink{0%,12%{opacity:0}18%,50%{opacity:1}55%,to{opacity:0}}@keyframes beamGreen{0%,54%{opacity:0}60%,88%{opacity:1}95%,to{opacity:0}}.match-badge{opacity:0;transform:translate(-50%,-50%) scale(0);animation:matchPop 8s 1s infinite}@keyframes matchPop{0%,54%{opacity:0;transform:translate(-50%,-50%) scale(0)}60%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}65%,88%{opacity:1;transform:translate(-50%,-50%) scale(1)}94%,to{opacity:0;transform:translate(-50%,-50%) scale(0)}}