/* Compact, legible WhatsApp examples — one animation at a time. */
.chat-snippet{position:relative;width:100%;min-width:0;margin-top:24px;border:1px solid #92b3a52b;border-radius:14px;background:#0d191df5;overflow:hidden;text-align:left;contain:layout}
.snippet-head{display:flex;align-items:center;gap:9px;padding:12px 14px;background:#17262a;border-bottom:1px solid #9dbbad12}
.snippet-head img{flex-shrink:0;border-radius:8px}.snippet-head>div{display:flex;flex-direction:column;gap:1px}.snippet-head strong{font-size:12px;color:#e0e9e4;font-weight:650}.snippet-head span{font-size:9px;color:#aabfb4}
.snippet-head .snippet-badge{margin-left:auto;font-size:8px;letter-spacing:.1em;color:#9cb3a7}
.snippet-messages{padding:17px 14px 13px;display:flex;flex-direction:column;gap:15px;min-height:244px;background:linear-gradient(135deg,#12202155,transparent)}
.snippet-sent{align-self:flex-end;max-width:91%;min-width:155px;padding:10px 12px 6px;background:#264a3e;border-radius:12px 3px 12px 12px;color:#e4f0e8}
.chat-snippet .snippet-author{display:block;font-size:9px;color:#bed9c9;margin-bottom:5px;font-weight:650;letter-spacing:.01em}
.chat-snippet p{font:500 13px/1.65 Manrope,Arial,sans-serif;letter-spacing:0;color:#dae8df;margin:0;min-height:0;max-width:none}
.snippet-sent small{display:block;text-align:right;color:#acc6b9;font-size:8px;margin-top:4px}.snippet-sent small>span{color:#acd4d4;margin-left:4px}
.snippet-answer-space{position:relative;min-height:106px;display:flex;align-items:flex-start}
.snippet-answer{padding:11px 13px;max-width:94%;background:#1b2c30;border:1px solid #a3c2b112;border-radius:3px 12px 12px 12px}
.chat-snippet .snippet-success{font-size:11px;color:#b9ddc3}
.chat-snippet .snippet-value{display:block;color:#e7f0e8;font-size:24px;letter-spacing:-.04em;line-height:1.3;font-weight:650;margin-top:3px}
.snippet-detail{display:block;color:#b0c4b7;font-size:11px;line-height:1.6;margin-top:5px}
.snippet-typing{position:absolute;top:12px;left:9px;font-size:10px;color:#b4c7bd;visibility:hidden}.snippet-typing span{letter-spacing:3px;margin-left:7px}
.snippet-footer{display:flex;justify-content:space-between;align-items:center;padding:3px 13px 5px;border-top:1px solid #a7c2b312;color:#a1b6aa;font-size:9px}
.snippet-footer button{color:#bbd0c1;background:none;font-size:10px;min-height:36px;min-width:54px;padding:5px 0 5px 10px}
.snippet-footer button:hover{color:#ebf6ee}.snippet-footer button:focus-visible{outline-offset:0}
.snippet-link-preview{display:flex;align-items:center;gap:10px;margin-top:9px;padding:10px;background:#284038;border-left:2px solid #a6cdb4;border-radius:3px}
.snippet-link-preview>span{font-size:23px;color:#c0e1ca}.snippet-link-preview div{display:flex;flex-direction:column;gap:4px}
.snippet-link-preview strong{font-size:11px;letter-spacing:0;color:#daebdf}.snippet-link-preview div>span{font-size:9px;color:#b8cebf}
.duo-second-message{background:#293e49;padding:9px 12px;border-radius:3px 10px 10px 10px;margin:-2px -3px 8px}.chat-snippet[data-chat=duas-pessoas] .snippet-answer{background:transparent;border:0;padding:0 3px}.chat-snippet[data-chat=duas-pessoas] .snippet-answer>.snippet-author{display:none}
.steps article{display:flex;flex-direction:column;min-width:0}.steps article>.chat-snippet{margin-top:auto}.steps article>p{margin-bottom:25px}
.feature-card{display:flex;flex-direction:column}.feature-card>.chat-snippet{margin-top:auto}.feature-card>p{margin-bottom:24px}.feature-card.compact>p{min-height:76px;margin-bottom:22px}
.versa-way{padding:22px;background:linear-gradient(140deg,#1e332b,#112323);border-color:#9cbfa444}.versa-way>.chat-snippet{margin-top:17px}.versa-way>.card-label{display:block;font-size:10px}
.versa-way .snippet-messages{min-height:233px}.feature-symbol{align-self:flex-start}
.chat-snippet[data-chat=enviar-gasto] .snippet-answer{background:#132124;border-style:dashed;border-color:#b1c8b025}.chat-snippet[data-chat=enviar-gasto] .snippet-messages{background:linear-gradient(135deg,#16312a44,transparent)}
@media(prefers-reduced-motion:no-preference){
  .chat-snippet[data-chat-phase="0"] .snippet-sent{opacity:0;transform:translateY(8px)}
  .chat-snippet[data-chat-phase="0"] .snippet-answer,.chat-snippet[data-chat-phase="1"] .snippet-answer{opacity:0;transform:translateY(6px)}
  .chat-snippet[data-chat-phase="1"] .snippet-typing{visibility:visible}
  .snippet-sent,.snippet-answer{transition:opacity .32s ease,transform .32s ease}
}
@media(max-width:767px){.snippet-messages{min-height:228px}.feature-card.compact>p{min-height:0}.steps article>.chat-snippet{margin-top:0}.feature-card>.chat-snippet{margin-top:0}.versa-way{padding:19px}.snippet-head{padding:12px}.snippet-messages{padding:15px 12px}.feature-card{padding:24px}.snippet-sent{max-width:94%}.chat-snippet p{font-size:13px}}