.agent-live{position:relative;min-width:0;background:#14362c;border:1px solid #345447;border-radius:22px;padding:24px 22px 16px;box-shadow:0 24px 65px #19382a20;color:#edf6e7;isolation:isolate}.live-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:1.2px}.live-heading>div{display:flex;align-items:center;gap:8px}.live-dot{height:6px;width:6px;border-radius:50%;background:#c4ed8c;box-shadow:0 0 12px #c4ed8c60}.live-simulation{font-size:7px;color:#b8cbb7;border:1px solid #48654f;border-radius:20px;padding:5px 7px;letter-spacing:.8px}.live-canvas{position:relative;height:460px;margin-top:24px;background-image:radial-gradient(#76987c35 1px,transparent 1px);background-size:16px 16px}.flow-heading{font-size:7px;letter-spacing:1.2px;color:#a7bd9b;padding:12px 0 20px}.agent-flow{list-style:none;padding:0;margin:0;width:55%;display:grid;gap:25px}.flow-node{position:relative;display:flex;align-items:center;gap:9px;min-height:65px;padding:12px 10px;border:1px solid #476251;border-radius:11px;background:#1d3e32;transition:background .4s,border-color .4s,box-shadow .4s;z-index:1}.flow-node:not(:last-child):after{content:'';position:absolute;top:100%;height:26px;left:24px;width:2px;background:#50745b}.flow-node.is-done:not(:last-child):after{background:#bbeb82}.flow-node strong{font-size:11px;display:block;font-weight:500;line-height:1.4;color:#e2eddd}.flow-node small{display:block;font-size:8px;color:#a3b79c;margin-top:5px;line-height:1.4}.flow-icon{width:29px;height:31px;border-radius:7px;display:grid;place-items:center;color:#a4c58a;flex-shrink:0}.flow-icon svg{width:19px;height:19px}.flow-check{display:none;position:absolute;top:-7px;right:8px;background:#c4eb92;border-radius:50%;width:16px;height:16px;text-align:center;font-size:11px;color:#214023}.flow-node.is-active{border-color:#c4eb92;background:#304d38;box-shadow:0 0 0 3px #b6dd7910,0 0 25px #a1d86110}.flow-node.is-active .flow-icon{background:#c4eb92;color:#234531}.flow-node.is-done .flow-check{display:block}.flow-node.is-active:before{content:'';position:absolute;inset:-1px;border:1px solid #c4eb92;border-radius:11px;animation:node-glow 2s ease-in-out infinite}.floating-conversation{position:absolute;right:-8px;top:81px;width:57%;border:1px solid #d4dfcb;background:#f8faf4;border-radius:15px;color:#1c3529;box-shadow:0 18px 45px #071e2445;z-index:3;transform:rotate(1.5deg)}.floating-chat-head{display:flex;gap:9px;align-items:center;padding:16px 12px;border-bottom:1px solid #e1e7da}.floating-chat-head img{width:21px;height:21px}.floating-chat-head strong{display:block;font-size:10px}.floating-chat-head span{display:block;font-size:7px;color:#78886e;margin-top:4px}.floating-chat-head .chat-connected{width:5px;height:5px;background:#79a64f;border-radius:50%;margin-left:auto}.live-messages{padding:13px 11px;display:flex;flex-direction:column;gap:9px;min-height:275px}.live-message{font-size:10px;line-height:1.6;border-radius:10px;padding:9px 11px;max-width:94%;transition:opacity .35s,transform .35s}.live-message small{font-size:6px;letter-spacing:1px;display:block;margin-bottom:4px;color:#7c8b73}.customer-msg{background:#edf0e7;align-self:flex-end;border-bottom-right-radius:3px}.agent-msg{background:#dfeccf;align-self:flex-start;border-bottom-left-radius:3px}.agent-live.is-enhanced .live-message:not(.is-visible){display:none}.live-typing{display:none;gap:4px;padding:11px;background:#dfeccf;width:45px;border-radius:12px}.live-typing.is-visible{display:flex}.live-typing i{height:4px;width:4px;background:#658453;border-radius:50%;animation:typing-dot 1s infinite}.live-typing i:nth-child(2){animation-delay:.15s}.live-typing i:nth-child(3){animation-delay:.3s}.chat-foot{font-size:7px;padding:9px 12px;border-top:1px solid #e1e7da;color:#77876b}.live-result{position:absolute;bottom:1px;left:0;right:0;display:flex;align-items:center;gap:12px;background:#c6e9a0;color:#234332;border:1px solid #deefc7;border-radius:11px;padding:14px;z-index:4;transition:opacity .4s,transform .4s}.live-result strong{font-size:11px;display:block}.live-result span{font-size:9px;display:block;margin-top:5px}.agent-live.is-enhanced .live-result:not(.is-visible){opacity:0;transform:translateY(7px);pointer-events:none}.live-controls{display:flex;align-items:center;gap:10px;border-top:1px solid #395748;padding-top:17px;margin-top:16px}.live-step{font-size:9px;font-variant-numeric:tabular-nums;color:#c4e697;white-space:nowrap}.live-controls .live-caption{font-size:10px;color:#cbdac1;margin:0;line-height:1.5;flex:1;min-height:30px;display:flex;align-items:center}.live-controls button{border:1px solid #54705a;width:29px;height:29px;flex-shrink:0;border-radius:7px;background:#254537;color:#dfefce;display:grid;place-items:center;padding:0}.live-controls button:hover{background:#3b5a40}.live-controls button svg{width:14px;height:14px}.live-progress{margin-top:13px;height:2px;background:#3c5849;border-radius:3px;overflow:hidden}.live-progress span{display:block;height:100%;background:#bde687;width:16.666%;transition:width .4s}.agent-live .live-disclaimer{font-size:8px;color:#a5b59d;line-height:1.6;margin:12px 0 0}.agent-live.is-paused *{animation-play-state:paused!important}.live-noscript{font-size:11px}.agent-live:not(.is-enhanced) .live-controls{display:none}@keyframes node-glow{50%{opacity:.3}}@keyframes typing-dot{50%{transform:translateY(-3px);opacity:.5}}
@media(min-width:701px) and (max-width:1100px){.agent-live{padding:18px 14px 14px}.floating-conversation{right:-3px;width:59%}.flow-node{padding:10px 7px;gap:3px}.flow-node strong{font-size:9px}.flow-node small{font-size:7px}.flow-icon{width:23px}.live-message{font-size:9px}.live-messages{min-height:285px}.floating-chat-head{padding:12px 9px;gap:5px}.floating-chat-head strong{font-size:9px}}
@media(max-width:700px){.agent-live{padding:22px 18px 16px;max-width:540px;width:100%;margin:0 auto}.live-canvas{height:620px;margin-top:18px}.flow-heading{padding-bottom:17px}.agent-flow{width:100%;grid-template-columns:1fr 1fr;gap:14px}.flow-node{min-height:73px;padding:12px 9px;gap:6px}.flow-node strong{font-size:10px}.flow-node small{font-size:8px}.flow-node:not(:last-child):after{display:none}.flow-icon{width:24px}.floating-conversation{width:89%;right:0;top:214px;transform:rotate(1deg)}.floating-chat-head{padding:13px 15px}.floating-chat-head strong{font-size:12px}.floating-chat-head span{font-size:9px}.live-messages{min-height:274px;padding:12px 14px}.live-message{font-size:11px;padding:8px 11px}.live-message small{font-size:7px}.chat-foot{font-size:8px}.live-result{bottom:0;padding:13px 11px}.live-result span{font-size:8px}.live-heading{font-size:8px}.live-caption{font-size:10px}.agent-live .live-disclaimer{font-size:8px}}
@media(prefers-reduced-motion:reduce){.agent-live *{animation:none!important;transition:none!important}.floating-conversation{transform:none}}
.live-canvas{height:505px}.flow-node.is-active:not(:last-child):after{background:linear-gradient(to bottom,#52765b 0%,#c9f397 45%,#52765b 90%);background-size:100% 200%;animation:flow-travel 1.4s linear infinite}@keyframes flow-travel{to{background-position:0 200%}}
@media(max-width:700px){.live-canvas{height:665px}}
@media(min-width:701px){.agent-flow{width:44%}}
@media(min-width:701px) and (max-width:1000px){.hero{grid-template-columns:1fr}.agent-live{width:100%;max-width:620px;margin:0 auto}.hero-copy{max-width:650px}.flow-node strong{font-size:11px}.flow-node small{font-size:8px}.live-message{font-size:11px}.floating-chat-head strong{font-size:11px}}
#hero-industry-title{min-height:4.5em;font-size:clamp(42px,4.2vw,60px);line-height:1.12;letter-spacing:-2.6px}#hero-industry-title>span,#hero-industry-title>em{display:block}.hero-copy>p{min-height:6.8em}.hero-industries{display:flex;gap:7px;flex-wrap:wrap;margin:23px 0 26px;max-width:530px}.hero-industries button{font-size:11px;padding:8px 12px;border:1px solid #d0dcc6;border-radius:25px;background:transparent;color:#637759;transition:background .25s,color .25s}.hero-industries button:hover{background:#e7eedf}.hero-industries button[aria-pressed=true]{background:#193b2c;color:#eef7e8;border-color:#193b2c}.hero-industries button:focus-visible{outline:2px solid #658c44;outline-offset:3px}@media(max-width:700px){#hero-industry-title{font-size:41px;letter-spacing:-1.9px;min-height:5.6em}.hero-copy>p{min-height:8em}.hero-industries{gap:7px;margin:18px 0 24px}.hero-industries button{font-size:11px;padding:8px 11px}}@media(prefers-reduced-motion:reduce){.hero-industries button{transition:none}}