.wpfp{overflow:hidden}.wpfp-grid{perspective:1400px}.wpfp-card{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease;will-change:transform}.wpfp-card:before{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:inherit;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(255,255,255,.18),transparent 42%);opacity:0;transition:opacity .3s}.wpfp-card:hover:before{opacity:1}.wpfp-card:hover{box-shadow:0 28px 70px rgba(28,59,101,.2)}.wpfp-motion-ready .wpfp-card{opacity:0;transform:translateY(70px) scale(.94) rotateX(5deg);filter:blur(7px)}.wpfp-motion-ready .wpfp-card.wpfp-in{opacity:1;filter:blur(0);transform:translateY(0) scale(1) rotateX(var(--rx)) rotateY(var(--ry));transition:opacity .8s var(--wpfp-delay) cubic-bezier(.16,1,.3,1),filter .8s var(--wpfp-delay),transform .9s var(--wpfp-delay) cubic-bezier(.16,1,.3,1),box-shadow .35s ease}.wpfp-in .wpfp-browser{animation:wpfp-float 5.2s ease-in-out infinite}.wpfp-in .wpfp-phone{animation:wpfp-phone 4.6s ease-in-out infinite}.wpfp-in .wpfp-dashboard{animation:wpfp-dash 5s ease-in-out infinite}.wpfp-in .wpfp-security{animation:wpfp-float 5.6s .4s ease-in-out infinite}.shop-orb{animation:wpfp-orb 4.5s ease-in-out infinite}.dash-bars i{transform-origin:bottom;animation:wpfp-bars 2.8s ease-in-out infinite alternate}.dash-bars i:nth-child(2){animation-delay:.2s}.dash-bars i:nth-child(3){animation-delay:.4s}.dash-bars i:nth-child(4){animation-delay:.6s}.dash-bars i:nth-child(5){animation-delay:.8s}.scan-ring{animation:wpfp-scan 4s linear infinite}.wpfp-kicker i{animation:wpfp-pulse 1.8s ease-in-out infinite}.wpfp-bottom a b{display:inline-block;animation:wpfp-arrow 1.6s ease-in-out infinite}.phone-art{animation:wpfp-blob 5s ease-in-out infinite}.shop-copy,.phone-hero,.dash-score,.scan-text{transform:translateZ(24px)}@keyframes wpfp-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(.5deg)}}@keyframes wpfp-phone{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-14px) rotate(2deg)}}@keyframes wpfp-dash{0%,100%{transform:translateY(0) rotate(.5deg)}50%{transform:translateY(-10px) rotate(-1deg)}}@keyframes wpfp-orb{0%,100%{transform:scale(1);filter:hue-rotate(0)}50%{transform:scale(1.12) translate(-10px,8px);filter:hue-rotate(20deg)}}@keyframes wpfp-bars{from{transform:scaleY(.55);opacity:.7}to{transform:scaleY(1);opacity:1}}@keyframes wpfp-scan{to{transform:rotate(360deg)}}@keyframes wpfp-pulse{0%,100%{box-shadow:0 0 0 0 rgba(87,179,108,.3)}50%{box-shadow:0 0 0 8px rgba(87,179,108,0)}}@keyframes wpfp-arrow{50%{transform:translate(4px,-4px)}}@keyframes wpfp-blob{0%,100%{border-radius:50%;transform:rotate(0) scale(1)}50%{border-radius:35% 65% 57% 43%;transform:rotate(15deg) scale(1.08)}}@media(prefers-reduced-motion:reduce){.wpfp *{animation:none!important;transition:none!important}.wpfp-motion-ready .wpfp-card{opacity:1;filter:none;transform:none}}@media(max-width:760px){.wpfp-card{transform:none!important}.wpfp-card:before{display:none}}

@media(max-width:760px){.wpfp-in .wpfp-phone{animation:wpfp-phone-mobile 5s ease-in-out infinite}.phone-art{animation:wpfp-blob-mobile 5s ease-in-out infinite}.shop-orb{animation:wpfp-orb-mobile 5s ease-in-out infinite}@keyframes wpfp-phone-mobile{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes wpfp-blob-mobile{0%,100%{border-radius:50%;transform:rotate(0) scale(1)}50%{border-radius:42% 58% 54% 46%;transform:rotate(8deg) scale(1.025)}}@keyframes wpfp-orb-mobile{0%,100%{transform:scale(1)}50%{transform:scale(1.035) translate(-3px,2px)}}}