/* CodeOSman 2026 — generated by tools/codeosman/build.py. Do not edit by hand. */
.cm-wrap{position:relative;display:inline-block;width:var(--cm-size,200px);aspect-ratio:240/280;-webkit-tap-highlight-color:transparent;user-select:none}
.cm-wrap>svg.cm{position:absolute;inset:0;width:100%;height:100%;overflow:visible;display:block}
.cm *{transform-box:view-box}
.cm .cm-arm-l{transform-origin:80px 116px}
.cm .cm-arm-r{transform-origin:160px 116px}
.cm .cm-head{transform-origin:120px 108px}
.cm .cm-hero{transform-origin:120px 262px}
.cm .cm-body{transform-origin:120px 262px}
.cm .cm-cape{transform-origin:120px 110px}
.cm .cm-leg-l{transform-origin:106px 190px}
.cm .cm-leg-r{transform-origin:134px 190px}
.cm .cm-torso{transform-origin:120px 150px}
.cm .cm-arm-l{transform:rotate(12deg)} .cm .cm-arm-r{transform:rotate(-12deg)}
.cm .cm-p,.cm .cm-coin,.cm .cm-drop,.cm .cm-conf,.cm .cm-spark,.cm .cm-star,.cm .cm-bicep,.cm .cm-jarcoin{opacity:0;transform-box:fill-box;transform-origin:center}
.cm .cm-p-rays{transform-box:view-box;transform-origin:120px 92px}
.cm .cm-jar-fill{transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(.12)}
.cm .cm-fake-x,.cm .cm-robot-heart,.cm .cm-gear1,.cm .cm-gear2,.cm .cm-shackle,.cm .cm-emblem-glow{transform-box:fill-box;transform-origin:center}
.cm .cm-shackle{transform-origin:100% 100%}
.cm .cm-p-flame{transform-origin:50% 100%}
.cm .cm-fake-x{opacity:0}
.cm .cm-pie-people{--len:84;stroke-dasharray:84}.cm .cm-pie-cos{--len:10;stroke-dasharray:10}
.cm .cm-beam{transform-box:fill-box}
.cm .cm-mouth,.cm .cm-eyes-happy,.cm .cm-eyes-wink{opacity:0;transition:opacity .12s}.cm .cm-mouth-smile{opacity:1}
.cm[data-face="grin"] .cm-mouth-smile{opacity:0}.cm[data-face="grin"] .cm-mouth-grin{opacity:1}
.cm[data-face="o"] .cm-mouth-smile{opacity:0}.cm[data-face="o"] .cm-mouth-o{opacity:1}
.cm[data-face="happy"] .cm-mouth-smile{opacity:0}.cm[data-face="happy"] .cm-mouth-grin{opacity:1}
.cm[data-face="happy"] .cm-eyes-open{opacity:0}.cm[data-face="happy"] .cm-eyes-happy{opacity:1}
.cm[data-face="wink"] .cm-mouth-smile{opacity:0}.cm[data-face="wink"] .cm-mouth-smile{opacity:1}
.cm[data-face="wink"] .cm-eyes-open{opacity:0}.cm[data-face="wink"] .cm-eyes-wink{opacity:1}
.cm[data-face="focus"] .cm-mouth-smile{opacity:0}.cm[data-face="focus"] .cm-mouth-flat{opacity:1}
.cm[data-face="focus"] .cm-brows{transform:translateY(2px)} .cm[data-face="o"] .cm-brows{transform:translateY(-3px)}
.cm .cm-brows{transition:transform .2s}
@keyframes cm-breathe{0%,100%{transform:none}50%{transform:translateY(-1.5px) scale(1.008,1.004)}}
@keyframes cm-blink{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.1)}}
@keyframes cm-cape-idle{0%,100%{transform:skewX(0)}50%{transform:skewX(1.6deg)}}
.cm .cm-eyes{transform-origin:120px 70px;animation:cm-blink 4.6s infinite}
.cm:not([data-anim]) .cm-body{animation:cm-breathe 3.4s ease-in-out infinite}
.cm:not([data-anim]) .cm-cape{animation:cm-cape-idle 3.4s ease-in-out infinite}
@keyframes cm-fx-burst{0%{opacity:0;transform:translate(0,0) scale(.3)}12%{opacity:1}70%{opacity:1;transform:translate(var(--dx),var(--dy)) scale(1)}100%{opacity:0;transform:translate(var(--dx),calc(var(--dy) + 26px)) scale(.7)}}
@keyframes cm-fx-fall{0%{opacity:0;transform:translateY(0)}10%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translateY(var(--fy,240px))}}
@keyframes cm-fx-confetti{0%{opacity:0;transform:translate(0,0) rotate(0)}8%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--rot))}}
@keyframes cm-fx-sparkle{0%,100%{opacity:0;transform:scale(.2) rotate(0)}40%{opacity:1;transform:scale(1.15) rotate(45deg)}70%{opacity:.8;transform:scale(.9) rotate(80deg)}}
@keyframes cm-fx-beam{0%,100%{transform:translateY(-9px)}50%{transform:translateY(9px)}}
@keyframes cm-fx-scan{0%{opacity:0;transform:translateY(-9px)}15%{opacity:1}50%{transform:translateY(9px)}85%{opacity:1}100%{opacity:0;transform:translateY(-9px)}}
@keyframes cm-fx-glow{0%,100%{opacity:0;transform:scale(.9)}35%,65%{opacity:1;transform:scale(1.08)}}
@keyframes cm-fx-heartbeat{0%,100%{transform:scale(1)}15%{transform:scale(1.25)}30%{transform:scale(1)}45%{transform:scale(1.2)}}
@keyframes cm-fx-alertblink{0%{opacity:0;transform:scale(.4)}10%{opacity:1;transform:scale(1.15)}15%,100%{opacity:1;transform:scale(1)}}
@keyframes cm-fx-draw{0%{stroke-dashoffset:var(--len)}100%{stroke-dashoffset:0}}
@keyframes cm-fx-fill{0%{transform:scaleY(.12)}100%{transform:scaleY(1)}}
@keyframes cm-fx-drop{0%{opacity:0;transform:translateY(-20px)}15%{opacity:1}80%{opacity:1;transform:translateY(58px)}100%{opacity:0;transform:translateY(62px) scale(.6)}}
@keyframes cm-fx-unlock{0%{transform:none}40%{transform:translateY(-7px)}60%{transform:translateY(-7px) rotate(-22deg)}100%{transform:translateY(-7px) rotate(-22deg)}}
@keyframes cm-fx-flicker{0%{opacity:0;transform:scale(.3)}12%{opacity:1;transform:scale(1.15,1.2)}24%{transform:scale(.95,1.05)}36%{transform:scale(1.06,.95)}48%{transform:scale(.97,1.08)}60%{transform:scale(1.05,.96)}72%{transform:scale(.98,1.06)}86%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.6)}}
@keyframes cm-fx-spin{to{transform:rotate(360deg)}}
@keyframes cm-fx-spinrev{to{transform:rotate(-360deg)}}
@keyframes cm-fx-dots{0%,100%{opacity:.2}50%{opacity:1}}
@keyframes cm-fx-bulge{0%,100%{opacity:0;transform:scale(.4)}20%{opacity:1;transform:scale(1.25)}35%{transform:scale(1)}55%{transform:scale(1.3)}70%{opacity:1;transform:scale(1)}90%{opacity:1}}
@keyframes cm-welcome-hero{0%{opacity:0;transform:translate(0px,-120px)}30%{opacity:1;transform:translate(0px,6px) scale(1.04,.96)}40%{transform:translate(0px,-6px)}50%{transform:translate(0px,0px)}100%{transform:translate(0px,0px)}}
.cm[data-anim="welcome"] .cm-hero{animation:cm-welcome-hero 2600ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-welcome-arm-r{0%{transform:rotate(-12deg)}45%{transform:rotate(-150deg)}53.9%{transform:rotate(-136deg)}63.6%{transform:rotate(-164deg)}73.4%{transform:rotate(-136deg)}83.1%{transform:rotate(-164deg)}90%{transform:rotate(-150deg)}100%{transform:rotate(-12deg)}}
.cm[data-anim="welcome"] .cm-arm-r{animation:cm-welcome-arm-r 2600ms cubic-bezier(.45,.05,.35,1) both}
.cm[data-anim="welcome"] .cm-spark{animation:cm-fx-sparkle 900ms ease-in-out calc(900ms + var(--d,0ms)) 2 both}
@keyframes cm-scan-reward-arm-r{0%{transform:rotate(-12deg)}12%{transform:rotate(-120deg)}86%{transform:rotate(-120deg)}100%{transform:rotate(-12deg)}}
.cm[data-anim="scan-reward"] .cm-arm-r{animation:cm-scan-reward-arm-r 2800ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-scan-reward-phone{0%{opacity:0;transform:scale(.4)}14%{opacity:0;transform:scale(.4)}20%{opacity:1;transform:scale(1.15)}24%{opacity:1;transform:scale(1)}86%{opacity:1;transform:scale(1)}94%{opacity:0;transform:scale(.4)}100%{opacity:0;transform:scale(.4)}}
.cm[data-anim="scan-reward"] .cm-p-phone{animation:cm-scan-reward-phone 2800ms cubic-bezier(.45,.05,.35,1) both}
.cm[data-anim="scan-reward"] .cm-beam{animation:cm-fx-beam 500ms ease-in-out calc(450ms + var(--d,0ms)) 3 both}
.cm[data-anim="scan-reward"] .cm-emblem-glow{animation:cm-fx-glow 1400ms ease-in-out calc(500ms + var(--d,0ms)) 1 both}
.cm[data-anim="scan-reward"] .cm-scanline{animation:cm-fx-scan 700ms ease-in-out calc(450ms + var(--d,0ms)) 2 both}
.cm[data-anim="scan-reward"] .cm-coin{animation:cm-fx-burst 1300ms cubic-bezier(.2,.8,.3,1) calc(1000ms + var(--d,0ms)) 1 both}
@keyframes cm-scan-reward-hero{0%{transform:none}36%{transform:none}42%{transform:translate(0px,-10px)}50%{transform:none}100%{transform:none}}
.cm[data-anim="scan-reward"] .cm-hero{animation:cm-scan-reward-hero 2800ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-first-discovery-flag{0%{opacity:0;transform:translate(0px,-240px)}10%{opacity:1;transform:translate(0px,-240px)}30%{opacity:1;transform:translate(0px,0px) scale(1,.9)}36%{transform:translate(0px,-8px)}42%{opacity:1;transform:none}90%{opacity:1;transform:none}100%{opacity:0;transform:none}}
.cm[data-anim="first-discovery"] .cm-p-flag{animation:cm-first-discovery-flag 2800ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-first-discovery-arm-l{0%{transform:rotate(12deg)}30%{transform:rotate(40deg)}88%{transform:rotate(40deg)}100%{transform:rotate(12deg)}}
.cm[data-anim="first-discovery"] .cm-arm-l{animation:cm-first-discovery-arm-l 2800ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-first-discovery-arm-r{0%{transform:rotate(-12deg)}40%{transform:rotate(-150deg)}88%{transform:rotate(-150deg)}100%{transform:rotate(-12deg)}}
.cm[data-anim="first-discovery"] .cm-arm-r{animation:cm-first-discovery-arm-r 2800ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-first-discovery-head{0%{transform:none}30%{transform:rotate(-6deg)}60%{transform:rotate(-6deg)}80%{transform:none}100%{transform:none}}
.cm[data-anim="first-discovery"] .cm-head{animation:cm-first-discovery-head 2800ms cubic-bezier(.45,.05,.35,1) both}
.cm[data-anim="first-discovery"] .cm-spark{animation:cm-fx-sparkle 900ms ease-in-out calc(900ms + var(--d,0ms)) 2 both}
.cm[data-anim="kropelki"] .cm-drop{animation:cm-fx-fall 1500ms cubic-bezier(.5,0,.9,.6) calc(200ms + var(--d,0ms)) 1 both}
@keyframes cm-kropelki-arm-l{0%{transform:rotate(12deg)}10%{transform:rotate(70deg)}90%{transform:rotate(70deg)}100%{transform:rotate(12deg)}}
.cm[data-anim="kropelki"] .cm-arm-l{animation:cm-kropelki-arm-l 3400ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-kropelki-arm-r{0%{transform:rotate(-12deg)}10%{transform:rotate(-70deg)}90%{transform:rotate(-70deg)}100%{transform:rotate(-12deg)}}
.cm[data-anim="kropelki"] .cm-arm-r{animation:cm-kropelki-arm-r 3400ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-kropelki-head{0%{transform:none}12%{transform:translate(0px,-3px) rotate(-3deg)}50%{transform:translate(0px,-3px) rotate(3deg)}88%{transform:translate(0px,-3px) rotate(-2deg)}100%{transform:none}}
.cm[data-anim="kropelki"] .cm-head{animation:cm-kropelki-head 3400ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-balance-grow-arm-r{0%{transform:rotate(-12deg)}14%{transform:rotate(-125deg)}34.5%{transform:rotate(-117deg)}67.5%{transform:rotate(-133deg)}86%{transform:rotate(-125deg)}100%{transform:rotate(-12deg)}}
.cm[data-anim="balance-grow"] .cm-arm-r{animation:cm-balance-grow-arm-r 2600ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-balance-grow-head{0%{transform:none}20%{transform:rotate(4deg)}30%{transform:none}40%{transform:rotate(4deg)}50%{transform:none}100%{transform:none}}
.cm[data-anim="balance-grow"] .cm-head{animation:cm-balance-grow-head 2600ms cubic-bezier(.45,.05,.35,1) both}
.cm[data-anim="balance-grow"] .cm-spark{animation:cm-fx-sparkle 900ms ease-in-out calc(600ms + var(--d,0ms)) 2 both}
@keyframes cm-qr-handshake-arm-r{0%{transform:rotate(-12deg)}10%{transform:rotate(-125deg)}88%{transform:rotate(-125deg)}100%{transform:rotate(-12deg)}}
.cm[data-anim="qr-handshake"] .cm-arm-r{animation:cm-qr-handshake-arm-r 3000ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-qr-handshake-qr{0%{opacity:0;transform:scale(.4)}12%{opacity:0;transform:scale(.4)}18%{opacity:1;transform:scale(1.15)}22%{opacity:1;transform:scale(1)}88%{opacity:1;transform:scale(1)}95%{opacity:0;transform:scale(.4)}100%{opacity:0;transform:scale(.4)}}
.cm[data-anim="qr-handshake"] .cm-p-qr{animation:cm-qr-handshake-qr 3000ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-qr-handshake-friendphone{0%{opacity:0;transform:translate(40px,0px)}30%{opacity:0;transform:translate(40px,0px)}44%{opacity:1;transform:none}88%{opacity:1;transform:none}96%{opacity:0;transform:none}100%{opacity:0}}
.cm[data-anim="qr-handshake"] .cm-p-friendphone{animation:cm-qr-handshake-friendphone 3000ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-qr-handshake-heart{0%{opacity:0;transform:scale(.4)}55%{opacity:0;transform:translate(150px,10px) scale(.4)}62%{opacity:1;transform:translate(150px,0px) scale(1.1)}85%{opacity:1;transform:translate(150px,-30px) scale(1)}95%{opacity:0;transform:translate(150px,-40px) scale(.8)}100%{opacity:0;transform:scale(.4)}}
.cm[data-anim="qr-handshake"] .cm-p-heart{animation:cm-qr-handshake-heart 3000ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-motivated-buy-arm-l{0%{transform:rotate(12deg)}10%{transform:rotate(110deg)}40%{transform:rotate(110deg)}100%{transform:rotate(12deg)}}
.cm[data-anim="motivated-buy"] .cm-arm-l{animation:cm-motivated-buy-arm-l 2800ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-motivated-buy-arm-r{0%{transform:rotate(-12deg)}40%{transform:rotate(-12deg)}52%{transform:rotate(-115deg)}86%{transform:rotate(-115deg)}100%{transform:rotate(-12deg)}}
.cm[data-anim="motivated-buy"] .cm-arm-r{animation:cm-motivated-buy-arm-r 2800ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-motivated-buy-heart{0%{opacity:0;transform:scale(.4)}10%{opacity:0;transform:translate(-14px,10px) scale(.4)}20%{opacity:1;transform:translate(-14px,10px) scale(1.15)}30%{opacity:1;transform:translate(-14px,10px) scale(1)}55%{opacity:1;transform:translate(176px,-6px) scale(1)}62%{opacity:1;transform:translate(176px,-6px) scale(1.3)}86%{opacity:1;transform:translate(176px,-6px) scale(1)}96%{opacity:0;transform:translate(176px,-20px) scale(.6)}100%{opacity:0;transform:scale(.4)}}
.cm[data-anim="motivated-buy"] .cm-p-heart{animation:cm-motivated-buy-heart 2800ms cubic-bezier(.45,.05,.35,1) both}
.cm[data-anim="motivated-buy"] .cm-spark{animation:cm-fx-sparkle 900ms ease-in-out calc(1500ms + var(--d,0ms)) 2 both}
@keyframes cm-receipt-check-arm-l{0%{transform:rotate(12deg)}10%{transform:rotate(122deg)}88%{transform:rotate(122deg)}100%{transform:rotate(12deg)}}
.cm[data-anim="receipt-check"] .cm-arm-l{animation:cm-receipt-check-arm-l 2800ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-receipt-check-receipt{0%{opacity:0;transform:scale(.4)}12%{opacity:0;transform:scale(.4)}18%{opacity:1;transform:scale(1.15)}22%{opacity:1;transform:scale(1)}88%{opacity:1;transform:scale(1)}95%{opacity:0;transform:scale(.4)}100%{opacity:0;transform:scale(.4)}}
.cm[data-anim="receipt-check"] .cm-p-receipt{animation:cm-receipt-check-receipt 2800ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-receipt-check-magnifier{0%{opacity:0;transform:scale(.4)}22%{opacity:0;transform:scale(.4)}30%{opacity:1;transform:translate(-168px,-140px) scale(.8)}40%{opacity:1;transform:translate(-160px,-136px) scale(.8)}50%{opacity:1;transform:translate(-172px,-128px) scale(.8)}60%{opacity:1;transform:translate(-164px,-124px) scale(.8)}66%{opacity:0;transform:translate(-164px,-124px) scale(.6)}100%{opacity:0;transform:scale(.4)}}
.cm[data-anim="receipt-check"] .cm-p-magnifier{animation:cm-receipt-check-magnifier 2800ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-receipt-check-check{0%{opacity:0;transform:scale(.4)}64%{opacity:0;transform:scale(.4)}70%{opacity:1;transform:scale(1.15)}74%{opacity:1;transform:scale(1)}90%{opacity:1;transform:scale(1)}97%{opacity:0;transform:scale(.4)}100%{opacity:0;transform:scale(.4)}}
.cm[data-anim="receipt-check"] .cm-p-check{animation:cm-receipt-check-check 2800ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-my-robot-robot{0%{opacity:0;transform:translate(80px,0px)}25%{opacity:1;transform:translate(0px,0px)}30%{opacity:1;transform:translate(-4px,0px)}34%{opacity:1;transform:none}90%{opacity:1;transform:none}100%{opacity:0;transform:none}}
.cm[data-anim="my-robot"] .cm-p-robot{animation:cm-my-robot-robot 3000ms cubic-bezier(.45,.05,.35,1) both}
.cm[data-anim="my-robot"] .cm-robot-heart{animation:cm-fx-heartbeat 900ms ease-in-out calc(900ms + var(--d,0ms)) 2 both}
@keyframes cm-my-robot-arm-r{0%{transform:rotate(-12deg)}28%{transform:rotate(-38deg)}88%{transform:rotate(-38deg)}100%{transform:rotate(-12deg)}}
.cm[data-anim="my-robot"] .cm-arm-r{animation:cm-my-robot-arm-r 3000ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-my-robot-head{0%{transform:none}30%{transform:rotate(8deg)}85%{transform:rotate(8deg)}100%{transform:none}}
.cm[data-anim="my-robot"] .cm-head{animation:cm-my-robot-head 3000ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-my-robot-hero{0%{transform:none}30%{transform:translate(-8px,4px)}85%{transform:translate(-8px,4px)}100%{transform:none}}
.cm[data-anim="my-robot"] .cm-hero{animation:cm-my-robot-hero 3000ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-video-answer-video{0%{opacity:0;transform:scale(.4)}8%{opacity:0;transform:scale(.4)}14%{opacity:1;transform:scale(1.15)}18%{opacity:1;transform:scale(1)}88%{opacity:1;transform:scale(1)}96%{opacity:0;transform:scale(.4)}100%{opacity:0;transform:scale(.4)}}
.cm[data-anim="video-answer"] .cm-p-video{animation:cm-video-answer-video 3000ms cubic-bezier(.45,.05,.35,1) both}
.cm[data-anim="video-answer"] .cm-star{animation:cm-fx-sparkle 900ms ease-in-out calc(800ms + var(--d,0ms)) 2 both}
.cm[data-anim="video-answer"] .cm-p-stars{opacity:1;transform:none}
@keyframes cm-video-answer-arm-l{0%{transform:rotate(12deg)}14%{transform:rotate(-28deg)}22%{transform:rotate(-10deg)}30%{transform:rotate(-28deg)}38%{transform:rotate(-10deg)}46%{transform:rotate(-28deg)}54%{transform:rotate(-10deg)}62%{transform:rotate(-28deg)}80%{transform:rotate(12deg)}100%{transform:rotate(12deg)}}
.cm[data-anim="video-answer"] .cm-arm-l{animation:cm-video-answer-arm-l 3000ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-video-answer-arm-r{0%{transform:rotate(-12deg)}14%{transform:rotate(28deg)}22%{transform:rotate(10deg)}30%{transform:rotate(28deg)}38%{transform:rotate(10deg)}46%{transform:rotate(28deg)}54%{transform:rotate(10deg)}62%{transform:rotate(28deg)}80%{transform:rotate(-12deg)}100%{transform:rotate(-12deg)}}
.cm[data-anim="video-answer"] .cm-arm-r{animation:cm-video-answer-arm-r 3000ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-fraud-blocked-arm-r{0%{transform:rotate(-12deg)}12%{transform:rotate(-108deg)}86%{transform:rotate(-108deg)}100%{transform:rotate(-12deg)}}
.cm[data-anim="fraud-blocked"] .cm-arm-r{animation:cm-fraud-blocked-arm-r 2800ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-fraud-blocked-stop{0%{opacity:0;transform:scale(.4)}14%{opacity:0;transform:scale(.4)}20%{opacity:1;transform:scale(1.15)}24%{opacity:1;transform:scale(1)}86%{opacity:1;transform:scale(1)}94%{opacity:0;transform:scale(.4)}100%{opacity:0;transform:scale(.4)}}
.cm[data-anim="fraud-blocked"] .cm-p-stop{animation:cm-fraud-blocked-stop 2800ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-fraud-blocked-head{0%{transform:none}20%{transform:rotate(-7deg)}30%{transform:rotate(7deg)}40%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}60%{transform:none}100%{transform:none}}
.cm[data-anim="fraud-blocked"] .cm-head{animation:cm-fraud-blocked-head 2800ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-fraud-blocked-arm-l{0%{transform:rotate(12deg)}30%{transform:rotate(-20deg)}80%{transform:rotate(-20deg)}100%{transform:rotate(12deg)}}
.cm[data-anim="fraud-blocked"] .cm-arm-l{animation:cm-fraud-blocked-arm-l 2800ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-brand-claim-arm-r{0%{transform:rotate(-12deg)}10%{transform:rotate(-120deg)}88%{transform:rotate(-120deg)}100%{transform:rotate(-12deg)}}
.cm[data-anim="brand-claim"] .cm-arm-r{animation:cm-brand-claim-arm-r 3000ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-brand-claim-box{0%{opacity:0;transform:scale(.4)}12%{opacity:0;transform:scale(.4)}18%{opacity:1;transform:scale(1.15)}22%{opacity:1;transform:scale(1)}88%{opacity:1;transform:scale(1)}95%{opacity:0;transform:scale(.4)}100%{opacity:0;transform:scale(.4)}}
.cm[data-anim="brand-claim"] .cm-p-box{animation:cm-brand-claim-box 3000ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-brand-claim-badge{0%{opacity:0;transform:scale(.4)}40%{opacity:0;transform:translate(0px,-40px) scale(.6)}52%{opacity:1;transform:translate(0px,0px) scale(1.25)}58%{opacity:1;transform:scale(1)}88%{opacity:1;transform:scale(1)}95%{opacity:0;transform:scale(.4)}100%{opacity:0;transform:scale(.4)}}
.cm[data-anim="brand-claim"] .cm-p-badge{animation:cm-brand-claim-badge 3000ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-brand-claim-arm-l{0%{transform:rotate(12deg)}46%{transform:rotate(130deg)}88%{transform:rotate(130deg)}100%{transform:rotate(12deg)}}
.cm[data-anim="brand-claim"] .cm-arm-l{animation:cm-brand-claim-arm-l 3000ms cubic-bezier(.45,.05,.35,1) both}
.cm[data-anim="brand-claim"] .cm-spark{animation:cm-fx-sparkle 900ms ease-in-out calc(1600ms + var(--d,0ms)) 2 both}
@keyframes cm-recall-shield-arm-l{0%{transform:rotate(12deg)}10%{transform:rotate(100deg)}88%{transform:rotate(100deg)}100%{transform:rotate(12deg)}}
.cm[data-anim="recall-shield"] .cm-arm-l{animation:cm-recall-shield-arm-l 2800ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-recall-shield-shield{0%{opacity:0;transform:scale(.4)}12%{opacity:0;transform:scale(.4)}18%{opacity:1;transform:scale(1.15)}22%{opacity:1;transform:scale(1)}88%{opacity:1;transform:scale(1)}95%{opacity:0;transform:scale(.4)}100%{opacity:0;transform:scale(.4)}}
.cm[data-anim="recall-shield"] .cm-p-shield{animation:cm-recall-shield-shield 2800ms cubic-bezier(.45,.05,.35,1) both}
.cm[data-anim="recall-shield"] .cm-p-alert{animation:cm-fx-alertblink 300ms ease-out calc(300ms + var(--d,0ms)) 1 both}
@keyframes cm-recall-shield-hero{0%{transform:none}10%{transform:translate(4px,0px)}16%{transform:translate(-3px,0px)}22%{transform:none}100%{transform:none}}
.cm[data-anim="recall-shield"] .cm-hero{animation:cm-recall-shield-hero 2800ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-counterfeit-fakebox{0%{opacity:0;transform:scale(.4)}6%{opacity:0;transform:scale(.4)}12%{opacity:1;transform:scale(1.15)}16%{opacity:1;transform:scale(1)}90%{opacity:1;transform:scale(1)}97%{opacity:0;transform:scale(.4)}100%{opacity:0;transform:scale(.4)}}
.cm[data-anim="counterfeit"] .cm-p-fakebox{animation:cm-counterfeit-fakebox 3000ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-counterfeit-arm-r{0%{transform:rotate(-12deg)}14%{transform:rotate(-36deg)}88%{transform:rotate(-36deg)}100%{transform:rotate(-12deg)}}
.cm[data-anim="counterfeit"] .cm-arm-r{animation:cm-counterfeit-arm-r 3000ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-counterfeit-magnifier{0%{opacity:0;transform:scale(.4)}16%{opacity:0;transform:scale(.4)}24%{opacity:1;transform:scale(1)}34%{opacity:1;transform:translate(6px,-4px)}44%{opacity:1;transform:translate(-4px,2px)}54%{opacity:1;transform:translate(2px,0px)}88%{opacity:1;transform:scale(1)}95%{opacity:0;transform:scale(.4)}100%{opacity:0;transform:scale(.4)}}
.cm[data-anim="counterfeit"] .cm-p-magnifier{animation:cm-counterfeit-magnifier 3000ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-counterfeit-fake-x{0%{opacity:0;transform:scale(.3)}55%{opacity:0;transform:scale(.3)}62%{opacity:1;transform:scale(1.2)}68%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(1)}}
.cm[data-anim="counterfeit"] .cm-fake-x{animation:cm-counterfeit-fake-x 3000ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-counterfeit-head{0%{transform:none}20%{transform:rotate(10deg)}85%{transform:rotate(10deg)}100%{transform:none}}
.cm[data-anim="counterfeit"] .cm-head{animation:cm-counterfeit-head 3000ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-transparency-2-arm-r{0%{transform:rotate(-12deg)}10%{transform:rotate(-128deg)}88%{transform:rotate(-128deg)}100%{transform:rotate(-12deg)}}
.cm[data-anim="transparency-2"] .cm-arm-r{animation:cm-transparency-2-arm-r 2800ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-transparency-2-pie{0%{opacity:0;transform:scale(.4)}12%{opacity:0;transform:scale(.4)}18%{opacity:1;transform:scale(1.15)}22%{opacity:1;transform:scale(1)}88%{opacity:1;transform:scale(1)}95%{opacity:0;transform:scale(.4)}100%{opacity:0;transform:scale(.4)}}
.cm[data-anim="transparency-2"] .cm-p-pie{animation:cm-transparency-2-pie 2800ms cubic-bezier(.45,.05,.35,1) both}
.cm[data-anim="transparency-2"] .cm-pie-people{animation:cm-fx-draw 800ms cubic-bezier(.3,.8,.3,1) calc(400ms + var(--d,0ms)) 1 both}
.cm[data-anim="transparency-2"] .cm-pie-cos{animation:cm-fx-draw 800ms cubic-bezier(.3,.8,.3,1) calc(1100ms + var(--d,0ms)) 1 both}
@keyframes cm-transparency-2-arm-l{0%{transform:rotate(12deg)}20%{transform:rotate(-15deg)}85%{transform:rotate(-15deg)}100%{transform:rotate(12deg)}}
.cm[data-anim="transparency-2"] .cm-arm-l{animation:cm-transparency-2-arm-l 2800ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-pool-grow-jar{0%{opacity:0;transform:scale(.4)}6%{opacity:0;transform:scale(.4)}12%{opacity:1;transform:scale(1.15)}16%{opacity:1;transform:scale(1)}90%{opacity:1;transform:scale(1)}97%{opacity:0;transform:scale(.4)}100%{opacity:0;transform:scale(.4)}}
.cm[data-anim="pool-grow"] .cm-p-jar{animation:cm-pool-grow-jar 3000ms cubic-bezier(.45,.05,.35,1) both}
.cm[data-anim="pool-grow"] .cm-jar-fill{animation:cm-fx-fill 2000ms cubic-bezier(.3,.7,.3,1) calc(300ms + var(--d,0ms)) 1 both}
.cm[data-anim="pool-grow"] .cm-jarcoin{animation:cm-fx-drop 800ms cubic-bezier(.5,0,.9,.5) calc(200ms + var(--d,0ms)) 2 both}
@keyframes cm-pool-grow-arm-l{0%{transform:rotate(12deg)}14%{transform:rotate(40deg)}88%{transform:rotate(40deg)}100%{transform:rotate(12deg)}}
.cm[data-anim="pool-grow"] .cm-arm-l{animation:cm-pool-grow-arm-l 3000ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-unlock-arm-r{0%{transform:rotate(-12deg)}10%{transform:rotate(-120deg)}88%{transform:rotate(-120deg)}100%{transform:rotate(-12deg)}}
.cm[data-anim="unlock"] .cm-arm-r{animation:cm-unlock-arm-r 2800ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-unlock-lock{0%{opacity:0;transform:scale(.4)}12%{opacity:0;transform:scale(.4)}18%{opacity:1;transform:scale(1.15)}22%{opacity:1;transform:scale(1)}88%{opacity:1;transform:scale(1)}95%{opacity:0;transform:scale(.4)}100%{opacity:0;transform:scale(.4)}}
.cm[data-anim="unlock"] .cm-p-lock{animation:cm-unlock-lock 2800ms cubic-bezier(.45,.05,.35,1) both}
.cm[data-anim="unlock"] .cm-shackle{animation:cm-fx-unlock 700ms cubic-bezier(.34,1.56,.64,1) calc(1000ms + var(--d,0ms)) 1 both}
.cm[data-anim="unlock"] .cm-coin{animation:cm-fx-burst 1300ms cubic-bezier(.2,.8,.3,1) calc(1250ms + var(--d,0ms)) 1 both}
@keyframes cm-unlock-hero{0%{transform:none}40%{transform:none}46%{transform:translate(0px,-8px)}54%{transform:none}100%{transform:none}}
.cm[data-anim="unlock"] .cm-hero{animation:cm-unlock-hero 2800ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-streak-arm-r{0%{transform:rotate(-12deg)}10%{transform:rotate(-150deg)}88%{transform:rotate(-150deg)}100%{transform:rotate(-12deg)}}
.cm[data-anim="streak"] .cm-arm-r{animation:cm-streak-arm-r 2600ms cubic-bezier(.45,.05,.35,1) both}
.cm[data-anim="streak"] .cm-p-flame{animation:cm-fx-flicker 2100ms ease-in-out calc(250ms + var(--d,0ms)) 1 both}
@keyframes cm-streak-arm-l{0%{transform:rotate(12deg)}20%{transform:rotate(30deg)}85%{transform:rotate(30deg)}100%{transform:rotate(12deg)}}
.cm[data-anim="streak"] .cm-arm-l{animation:cm-streak-arm-l 2600ms cubic-bezier(.45,.05,.35,1) both}
.cm[data-anim="streak"] .cm-emblem-glow{animation:cm-fx-glow 1400ms ease-in-out calc(400ms + var(--d,0ms)) 1 both}
@keyframes cm-shelf-raid-shelf{0%{opacity:0;transform:translate(40px,0px)}14%{opacity:1;transform:none}90%{opacity:1;transform:none}100%{opacity:0;transform:none}}
.cm[data-anim="shelf-raid"] .cm-p-shelf{animation:cm-shelf-raid-shelf 2800ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-shelf-raid-basket{0%{opacity:0;transform:scale(.4)}8%{opacity:0;transform:scale(.4)}14%{opacity:1;transform:scale(1.15)}18%{opacity:1;transform:scale(1)}90%{opacity:1;transform:scale(1)}97%{opacity:0;transform:scale(.4)}100%{opacity:0;transform:scale(.4)}}
.cm[data-anim="shelf-raid"] .cm-p-basket{animation:cm-shelf-raid-basket 2800ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-shelf-raid-arm-l{0%{transform:rotate(12deg)}8%{transform:rotate(30deg)}90%{transform:rotate(30deg)}100%{transform:rotate(12deg)}}
.cm[data-anim="shelf-raid"] .cm-arm-l{animation:cm-shelf-raid-arm-l 2800ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-shelf-raid-leg-l{0%{transform:none}10%{transform:rotate(14deg)}20%{transform:rotate(-14deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-14deg)}50%{transform:rotate(14deg)}60%{transform:rotate(-14deg)}70%{transform:rotate(14deg)}80%{transform:rotate(-14deg)}100%{transform:none}}
.cm[data-anim="shelf-raid"] .cm-leg-l{animation:cm-shelf-raid-leg-l 2800ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-shelf-raid-leg-r{0%{transform:none}10%{transform:rotate(-14deg)}20%{transform:rotate(14deg)}30%{transform:rotate(-14deg)}40%{transform:rotate(14deg)}50%{transform:rotate(-14deg)}60%{transform:rotate(14deg)}70%{transform:rotate(-14deg)}80%{transform:rotate(14deg)}100%{transform:none}}
.cm[data-anim="shelf-raid"] .cm-leg-r{animation:cm-shelf-raid-leg-r 2800ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-shelf-raid-arm-r{0%{transform:rotate(-12deg)}10%{transform:rotate(-30deg)}20%{transform:rotate(6deg)}30%{transform:rotate(-30deg)}40%{transform:rotate(6deg)}50%{transform:rotate(-30deg)}60%{transform:rotate(6deg)}70%{transform:rotate(-30deg)}80%{transform:rotate(6deg)}100%{transform:rotate(-12deg)}}
.cm[data-anim="shelf-raid"] .cm-arm-r{animation:cm-shelf-raid-arm-r 2800ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-shelf-raid-body{0%{transform:none}10%{transform:translate(0px,-5px)}15%{transform:translate(0px,0px)}20%{transform:translate(0px,-5px)}25%{transform:translate(0px,0px)}30%{transform:translate(0px,-5px)}35%{transform:translate(0px,0px)}40%{transform:translate(0px,-5px)}45%{transform:translate(0px,0px)}50%{transform:translate(0px,-5px)}55%{transform:translate(0px,0px)}60%{transform:translate(0px,-5px)}65%{transform:translate(0px,0px)}70%{transform:translate(0px,-5px)}75%{transform:translate(0px,0px)}80%{transform:translate(0px,-5px)}85%{transform:translate(0px,0px)}100%{transform:none}}
.cm[data-anim="shelf-raid"] .cm-body{animation:cm-shelf-raid-body 2800ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-thinking-arm-r{0%{transform:rotate(-12deg)}12%{transform:rotate(-163deg)}21.8%{transform:rotate(-157deg)}33.5%{transform:rotate(-169deg)}45.2%{transform:rotate(-157deg)}56.8%{transform:rotate(-169deg)}68.5%{transform:rotate(-157deg)}80.2%{transform:rotate(-169deg)}88%{transform:rotate(-163deg)}100%{transform:rotate(-12deg)}}
.cm[data-anim="thinking"] .cm-arm-r{animation:cm-thinking-arm-r 2800ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-thinking-gears{0%{opacity:0;transform:scale(.4)}8%{opacity:0;transform:scale(.4)}14%{opacity:1;transform:scale(1.15)}18%{opacity:1;transform:scale(1)}90%{opacity:1;transform:scale(1)}97%{opacity:0;transform:scale(.4)}100%{opacity:0;transform:scale(.4)}}
.cm[data-anim="thinking"] .cm-p-gears{animation:cm-thinking-gears 2800ms cubic-bezier(.45,.05,.35,1) both}
.cm[data-anim="thinking"] .cm-gear1{animation:cm-fx-spin 1400ms linear calc(0ms + var(--d,0ms)) 2 both}
.cm[data-anim="thinking"] .cm-gear2{animation:cm-fx-spinrev 1000ms linear calc(0ms + var(--d,0ms)) 3 both}
.cm[data-anim="thinking"] .cm-dots{animation:cm-fx-dots 700ms ease-in-out calc(0ms + var(--d,0ms)) 4 both}
@keyframes cm-thinking-head{0%{transform:none}14%{transform:rotate(-6deg)}88%{transform:rotate(-6deg)}100%{transform:none}}
.cm[data-anim="thinking"] .cm-head{animation:cm-thinking-head 2800ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-trust-flex-arm-l{0%{transform:rotate(12deg)}10%{transform:rotate(115deg)}23.0%{transform:rotate(103deg)}41.0%{transform:rotate(127deg)}59.0%{transform:rotate(103deg)}77.0%{transform:rotate(127deg)}88%{transform:rotate(115deg)}100%{transform:rotate(12deg)}}
.cm[data-anim="trust-flex"] .cm-arm-l{animation:cm-trust-flex-arm-l 2800ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-trust-flex-arm-r{0%{transform:rotate(-12deg)}10%{transform:rotate(-115deg)}23.0%{transform:rotate(-103deg)}41.0%{transform:rotate(-127deg)}59.0%{transform:rotate(-103deg)}77.0%{transform:rotate(-127deg)}88%{transform:rotate(-115deg)}100%{transform:rotate(-12deg)}}
.cm[data-anim="trust-flex"] .cm-arm-r{animation:cm-trust-flex-arm-r 2800ms cubic-bezier(.45,.05,.35,1) both}
.cm[data-anim="trust-flex"] .cm-bicep{animation:cm-fx-bulge 1800ms ease-in-out calc(500ms + var(--d,0ms)) 1 both}
.cm[data-anim="trust-flex"] .cm-star{animation:cm-fx-sparkle 900ms ease-in-out calc(600ms + var(--d,0ms)) 2 both}
.cm[data-anim="trust-flex"] .cm-p-stars{opacity:1;transform:none}
@keyframes cm-trust-flex-torso{0%{transform:none}30%{transform:scale(1.04,1)}50%{transform:scale(1,1)}70%{transform:scale(1.04,1)}100%{transform:none}}
.cm[data-anim="trust-flex"] .cm-torso{animation:cm-trust-flex-torso 2800ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-error-empty-arm-l{0%{transform:rotate(12deg)}12%{transform:rotate(62deg)}85%{transform:rotate(62deg)}100%{transform:rotate(12deg)}}
.cm[data-anim="error-empty"] .cm-arm-l{animation:cm-error-empty-arm-l 2600ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-error-empty-arm-r{0%{transform:rotate(-12deg)}12%{transform:rotate(-62deg)}85%{transform:rotate(-62deg)}100%{transform:rotate(-12deg)}}
.cm[data-anim="error-empty"] .cm-arm-r{animation:cm-error-empty-arm-r 2600ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-error-empty-question{0%{opacity:0;transform:scale(.4)}14%{opacity:0;transform:scale(.4)}20%{opacity:1;transform:scale(1.15)}24%{opacity:1;transform:scale(1)}86%{opacity:1;transform:scale(1)}95%{opacity:0;transform:scale(.4)}100%{opacity:0;transform:scale(.4)}}
.cm[data-anim="error-empty"] .cm-p-question{animation:cm-error-empty-question 2600ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-error-empty-head{0%{transform:none}16%{transform:rotate(-9deg)}85%{transform:rotate(-9deg)}100%{transform:none}}
.cm[data-anim="error-empty"] .cm-head{animation:cm-error-empty-head 2600ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-error-empty-body{0%{transform:none}14%{transform:translate(0px,-4px)}20%{transform:none}100%{transform:none}}
.cm[data-anim="error-empty"] .cm-body{animation:cm-error-empty-body 2600ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-celebrate-arm-l{0%{transform:rotate(12deg)}8%{transform:rotate(160deg)}21.0%{transform:rotate(150deg)}39.0%{transform:rotate(170deg)}57.0%{transform:rotate(150deg)}75.0%{transform:rotate(170deg)}86%{transform:rotate(160deg)}100%{transform:rotate(12deg)}}
.cm[data-anim="celebrate"] .cm-arm-l{animation:cm-celebrate-arm-l 2800ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-celebrate-arm-r{0%{transform:rotate(-12deg)}8%{transform:rotate(-160deg)}21.0%{transform:rotate(-150deg)}39.0%{transform:rotate(-170deg)}57.0%{transform:rotate(-150deg)}75.0%{transform:rotate(-170deg)}86%{transform:rotate(-160deg)}100%{transform:rotate(-12deg)}}
.cm[data-anim="celebrate"] .cm-arm-r{animation:cm-celebrate-arm-r 2800ms cubic-bezier(.45,.05,.35,1) both}
.cm[data-anim="celebrate"] .cm-conf{animation:cm-fx-confetti 1800ms cubic-bezier(.15,.7,.4,1) calc(200ms + var(--d,0ms)) 1 both}
@keyframes cm-celebrate-hero{0%{transform:none}10%{transform:translate(0px,4px) scale(1.04,.95)}22%{transform:translate(0px,-26px)}34%{transform:translate(0px,0px) scale(1.03,.97)}44%{transform:translate(0px,-14px)}54%{transform:none}100%{transform:none}}
.cm[data-anim="celebrate"] .cm-hero{animation:cm-celebrate-hero 2800ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-power-pose-rays{0%{opacity:0;transform:rotate(0deg) scale(.6)}20%{opacity:.9;transform:rotate(20deg) scale(1)}85%{opacity:.9;transform:rotate(70deg) scale(1)}100%{opacity:0;transform:rotate(80deg) scale(1)}}
.cm[data-anim="power-pose"] .cm-p-rays{animation:cm-power-pose-rays 3200ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-power-pose-arm-r{0%{transform:rotate(-12deg)}14%{transform:rotate(-172deg)}88%{transform:rotate(-172deg)}100%{transform:rotate(-12deg)}}
.cm[data-anim="power-pose"] .cm-arm-r{animation:cm-power-pose-arm-r 3200ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-power-pose-arm-l{0%{transform:rotate(12deg)}14%{transform:rotate(28deg)}88%{transform:rotate(28deg)}100%{transform:rotate(12deg)}}
.cm[data-anim="power-pose"] .cm-arm-l{animation:cm-power-pose-arm-l 3200ms cubic-bezier(.45,.05,.35,1) both}
.cm[data-anim="power-pose"] .cm-emblem-glow{animation:cm-fx-glow 1400ms ease-in-out calc(500ms + var(--d,0ms)) 1 both}
@keyframes cm-power-pose-hero{0%{transform:none}14%{transform:translate(0px,6px) scale(1.03,.96)}28%{transform:translate(0px,-16px)}85%{transform:translate(0px,-16px)}100%{transform:none}}
.cm[data-anim="power-pose"] .cm-hero{animation:cm-power-pose-hero 3200ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-power-pose-cape{0%{transform:none}20%{transform:skewX(4deg) scale(1.04,1)}28%{transform:skewX(-3deg) scale(1.04,1)}36%{transform:skewX(4deg) scale(1.04,1)}44%{transform:skewX(-3deg) scale(1.04,1)}52%{transform:skewX(4deg) scale(1.04,1)}60%{transform:skewX(-3deg) scale(1.04,1)}68%{transform:skewX(4deg) scale(1.04,1)}76%{transform:skewX(-3deg) scale(1.04,1)}100%{transform:none}}
.cm[data-anim="power-pose"] .cm-cape{animation:cm-power-pose-cape 3200ms cubic-bezier(.45,.05,.35,1) both}
.cm[data-anim="power-pose"] .cm-spark{animation:cm-fx-sparkle 900ms ease-in-out calc(700ms + var(--d,0ms)) 2 both}
@keyframes cm-goodbye-arm-r{0%{transform:rotate(-12deg)}8%{transform:rotate(-150deg)}16.0%{transform:rotate(-136deg)}24.0%{transform:rotate(-164deg)}32.0%{transform:rotate(-136deg)}40.0%{transform:rotate(-164deg)}46%{transform:rotate(-150deg)}100%{transform:rotate(-12deg)}}
.cm[data-anim="goodbye"] .cm-arm-r{animation:cm-goodbye-arm-r 3400ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-goodbye-hero{0%{opacity:1;transform:none}46%{opacity:1;transform:none}52%{opacity:1;transform:translate(0px,6px) scale(1.04,.96)}70%{opacity:0;transform:translate(60px,-300px) rotate(18deg)}80%{opacity:0;transform:translate(0px,0px)}100%{opacity:1;transform:none}}
.cm[data-anim="goodbye"] .cm-hero{animation:cm-goodbye-hero 3400ms cubic-bezier(.45,.05,.35,1) both}
@keyframes cm-goodbye-shadow{0%{opacity:.14;transform:none}52%{opacity:.14}68%{opacity:0;transform:scale(.4)}84%{opacity:0}100%{opacity:.14;transform:none}}
.cm[data-anim="goodbye"] .cm-shadow{animation:cm-goodbye-shadow 3400ms cubic-bezier(.45,.05,.35,1) both}
.cm[data-anim="goodbye"] .cm-spark{animation:cm-fx-sparkle 900ms ease-in-out calc(1800ms + var(--d,0ms)) 2 both}
@media (prefers-reduced-motion:reduce){html:not(.cm-motion) .cm *,html:not(.cm-motion) .cm{animation:none!important;transition:none!important}html:not(.cm-motion) .cm[data-anim="scan-reward"] .cm-p-phone{opacity:1!important;transform:none!important}html:not(.cm-motion) .cm[data-anim="first-discovery"] .cm-p-flag{opacity:1!important;transform:none!important}html:not(.cm-motion) .cm[data-anim="qr-handshake"] .cm-p-qr{opacity:1!important;transform:none!important}html:not(.cm-motion) .cm[data-anim="qr-handshake"] .cm-p-friendphone{opacity:1!important;transform:none!important}html:not(.cm-motion) .cm[data-anim="qr-handshake"] .cm-p-heart{opacity:1!important;transform:none!important}html:not(.cm-motion) .cm[data-anim="motivated-buy"] .cm-p-heart{opacity:1!important;transform:none!important}html:not(.cm-motion) .cm[data-anim="receipt-check"] .cm-p-receipt{opacity:1!important;transform:none!important}html:not(.cm-motion) .cm[data-anim="receipt-check"] .cm-p-magnifier{opacity:1!important;transform:none!important}html:not(.cm-motion) .cm[data-anim="receipt-check"] .cm-p-check{opacity:1!important;transform:none!important}html:not(.cm-motion) .cm[data-anim="my-robot"] .cm-p-robot{opacity:1!important;transform:none!important}html:not(.cm-motion) .cm[data-anim="video-answer"] .cm-p-video{opacity:1!important;transform:none!important}html:not(.cm-motion) .cm[data-anim="video-answer"] .cm-star{opacity:1!important;transform:none!important}html:not(.cm-motion) .cm[data-anim="fraud-blocked"] .cm-p-stop{opacity:1!important;transform:none!important}html:not(.cm-motion) .cm[data-anim="brand-claim"] .cm-p-box{opacity:1!important;transform:none!important}html:not(.cm-motion) .cm[data-anim="brand-claim"] .cm-p-badge{opacity:1!important;transform:none!important}html:not(.cm-motion) .cm[data-anim="recall-shield"] .cm-p-shield{opacity:1!important;transform:none!important}html:not(.cm-motion) .cm[data-anim="recall-shield"] .cm-p-alert{opacity:1!important;transform:none!important}html:not(.cm-motion) .cm[data-anim="counterfeit"] .cm-p-fakebox{opacity:1!important;transform:none!important}html:not(.cm-motion) .cm[data-anim="counterfeit"] .cm-p-magnifier{opacity:1!important;transform:none!important}html:not(.cm-motion) .cm[data-anim="transparency-2"] .cm-p-pie{opacity:1!important;transform:none!important}html:not(.cm-motion) .cm[data-anim="pool-grow"] .cm-p-jar{opacity:1!important;transform:none!important}html:not(.cm-motion) .cm[data-anim="unlock"] .cm-p-lock{opacity:1!important;transform:none!important}html:not(.cm-motion) .cm[data-anim="streak"] .cm-p-flame{opacity:1!important;transform:none!important}html:not(.cm-motion) .cm[data-anim="shelf-raid"] .cm-p-shelf{opacity:1!important;transform:none!important}html:not(.cm-motion) .cm[data-anim="shelf-raid"] .cm-p-basket{opacity:1!important;transform:none!important}html:not(.cm-motion) .cm[data-anim="thinking"] .cm-p-gears{opacity:1!important;transform:none!important}html:not(.cm-motion) .cm[data-anim="trust-flex"] .cm-star{opacity:1!important;transform:none!important}html:not(.cm-motion) .cm[data-anim="error-empty"] .cm-p-question{opacity:1!important;transform:none!important}html:not(.cm-motion) .cm[data-anim="power-pose"] .cm-p-rays{opacity:1!important;transform:none!important}}
.cm-bubble{position:absolute;left:50%;bottom:97%;transform:translate(-50%,6px) scale(.92);opacity:0;pointer-events:none;
 width:max-content;max-width:min(250px,86vw);background:#fff;color:#14161A;border:2.5px solid #14161A;border-radius:16px;padding:8px 12px;
 font:700 13px/1.3 -apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Roboto,system-ui,sans-serif;text-align:center;box-shadow:0 4px 0 #14161A;
 transition:opacity .22s ease,transform .32s cubic-bezier(.34,1.56,.64,1);z-index:3}
.cm-bubble::after{content:"";position:absolute;left:50%;top:100%;width:12px;height:12px;background:#fff;border-right:2.5px solid #14161A;border-bottom:2.5px solid #14161A;transform:translate(-50%,-6px) rotate(45deg)}
.cm-bubble.on{opacity:1;transform:translate(-50%,0) scale(1)}
.cm-float{position:absolute;left:50%;top:30%;transform:translate(-50%,0);opacity:0;pointer-events:none;white-space:nowrap;z-index:2;
 font:900 17px/1 -apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Roboto,system-ui,sans-serif;color:#8A5A00;background:linear-gradient(180deg,#FFF9E8,#FFE08A);
 padding:7px 12px;border-radius:99px;border:2.5px solid #14161A;box-shadow:0 3px 0 #14161A}
.cm-float.on{animation:cm-float-up 1.9s cubic-bezier(.2,.8,.3,1) both}
@keyframes cm-float-up{0%{opacity:0;transform:translate(-50%,16px) scale(.6)}14%{opacity:1;transform:translate(-50%,-4px) scale(1.08)}22%{transform:translate(-50%,0) scale(1)}80%{opacity:1;transform:translate(-50%,-26px)}100%{opacity:0;transform:translate(-50%,-38px)}}
@media (prefers-reduced-motion:reduce){html:not(.cm-motion) .cm-bubble,html:not(.cm-motion) .cm-bubble.on{transition:opacity .01s}html:not(.cm-motion) .cm-float.on{animation:none;opacity:1;top:auto;bottom:2%}}
/* v46: oznaczenie AI w dymku (AI Act art. 50) */
.cm-bubble .cm-ai{display:block;margin-top:3px;font-size:10px;font-weight:600;opacity:.6;letter-spacing:.02em}