.hero-chat{max-width:790px;margin:0 auto 28px;text-align:left}.hero-chat-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:9px;font-weight:700;letter-spacing:1.1px;color:#82798f;margin:0 8px 10px}.chat-typing{font-weight:400;letter-spacing:0;text-transform:none;color:#8b8196}.hero-chat-top button{border:0;background:none;color:#73678a;font:inherit;font-size:9px;letter-spacing:0;text-decoration:underline;cursor:pointer;padding:6px}.hero-chat-messages{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 14px;min-height:98px;align-content:center}.hero-chat-messages>span{background:white;border:1px solid #e9e4ef;border-radius:16px 16px 16px 4px;padding:11px 16px;box-shadow:0 4px 16px #38245e09;font-size:14px;font-weight:500;color:#40384d;opacity:1;transform:none}.hero-chat-messages>span:nth-child(even){background:#eaf4e4;border-color:#dcebd5;border-radius:16px 16px 4px 16px}.hero-chat-messages small{color:#83a3a6;font-size:9px;margin-left:10px}.chat-example{display:block;text-align:right;color:#a49baa;font-size:9px;margin:8px}.hero-chat.paused *{animation-play-state:paused!important}.chat-typing>span{animation:chat-dots 1s infinite}.hero-chat.paused .chat-typing{visibility:hidden}@keyframes chat-arrive{0%,3%{opacity:0;transform:translateY(9px) scale(.97)}9%,82%{opacity:1;transform:none}95%,100%{opacity:0;transform:translateY(-5px)}}@keyframes chat-dots{50%{opacity:.25}}@media(max-width:600px){.hero-chat{margin:0 auto 20px}.hero-chat-top{font-size:8px;margin-bottom:5px;letter-spacing:.5px}.hero-chat-messages{gap:7px;min-height:140px}.hero-chat-messages>span{padding:9px 11px;font-size:11px}.hero-chat-messages small{margin-left:5px}.chat-typing{display:none}.chat-example{margin:6px;font-size:8px}}@media(prefers-reduced-motion:reduce){.hero-chat *{animation:none!important}.chat-typing{display:none}.hero-chat-top button{display:none}}

/* Incoming messages stay in place; only the arriving bubble pops in. */
.hero-chat-messages>span.is-arriving{animation:message-pop .8s ease-out both;transform-origin:bottom left}
@keyframes message-pop{0%{opacity:0;transform:translateY(8px) scale(.85)}45%{opacity:1;transform:translateY(0) scale(1.04)}100%{opacity:1;transform:none}}
.hero-chat-messages>span.awaiting{opacity:0}
@media(prefers-reduced-motion:reduce){.hero-chat-messages>span.awaiting{opacity:1}}