/* Homepage workflow scenes. Reuses the accepted service-card assets and icon set. */
.automation-showcase{grid-template-columns:minmax(265px,.72fr) minmax(0,1.65fr);gap:32px;margin-top:38px}
.automation-selector{gap:12px;position:sticky;top:108px}
.automation-tab{--channel:#91d6b2;--channel-wash:#294d3b;min-width:0;gap:13px;padding:20px 16px;border:1px solid #ffffff17;border-radius:12px;background:#111a2690;align-items:flex-start}
.automation-tab[data-workflow=phone]{--channel:#f0c27e;--channel-wash:#51432e}
.automation-tab[data-workflow=instagram]{--channel:#e2a7cd;--channel-wash:#503149}
.automation-tab:last-child{border-bottom:1px solid #ffffff17}
.automation-tab>svg{width:40px;height:40px;flex:none;padding:10px;border:1px solid color-mix(in srgb,var(--channel) 26%,transparent);border-radius:11px;background:color-mix(in srgb,var(--channel-wash) 40%,transparent);color:var(--channel)}
.automation-tab.active{padding:20px 16px;border-color:color-mix(in srgb,var(--channel) 53%,transparent);background:linear-gradient(110deg,color-mix(in srgb,var(--channel-wash) 28%,#111a26),#111a2690)}
.automation-tab strong{font-size:15px;line-height:1.45;color:#c5cfdd;font-weight:500}
.automation-tab.active strong{color:#f1f5f8}
.automation-tab small{font-size:12px;line-height:1.6;margin-top:7px;color:#aebbc9}
.automation-tab .tab-plus{align-self:center;color:#758799;margin-left:auto}
.automation-tab.active>svg,.automation-tab.active .tab-plus{color:var(--channel)}
.automation-tab:hover{border-color:#ffffff3d}
.automation-tab:focus-visible{outline:2px solid #91d9e9;outline-offset:4px}
.automation-tab .wf-tab-short{display:none}
.workflow-panel{min-width:0;border-radius:15px;background:linear-gradient(145deg,#172331,#101722 62%)}
.workflow-topline{padding:15px 22px;gap:10px;font-size:10px;letter-spacing:.65px;flex-wrap:wrap}
.workflow-channel{max-width:none}
.workflow-benefit{font-size:24px;line-height:1.35;max-width:none;margin:17px 22px 14px}
.workflow-player-controls{padding:12px 22px 11px}
.workflow-player-controls [data-workflow-play]{min-width:222px;min-height:52px;padding:12px 17px;font-size:14px}
.workflow-player-hint{font-size:11px}
.workflow-player-meta{min-height:28px;margin-top:8px}
.workflow-player-controls [data-workflow-all]{min-height:36px;padding:5px 10px}
.workflow-demo{display:block;min-height:0;padding:22px}
.workflow-demo>*{animation:none!important}
.workflow-connections{padding-left:22px;padding-right:22px}
.workflow-bottom{padding:0 22px 19px}
.workflow-bottom p{font-size:13px;line-height:1.8;margin-bottom:10px;color:#b7c4d4}
.workflow-bottom .text-link{min-height:44px;font-size:13px}
.wf-scene{--scene-accent:#9bd7b5;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:20px;min-height:330px;align-items:stretch}
.wf-scene svg{width:18px;height:18px;flex:none}
.wf-scene p{margin:0;font-size:13px;line-height:1.7;color:#e0e8f1}
.wf-scene .wf-speaker{display:block;color:#a8b9c8;font-size:9px;letter-spacing:.7px;text-transform:uppercase;line-height:1.6;margin-bottom:5px}
.wf-scene .wf-message{padding:11px 13px;border:1px solid #bbcde31c;border-radius:11px 11px 11px 3px;background:#253144}
.wf-scene .wf-agent{background:#1a392f;border-color:#8bcca030}
.wf-scene .wf-agent .wf-speaker{color:#a5dcbb}
.wf-chat-window{min-width:0;border:1px solid #86b49e2a;border-radius:12px;overflow:hidden;background:radial-gradient(ellipse at 0 0,#19473526,transparent 70%),#0c151e}
.wf-chat-heading,.wf-post-account{display:flex;align-items:center;gap:10px;padding:14px 15px;border-bottom:1px solid #afc9d21a}
.wf-business-icon{display:grid;place-items:center;width:34px;height:34px;flex:none;background:#366a4b35;border:1px solid #84c3a435;border-radius:10px;color:#9bd7b5}
.wf-chat-heading strong,.wf-post-account strong{display:block;font-size:13px;font-weight:500;color:#e3ecef}
.wf-chat-heading span:not(.wf-business-icon),.wf-post-account span:not(.wf-business-icon){display:block;font-size:10px;line-height:1.5;color:#9fb4be;margin-top:2px}
.wf-chat-messages{padding:15px;display:flex;flex-direction:column;gap:12px}
.wf-chat-turn{max-width:94%;align-self:flex-start;min-width:0}
.wf-chat-turn:nth-child(2){align-self:flex-end;max-width:96%}
.wf-chat-turn:nth-child(2) .wf-message{border-radius:11px 11px 3px 11px}
.wf-chat-outcome{display:flex;flex-direction:column;justify-content:center;gap:20px;min-width:0}
.wf-result{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:21px 19px;border:1px solid #dcb57542;border-radius:12px;background:radial-gradient(ellipse at 0 0,#bd894514,transparent 90%),#17212b;min-width:0}
.wf-calendar{width:87px;flex:none;border:1px solid #ceab6740;border-radius:9px;text-align:center;background:#d4a2500e;overflow:hidden;color:#f2cb8c;position:relative;padding-bottom:11px}
.wf-calendar>span{display:block;padding:6px 4px;font-size:8px;font-weight:500;letter-spacing:1px;background:#d7ad6522;border-bottom:1px solid #d7ad6530}
.wf-calendar>strong{display:block;font-size:24px!important;line-height:1.4;font-weight:500;margin-top:7px;letter-spacing:-1px}
.wf-calendar>svg{display:none}
.wf-result-eyebrow{display:block;color:#b8a98e;font-size:8px;letter-spacing:1px;line-height:1.5;margin-bottom:7px}
.wf-result>div>strong{display:block;color:#f4d29b;font-size:16px;line-height:1.4;font-weight:500}
.wf-result small{display:block;color:#becad6;font-size:11px;line-height:1.6;margin-top:5px}
.wf-result-check{position:absolute;right:15px;top:18px;color:#edc884;font-size:17px}
.wf-chat-outcome .wf-handoff{display:flex;gap:8px;align-items:flex-start;color:#aabfcb;font-size:11px;line-height:1.65;padding-inline:3px}
.wf-handoff svg{width:15px;height:15px;margin-top:2px;color:#85bba2}
.wf-phone{--scene-accent:#f0c27e;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr)}
.wf-call-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 15px;gap:20px;border:1px solid #c4a7783b;border-radius:12px;background:radial-gradient(ellipse at 50% 35%,#66563c35,transparent 75%),#0d1520;min-width:0}
.wf-channel-label{display:flex;gap:7px;align-items:center;font-size:10px;color:#cfbb99;line-height:1.5;text-align:center}
.wf-channel-label svg{width:13px;height:13px}
.wf-call-identity{text-align:center}
.wf-portrait{width:122px;height:122px;margin:0 auto 18px;padding:4px;border:1px solid #c9ad7466;border-radius:50%;box-shadow:0 0 0 7px #dfc38f05,0 0 50px #cd9f5510}
.wf-portrait img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.wf-call-identity strong{display:block;font-size:26px;font-weight:500;letter-spacing:-.8px;color:#f0ede7;line-height:1.3}
.wf-call-identity span{display:block;font-size:11px;color:#b8bcbd;line-height:1.5;margin-top:5px}
.wf-wave{display:flex;align-items:center;justify-content:center;gap:4px;height:40px;width:100%;overflow:hidden}
.wf-wave i{display:block;width:3px;height:var(--voice-height);border-radius:3px;background:linear-gradient(#e9c993,#b38746);transform:scaleY(.65);animation:wf-voice 700ms ease-in-out 12 alternate;animation-delay:var(--voice-delay);animation-play-state:paused}
.workflow-panel[data-playback=playing] .wf-wave i{animation-play-state:running}
.workflow-panel[data-playback=complete] .wf-wave i{animation:none}
.wf-call-card .wf-silent{font-size:9px;color:#b5ae9f;text-align:center;line-height:1.5}
.wf-transcript,.wf-private{display:flex;flex-direction:column;gap:12px;min-width:0}
.wf-window-heading{display:flex;align-items:center;gap:8px;font-size:9px;color:#b8c7d6;letter-spacing:.85px;min-height:28px;line-height:1.5}
.wf-window-heading svg{width:15px;height:15px;color:var(--scene-accent)}
.wf-transcript .wf-message{padding:0 0 0 12px;border:0;border-left:2px solid #536172;background:none;border-radius:0}
.wf-transcript .wf-agent{border-color:#d3b06f;margin-bottom:15px}
.wf-transcript .wf-agent .wf-speaker{color:#dfc797}
.wf-result-compact{flex-direction:row;align-items:center;gap:12px;padding:14px;margin-top:auto}
.wf-result-compact .wf-calendar{width:47px;height:48px;padding:0;border-radius:8px;display:grid;place-items:center}
.wf-result-compact .wf-calendar>span,.wf-result-compact .wf-calendar>strong{display:none}
.wf-result-compact .wf-calendar>svg{display:block;width:22px;height:22px}
.wf-result-compact>div>strong{font-size:14px}
.wf-result-compact .wf-result-check{display:none}
.wf-result-compact .wf-result-eyebrow{font-size:8px;margin-bottom:4px}
.wf-instagram{--scene-accent:#e2a7cd;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr)}
.wf-post{border:1px solid #c995b43b;border-radius:12px;background:#131c29;overflow:hidden;align-self:start}
.wf-post-account{padding:12px;gap:9px}
.wf-post-account .wf-business-icon{background:#74436122;border-color:#cc87b22b;color:#e4abcf;width:31px;height:31px}
.wf-post-account strong{font-size:12px}.wf-post-account span:not(.wf-business-icon){font-size:9px}
.wf-post-art{background:#080e18;aspect-ratio:1.9;overflow:hidden;border-bottom:1px solid #ffffff12}
.wf-post-art img{width:100%;height:100%;object-fit:cover;display:block}
.wf-post .wf-post-caption{padding:12px 13px;font-size:12px;line-height:1.6}
.wf-post-caption span{display:block;color:#b8c3d2;font-size:11px;margin-top:3px}
.wf-post-caption b{color:#edb9d9;font-weight:500}
.wf-public-comment{margin:0 12px 12px;padding:11px 12px;background:#3f293a;border:1px solid #d293b729;border-radius:9px}
.wf-public-comment .wf-speaker{color:#ceabcd;font-size:8px}
.wf-public-comment strong{display:flex;align-items:center;gap:8px;font-size:17px;letter-spacing:.5px;font-weight:500;color:#f4d4e8}
.wf-public-comment svg{width:15px;height:15px}
.wf-private .wf-agent{background:#35263e;border-color:#c18ab032}
.wf-private .wf-agent .wf-speaker{color:#e3b4d2}
.wf-dm-turn{max-width:96%}
.wf-dm-turn:nth-child(3){align-self:flex-end;max-width:90%}
.wf-private .wf-result{margin-top:auto}
.wf-result-symbol{display:grid;place-items:center;width:39px;height:39px;flex:none;border-radius:9px;background:#b28b4722;color:#f2c986}
@keyframes wf-voice{from{transform:scaleY(.35)}to{transform:scaleY(1)}}
@media(min-width:1101px) and (max-width:1240px){.automation-showcase{grid-template-columns:minmax(235px,.65fr) minmax(0,1.65fr);gap:24px}.automation-tab,.automation-tab.active{padding:17px 13px;gap:10px}.automation-tab strong{font-size:14px}.automation-tab>svg{width:35px;height:35px;padding:9px}.wf-scene{gap:15px}.wf-result{padding:17px 14px}.wf-portrait{width:108px;height:108px}}
@media(max-width:1100px){.automation-showcase{grid-template-columns:1fr;gap:22px}.automation-selector{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.automation-tab,.automation-tab.active{padding:16px 13px;gap:10px}.automation-tab{flex-wrap:wrap;align-content:start}.automation-tab>span:nth-child(2){flex-basis:calc(100% - 54px)}.automation-tab .tab-plus{display:none}.automation-tab strong{font-size:14px}.automation-tab small{font-size:11px}.workflow-benefit{font-size:24px}.wf-scene{min-height:315px}}
@media(max-width:760px){.automation-showcase{gap:16px;margin-top:27px}.automation-selector{gap:8px}.automation-tab,.automation-tab.active{padding:13px 6px;gap:8px;min-height:88px;flex-direction:column;align-items:center;text-align:center;justify-content:center}.automation-tab>span:nth-child(2){flex:auto}.automation-tab>svg{width:29px;height:29px;padding:6px;border-radius:8px}.automation-tab strong,.automation-tab small{display:none}.automation-tab .wf-tab-short{display:block;font-size:12px;line-height:1.4;color:#d4dee8}.automation-tab.active .wf-tab-short{color:#fff;font-weight:500}.workflow-panel{border-radius:12px}.workflow-topline{padding:13px 16px;gap:6px;font-size:9px}.workflow-channel{max-width:none;width:100%}.workflow-topline .example-label{font-size:9px;color:#bac6d4}.workflow-benefit{font-size:21px;margin:15px 16px 12px}.workflow-player-controls{padding:10px 16px 12px}.workflow-player-controls [data-workflow-play]{width:100%;min-width:0;font-size:14px}.workflow-player-hint{margin-top:8px;font-size:10px}.workflow-player-meta{margin-top:5px;min-height:30px}.workflow-demo{padding:16px}.wf-scene{grid-template-columns:1fr;min-height:0;gap:16px}.wf-chat-messages{padding:13px}.wf-chat-outcome{gap:12px}.wf-chat-outcome .wf-result{flex-direction:row;align-items:center;padding:16px;gap:14px}.wf-chat-outcome .wf-calendar{width:65px}.wf-chat-outcome .wf-result-check{display:none}.wf-chat-outcome .wf-result>div>strong{font-size:15px}.wf-result small{font-size:12px}.wf-chat-outcome .wf-handoff{font-size:11px}.wf-call-card{display:grid;grid-template-columns:1fr;gap:12px;padding:16px}.wf-call-identity{display:flex;align-items:center;gap:18px;text-align:left;justify-content:center}.wf-portrait{width:85px;height:85px;flex:none;margin:0}.wf-call-identity strong{font-size:25px}.wf-call-identity span{font-size:12px}.wf-channel-label{justify-content:center}.wf-wave{height:30px}.wf-call-card .wf-silent{font-size:10px}.wf-transcript{gap:14px}.wf-transcript .wf-message p{font-size:14px}.wf-post{display:grid;grid-template-columns:95px minmax(0,1fr)}.wf-post-account{grid-column:1/-1}.wf-post-art{aspect-ratio:auto;min-height:114px;height:100%;border:0}.wf-post .wf-post-caption{padding:13px 11px;font-size:12px;align-self:center}.wf-public-comment{grid-column:1/-1;margin:8px 11px 11px}.wf-private .wf-result{margin-top:4px}.workflow-connections{padding-left:16px;padding-right:16px}.workflow-bottom{padding:0 16px 16px}.workflow-bottom p{font-size:13px}.workflow-bottom .text-link{font-size:13px;line-height:1.6}.wf-window-heading{font-size:10px}.wf-speaker{letter-spacing:.4px}.wf-result-compact{padding:13px}.wf-result-compact>div>strong{font-size:14px}}
@media(max-width:380px){.workflow-benefit{font-size:19px}.workflow-demo{padding:13px}.wf-chat-heading{padding:12px}.wf-chat-messages{padding:11px;gap:10px}.wf-message p{font-size:12px}.wf-chat-outcome .wf-result{padding:13px;gap:11px}.wf-post{grid-template-columns:80px minmax(0,1fr)}.wf-call-identity{gap:13px}.wf-portrait{width:75px;height:75px}.wf-call-identity strong{font-size:23px}.wf-call-identity span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.wf-wave i{animation:none!important}.automation-tab{transition:none}}
.motion-paused .wf-wave i{animation-play-state:paused!important}
.motion-paused .automation-tab{transition:none}