.wa-mockup{background:#efeae2;border:12px solid #222;border-radius:40px;flex-direction:column;width:100%;max-width:340px;height:680px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #555,0 30px 60px #0003}.phone-notch{z-index:10;background:#222;border-bottom-right-radius:16px;border-bottom-left-radius:16px;width:120px;height:25px;position:absolute;top:0;left:50%;transform:translate(-50%)}.wa-header{color:#fff;z-index:5;background:#008069;justify-content:space-between;align-items:center;padding:45px 15px 12px;display:flex;position:relative}.wa-header-left{align-items:center;gap:8px;display:flex}.wa-header .avatar{background:#ddd;border-radius:50%;flex-shrink:0;width:40px;height:40px;overflow:hidden}.wa-header-icons{align-items:center;gap:18px;display:flex}.wa-body{background-color:#efeae2;background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 20.5V18H0v-2h20v-2H0v-2h20v-2H0V8h20V6H0V4h20V2H0V0h22v20h2V0h2v20h2V0h2v20h2V0h2v20h2V0h2v20h2V0h2v20h2v2H20v-1.5zM0 20h2v20H0V20zm4 0h2v20H4V20zm4 0h2v20H8V20zm4 0h2v20h-2V20zm4 0h2v20h-2V20zm4 0h2v20h-2V20zm4 4h20v2H24v-2zm0 4h20v2H24v-2zm0 4h20v2H24v-2zm0 4h20v2H24v-2z' fill='%23d8d0c6' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");background-size:80px;flex-direction:column;flex:1;gap:12px;padding:15px 15px 25px;display:flex;position:relative;overflow-y:auto}.chat-bubble{max-width:85%;padding:6px 8px 8px 10px;font-size:14.5px;line-height:1.4;position:relative;box-shadow:0 1px .5px #00000021}.chat-bot{background:#fff;border-radius:0 8px 8px;align-self:flex-start}.chat-bot:before{content:"";border-top:0 solid #0000;border-bottom:8px solid #0000;border-left:0 solid #0000;border-right:8px solid #fff;width:0;height:0;position:absolute;top:0;left:-8px}.chat-user{background:#d9fdd3;border-radius:8px 0 8px 8px;align-self:flex-end}.chat-user:before{content:"";border-top:0 solid #0000;border-bottom:8px solid #0000;border-left:8px solid #d9fdd3;border-right:0 solid #0000;width:0;height:0;position:absolute;top:0;right:-8px}.chat-time{color:#667781;float:right;align-items:center;gap:2px;margin-top:4px;margin-left:8px;font-size:10.5px;display:flex}.wa-footer{background:#f0f2f5;align-items:center;gap:8px;padding:10px;display:flex}.wa-input{color:#8696a0;background:#fff;border-radius:24px;flex:1;padding:10px 15px;font-size:15px}.wa-send{color:#fff;background:#00a884;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.chat-sequence-1{animation:14s ease-in-out infinite chatLoop1}.typing-sequence-1{animation:14s ease-in-out infinite typingLoop1}.chat-sequence-2{animation:14s ease-in-out infinite chatLoop2}.typing-sequence-2{animation:14s ease-in-out infinite typingLoop2}.chat-sequence-3{animation:14s ease-in-out infinite chatLoop3}@keyframes chatLoop1{0%,2%{opacity:0;max-height:0;margin:0;padding:0;overflow:hidden;transform:scale(.9)}3%,92%{opacity:1;max-height:150px;margin:4px 0;padding:6px 8px 8px 10px;overflow:visible;transform:scale(1)}94%,to{opacity:0;max-height:0;margin:0;padding:0;overflow:hidden;transform:scale(.9)}}@keyframes typingLoop1{0%,4%{opacity:0;max-height:0;margin:0;padding:0;overflow:hidden;transform:scale(.9)}5%,20%{opacity:1;max-height:40px;margin:4px 0;padding:10px 14px;overflow:visible;transform:scale(1)}22%,to{opacity:0;max-height:0;margin:0;padding:0;overflow:hidden;transform:scale(.9)}}@keyframes chatLoop2{0%,22%{opacity:0;max-height:0;margin:0;padding:0;overflow:hidden;transform:scale(.9)}23%,92%{opacity:1;max-height:150px;margin:4px 0;padding:6px 8px 8px 10px;overflow:visible;transform:scale(1)}94%,to{opacity:0;max-height:0;margin:0;padding:0;overflow:hidden;transform:scale(.9)}}@keyframes typingLoop2{0%,24%{opacity:0;max-height:0;margin:0;padding:0;overflow:hidden;transform:scale(.9)}25%,44%{opacity:1;max-height:40px;margin:4px 0;padding:10px 14px;overflow:visible;transform:scale(1)}46%,to{opacity:0;max-height:0;margin:0;padding:0;overflow:hidden;transform:scale(.9)}}@keyframes chatLoop3{0%,46%{opacity:0;max-height:0;margin:0;padding:0;overflow:hidden;transform:scale(.9)}47%,92%{opacity:1;max-height:150px;margin:4px 0;padding:6px 8px 8px 10px;overflow:visible;transform:scale(1)}94%,to{opacity:0;max-height:0;margin:0;padding:0;overflow:hidden;transform:scale(.9)}}.typing-indicator{background:#fff;border-radius:0 8px 8px;align-self:flex-start;align-items:center;gap:4px;max-width:60px;display:inline-flex;position:relative;box-shadow:0 1px .5px #00000021}.typing-indicator:before{content:"";border-top:0 solid #0000;border-bottom:8px solid #0000;border-left:0 solid #0000;border-right:8px solid #fff;width:0;height:0;position:absolute;top:0;left:-8px}.typing-dot{background:#8696a0;border-radius:50%;width:5px;height:5px;animation:1.4s ease-in-out infinite typingPulse}.typing-dot:first-child{animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingPulse{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.animate-float{animation:6s ease-in-out infinite float}body{margin:0;padding:0}