.demo-page{color:#f6fbf8;--demo-gain:#b8ff38;--demo-ink:#06110d;--demo-muted:#96aaa0;background:#07120e;min-height:100vh}.demo-header{background:#07120ee6;border-bottom:1px solid #ffffff1a}.demo-header-inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;width:min(1280px,100% - 40px);min-height:76px;margin-inline:auto;display:grid}.demo-brand{letter-spacing:-.045em;align-items:center;gap:10px;width:max-content;font-size:1.35rem;font-weight:800;display:inline-flex}.demo-brand b{color:var(--demo-gain)}.demo-brand-mark{width:34px;height:34px;color:var(--demo-ink);background:var(--demo-gain);border-radius:10px;place-items:center;display:grid}.demo-brand-mark svg{width:23px;height:23px}.demo-label{color:#dce8e2;letter-spacing:.06em;text-transform:uppercase;background:#b8ff380f;border:1px solid #b8ff3838;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.74rem;font-weight:800;display:inline-flex}.demo-label i{background:var(--demo-gain);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #b8ff381f}.back-link{color:#a9bbb2;justify-self:end;align-items:center;gap:7px;font-size:.85rem;font-weight:700;display:inline-flex}.back-link:hover{color:#fff}.back-link svg{width:16px}.demo-intro{grid-template-columns:1.2fr .8fr;align-items:end;gap:70px;width:min(1280px,100% - 40px);margin-inline:auto;padding:68px 0 42px;display:grid}.demo-eyebrow{color:var(--demo-gain);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 14px;font-size:.72rem;font-weight:900;display:flex}.demo-eyebrow svg{width:15px}.demo-intro h1{letter-spacing:-.063em;max-width:820px;margin:0;font-size:clamp(3rem,5vw,5rem);line-height:.96}.demo-intro h1 em{color:var(--demo-gain);font-style:normal}.demo-intro>p{color:#9daea5;max-width:440px;margin:0 0 5px;font-size:1.02rem;line-height:1.7}.simulation-note{color:#aebfb6;background:#b8ff380e;border:1px solid #b8ff3838;border-radius:13px;align-items:flex-start;gap:10px;width:min(1280px,100% - 40px);margin:-20px auto 28px;padding:13px 16px;display:flex}.simulation-note svg{width:18px;color:var(--demo-gain);flex:none;margin-top:1px}.simulation-note p{margin:0;font-size:.75rem;line-height:1.55}.simulation-note strong{color:#e6f2ec}.demo-workspace{background:#eef3f0;border:1px solid #ffffff21;border-radius:28px;grid-template-columns:.88fr 1.12fr;width:min(1280px,100% - 40px);min-height:690px;margin-inline:auto;display:grid;overflow:hidden;box-shadow:0 45px 130px #00000073}.phone-panel{min-width:0;color:var(--demo-ink);background:#dfe8e3;border-right:1px solid #cbd6d0;flex-direction:column;padding:28px;display:flex}.phone-top{color:#53665c;justify-content:space-between;align-items:center;padding:0 4px 18px;font-size:.78rem;font-weight:800;display:flex}.phone-status{align-items:center;gap:7px;display:flex}.phone-status i{background:#45c41b;border-radius:50%;width:8px;height:8px}.incoming-call{text-align:center;background:radial-gradient(circle at 50% 15%,#b8ff3826,#0000 33%),#f9fbfa;border-radius:22px;flex-direction:column;flex:1;align-items:center;min-height:570px;padding:70px 30px 34px;display:flex;box-shadow:0 15px 50px #142b201a}.caller-symbol{background:#b8ff382e;border-radius:50%;place-items:center;width:106px;height:106px;margin-bottom:24px;animation:1.8s ease-out infinite callpulse;display:grid;box-shadow:0 0 0 16px #b8ff3812}.caller-symbol span{background:var(--demo-gain);border-radius:50%;place-items:center;width:72px;height:72px;display:grid}.caller-symbol svg{width:31px;height:31px}.incoming-call>p:first-of-type{color:#658074;letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:900}.incoming-call h2{letter-spacing:-.04em;margin:9px 0 2px;font-size:2rem}.incoming-call>small{color:#768a80}.miss-button{color:#fff;background:#f04c59;border-radius:999px;height:52px;margin-top:55px;padding-inline:25px;font-weight:800}.miss-button:hover{background:#df3f4c}.demo-hint{color:#8b9c93!important;letter-spacing:0!important;text-transform:none!important;margin:13px 0 0!important;font-size:.76rem!important;font-weight:500!important}.conversation{background:#f9fbfa;border-radius:22px;flex:1;grid-template-rows:auto 1fr auto;min-height:570px;display:grid;overflow:hidden;box-shadow:0 15px 50px #142b201a}.conversation-head{border-bottom:1px solid #e0e7e3;justify-content:space-between;align-items:center;min-height:74px;padding:14px 18px;display:flex}.conversation-head>div{align-items:center;gap:11px;display:flex}.conversation-head b{font-size:.9rem;display:block}.conversation-head small{color:#7d8d85;font-size:.7rem;display:block}.contact-avatar{color:#4a5c53;background:#e4eae7;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.contact-avatar svg{width:19px}.message-list{background-image:radial-gradient(#dce4df 1px,#0000 1px);background-size:21px 21px;flex-direction:column;gap:13px;min-height:0;padding:20px 18px;display:flex;overflow-y:auto}.sms-row{align-items:flex-end;gap:8px;display:flex}.sms-row-caller{justify-content:flex-end}.sms-avatar{background:var(--demo-gain);border-radius:9px;flex:none;place-items:center;width:28px;height:28px;display:grid}.sms-avatar svg{width:15px}.sms-bubble{border-radius:15px;width:fit-content;max-width:82%;padding:11px 13px 8px;box-shadow:0 4px 12px #0a1e140f}.sms-bubble p{margin:0;font-size:.82rem;line-height:1.45}.sms-bubble small{margin-top:5px;font-size:.58rem;display:block}.sms-callgain{background:#fff;border:1px solid #dfe7e3;border-bottom-left-radius:4px}.sms-callgain small{color:#819087}.sms-caller{color:#fff;background:#16271f;border-bottom-right-radius:4px}.sms-caller small{color:#9eb0a7}.contacting-state{text-align:center;background:#fffffff0;border:1px solid #dbe5df;border-radius:18px;width:min(330px,100%);margin:auto;padding:26px}.contacting-state>span{background:var(--demo-gain);border-radius:14px;place-items:center;width:45px;height:45px;margin:0 auto 13px;display:grid}.contacting-state svg{width:22px}.contacting-state b{font-size:.95rem;display:block}.contacting-state p{color:#6c7c74;margin:5px 0 18px;font-size:.75rem;line-height:1.5}.loading-line{background:#e0e7e3;border-radius:999px;height:4px;display:block;position:relative;overflow:hidden}.loading-line:after{content:"";border-radius:inherit;background:var(--demo-gain);width:45%;animation:1.1s ease-in-out infinite loadline;position:absolute;inset:0 auto 0 0}.reply-area{background:#fff;border-top:1px solid #dfe7e2;min-height:96px;padding:14px 18px 16px}.reply-prompt{color:#718078;margin:0 0 9px;font-size:.7rem;font-weight:800}.quick-replies{flex-wrap:wrap;gap:7px;display:flex}.quick-replies button{color:#31463b;cursor:pointer;background:#f7faf8;border:1px solid #cbd7d0;border-radius:999px;align-items:center;gap:5px;padding:7px 10px;font-size:.68rem;font-weight:700;display:inline-flex}.quick-replies button:hover{background:#eeffda;border-color:#77b921}.quick-replies svg{width:12px}.message-form{grid-template-columns:1fr auto;gap:8px;margin-top:10px;display:grid}.message-form input{background:#f6f8f7;border-radius:12px;height:42px;font-size:.78rem}.message-form button{background:var(--demo-ink);color:#fff;border-radius:12px;height:42px}.single-form{margin-top:13px}.choice-row{flex-wrap:wrap;gap:8px;padding-top:13px;display:flex}.choice-row button{border-radius:999px;height:42px}.choice-row button:first-child{background:var(--demo-ink);color:#fff}.completed-reply{color:#3d5b4c;justify-content:center;align-items:center;gap:9px;min-height:66px;font-size:.78rem;font-weight:800;display:flex}.completed-reply svg{color:#5aae12;width:19px}.recovery-panel{min-width:0;color:var(--demo-ink);background:linear-gradient(#fffffff5,#fffffff5),radial-gradient(#b7c9bf 1px,#0000 1px) 0 0/24px 24px;padding:34px}.recovery-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.recovery-head p{color:#687a71;letter-spacing:.13em;margin:0 0 4px;font-size:.65rem;font-weight:900}.recovery-head h2{letter-spacing:-.045em;margin:0;font-size:1.65rem}.recovery-head>span{color:#60736a;letter-spacing:.08em;background:#e7ece9;border-radius:999px;align-items:center;gap:7px;padding:8px 10px;font-size:.62rem;font-weight:900;display:inline-flex}.recovery-head>span i{background:#43bd18;border-radius:50%;width:7px;height:7px}.recovery-head>span.status-complete{color:#245900;background:#ddffc1}.event-track{border-left:2px solid #dbe3df;gap:10px;margin-top:28px;padding:5px 0 5px 13px;display:grid}.event{opacity:.43;background:#f8faf9;border:1px solid #e4e9e6;border-radius:14px;grid-template-columns:34px 1fr auto;align-items:center;gap:11px;min-height:58px;padding:10px 13px;transition:opacity .25s,border-color .25s,transform .25s;display:grid;position:relative}.event:before{content:"";background:#cbd5d0;border:3px solid #fff;border-radius:50%;width:11px;height:11px;position:absolute;left:-20px;box-shadow:0 0 0 1px #cbd5d0}.event>span{background:#e4eae7;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.event>span svg{width:16px}.event b{font-size:.78rem;display:block}.event small{color:#77877f;font-size:.65rem;display:block}.event>svg{color:#9aaa9f;width:16px}.event.done{opacity:1;background:#f5ffea;border-color:#cae8ab;transform:translate(3px)}.event.done:before{background:var(--demo-gain);box-shadow:0 0 0 1px #82c51d}.event.done>span{background:var(--demo-gain)}.event.done>svg{color:#4f9a0c}.waiting-card{background:#f5f8f6;border:1px solid #dde5e1;border-radius:15px;align-items:center;gap:13px;margin-top:22px;padding:18px;display:flex}.waiting-card>span{color:#4b8d0d;background:#e6f8d4;border-radius:12px;flex:none;place-items:center;width:39px;height:39px;display:grid}.waiting-card svg{width:19px}.waiting-card b{font-size:.78rem;display:block}.waiting-card p{color:#6b7b73;margin:3px 0 0;font-size:.68rem;line-height:1.45}.lead-result{background:#fff;border:1px solid #d7e0db;border-radius:18px;margin-top:22px;animation:.45s ease-out leadin;overflow:hidden;box-shadow:0 15px 40px #162e2217}.urgent-banner{color:#fff;letter-spacing:.08em;background:#e44753;align-items:center;gap:7px;padding:10px 15px;font-size:.68rem;font-weight:900;display:flex}.urgent-banner svg{width:15px}.lead-title{border-bottom:1px solid #e4e9e6;justify-content:space-between;align-items:center;gap:18px;padding:17px 18px 14px;display:flex}.lead-title p{color:#708078;letter-spacing:.1em;margin:0 0 2px;font-size:.58rem;font-weight:900}.lead-title h3{letter-spacing:-.03em;margin:0;font-size:1.16rem}.lead-title>strong{color:#529c0c;letter-spacing:-.05em;font-size:1.75rem}.lead-title>strong small{color:#7e8e86;font-size:.65rem}.lead-result dl{margin:0;padding:8px 18px}.lead-result dl>div{border-bottom:1px solid #edf0ee;grid-template-columns:90px 1fr;gap:12px;padding:7px 0;display:grid}.lead-result dl>div:last-child{border:0}.lead-result dt{color:#73837b;font-size:.66rem}.lead-result dd{margin:0;font-size:.7rem;font-weight:750}.danger-text{color:#d73543}.lead-actions{background:#f7f9f8;grid-template-columns:1fr auto;gap:8px;padding:14px 18px 17px;display:grid}.lead-actions button{border-radius:10px;height:39px;font-size:.7rem;font-weight:800}.lead-actions button:first-child{background:var(--demo-gain);color:var(--demo-ink)}.value-strip{color:#fff;background:var(--demo-ink);border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;margin-top:18px;padding:16px 18px;display:grid}.value-strip>span:first-child{width:39px;height:39px;color:var(--demo-ink);background:var(--demo-gain);border-radius:12px;place-items:center;display:grid}.value-strip svg{width:20px}.value-strip small{color:#91a39a;font-size:.62rem;display:block}.value-strip strong{color:var(--demo-gain);font-size:1.35rem;line-height:1.1;display:block}.value-label{color:#7f9288;letter-spacing:.1em;font-size:.58rem;font-weight:900}.demo-finish{justify-content:space-between;align-items:center;gap:50px;width:min(1280px,100% - 40px);margin-inline:auto;padding:70px 0 85px;display:flex}.demo-finish h2{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,4vw,3.4rem)}.demo-finish>div>p:last-child{color:#96a9a0;max-width:720px;margin:15px 0 0;line-height:1.7}.demo-primary{background:var(--demo-gain);height:52px;color:var(--demo-ink);border-radius:999px;flex:none;padding-inline:24px;font-weight:850}.demo-primary:hover{background:#ceff77}.demo-footer{color:#71857b;border-top:1px solid #ffffff17;gap:18px;width:min(1280px,100% - 40px);margin:-45px auto 0;padding:20px 0 35px;font-size:.7rem;display:flex}.demo-footer a:hover{color:#c4d4cc}.demo-footer span{margin-left:auto}@keyframes callpulse{0%,to{box-shadow:0 0 0 16px #b8ff3812}50%{box-shadow:0 0 0 26px #b8ff3806}}@keyframes loadline{0%{transform:translate(-110%)}to{transform:translate(250%)}}@keyframes leadin{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=980px){.demo-intro{grid-template-columns:1fr;gap:22px}.demo-workspace{grid-template-columns:1fr}.phone-panel{border-bottom:1px solid #cbd6d0;border-right:0}.demo-finish{flex-direction:column;align-items:flex-start}}@media (width<=650px){.demo-header-inner,.demo-intro,.demo-workspace,.demo-finish,.simulation-note,.demo-footer{width:min(100% - 24px,1280px)}.demo-header-inner{grid-template-columns:1fr auto;min-height:68px}.demo-label{display:none}.back-link{font-size:0}.back-link svg{width:20px}.demo-intro{padding:46px 0 30px}.demo-intro h1{font-size:3.15rem}.demo-workspace{border-radius:20px}.phone-panel,.recovery-panel{padding:14px}.incoming-call,.conversation{border-radius:16px;min-height:540px}.incoming-call{padding:62px 16px 28px}.quick-replies{display:grid}.quick-replies button{text-align:left;justify-content:space-between}.sms-bubble{max-width:88%}.recovery-head h2{font-size:1.35rem}.recovery-head>span{padding:7px;font-size:.53rem}.event{grid-template-columns:32px 1fr auto;padding-inline:10px}.lead-result dl>div{grid-template-columns:78px 1fr}.lead-actions{grid-template-columns:1fr}.demo-finish{padding:55px 0 65px}.demo-finish .demo-primary{width:100%}.demo-footer{flex-wrap:wrap;align-items:flex-start}.demo-footer span{flex-basis:100%;margin-left:0}}@media (prefers-reduced-motion:reduce){.caller-symbol,.loading-line:after,.lead-result{animation:none}}