/* Conversation and workflow share a single 20-second scene clock. */
.service-visual.whatsapp-studio{max-width:760px;padding-top:15px}
.wa-topline{margin-bottom:24px}.whatsapp-studio .demo-intro{max-width:none;font-size:clamp(21px,2vw,29px);line-height:1.2;margin-bottom:12px}.whatsapp-studio .demo-controls{justify-content:flex-start;flex-wrap:wrap}
.wa-scene{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.88fr);gap:22px 28px;align-items:start;color:var(--paper)}
.wa-phone{padding:12px;background:#1c1c1a;border:1px solid var(--dark-line);border-radius:26px;min-width:0}
.wa-phone-header{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--dark-line);padding:8px 2px 16px}
.wa-avatar{width:32px;height:32px;flex-shrink:0;background:var(--orange);color:var(--ink);border-radius:50%;display:grid;place-items:center;font-size:16px;font-weight:800}
.wa-phone-header b{display:block;font-size:12px;line-height:1.35;font-weight:600}.wa-phone-header small{display:block;font-size:11px;margin-top:4px;color:#c8c5bf}
.wa-messages{display:flex;flex-direction:column;gap:10px;padding:16px 0 12px}
.wa-message{font-size:12px;line-height:1.45;padding:10px 12px;max-width:93%;border-radius:12px;margin:0}
.wa-client{align-self:flex-end;background:var(--orange);color:var(--ink);border-bottom-right-radius:3px}
.wa-assistant{align-self:flex-start;background:#30302d;border-bottom-left-radius:3px}
.wa-options{display:flex;gap:5px;flex-wrap:wrap;font-size:11px;line-height:1.35}.wa-options span{padding:8px;border:1px solid #73716a;border-radius:6px}.wa-options span:first-child{color:var(--orange);border-color:var(--orange)}
.wa-human{background:var(--paper);color:var(--ink);border-bottom-left-radius:3px}.wa-human b{display:block;font-size:11px;margin-bottom:5px;font-weight:600;color:var(--accent-text,#b83b05)}
.wa-chat-status{display:flex;align-items:flex-start;gap:5px;font-size:10px;line-height:1.45;color:#c8c5bf;padding:4px 0 8px}.wa-chat-status svg{width:14px;height:14px;flex-shrink:0;color:var(--orange)}
.wa-workflow{padding-top:20px;min-width:0}.wa-node{display:flex;gap:11px;padding:15px 13px;background:#242019;border:1px solid var(--orange);border-radius:12px;min-height:92px}.wa-node-icon{width:28px;flex-shrink:0;padding-top:2px;color:var(--orange)}.wa-node-icon svg{width:25px;height:25px}.wa-node-icon img{width:28px;height:24px;object-fit:contain}.wa-node>div{min-width:0}.wa-node b{font-size:14px;font-weight:600;display:block}.wa-node small{display:block;font-size:11px;line-height:1.5;color:#c8c5bf;margin-top:3px}.wa-node-result{display:flex;align-items:flex-start;gap:5px;color:var(--orange);font-size:10px;line-height:1.45;margin-top:9px}.wa-node-result svg{width:13px;height:13px;flex-shrink:0}
.wa-connector{height:22px;margin-left:27px;width:2px;background:var(--dark-line);position:relative}.wa-connector i{position:absolute;inset:0;background:var(--orange);transform-origin:top}
.wa-short-result{display:none}
.wa-return{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:16px 20px;border:1px solid var(--orange);border-radius:12px;color:var(--orange);font-size:12px;line-height:1.5}.wa-return svg{width:21px;height:21px;flex-shrink:0}.wa-return svg:last-child{margin-left:auto}
.whatsapp-studio .studio-caption{margin-top:20px}.service-visual.whatsapp-studio figcaption{margin:0;text-align:left}
@media(min-width:1101px) and (max-width:1280px){.wa-scene{gap:18px}.wa-node{padding:13px 10px;gap:8px}.wa-message{font-size:11px}.wa-node small{font-size:10px}}
@media(max-width:580px){.wa-scene{grid-template-columns:1fr;gap:16px}.wa-phone{max-width:360px;width:100%;justify-self:center;padding:14px}.wa-message{font-size:13px;max-width:88%}.wa-phone-header b{font-size:14px}.wa-workflow{padding-top:0;display:grid;grid-template-columns:minmax(0,1fr) 10px minmax(0,1fr) 10px minmax(0,1fr) 10px minmax(0,1fr);max-width:400px;width:100%;justify-self:center;align-items:center}.wa-node{min-height:100px;padding:10px 3px;gap:6px;flex-direction:column;align-items:center;text-align:center;border-radius:8px}.wa-node-icon{padding:0;width:24px;height:24px}.wa-node-icon svg,.wa-node-icon img{width:24px;height:24px}.wa-node b{font-size:11px}.wa-node small,.wa-full-result,.wa-node-result svg{display:none}.wa-node-result{font-size:10px;margin-top:5px;justify-content:center;letter-spacing:-.2px}.wa-short-result{display:inline}.wa-connector{margin:0;height:10px;justify-self:center;transform:rotate(-90deg)}.wa-return{padding:12px;font-size:11px;gap:8px}.whatsapp-studio .studio-caption{align-items:center}}