.product-motion{position:relative;overflow:hidden;padding:72px 0 24px;background:#fff}.product-motion-head{position:relative;z-index:3;text-align:center;max-width:640px;margin:0 auto 34px;padding:0 20px}.product-motion-head h2{font-size:clamp(1.9rem,3.6vw,3rem);margin:9px 0;line-height:1.22}.product-motion-head p{margin:0;color:var(--muted)}.motion-stage{position:relative;height:430px;min-width:1050px;left:50%;transform:translateX(-50%);width:1260px;isolation:isolate}.motion-stage:before{content:"";position:absolute;inset:29% 31%;background:radial-gradient(circle,rgba(31,103,212,.12),transparent 66%);filter:blur(18px)}.offer-float{position:absolute;display:flex;align-items:center;gap:12px;width:310px;min-height:92px;padding:12px 14px;border:1px solid #e0e8f1;border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 17px 36px rgba(31,61,100,.09);animation:offer-drift 7s ease-in-out infinite;z-index:2}.offer-float.dim{opacity:.38;filter:blur(.3px)}.offer-swatch{width:55px;height:55px;flex:0 0 auto;border-radius:12px;background:linear-gradient(145deg,#e6edf7,#fafcff);position:relative;overflow:hidden}.offer-swatch:before{content:"";position:absolute;width:33px;height:33px;border-radius:50%;border:5px solid #bcd2ee;left:11px;top:14px}.offer-swatch:after{content:"";position:absolute;width:28px;height:7px;border-radius:99px;background:#ccdced;left:14px;top:13px}.offer-copy{min-width:0;flex:1}.offer-copy b{display:block;font-size:.93rem;color:#13233a;margin-bottom:5px}.offer-copy span{display:block;color:#718197;font-size:.75rem}.offer-a{top:80px;right:-42px;transform:rotate(-7deg);animation-delay:-1.2s}.offer-b{top:133px;right:259px;transform:rotate(2deg);animation-delay:-3.6s}.offer-c{top:218px;right:12px;transform:rotate(6deg);animation-delay:-2.2s}.offer-d{top:224px;right:338px;transform:rotate(-3deg);animation-delay:-5.2s}.offer-e{top:98px;left:-18px;transform:rotate(7deg);animation-delay:-2.7s}.offer-f{top:184px;left:250px;transform:rotate(-2deg);animation-delay:-4.5s}.offer-g{top:288px;left:30px;transform:rotate(-7deg);animation-delay:-.4s}.offer-h{top:292px;right:155px;transform:rotate(4deg);animation-delay:-3.1s}.radar-hub{position:absolute;z-index:4;top:176px;left:50%;transform:translateX(-50%);width:118px;height:118px;border-radius:34px;background:linear-gradient(145deg,#2f7dff,#1257c8);box-shadow:0 22px 40px rgba(22,94,198,.3),inset 0 1px 0 rgba(255,255,255,.38);display:grid;place-items:center;animation:hub-breathe 4s ease-in-out infinite}.radar-hub:before{content:"";position:absolute;width:248px;height:248px;border:1px solid rgba(41,112,229,.12);border-radius:50%;z-index:-1;animation:ring 5s linear infinite}.radar-hub:after{content:"";position:absolute;top:-75px;width:8px;height:75px;border-radius:99px;background:linear-gradient(to top,rgba(25,99,214,.05),#4f8dff);z-index:-1}.hub-mark{display:flex;align-items:end;gap:5px;height:44px}.hub-mark i{display:block;width:9px;border-radius:5px;background:white}.hub-mark i:nth-child(1){height:22px}.hub-mark i:nth-child(2){height:43px}.hub-mark i:nth-child(3){height:32px}@keyframes offer-drift{50%{margin-top:-12px;box-shadow:0 25px 44px rgba(31,61,100,.14)}}@keyframes hub-breathe{50%{transform:translateX(-50%) translateY(-8px)}}@keyframes ring{to{transform:rotate(360deg) scale(1.05)}}@media(max-width:760px){.product-motion{padding-top:55px}.motion-stage{height:310px;min-width:760px;width:900px}.offer-float{width:230px;min-height:72px;padding:9px 10px;gap:8px}.offer-swatch{width:42px;height:42px;border-radius:9px}.offer-swatch:before{width:24px;height:24px;border-width:4px;left:9px;top:11px}.offer-swatch:after{width:22px;left:10px;top:9px}.offer-copy b{font-size:.72rem}.offer-copy span{font-size:.63rem}.offer-a{top:45px}.offer-b{top:90px;right:200px}.offer-c{top:159px}.offer-d{top:168px;right:265px}.offer-e{top:75px}.offer-f{top:143px;left:190px}.offer-g{top:225px}.offer-h{top:220px;right:115px}.radar-hub{top:119px;width:88px;height:88px;border-radius:27px}.radar-hub:before{width:180px;height:180px}.radar-hub:after{top:-53px;height:53px}.hub-mark{height:33px}.hub-mark i{width:7px}.hub-mark i:nth-child(1){height:17px}.hub-mark i:nth-child(2){height:32px}.hub-mark i:nth-child(3){height:24px}}@media(prefers-reduced-motion:reduce){.offer-float,.radar-hub,.radar-hub:before{animation:none}}