/* Real-video Ask SJ badge */
.sj-mascot-wrap{position:relative;display:flex;align-items:center;justify-content:flex-end;will-change:transform}
button.sj-chat-btn.sj-mascot{position:relative;width:72px!important;height:72px!important;min-width:72px!important;padding:0!important;border-radius:50%!important;overflow:visible;background:#1F4BFF!important;box-shadow:0 0 0 3px #fff,0 0 0 6px #1F4BFF,0 16px 34px -10px rgba(31,75,255,.7)!important}
button.sj-chat-btn.sj-mascot:hover,button.sj-chat-btn.sj-mascot:focus-visible{transform:translateY(-2px)}
button.sj-chat-btn.sj-mascot[aria-expanded="true"]{box-shadow:0 0 0 3px #fff,0 0 0 6px #0B1B3A!important}
.sj-mascot__vid{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;background:#2D5AA8}
.sj-mascot__dot{position:absolute;right:2px;bottom:4px;width:14px;height:14px;border-radius:50%;background:#16A34A;box-shadow:0 0 0 3px #fff}
.sj-mascot__hand{position:absolute;left:-12px;top:-8px;transform-origin:60% 90%;animation:sjwave2 2.8s ease-in-out infinite}
@keyframes sjwave2{0%,55%,100%{transform:rotate(0)}10%{transform:rotate(-20deg)}20%{transform:rotate(14deg)}30%{transform:rotate(-18deg)}40%{transform:rotate(10deg)}}
.sj-mascot-bubble{position:absolute;right:88px;bottom:36px;white-space:nowrap;background:#fff;color:#0B1B3A;font:700 14px 'DM Sans',system-ui,sans-serif;padding:10px 14px;border-radius:16px 16px 4px 16px;box-shadow:0 14px 30px -12px rgba(11,27,58,.45);opacity:0;transform:translateY(6px) scale(.96);transition:opacity .25s,transform .25s;pointer-events:none;animation:none!important}
.sj-mascot-wrap.show-bubble .sj-mascot-bubble{opacity:1;transform:none}
.sj-mascot-wrap:hover .sj-mascot-bubble{opacity:1;transform:none}
.sj-chat{bottom:178px}

/* Entrance: drop from top, squash + 2 bounces mid screen, wave, then curve into the corner */
.sj-mascot-wrap.is-dropping{pointer-events:none;animation:sjdrop 3.6s cubic-bezier(.3,.1,.3,1) both;z-index:300}
.sj-mascot-wrap.is-dropping .sj-mascot-bubble{right:auto;left:50%;bottom:auto;top:-46px;transform:translateX(-50%) scale(.6);font-size:9px}
.sj-mascot-wrap.is-dropping.show-bubble .sj-mascot-bubble{transform:translateX(-50%) scale(.6)}
.sj-mascot-wrap.is-dropping::after{content:"";position:absolute;right:6px;bottom:-14px;width:60px;height:10px;border-radius:50%;background:rgba(11,27,58,.25);filter:blur(3px);animation:sjshadow 3.6s both}
@keyframes sjdrop{
	0%{transform:translate(-32vw,-115vh) scale(2.05);animation-timing-function:cubic-bezier(.5,0,1,.6)}
	22%{transform:translate(-32vw,-42vh) scale(2.25,1.75)}
	28%{transform:translate(-32vw,-54vh) scale(1.95,2.15);animation-timing-function:ease-in}
	35%{transform:translate(-32vw,-42vh) scale(2.15,1.85)}
	40%{transform:translate(-32vw,-47vh) scale(2.05)}
	45%,70%{transform:translate(-32vw,-42vh) scale(2.05)}
	85%{transform:translate(-14vw,-26vh) scale(1.4)}
	100%{transform:translate(0,0) scale(1)}
}
@keyframes sjshadow{0%,18%{opacity:0}22%,70%{opacity:1}85%,100%{opacity:0}}
.sj-mascot-wrap.is-landed{animation:sjwobble .7s ease-out}
@keyframes sjwobble{0%{transform:rotate(0)}25%{transform:rotate(-8deg) scale(1.06)}50%{transform:rotate(6deg)}75%{transform:rotate(-3deg)}100%{transform:none}}
@media (max-width:480px){
	button.sj-chat-btn.sj-mascot{width:60px!important;height:60px!important;min-width:60px!important}
	.sj-mascot__vid{width:60px;height:60px}
	.sj-mascot-bubble{right:74px;bottom:30px;font-size:13px}
	.sj-chat{bottom:164px}
	@keyframes sjdrop{
		0%{transform:translate(-28vw,-110vh) scale(1.6);animation-timing-function:cubic-bezier(.5,0,1,.6)}
		22%{transform:translate(-28vw,-40vh) scale(1.75,1.4)}
		28%{transform:translate(-28vw,-49vh) scale(1.55,1.7);animation-timing-function:ease-in}
		35%{transform:translate(-28vw,-40vh) scale(1.7,1.48)}
		40%{transform:translate(-28vw,-44vh) scale(1.6)}
		45%,70%{transform:translate(-28vw,-40vh) scale(1.6)}
		85%{transform:translate(-12vw,-24vh) scale(1.25)}
		100%{transform:translate(0,0) scale(1)}
	}
}
@media (prefers-reduced-motion:reduce){.sj-mascot-wrap.is-dropping,.sj-mascot-wrap.is-landed,.sj-mascot__hand{animation:none!important}}

/* v2: no shape, just SJ. Bigger, soft feathered edges (no ring, no circle, no square) */
button.sj-chat-btn.sj-mascot{width:124px!important;height:124px!important;min-width:124px!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;filter:drop-shadow(0 14px 22px rgba(31,75,255,.35))}
button.sj-chat-btn.sj-mascot[aria-expanded="true"]{box-shadow:none!important;filter:drop-shadow(0 0 0 #0B1B3A) drop-shadow(0 10px 18px rgba(11,27,58,.45))}
.sj-mascot__vid{border-radius:0;background:transparent;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 46%,#000 62%,rgba(0,0,0,.6) 76%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 46%,#000 62%,rgba(0,0,0,.6) 76%,transparent 100%)}
.sj-mascot__dot{right:14px;bottom:16px}
.sj-mascot__hand{left:-4px;top:4px}
.sj-mascot-bubble{right:118px;bottom:60px}
.sj-chat{bottom:220px}
.sj-mascot__mute{position:absolute;left:4px;bottom:6px;width:30px!important;height:30px!important;min-width:30px;border-radius:50%!important;border:0!important;padding:0!important;background:rgba(11,27,58,.78)!important;color:#fff!important;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}
.sj-mascot__mute:hover,.sj-mascot__mute:focus-visible{background:#0B1B3A!important}
@media (max-width:480px){
	button.sj-chat-btn.sj-mascot{width:96px!important;height:96px!important;min-width:96px!important}
	.sj-mascot__vid{width:96px;height:96px}
	.sj-mascot-bubble{right:96px;bottom:46px}
	.sj-chat{bottom:196px}
}
/* v3: portrait 3:4, taller, soft edges, no hand icon */
.sj-mascot__hand{display:none!important}
button.sj-chat-btn.sj-mascot{width:124px!important;height:170px!important;min-width:124px!important}
.sj-mascot__vid{width:124px;height:170px;object-fit:cover;-webkit-mask-image:radial-gradient(ellipse 58% 56% at 50% 46%,#000 66%,rgba(0,0,0,.55) 82%,transparent 100%);mask-image:radial-gradient(ellipse 58% 56% at 50% 46%,#000 66%,rgba(0,0,0,.55) 82%,transparent 100%)}
.sj-mascot__dot{right:16px;bottom:24px}
.sj-mascot-bubble{right:118px;bottom:96px}
.sj-mascot__mute{left:6px;bottom:20px}
.sj-chat{bottom:262px}
.sj-mascot-wrap.is-dropping::after{bottom:-6px}
@media (max-width:480px){
	button.sj-chat-btn.sj-mascot{width:96px!important;height:132px!important;min-width:96px!important}
	.sj-mascot__vid{width:96px;height:132px}
	.sj-mascot-bubble{right:92px;bottom:74px}
	.sj-chat{bottom:220px}
}
/* v4: wider than tall, organic cobalt blob mask (soft, irregular), wider on the left */
button.sj-chat-btn.sj-mascot{width:130px!important;height:112px!important;min-width:130px!important;filter:drop-shadow(0 12px 20px rgba(31,75,255,.4))}
.sj-mascot__vid{width:130px;height:112px;object-fit:cover;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 130 112'%3E%3Cfilter id='b'%3E%3CfeGaussianBlur stdDeviation='3.2'/%3E%3C/filter%3E%3Cpath filter='url(%23b)' fill='%23000' d='M14 46C9 24 30 7 58 6c22-1 34 3 47 10 15 9 21 25 18 42-3 18-3 31-16 42-12 9-31 8-49 7-20-1-38-3-47-17C3 77 18 66 14 46z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 130 112'%3E%3Cfilter id='b'%3E%3CfeGaussianBlur stdDeviation='3.2'/%3E%3C/filter%3E%3Cpath filter='url(%23b)' fill='%23000' d='M14 46C9 24 30 7 58 6c22-1 34 3 47 10 15 9 21 25 18 42-3 18-3 31-16 42-12 9-31 8-49 7-20-1-38-3-47-17C3 77 18 66 14 46z'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.sj-mascot__dot{right:14px;bottom:14px}
.sj-mascot__mute{left:10px;bottom:10px}
.sj-mascot-bubble{right:124px;bottom:62px}
.sj-chat{bottom:200px}
@media (max-width:480px){
	button.sj-chat-btn.sj-mascot{width:106px!important;height:92px!important;min-width:106px!important}
	.sj-mascot__vid{width:106px;height:92px}
	.sj-mascot__dot{right:10px;bottom:10px}
	.sj-mascot__mute{left:8px;bottom:6px;width:28px!important;height:28px!important;min-width:28px}
	.sj-mascot-bubble{right:100px;bottom:50px}
	.sj-chat{bottom:176px}
}