.phone-mockup[data-astro-cid-edcnd5vk]{width:300px;height:520px;background:#fff;border-radius:32px;border:8px solid #1f2937;box-shadow:0 20px 40px #0000001a;overflow:hidden;margin:0 auto;position:relative}.phone-screen[data-astro-cid-edcnd5vk]{width:100%;height:100%;position:relative;background:#000;overflow:hidden}.view-live[data-astro-cid-edcnd5vk]{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#dc2626,#9333ea);display:flex;flex-direction:column;padding:16px;animation:liveSwitch 10s infinite}.live-header[data-astro-cid-edcnd5vk]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.live-badge[data-astro-cid-edcnd5vk]{background:#ef4444;color:#fff;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:800;letter-spacing:.05em;animation:livePulse 2s infinite}.live-viewers[data-astro-cid-edcnd5vk]{display:flex;align-items:center;gap:4px;color:#fff;font-size:12px;font-weight:600;background:#0000004d;padding:4px 10px;border-radius:100px}.live-user[data-astro-cid-edcnd5vk]{display:flex;align-items:center;gap:8px;color:#fff;font-size:13px;font-weight:600;margin-bottom:8px}.l-avatar[data-astro-cid-edcnd5vk]{width:32px;height:32px;border-radius:50%;background:#fff}.live-content[data-astro-cid-edcnd5vk]{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.live-product-tag[data-astro-cid-edcnd5vk]{background:#0006;color:#fff;padding:6px 14px;border-radius:8px;font-weight:700;font-size:14px}.live-comments[data-astro-cid-edcnd5vk]{display:flex;flex-direction:column;gap:6px;margin-top:auto}.live-comment[data-astro-cid-edcnd5vk]{background:#0006;color:#fff;padding:6px 12px;border-radius:16px;font-size:12px;width:fit-content;opacity:0}.lc-name[data-astro-cid-edcnd5vk]{font-weight:700;margin-right:4px}.lc-1[data-astro-cid-edcnd5vk]{animation:commentIn 10s infinite 1s}.lc-2[data-astro-cid-edcnd5vk]{animation:commentIn 10s infinite 2s}.lc-3[data-astro-cid-edcnd5vk]{animation:commentIn 10s infinite 3s}.view-dm[data-astro-cid-edcnd5vk]{position:absolute;top:0;left:100%;width:100%;height:100%;background:#fff;display:flex;flex-direction:column;animation:dmSlideIn 10s infinite}.dm-header[data-astro-cid-edcnd5vk]{height:50px;border-bottom:1px solid #f3f4f6;display:flex;align-items:center;padding:0 16px;gap:12px;font-weight:600;font-size:14px;color:#111827}.dm-body[data-astro-cid-edcnd5vk]{padding:16px;display:flex;flex-direction:column;gap:16px}.live-reply-context[data-astro-cid-edcnd5vk]{align-self:center;opacity:0;animation:contextFadeIn 10s infinite}.lrc-text[data-astro-cid-edcnd5vk]{font-size:10px;color:#9ca3af}.msg-right[data-astro-cid-edcnd5vk]{align-self:flex-end;background:#3b82f6;color:#fff;padding:8px 16px;border-radius:18px 18px 4px;font-size:14px;opacity:0;animation:msgInRight 10s infinite}.auto-reply-container[data-astro-cid-edcnd5vk]{align-self:flex-start;display:flex;flex-direction:column;gap:4px;max-width:85%;opacity:0;animation:replyGroupIn 10s infinite}.dm-status[data-astro-cid-edcnd5vk]{font-size:10px;color:#9ca3af;margin-left:4px}.msg-left[data-astro-cid-edcnd5vk]{background:#f3f4f6;color:#1f2937;padding:10px 16px;border-radius:4px 18px 18px;font-size:14px}.link-card[data-astro-cid-edcnd5vk]{background:#f3f4f6;border-radius:12px;overflow:hidden;border:1px solid #E5E7EB;display:flex;align-items:center;padding:8px;gap:10px;margin-top:4px}.lc-img[data-astro-cid-edcnd5vk]{width:40px;height:40px;background:#fca5a5;border-radius:6px}.lc-title[data-astro-cid-edcnd5vk]{font-weight:700;font-size:12px}.lc-desc[data-astro-cid-edcnd5vk]{font-size:10px;color:#6b7280}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes commentIn{0%,8%{opacity:0;transform:translateY(10px)}12%,42%{opacity:1;transform:translateY(0)}46%,to{opacity:0}}@keyframes liveSwitch{0%,45%{transform:translate(0);opacity:1}50%,95%{transform:translate(-20%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes dmSlideIn{0%,45%{left:100%;opacity:0}50%,95%{left:0;opacity:1}to{left:100%;opacity:0}}@keyframes contextFadeIn{0%,50%{opacity:0}55%,95%{opacity:1}to{opacity:0}}@keyframes msgInRight{0%,52%{opacity:0;transform:translateY(10px)}56%,95%{opacity:1;transform:translateY(0)}to{opacity:0}}@keyframes replyGroupIn{0%,58%{opacity:0;transform:translateY(10px)}62%,95%{opacity:1;transform:translateY(0)}to{opacity:0}}.mode-badge[data-astro-cid-edcnd5vk]{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:9999px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;width:fit-content}.mode-badge--quick[data-astro-cid-edcnd5vk]{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.mode-badge--flow[data-astro-cid-edcnd5vk]{background:#8b5cf61a;color:#8b5cf6;border:1px solid rgba(139,92,246,.2)}.split-layout--reverse[data-astro-cid-edcnd5vk]{direction:rtl}.split-layout--reverse[data-astro-cid-edcnd5vk]>[data-astro-cid-edcnd5vk]{direction:ltr}.quick-demo-card[data-astro-cid-edcnd5vk]{background:#fff;border-radius:16px;border:1px solid var(--border-color);box-shadow:0 8px 30px #0000000f;overflow:hidden;max-width:380px;margin:0 auto}.qd-header[data-astro-cid-edcnd5vk]{display:flex;align-items:center;gap:8px;padding:14px 20px;border-bottom:1px solid var(--border-color);font-size:13px;font-weight:600;color:var(--text-heading)}.qd-dot[data-astro-cid-edcnd5vk]{width:10px;height:10px;border-radius:50%}.qd-dot--green[data-astro-cid-edcnd5vk]{background:#10b981}.qd-dot--purple[data-astro-cid-edcnd5vk]{background:#8b5cf6}.qd-body[data-astro-cid-edcnd5vk]{padding:20px;display:flex;flex-direction:column;gap:16px}.qd-field[data-astro-cid-edcnd5vk] label[data-astro-cid-edcnd5vk]{display:block;font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.qd-input[data-astro-cid-edcnd5vk]{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;color:var(--text-heading);font-weight:500}.qd-input--msg[data-astro-cid-edcnd5vk]{color:var(--secondary-color);font-weight:400}.qd-arrow[data-astro-cid-edcnd5vk]{display:flex;justify-content:center;color:#d1d5db}.qd-result[data-astro-cid-edcnd5vk]{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ecfdf5;border:1px solid #A7F3D0;border-radius:10px;font-size:13px;font-weight:600;color:#065f46}.flow-demo-card[data-astro-cid-edcnd5vk]{background:#fff;border-radius:16px;border:1px solid var(--border-color);box-shadow:0 8px 30px #0000000f;overflow:hidden;max-width:340px;margin:0 auto}.fd-header[data-astro-cid-edcnd5vk]{display:flex;align-items:center;gap:8px;padding:14px 20px;border-bottom:1px solid var(--border-color);font-size:13px;font-weight:600;color:var(--text-heading)}.fd-body[data-astro-cid-edcnd5vk]{padding:24px 20px;display:flex;flex-direction:column;align-items:center}.flow-node[data-astro-cid-edcnd5vk]{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;font-size:13px;font-weight:600;width:100%;justify-content:center}.flow-node--trigger[data-astro-cid-edcnd5vk]{background:#fef2f2;border:1px solid #FECACA;color:#dc2626}.flow-node--message[data-astro-cid-edcnd5vk]{background:#eff6ff;border:1px solid #BFDBFE;color:#2563eb}.flow-node--action[data-astro-cid-edcnd5vk]{background:#f5f3ff;border:1px solid #DDD6FE;color:#7c3aed}.flow-node--followup[data-astro-cid-edcnd5vk]{background:#fff7ed;border:1px solid #FED7AA;color:#c2410c}.flow-node--small[data-astro-cid-edcnd5vk]{padding:8px 12px;font-size:12px;width:auto}.flow-connector[data-astro-cid-edcnd5vk]{width:2px;height:20px;background:#e5e7eb}.flow-branch[data-astro-cid-edcnd5vk]{display:flex;flex-direction:column;align-items:center;width:100%}.flow-branch-line[data-astro-cid-edcnd5vk]{width:60%;height:2px;background:#e5e7eb;position:relative}.flow-branch-line[data-astro-cid-edcnd5vk]:before,.flow-branch-line[data-astro-cid-edcnd5vk]:after{content:"";position:absolute;top:0;width:2px;height:12px;background:#e5e7eb}.flow-branch-line[data-astro-cid-edcnd5vk]:before{left:0}.flow-branch-line[data-astro-cid-edcnd5vk]:after{right:0}.flow-branch-nodes[data-astro-cid-edcnd5vk]{display:flex;gap:12px;margin-top:12px;width:100%;justify-content:center}