/* Isolated, reference-inspired motion; existing Tokyo Trek palette. */
.floating-whatsapp.whatsapp-introduction{animation:wa-arrival 9s both;transform-origin:center}
.floating-whatsapp.whatsapp-introduction svg{animation:wa-symbol 9s both}
.floating-whatsapp.whatsapp-introduction svg path:first-child{stroke-dasharray:64;animation:wa-outline 9s both}
.floating-whatsapp.whatsapp-introduction svg path:nth-child(2){transform-origin:12px 12px;animation:wa-handset 9s both}
.floating-whatsapp.whatsapp-introduction::after{content:"";position:absolute;inset:-7px;border:1px solid var(--paper);border-radius:50%;pointer-events:none;animation:wa-ring 9s both}
@keyframes wa-arrival{0%{transform:scale(.65);opacity:0}8%{transform:scale(1.24);opacity:1}16%,76%{transform:scale(1.15);opacity:1}90%,100%{transform:scale(1);opacity:1}}
@keyframes wa-symbol{0%,4%{transform:scale(.8)}16%,76%{transform:scale(1.16)}90%,100%{transform:scale(1)}}
@keyframes wa-outline{0%,3%{stroke-dashoffset:64;opacity:0}5%{opacity:1}24%,100%{stroke-dashoffset:0;opacity:1}}
@keyframes wa-handset{0%,12%{opacity:0;transform:scale(.6)}24%{opacity:1;transform:scale(1)}30%,38%,46%{transform:rotate(-13deg)}34%,42%,50%{transform:rotate(13deg)}54%,100%{opacity:1;transform:rotate(0)}}
@keyframes wa-ring{0%,14%{transform:scale(.85);opacity:0}23%{transform:scale(1);opacity:.4}39%{transform:scale(1.23);opacity:0}43%{transform:scale(.95);opacity:0}52%{transform:scale(1);opacity:.3}72%,100%{transform:scale(1.3);opacity:0}}
@media(prefers-reduced-motion:reduce){.floating-whatsapp.whatsapp-introduction,.floating-whatsapp.whatsapp-introduction svg,.floating-whatsapp.whatsapp-introduction svg path{animation:none}.floating-whatsapp.whatsapp-introduction::after{display:none}}