/* Scoped to the conversation example; product screenshots remain unchanged. */
.conversation-section{background:#eef6fc;border-block:1px solid #d2e2ee}
.conversation-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:56px}
.conversation-copy{max-width:490px}
.conversation-copy h2{font-size:32px}
.conversation-copy p{margin-top:18px;color:var(--muted)}
.conversation-example{min-width:0;margin:0;border:1px solid #bfd2dd;border-radius:8px;background:#fff;box-shadow:5px 5px 0 #dbe9f3}
.conversation-header{display:flex;align-items:center;gap:12px;min-height:78px;margin:0;padding:16px 20px;border-bottom:1px solid #d6e3ea}
.conversation-header img{width:36px;height:36px;object-fit:contain;flex:none}
.conversation-header strong{display:block;color:var(--ink);font-size:16px}
.conversation-header small{display:block;color:var(--muted);font-size:12px}
.conversation-replay{position:relative;display:grid;place-items:center;flex:none;margin-left:auto;width:44px;height:44px;border:1px solid #adc6d1;border-radius:6px;background:#fff;color:var(--ink)}
.conversation-replay:hover{background:#edf5fa}
.conversation-replay img{width:20px;height:20px}
.conversation-replay::after{content:attr(aria-label);position:absolute;right:0;top:calc(100% + 8px);z-index:2;white-space:nowrap;padding:6px 9px;border-radius:4px;background:#14251f;color:#fff;font-size:12px;pointer-events:none;opacity:0}
.conversation-replay:hover::after,.conversation-replay:focus-visible::after{opacity:1}
.conversation-log{height:378px;position:relative;padding:20px;display:grid;grid-template-rows:44px 86px 44px 112px;gap:12px;overflow:hidden}
.conversation-message{position:relative;width:fit-content;max-width:92%;padding:10px 14px;border-radius:7px;font-size:14px;line-height:1.5;color:#172e26;background:#edf3f7;align-self:start;grid-column:1}
.conversation-message:nth-child(1){grid-row:1}
.conversation-message:nth-child(2){grid-row:2}
.conversation-message:nth-child(3){grid-row:3}
.conversation-message:nth-child(4){grid-row:4}
.conversation-message.is-customer{justify-self:end;background:#d7f2e4}
.conversation-message[data-demo-hidden]{visibility:hidden}
.conversation-typing{position:absolute;left:20px;display:flex;gap:5px;align-items:center;height:40px;padding:12px 15px;border-radius:7px;background:#edf3f7}
.conversation-typing[data-slot="1"]{top:76px}
.conversation-typing[data-slot="2"]{top:230px}
.conversation-typing span{width:5px;height:5px;background:#48645a;border-radius:50%;animation:conversation-typing .7s ease-in-out infinite alternate}
.conversation-typing span:nth-child(2){animation-delay:.14s}
.conversation-typing span:nth-child(3){animation-delay:.28s}
.conversation-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@keyframes conversation-typing{from{opacity:.45;transform:translateY(1px)}to{opacity:1;transform:translateY(-2px)}}
@media(max-width:900px){.conversation-layout{gap:32px}.conversation-copy h2{font-size:28px}}
@media(max-width:700px){.conversation-layout{grid-template-columns:1fr;gap:24px}.conversation-copy{max-width:100%}.conversation-example{max-width:520px;width:100%}.conversation-header{padding:14px}.conversation-log{padding:16px;height:410px;grid-template-rows:60px 88px 44px 136px}.conversation-message{font-size:14px;max-width:95%;padding:10px 12px}.conversation-typing{left:16px}.conversation-typing[data-slot="1"]{top:88px}.conversation-typing[data-slot="2"]{top:244px}}
@media(prefers-reduced-motion:reduce){.conversation-typing span{animation:none}}