.video-story{padding:112px 0;background:#f6f8fc;overflow:hidden}
.video-story-layout{display:grid;grid-template-columns:minmax(250px,.62fr) minmax(0,1.38fr);align-items:center;gap:clamp(32px,6vw,92px)}
.video-story-copy{max-width:480px}.video-story-copy .section-title{margin-top:15px;font-size:clamp(3rem,4.1vw,4rem)}.video-story-copy .lede{margin-top:18px}
.conversation-demo{position:relative;min-width:0;margin:0}.conversation-demo:before{content:"";position:absolute;z-index:0;inset:-21px -24px 26px 20px;border-radius:34px;background:linear-gradient(135deg,rgba(31,102,242,.14),rgba(53,213,255,.07));transform:rotate(1.5deg)}
.conversation-window{position:relative;z-index:1;overflow:hidden;border:1px solid #cbd7e8;border-radius:18px;background:#fff;box-shadow:0 25px 64px rgba(7,21,47,.16)}
.conversation-bar{height:38px;display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid #dfe6f0;background:#f8fafc;color:#64748b;font-size:11px;font-weight:750;letter-spacing:.01em}.conversation-demo .tour-dots{display:flex;gap:4px}.conversation-demo .tour-dots i{width:6px;height:6px;border-radius:50%;background:#cbd5e1}.conversation-demo .tour-dots i:first-child{background:#f5aaa5}.conversation-demo .tour-dots i:nth-child(2){background:#f5d087}.conversation-demo .tour-dots i:nth-child(3){background:#a6debb}
.conversation-canvas{position:relative;display:grid;grid-template-columns:5.7% 30% 1fr;grid-template-rows:8.5% 1fr;aspect-ratio:16/10;overflow:hidden;background:#f8fafc;color:#344054;font-family:"DM Sans",sans-serif}.conversation-topline{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:0 2.7%;border-bottom:1px solid #e5eaf2;background:#fff;font-size:10px;color:#667085}.conversation-topline strong{color:#1d2939;font-size:11px}.conversation-back{color:#64748b;font-size:21px;line-height:0}.conversation-topline em{margin-left:auto;padding:4px 8px;border:1px solid #dfe6f0;border-radius:6px;color:#2563eb;font-size:8px;font-style:normal;font-weight:700}
.conversation-rail{grid-row:2;display:flex;flex-direction:column;align-items:center;gap:5.8%;padding-top:15%;border-right:1px solid #e5eaf2;background:#fff}.conversation-rail i{width:18%;aspect-ratio:1;border-radius:4px;background:#a9b4c5}.conversation-rail i.is-active{width:36%;background:#2563eb;box-shadow:0 0 0 5px #edf3ff}
.conversation-inbox{grid-row:2;display:flex;min-width:0;flex-direction:column;padding:4.5% 5%;border-right:1px solid #e5eaf2;background:#fff}.conversation-inbox-head{display:flex;align-items:center;gap:6px;color:#1d2939;font-size:10px;font-weight:800}.conversation-inbox-head span{display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#eef3ff;color:#2563eb;font-size:9px}.conversation-actions{display:flex;gap:5px;margin:5% 0}.conversation-actions b{padding:5px 8px;border-radius:5px;background:#2563eb;color:#fff;font-size:8px;white-space:nowrap}.conversation-actions i{display:grid;place-items:center;width:22px;border:1px solid #dfe6f0;border-radius:5px;color:#64748b;font-size:11px;font-style:normal}.conversation-search{display:flex;align-items:center;gap:5px;height:25px;padding:0 7px;border:1px solid #dfe6f0;border-radius:5px;color:#98a2b3;font-size:8px}.conversation-filters{display:flex;gap:4px;margin:5% 0}.conversation-filters span{padding:3px 5px;border:1px solid #e5eaf2;border-radius:4px;color:#667085;font-size:7px;white-space:nowrap}.conversation-filters .is-active{border-color:#cbd8ff;background:#f2f5ff;color:#2563eb;font-weight:700}
.conversation-list{display:grid;gap:2px}.conversation-person{display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:6px;width:100%;padding:7px 3px;border:0;border-left:2px solid transparent;background:transparent;color:#344054;text-align:left;font:inherit;cursor:pointer}.conversation-person.is-active{border-left-color:#2563eb;background:#f5f8ff}.conversation-avatar{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;color:#fff;font-size:8px;font-weight:800}.conversation-avatar.blue{background:linear-gradient(135deg,#3972f6,#7da5ff)}.conversation-avatar.amber{background:linear-gradient(135deg,#ecab41,#f4cc73)}.conversation-avatar.violet{background:linear-gradient(135deg,#8a63dc,#b39ae9)}.conversation-person strong,.conversation-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-person strong{font-size:9px;font-weight:800}.conversation-person small{margin-top:2px;color:#98a2b3;font-size:7px}.conversation-person time{align-self:start;color:#98a2b3;font-size:7px}
.conversation-chat{grid-row:2;position:relative;overflow:hidden;background:#f6f8fb}.conversation-empty,.conversation-thread{position:absolute;inset:0}.conversation-empty{display:grid;place-content:center;justify-items:center;padding:20%;text-align:center;transition:opacity .3s,transform .35s}.conversation-empty span{display:grid;place-items:center;width:42px;height:42px;margin-bottom:10px;border-radius:12px;background:#eaf0ff;color:#2563eb;font-size:24px}.conversation-empty strong{color:#1d2939;font-size:11px}.conversation-empty p{max-width:240px;margin:5px 0 0;color:#667085;font-size:9px;line-height:1.5}.conversation-thread{display:flex;flex-direction:column;opacity:0;transform:translateY(8px);transition:opacity .32s,transform .35s}.conversation-thread header{display:flex;align-items:center;gap:7px;padding:2.2% 3%;border-bottom:1px solid #e5eaf2;background:#fff}.conversation-thread header .conversation-avatar{width:28px;height:28px}.conversation-thread header strong,.conversation-thread header small{display:block}.conversation-thread header strong{font-size:10px;color:#1d2939}.conversation-thread header small{margin-top:2px;color:#667085;font-size:7px}.conversation-thread header>b{margin-left:auto;letter-spacing:2px;color:#667085;font-size:10px}.conversation-messages{display:flex;flex:1;flex-direction:column;gap:8px;padding:3.5% 4%;overflow:hidden;background:radial-gradient(circle at 8% 12%,rgba(37,99,235,.05),transparent 28%),#f8fafc}.conversation-messages p{max-width:70%;margin:0;padding:7px 9px;border-radius:8px 8px 8px 2px;background:#fff;box-shadow:0 2px 6px rgba(15,23,42,.06);color:#344054;font-size:9px;line-height:1.35;opacity:0;transform:translateY(8px);transition:opacity .28s,transform .28s}.conversation-messages .from-agent{align-self:flex-end;border-radius:8px 8px 2px 8px;background:#1f66f2;color:#fff}.conversation-messages .is-visible{opacity:1;transform:none}.conversation-compose{display:flex;align-items:center;gap:8px;min-height:13%;padding:0 3%;border-top:1px solid #e5eaf2;background:#fff;color:#98a2b3;font-size:12px}.conversation-typed{flex:1;color:#475467;font-size:9px}.conversation-typed.is-typing:after{content:"";display:inline-block;height:1em;margin-left:2px;border-right:1px solid #2563eb;vertical-align:-2px;animation:conversation-caret .65s steps(1) infinite}.conversation-compose button{display:grid;place-items:center;width:23px;height:23px;border:0;border-radius:6px;background:#2563eb;color:#fff;font-size:11px}
.conversation-demo.is-open .conversation-empty{opacity:0;transform:translateY(-10px);pointer-events:none}.conversation-demo.is-open .conversation-thread{opacity:1;transform:none}.conversation-demo .tour-pointer{z-index:8;width:18px;height:23px}.conversation-demo.is-playing .tour-pointer{opacity:1}.conversation-demo>figcaption{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding-top:10px;color:#657289;font-size:.82rem}
.conversation-automation{position:absolute;z-index:7;inset:0;display:flex;flex-direction:column;padding:4.2%;background:radial-gradient(circle at 92% 10%,rgba(53,213,255,.16),transparent 28%),#f7faff;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .35s,transform .4s}.conversation-automation header{display:flex;align-items:center;justify-content:space-between;gap:12px}.conversation-automation header b,.conversation-automation header small{display:block}.conversation-automation header b{color:#1d2939;font-size:12px}.conversation-automation header small{margin-top:3px;color:#667085;font-size:8px}.conversation-automation header button{border:0;border-radius:6px;background:#2563eb;color:#fff;padding:7px 10px;font:800 8px "DM Sans",sans-serif}.automation-flow{display:flex;flex:1;align-items:center;justify-content:center;gap:7px;padding:5% 1%}.automation-node{position:relative;width:28%;min-height:78px;padding:10px;border:1px solid #dce5f3;border-radius:10px;background:#fff;box-shadow:0 4px 12px rgba(7,21,47,.06);transition:border-color .25s,box-shadow .25s,transform .25s}.automation-node small,.automation-node strong,.automation-node span{display:block}.automation-node small{color:#2563eb;font-size:7px;font-weight:800;letter-spacing:.08em}.automation-node strong{margin:6px 0 4px;color:#27364e;font-size:10px;line-height:1.2}.automation-node span{color:#77859b;font-size:8px;line-height:1.35}.automation-link{width:6%;height:2px;background:#c4d0e2;position:relative}.automation-link:after{content:"›";position:absolute;right:-4px;top:50%;color:#8ca0ba;font-size:14px;line-height:1;transform:translateY(-52%)}.conversation-automation footer{display:flex;justify-content:space-between;gap:10px;color:#77859b;font-size:8px}.automation-status{color:#11834b;font-weight:800}.conversation-demo.is-automation .conversation-automation{opacity:1;transform:none;pointer-events:auto}.conversation-demo.is-automation .conversation-thread,.conversation-demo.is-automation .conversation-empty{opacity:0;pointer-events:none}.conversation-demo.is-automation .automation-node{border-color:#c7d8ff}.conversation-demo.is-automation.is-automation-active .automation-node{border-color:#7ba4ff;box-shadow:0 0 0 3px rgba(37,99,235,.1),0 7px 16px rgba(7,21,47,.1)}.conversation-demo.is-automation.is-automation-active .automation-node:nth-of-type(1){transform:translateY(-3px)}.conversation-demo.is-automation.is-automation-active .automation-node:nth-of-type(2){transform:translateY(-3px);transition-delay:.12s}.conversation-demo.is-automation.is-automation-active .automation-node:nth-of-type(3){transform:translateY(-3px);transition-delay:.24s}
.conversation-thread header{position:static;inset:auto;z-index:auto;height:auto;background:#fff;backdrop-filter:none;border-bottom:1px solid #e5eaf2;color:inherit}
.conversation-automation header{position:static;inset:auto;z-index:auto;height:auto;background:transparent;backdrop-filter:none;border:0;color:inherit}
.conversation-automation footer{position:static;inset:auto;z-index:auto;overflow:visible;background:transparent;padding:0;color:#77859b}
.conversation-automation footer:before{content:none}
@keyframes conversation-caret{50%{opacity:0}}
@media(max-width:900px){.video-story-layout{grid-template-columns:1fr;gap:42px}.video-story-copy{max-width:650px}.conversation-demo{width:min(100%,760px);margin:0 auto}.conversation-demo:before{inset:-14px -11px 18px 10px}}
@media(max-width:600px){.video-story{padding:76px 0}.conversation-window{border-radius:13px}.conversation-bar{height:31px;padding:0 10px;font-size:9px}.conversation-canvas{grid-template-columns:1fr;grid-template-rows:8.5% 1fr;min-height:255px}.conversation-rail,.conversation-inbox{display:none}.conversation-chat{grid-column:1}.conversation-demo>figcaption{font-size:.76rem}.conversation-person{grid-template-columns:17px minmax(0,1fr) auto;padding:4px 1px}.conversation-avatar,.conversation-thread header .conversation-avatar{width:17px;height:17px;font-size:5px}.conversation-actions i{width:16px}.conversation-actions b{padding:3px 4px}.conversation-automation{padding:5%}.conversation-automation header b{font-size:9px}.conversation-automation header small,.conversation-automation header button,.conversation-automation footer{font-size:6px}.automation-node{min-height:62px;padding:6px}.automation-node small{font-size:5px}.automation-node strong{margin:3px 0;font-size:7px}.automation-node span{font-size:6px}.automation-flow{gap:3px}.automation-link{width:3%}}
@media(max-width:600px){.conversation-canvas{width:100%;max-width:100%;min-width:0}}
@media(prefers-reduced-motion:reduce){.conversation-demo .tour-pointer{display:none}.conversation-thread{opacity:1;transform:none}.conversation-empty{display:none}.conversation-messages p{opacity:1;transform:none}}
.conversation-automation{padding:3.4%;background:radial-gradient(circle at 92% 8%,rgba(37,99,235,.1),transparent 27%),#f8fafc}.automation-builder-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.automation-builder-head b,.automation-builder-head small{display:block}.automation-builder-head b{color:#111827;font-size:12px;font-weight:700}.automation-builder-head small{margin-top:2px;color:#6b7280;font-size:8px}.automation-builder-head button{display:inline-flex;align-items:center;gap:4px;border:0;border-radius:6px;background:#2563eb;color:#fff;padding:7px 9px;font:700 8px "DM Sans",sans-serif}.automation-builder-head button svg{width:10px;height:10px;stroke-width:2.6}.automation-flow{position:relative;align-items:center;justify-content:center;gap:4.2%;padding:3.8% 1.5% 3.2%}.automation-node{width:29%;min-height:0;padding:0;overflow:visible;border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.08);text-align:left}.automation-node.flow-message{border-color:#bfdbfe}.automation-node.flow-bot{border-color:#e9d5ff}.automation-node.flow-handoff{border-color:#fed7aa}.flow-node-head{display:flex;align-items:flex-start;gap:6px;min-height:48px;padding:7px 8px;border-bottom:1px solid #edf0f4;border-radius:7px 7px 0 0;background:#f8fbff}.flow-bot .flow-node-head{background:#fdfaff}.flow-handoff .flow-node-head{background:#fffaf5}.flow-node-head>span:last-of-type{min-width:0}.flow-node-head small,.flow-node-head strong{display:block}.flow-node-head small{color:#9ca3af;font-size:6px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.flow-node-head strong{margin-top:2px;color:#1f2937;font-size:9px;line-height:1.15}.flow-node-head em{margin-left:auto;border-radius:999px;background:#dcfce7;color:#15803d;padding:2px 4px;font-size:6px;font-style:normal;font-weight:700}.automation-icon{display:grid;flex:none;place-items:center;width:23px;height:23px;border:1px solid;border-radius:6px}.automation-icon svg{width:11px;height:11px;fill:currentColor}.automation-icon.message{border-color:#bfdbfe;background:#eff6ff;color:#2563eb}.automation-icon.bot{border-color:#e9d5ff;background:#faf5ff;color:#9333ea}.automation-icon.handoff{border-color:#fed7aa;background:#fff7ed;color:#c2410c}.flow-node-body{min-height:52px;padding:8px}.flow-node-body small,.flow-node-output>small{display:block;color:#9ca3af;font-size:6px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.flow-node-body p{margin:4px 0 0;color:#4b5563;font-size:7px;line-height:1.35}.flow-node-output{padding:7px 8px 8px;border-top:1px solid #edf0f4}.flow-node-output>span{position:relative;display:flex;align-items:center;gap:4px;margin-top:4px;padding:4px 6px;border:1px solid #dbeafe;border-radius:4px;background:#fff;color:#2563eb;font-size:7px;font-weight:700;line-height:1.1}.flow-bot .flow-node-output>span{border-color:#ede9fe;color:#7e22ce}.flow-handoff .flow-node-output>span{border-color:#fed7aa;color:#c2410c}.flow-node-output b{display:grid;place-items:center;width:13px;height:13px;border-radius:3px;background:#dbeafe;color:#2563eb;font-size:7px}.flow-bot .flow-node-output b{background:#ede9fe;color:#7e22ce}.flow-handoff .flow-node-output b{background:#ffedd5;color:#c2410c}.automation-port{position:absolute;z-index:2;display:block;width:10px;height:10px;border:2px solid #cbd5e1;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.12)}.automation-port.input{left:-6px;top:50%;transform:translateY(-50%)}.automation-port.output{right:-6px;top:50%;width:10px;height:10px;border-color:#3b82f6;background:#2563eb;transform:translateY(-50%)}.flow-bot .automation-port.output{border-color:#a855f7;background:#9333ea}.flow-handoff .automation-port.output{display:none}.automation-link{position:relative;flex:0 0 4.2%;width:auto;height:2px;background:#cbd5e1}.automation-link:after{right:-4px;color:#94a3b8;font-size:13px}.automation-builder-foot{display:flex;justify-content:space-between;gap:10px;color:#77859b;font-size:8px}.conversation-demo.is-automation .automation-node{transform:none}.conversation-demo.is-automation.is-automation-active .automation-node{box-shadow:0 0 0 3px rgba(37,99,235,.1),0 5px 12px rgba(15,23,42,.09)}.conversation-demo.is-automation.is-automation-active .flow-message{border-color:#60a5fa}.conversation-demo.is-automation.is-automation-active .flow-bot{border-color:#c084fc}.conversation-demo.is-automation.is-automation-active .flow-handoff{border-color:#fb923c}
@media(max-width:600px){.conversation-automation{padding:5%}.automation-builder-head b{font-size:9px}.automation-builder-head small{font-size:6px}.automation-builder-head button{padding:6px 7px;font-size:6px}.automation-builder-head button svg{width:8px;height:8px}.automation-flow{gap:4%;padding:8% 1.2% 6%}.automation-node{width:29.3%;border-radius:6px}.flow-node-head{min-height:41px;gap:4px;padding:5px}.flow-node-head small{font-size:5px}.flow-node-head strong{font-size:7px}.flow-node-head em{display:none}.automation-icon{width:17px;height:17px;border-radius:4px}.automation-icon svg{width:8px;height:8px}.flow-node-body{min-height:48px;padding:5px}.flow-node-body small,.flow-node-output>small{font-size:4.5px}.flow-node-body p{margin-top:3px;font-size:5.5px}.flow-node-output{padding:5px}.flow-node-output>span{gap:2px;margin-top:3px;padding:3px;font-size:5px;overflow-wrap:anywhere}.flow-node-output b{width:10px;height:10px;border-radius:2px;font-size:5px}.automation-port{width:7px;height:7px;border-width:1px}.automation-port.input{left:-4px}.automation-port.output{right:-4px;width:7px;height:7px}.automation-link{flex-basis:4%;height:1px}.automation-link:after{font-size:9px}.automation-builder-foot{font-size:6px}}
.conversation-automation{padding:0;background:#f8fafc}.automation-app-top{display:flex;align-items:center;justify-content:space-between;min-height:8.5%;padding:0 2.7%;border-bottom:1px solid #e5e7eb;background:#fff;color:#64748b;font-size:8px}.automation-app-top b{color:#1f2937;font-size:9px}.automation-app-top>span{display:flex;align-items:center;gap:7px}.automation-app-top>span i{color:#9ca3af;font-size:13px;font-style:normal}.automation-app-top em{display:inline-flex;align-items:center;gap:4px;border:1px solid #dcfce7;border-radius:5px;padding:4px 6px;color:#15803d;font-size:7px;font-style:normal}.automation-app-top svg{width:10px;height:10px}.automation-workspace{display:grid;grid-template-columns:minmax(0,1fr) 22%;gap:2.6%;height:91.5%;padding:2.6% 3.3%}.automation-list{min-width:0}.automation-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.automation-page-head>span:first-child small,.automation-page-head>span:first-child strong{display:block}.automation-page-head>span:first-child small{color:#3b82f6;font-size:7px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.automation-page-head>span:first-child strong{margin-top:2px;color:#111827;font-size:16px;line-height:1.05}.automation-page-head p{max-width:365px;margin:4px 0 0;color:#6b7280;font-size:7px;line-height:1.4}.automation-actions{display:flex;gap:5px;padding-top:2px}.automation-actions button{display:inline-flex;align-items:center;gap:4px;border:1px solid #e5e7eb;border-radius:5px;background:#fff;padding:6px 7px;color:#374151;font:700 7px "DM Sans",sans-serif}.automation-actions button:last-child{border-color:#2563eb;background:#2563eb;color:#fff}.automation-actions svg{width:9px;height:9px}.automation-tabs{display:flex;gap:14px;margin-top:3.3%;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:7px}.automation-tabs>*{padding:0 0 7px}.automation-tabs b{border-bottom:2px solid #2563eb;color:#2563eb}.automation-table{margin-top:2.5%;overflow:hidden;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.automation-table-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px;border-bottom:1px solid #f0f2f5}.automation-table-tools>span,.automation-table-tools em{display:inline-flex;align-items:center;gap:4px;height:22px;border:1px solid #e5e7eb;border-radius:5px;padding:0 6px;color:#9ca3af;font-size:7px;font-style:normal}.automation-table-tools>span{width:31%}.automation-table-tools em{color:#4b5563}.automation-table-tools svg{width:9px;height:9px}.automation-table-head,.automation-row{display:grid;grid-template-columns:minmax(145px,2.45fr) .8fr .64fr .7fr 20px;align-items:center;gap:5px;padding:0 10px}.automation-table-head{min-height:24px;background:#f9fafb;color:#6b7280;font-size:6px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.automation-table-head span:not(:first-child),.automation-row>span:not(:first-child){text-align:right}.automation-row{min-height:34px;border-top:1px solid #f0f2f5;color:#475569;font-size:7px}.automation-row>span:first-child{display:flex;align-items:center;gap:6px;min-width:0}.automation-row>span:first-child>svg{flex:none;width:18px;height:18px;padding:4px;border-radius:5px;background:#eff6ff;color:#2563eb}.automation-row b{min-width:0;color:#374151;font-size:7px}.automation-row b small{display:block;margin-top:1px;overflow:hidden;color:#9ca3af;font-size:5.6px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.automation-row>em{justify-self:start;border-radius:999px;background:#fff7ed;padding:2px 4px;color:#b45309;font-size:5.8px;font-style:normal;font-weight:700}.automation-row>em.active{background:#dcfce7;color:#15803d}.automation-row>svg{width:12px;height:12px;justify-self:end;border:1px solid #e5e7eb;border-radius:3px;padding:2px;color:#64748b}.automation-table-foot{padding:7px 10px;border-top:1px solid #f0f2f5;color:#9ca3af;font-size:6px}.automation-aside{padding-left:10px;border-left:1px solid #e5e7eb}.automation-aside>b{display:block;margin-bottom:8px;color:#374151;font-size:8px}.automation-aside>span{display:flex;align-items:center;gap:6px;margin:6px 0;color:#4b5563;font-size:7px}.automation-aside>span svg{width:12px;height:12px;padding:3px;border-radius:4px;background:#eff6ff;color:#2563eb}.automation-aside>span:nth-of-type(2) svg{background:#faf5ff;color:#9333ea}.automation-aside>span:nth-of-type(3) svg{background:#dcfce7;color:#15803d}.automation-aside>span:nth-of-type(4) svg{background:#fff7ed;color:#c2410c}.automation-aside hr{margin:14px 0 10px;border:0;border-top:1px solid #e5e7eb}.automation-aside>span strong{margin-left:auto;color:#374151;font-size:7px}.automation-modal-backdrop{position:absolute;z-index:11;inset:0;display:grid;place-items:center;background:rgba(203,213,225,.62);opacity:0;pointer-events:none;transition:opacity .25s}.automation-modal{position:relative;width:31%;min-width:215px;border-radius:8px;background:#fff;padding:16px;box-shadow:0 17px 35px rgba(15,23,42,.19);transform:translateY(6px) scale(.98);transition:transform .28s}.automation-modal>button{position:absolute;right:11px;top:9px;border:0;background:none;color:#9ca3af;font-size:14px}.automation-modal h3{margin:0;color:#1f2937;font-size:11px}.automation-modal>p{margin:2px 0 0;color:#6b7280;font-size:7px}.automation-modal-icon{display:grid;place-items:center;width:28px;height:28px;margin:12px 0 8px;border-radius:7px;background:#eff6ff;color:#2563eb}.automation-modal-icon svg{width:14px;height:14px}.automation-modal label{display:block;color:#374151;font-size:7px;font-weight:700}.automation-modal label small{color:#9ca3af;font-size:6px;font-weight:400}.automation-modal input{display:block;width:100%;height:23px;margin-top:4px;border:1px solid #d1d5db;border-radius:4px;padding:0 6px;color:#6b7280;font:6px "DM Sans",sans-serif}.automation-modal>small{display:block;margin-top:5px;color:#6b7280;font-size:5.8px;line-height:1.35}.automation-modal>strong{display:block;width:max-content;margin:12px 0 0 auto;border-radius:5px;background:#2563eb;padding:6px 10px;color:#fff;font-size:7px}.conversation-demo.is-automation.is-automation-active .automation-modal-backdrop{opacity:1;pointer-events:auto}.conversation-demo.is-automation.is-automation-active .automation-modal{transform:none}
@media(max-width:600px){.automation-app-top{font-size:6px}.automation-app-top b{font-size:7px}.automation-app-top em{padding:3px;font-size:5px}.automation-workspace{grid-template-columns:1fr;padding:3.6%}.automation-aside{display:none}.automation-page-head>span:first-child small{font-size:5px}.automation-page-head>span:first-child strong{font-size:11px}.automation-page-head p{max-width:180px;font-size:5px}.automation-actions{gap:3px}.automation-actions button{padding:5px;font-size:5px}.automation-actions button:first-child{display:none}.automation-tabs{gap:9px;font-size:5px}.automation-tabs>*{padding-bottom:5px}.automation-table-tools{padding:5px}.automation-table-tools>span,.automation-table-tools em{height:17px;padding:0 4px;font-size:5px}.automation-table-head,.automation-row{grid-template-columns:minmax(104px,2.45fr) .8fr .55fr .68fr 12px;gap:2px;padding:0 5px}.automation-table-head{min-height:18px;font-size:4.3px}.automation-row{min-height:26px;font-size:5px}.automation-row>span:first-child{gap:3px}.automation-row>span:first-child>svg{width:13px;height:13px;padding:3px;border-radius:3px}.automation-row b{font-size:5px}.automation-row b small{font-size:4px}.automation-row>em{padding:1px 2px;font-size:4.2px}.automation-row>svg{width:9px;height:9px;padding:1px}.automation-table-foot{padding:5px;font-size:4.5px}.automation-modal{min-width:0;width:58%;padding:12px}.automation-modal h3{font-size:9px}.automation-modal>p{font-size:5px}.automation-modal-icon{width:22px;height:22px;margin:8px 0 6px}.automation-modal-icon svg{width:11px;height:11px}.automation-modal label{font-size:5px}.automation-modal label small,.automation-modal>small{font-size:4.5px}.automation-modal input{height:19px;font-size:5px}.automation-modal>strong{margin-top:8px;padding:5px 7px;font-size:5px}}
.conversation-canvas{grid-template-columns:5.7% 24% minmax(0,1fr) 22%}.conversation-chat{grid-column:3;background:#171a18}.conversation-empty{background:#171a18;color:#d6d9d8}.conversation-empty span{background:rgba(255,255,255,.08);color:#7dd3fc}.conversation-empty strong{color:#e5e7eb}.conversation-empty p{color:#9ca3af}.conversation-thread header{position:static;inset:auto;z-index:auto;height:auto;border-bottom-color:#2e3633;background:#222622;color:#e5e7eb}.conversation-thread header strong{color:#f3f4f6}.conversation-thread header small,.conversation-thread header>b{color:#aab3af}.conversation-messages{background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.035) 0 1px,transparent 1px) 0 0/12px 12px,#171a18}.conversation-messages p{background:#303431;box-shadow:none;color:#f1f5f9}.conversation-messages .from-agent{background:#075e54;color:#fff}.conversation-compose{border-top-color:#2e3633;background:#222622;color:#9ca3af}.conversation-typed{color:#f1f5f9}.conversation-compose button{background:transparent;color:#a7f3d0}.conversation-profile{grid-column:4;grid-row:2;overflow:hidden;border-left:1px solid #e5e7eb;background:#fff}.conversation-profile-head{display:flex;align-items:center;gap:7px;padding:8% 8% 6%;border-bottom:1px solid #eef0f3}.conversation-profile-head strong,.conversation-profile-head small{display:block}.conversation-profile-head strong{color:#1f2937;font-size:9px}.conversation-profile-head small{margin-top:2px;color:#16a34a;font-size:6px}.conversation-profile-head>i{margin-left:auto;color:#94a3b8;font-size:15px;font-style:normal}.profile-tabs{display:flex;gap:6px;padding:5% 7% 0;border-bottom:1px solid #eef0f3;color:#6b7280;font-size:6px}.profile-tabs>*{padding-bottom:5px}.profile-tabs b{border-bottom:2px solid #2563eb;color:#2563eb}.profile-card{margin:7%;padding:7%;border:1px solid #e5e7eb;border-radius:6px;color:#4b5563}.profile-card>small,.profile-card>strong{display:block}.profile-card>small{color:#16a34a;font-size:6px;font-weight:700}.profile-card>strong{margin-top:3px;color:#374151;font-size:7px}.profile-card>div{display:flex;gap:5px;margin:7px 0}.profile-card>div span{display:flex;align-items:center;gap:2px;color:#6b7280;font-size:5.8px}.profile-card svg{width:8px;height:8px}.profile-card button{width:100%;border:1px solid #bfdbfe;border-radius:4px;background:#eff6ff;padding:4px;color:#2563eb;font:700 5.8px "DM Sans",sans-serif}.profile-section{padding:6% 7%;border-top:1px solid #eef0f3}.profile-section strong,.profile-section span{display:block}.profile-section strong{color:#4b5563;font-size:6px}.profile-section span{display:flex;align-items:center;justify-content:space-between;margin-top:4px;border:1px solid #e5e7eb;border-radius:4px;padding:4px;color:#6b7280;font-size:5.8px}.profile-section svg{width:8px;height:8px}
@media(max-width:600px){.conversation-canvas{grid-template-columns:1fr}.conversation-profile{display:none}}
.mk-fa{font-family:"Font Awesome 5 Free"!important;font-style:normal}.conversation-rail .mk-fa{display:grid;width:42%;height:auto;aspect-ratio:1;place-items:center;border-radius:5px;background:transparent;color:#94a3b8;font-size:8px}.conversation-rail .mk-fa.is-active{width:46%;background:#eff6ff;color:#2563eb;box-shadow:none}.conversation-actions b .mk-fa{width:auto;border:0;color:inherit;font-size:7px}.conversation-actions>.mk-fa{width:22px;border:1px solid #dfe6f0;background:transparent;color:#64748b;font-size:8px}.conversation-search .mk-fa{width:auto;border:0;background:transparent;color:#98a2b3;font-size:8px}.conversation-search .mk-fa:last-child{margin-left:auto}.conversation-empty .mk-fa{font-size:22px}.conversation-compose .mk-fa{font-size:10px}.conversation-compose button .mk-fa{font-size:9px}.profile-card .mk-fa{width:auto;height:auto;padding:0;background:transparent;color:inherit}.profile-section .mk-fa{width:auto;height:auto;padding:0;background:transparent;color:inherit}
.automation-app-top .mk-fa{font-size:10px}.automation-actions .mk-fa{font-size:9px}.automation-table-tools .mk-fa{font-size:9px}.automation-table-tools em .mk-fa{font-size:7px}.automation-row>span:first-child>.mk-fa{display:grid;width:18px;height:18px;flex:none;place-items:center;border-radius:5px;background:#eff6ff;color:#2563eb;font-size:8px}.automation-row>.mk-fa{display:grid;width:12px;height:12px;justify-self:end;place-items:center;border:1px solid #e5e7eb;border-radius:3px;color:#64748b;font-size:6px}.automation-aside>span .mk-fa{display:grid;width:12px;height:12px;flex:none;place-items:center;border-radius:4px;background:#eff6ff;color:#2563eb;font-size:6px}.automation-aside>span:nth-of-type(2) .mk-fa{background:#faf5ff;color:#9333ea}.automation-aside>span:nth-of-type(3) .mk-fa{background:#dcfce7;color:#15803d}.automation-aside>span:nth-of-type(4) .mk-fa{background:#fff7ed;color:#c2410c}.automation-modal-icon .mk-fa{font-size:14px}