.demo-hero{background:radial-gradient(circle at 75% 20%,rgba(63,198,249,.24),transparent 39%),linear-gradient(135deg,#071528,#103a63 70%,#102846);color:#fff}
.demo-inner,.demo-body{max-width:1180px;margin:0 auto;padding-left:24px;padding-right:24px}
.demo-inner{padding-top:80px;padding-bottom:80px}.demo-kicker{color:#8beaff;font-weight:850;letter-spacing:2px;font-size:11px}
.demo-hero h1{font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:-2.5px;font-size:clamp(36px,6vw,70px);line-height:1.07;margin:18px 0;max-width:1000px}
.demo-hero h1 em{font-style:normal;color:#7addf6}.demo-hero p{font-size:17px;color:#c9ddeb;line-height:1.7;max-width:720px}
.demo-hero-actions,.demo-final-actions{display:flex;flex-wrap:wrap;gap:11px;margin:23px 0}
.demo-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;padding:14px 19px;border-radius:12px;font-size:13px;font-weight:850;transition:transform .15s}
.demo-btn:hover{transform:translateY(-2px)}.demo-btn-light{background:#fff;color:#123653}.demo-btn-outline{background:rgba(255,255,255,.05);color:#fff;border:1px solid rgba(255,255,255,.25)}
.demo-honesty{margin-top:30px;display:flex;align-items:center;gap:9px;font-size:12px;color:#a5bdd1}.demo-dot{width:8px;height:8px;border-radius:50%;background:#62e2b5;flex-shrink:0}
.demo-body{padding-top:53px;padding-bottom:90px}.demo-section-head h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(25px,4vw,36px);margin:6px 0}
.demo-section-head p{color:#657b8f;font-size:14px;line-height:1.6;margin:0}.demo-label{font-size:10px;font-weight:900;letter-spacing:1.2px;color:#2676b0}
.demo-segments{display:flex;gap:10px;flex-wrap:wrap;margin:23px 0}
.demo-segment{border:1px solid #d8e5f2;background:#fff;color:#314b63;padding:12px 17px;border-radius:12px;cursor:pointer;font-size:13px;font-weight:850}
.demo-segment:hover{border-color:#77b7e8}.demo-segment.is-active,.demo-segment[aria-pressed="true"]{background:#0c3459;color:#fff;border-color:#0c3459}
.demo-grid{display:grid;grid-template-columns:minmax(330px,1.08fr) minmax(330px,1fr);gap:17px;align-items:stretch}
.demo-window,.demo-info-card{background:#fff;border:1px solid #dbe6f0;border-radius:21px;overflow:hidden;box-shadow:0 16px 34px rgba(24,66,95,.055)}
.demo-window{display:flex;flex-direction:column;min-height:520px}
.demo-window-header{display:flex;align-items:center;gap:11px;padding:18px 21px;background:#102b46;color:#fff}
.demo-window-icon{width:39px;height:39px;border-radius:50%;background:#216caa;display:grid;place-items:center;font-size:21px}
.demo-window-header b,.demo-window-header span:not(.demo-sim-pill){display:block}.demo-window-header b{font-size:15px}.demo-window-header span:not(.demo-sim-pill){color:#bcd2e4;font-size:11px;margin-top:3px}
.demo-sim-pill{margin-left:auto;background:rgba(255,255,255,.13);padding:5px 8px;border-radius:7px;color:#e6f5ff;font-size:10px;font-weight:900}
.demo-chat{flex:1;min-height:278px;max-height:385px;overflow-y:auto;padding:22px 20px;background:#eaf3f2;background-image:radial-gradient(rgba(116,153,154,.15) 1px,transparent 1px);background-size:19px 19px}
.demo-msg{max-width:88%;padding:12px 14px;border-radius:14px;margin:0 0 13px;font-size:13px;line-height:1.6;white-space:pre-wrap;box-shadow:0 2px 9px rgba(19,63,64,.05)}
.demo-msg.assistant{background:#fff;border-radius:3px 14px 14px 14px;color:#203d45}
.demo-msg.customer{margin-left:auto;background:#d3f8e2;border-radius:14px 3px 14px 14px;color:#18533f}
.demo-msg small{display:block;text-align:right;font-size:9px;color:#82959b;margin-top:6px}
.demo-chat-footer{padding:16px 20px;border-top:1px solid #e2edf4}.demo-chat-footer>span{display:block;font-size:11px;color:#5d7387;font-weight:800;margin-bottom:11px}
.demo-choices{display:flex;flex-wrap:wrap;gap:8px}.demo-choices button{border:1px solid #92c4da;background:#f2faff;border-radius:20px;padding:8px 11px;color:#19567b;font-size:12px;font-weight:800;cursor:pointer}
.demo-choices button:hover{background:#def4ff}.demo-choices button:focus-visible,.demo-segment:focus-visible{outline:3px solid #67beeb;outline-offset:2px}
.demo-workspace{display:flex;flex-direction:column;gap:17px}.demo-info-card{padding:21px}
.demo-info-card h3{font-size:20px;margin:8px 0 7px}.demo-info-card p{font-size:12px;color:#71869a;line-height:1.6}
.demo-lead{display:flex;align-items:center;gap:10px;padding:14px;margin:17px 0 19px;border:1px solid #e3ecf3;border-radius:13px;background:#fafcff}
.demo-avatar{width:37px;height:37px;background:#e1effe;color:#195998;border-radius:50%;display:grid;place-items:center;font-weight:900;flex-shrink:0}
.demo-lead-name{flex:1;min-width:0}.demo-lead-name strong,.demo-lead-name span{display:block}.demo-lead-name strong{font-size:13px}.demo-lead-name span{font-size:11px;color:#74869b;margin-top:3px}
.demo-client-tag{font-size:9px;font-weight:900;color:#7b97b1;white-space:nowrap}
.demo-pipeline{display:flex;gap:6px;margin-bottom:16px}.demo-step{flex:1;min-width:0;font-size:10px;text-align:center;color:#8393a4}
.demo-step i{display:block;height:8px;border-radius:10px;background:#e5ecf4;margin-bottom:8px}.demo-step.done i{background:#2fb79d}.demo-step.active i{background:#227dd2}
.demo-step.active{color:#1e649c;font-weight:850}.demo-summary{background:#f2f7fd;border-left:3px solid #2a83ce;padding:12px 13px;border-radius:9px}
.demo-summary strong{font-size:12px;color:#214d76}.demo-summary p{margin:5px 0 0;font-size:12px;color:#546a80}
.demo-campaign-card{flex:1}.demo-campaign-message{border:1px solid #dce9df;background:#f3faf4;border-radius:12px;padding:16px;font-size:13px;line-height:1.65;color:#315349;white-space:pre-wrap;margin-top:15px}
.demo-campaign-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:12px;font-size:10px;color:#74899a}.demo-no-send{color:#176e54;font-weight:850}
.demo-extra-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}
.demo-feature{border:1px solid #e1eaf3;border-radius:15px;background:#fff;padding:18px}
.demo-feature>span{display:grid;place-items:center;width:34px;height:34px;background:#e8f4ff;color:#206dae;border-radius:9px;font-size:21px}
.demo-feature h3{font-size:14px;margin:13px 0 8px}.demo-feature p{font-size:11px;color:#718396;line-height:1.6;margin:0}
.demo-final{margin-top:50px;background:#0b2b4b;color:#fff;padding:32px;border-radius:23px;display:flex;justify-content:space-between;gap:30px;align-items:center}
.demo-final h2{font-family:'Space Grotesk',sans-serif;font-size:27px;line-height:1.25;max-width:670px;margin:8px 0}
.demo-final p{font-size:13px;color:#bad3e6}.demo-final-actions{min-width:245px;flex-direction:column}
.demo-disclaimer{font-size:11px;color:#6d7f90;line-height:1.7;margin-top:23px}
@media(max-width:970px){.demo-grid{grid-template-columns:1fr}.demo-window{min-height:430px}.demo-extra-grid{grid-template-columns:repeat(2,1fr)}.demo-final{flex-direction:column;align-items:flex-start}}
@media(max-width:600px){.demo-inner,.demo-body{padding-left:17px;padding-right:17px}.demo-inner{padding-top:62px;padding-bottom:58px}.demo-extra-grid{grid-template-columns:1fr}.demo-segments{display:grid;grid-template-columns:1fr}.demo-segment{text-align:left}.demo-info-card{padding:16px}.demo-chat{min-height:290px}.demo-final{padding:24px}.demo-final-actions{width:100%}}