.industry-tabs{display:flex;gap:9px;margin-bottom:25px;flex-wrap:wrap}.industry-tabs button{padding:12px 22px;border:1px solid var(--border);background:#101a28;color:#a9b8c8;border-radius:7px;font-size:11px;font-weight:600;transition:background .2s,border-color .2s}.industry-tabs button:hover{border-color:#537479;color:var(--text)}.industry-tabs button[aria-selected=true]{background:var(--cyan);border-color:var(--cyan);color:#0a1c22}.demo-layout{display:grid;grid-template-columns:.85fr 1.15fr;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#0a121e}.demo-overview{padding:35px;border-right:1px solid var(--border)}.demo-overview>.eyebrow{font-size:8px;letter-spacing:1.1px}.demo-overview h3{font-size:31px;margin:19px 0 15px;line-height:1.2}.demo-overview>p{font-size:12px;line-height:1.9}.scenario-label{font-size:8px;color:#8b9db2;letter-spacing:1.3px;font-weight:600;display:block}.demo-overview>#scenarioLabel{margin:28px 0 12px}.scenario-buttons{display:grid;gap:8px}.scenario-buttons button{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--border);border-radius:7px;background:#101a29;color:#a9bacb;padding:13px;font-size:11px;font-weight:600}.scenario-buttons button>span{font-size:8px;color:#8197aa}.scenario-buttons button>b{margin-left:auto;font-size:15px;font-weight:400}.scenario-buttons button[aria-pressed=true]{border-color:#4c857c;background:#14343255;color:var(--teal)}.scenario-buttons button:hover{border-color:var(--cyan)}.demo-steps{margin:25px 0}.demo-steps .scenario-label{margin-bottom:12px}.demo-steps p{display:flex;gap:10px;font-size:10px;margin:9px 0;color:#afbeca}.demo-steps p>span{color:var(--teal)}.conversation{padding:26px;background:linear-gradient(155deg,#111e2d,#0b1522);display:flex;flex-direction:column}.conversation-header{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border);padding-bottom:21px}.business-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#173b3c;border:1px solid #38615e;color:var(--teal);font-size:11px;font-weight:800;border-radius:9px;flex-shrink:0}.conversation-header strong{display:block;font-size:12px}.conversation-header small{display:flex;align-items:center;gap:6px;font-size:9px;color:#94a9b4;margin-top:3px}.conversation-header .status-dot{width:4px;height:4px}.scripted-label{font-size:6px;letter-spacing:1px;color:#9bb2be;border:1px solid var(--border);padding:3px 6px;margin-left:auto;border-radius:3px;white-space:nowrap}.message-list{display:flex;flex-direction:column;gap:17px;padding:25px 0}.message{max-width:89%;padding:13px 16px;border-radius:10px;border:1px solid #2d3e51}.speaker{display:block;font-size:6px;letter-spacing:1.2px;font-weight:700;margin-bottom:7px}.message p{font-size:11px;line-height:1.8;color:#c4d3df}.message-customer{align-self:flex-end;background:#1a293d;border-bottom-right-radius:2px}.message-customer .speaker{color:#9caec3}.message-ai{align-self:flex-start;background:#102a2b;border-color:#2d524b;border-bottom-left-radius:2px}.message-ai .speaker{color:var(--teal)}.message-ai p{color:#c3dcd4}.demo-outcome{display:flex;gap:10px;align-items:center;border:1px solid #35574c;background:#163b2f55;border-radius:8px;padding:13px;margin-top:auto}.demo-outcome>span{color:var(--teal);width:22px;height:22px;border:1px solid #416f59;border-radius:50%;text-align:center;flex-shrink:0;font-size:12px}.demo-outcome small{display:block;color:#a0c6b1;font-size:6px;letter-spacing:1px}.demo-outcome strong{display:block;font-size:10px;color:#d2eadb;margin-top:3px}.demo-caption{font-size:7px;color:#8093a6;text-align:center;margin-top:12px}.demo-fallback{padding:30px;border:1px solid var(--border);border-radius:12px}@media(max-width:860px){.demo-overview{padding:24px}.demo-overview h3{font-size:27px}.conversation{padding:20px}.scripted-label{font-size:5px;letter-spacing:.6px;padding:3px}.message{max-width:95%}.message p{font-size:10px}.conversation-header strong{font-size:10px}.conversation-header small{font-size:8px}.business-avatar{width:29px;height:29px}.conversation-header{gap:8px}}@media(max-width:600px){.industry-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.industry-tabs button{font-size:10px;padding:12px 8px}.demo-layout{grid-template-columns:1fr}.demo-overview{border-right:0;border-bottom:1px solid var(--border);padding:25px}.demo-overview h3{font-size:29px}.demo-overview>p{font-size:12px}.scenario-buttons button{font-size:11px}.demo-steps{margin-block:23px}.conversation{padding:23px}.conversation-header strong{font-size:12px}.conversation-header small{font-size:9px}.business-avatar{width:34px;height:34px}.scripted-label{font-size:6px}.message p{font-size:11px}.message{max-width:93%}.speaker{font-size:7px}.demo-outcome strong{font-size:10px}.demo-caption{font-size:7px}}
