.crm-call-section{background:#24172e;color:#fff}.crm-call-heading{max-width:760px;margin-bottom:38px}.crm-call-heading .eyebrow{color:#83e0d3}.crm-call-heading h2{font-size:clamp(34px,4vw,58px);line-height:1.08;color:#fff;margin:17px 0}.crm-call-heading>p{color:#d1c6d8;max-width:650px}.crm-call-demo{border:1px solid #ffffff25;border-radius:24px;overflow:hidden;background:#302239}.crm-call-film{min-width:0}.crm-video-stage{position:relative;isolation:isolate;aspect-ratio:16/9;overflow:hidden}.crm-video-stage:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,transparent 48%,#1b11254d 68%,#1b112596),linear-gradient(0deg,#1b1125b8,transparent 25%)}.crm-video-stage video{display:block;width:100%;height:100%;object-fit:cover}.crm-agent-caption{position:absolute;z-index:3;top:22px;left:22px;display:flex;align-items:center;gap:9px;background:#24172edb;border:1px solid #ffffff35;border-radius:99px;padding:11px 15px;color:#fff;font-size:11px}.crm-call-dot{width:7px;height:7px;border-radius:50%;background:#7ddbd4}.crm-transcript{position:absolute;z-index:3;right:3%;top:22%;width:34%;max-height:65%;overflow:auto;scrollbar-width:thin;padding:3px}.crm-transcript-label{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#fff;text-shadow:0 1px 8px #000;margin-bottom:14px}.crm-transcript ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.crm-msg{max-width:94%;padding:14px 16px;border-radius:17px 17px 17px 4px;background:#fffffff2;border:1px solid #ffffff70;box-shadow:0 8px 25px #160b2325;transition:opacity .45s,transform .45s}.crm-msg small{font-size:10px;color:#65506d}.crm-msg p{font-size:clamp(12px,1.15vw,16px);line-height:1.5;margin:4px 0 0;color:#32243c}.crm-msg-agent{margin-left:auto;background:#daf4edf5;border-radius:17px 17px 4px 17px}.crm-call-demo.is-enhanced .crm-msg:not(.is-visible),.crm-call-demo.is-enhanced .crm-msg.is-past{display:none}.crm-call-demo.is-enhanced .crm-msg.is-visible:not(.is-past){animation:crm-message-in .5s ease both}.crm-record{position:absolute;z-index:3;left:22px;bottom:22px;max-width:48%;padding:12px 16px;border:1px solid #ffffff35;background:#24172edb;border-radius:12px;color:#fff}.crm-record-label{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#96e8d9}.crm-record-status{font-size:12px;line-height:1.5;margin:5px 0 0;color:#fff}.crm-demo-bottom{display:flex;justify-content:flex-end;margin-top:22px}.crm-flow{display:flex;list-style:none;justify-content:space-between;gap:18px;margin:0;padding:24px;flex-wrap:wrap}.crm-flow li{font-size:12px;color:#c6b8ce;display:flex;align-items:center;gap:9px}.crm-flow span{display:grid;place-items:center;width:26px;height:26px;border:1px solid #ffffff30;border-radius:50%;font-size:10px}.crm-flow li.is-active{color:#8ee5d8}.crm-flow li.is-active span{background:#7ddbd4;color:#203b37;border-color:#7ddbd4}.crm-film-toggle{background:transparent;color:white;border:1px solid #ffffff60;border-radius:99px;padding:12px 18px;min-height:44px;font:inherit;font-size:11px;cursor:pointer;white-space:nowrap}.crm-film-toggle:focus-visible{outline:3px solid #7ddbd4;outline-offset:4px}.crm-demo-note{font-size:10px;color:#c2b6c9;line-height:1.6;margin:22px 0 0}@keyframes crm-message-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:800px){.crm-video-stage{aspect-ratio:4/3}.crm-video-stage video{object-position:40% center}.crm-transcript{top:auto;bottom:18px;right:14px;width:47%;max-height:66%}.crm-transcript-label{font-size:8px;margin-bottom:8px}.crm-msg{padding:10px 12px}.crm-msg p{font-size:12px}.crm-msg small{font-size:9px}.crm-agent-caption{top:14px;left:14px;font-size:9px;padding:9px 12px}.crm-record{left:14px;bottom:18px;max-width:40%;padding:10px}.crm-record-status{font-size:10px}.crm-flow{display:grid;grid-template-columns:1fr 1fr;padding:20px;gap:16px}.crm-flow li{font-size:11px}.crm-call-heading h2 br{display:none}}@media(max-width:480px){.crm-video-stage{aspect-ratio:3/4}.crm-video-stage video{object-position:37% center}.crm-transcript{left:12px;right:12px;bottom:12px;width:auto;max-height:48%}.crm-transcript-label{margin-bottom:7px}.crm-transcript ol{gap:7px}.crm-msg{max-width:88%;padding:9px 12px}.crm-msg p{font-size:12px;line-height:1.4}.crm-record{top:54px;bottom:auto;left:12px;max-width:75%;padding:8px 10px}.crm-record-label{font-size:8px}.crm-record-status{font-size:9px;margin-top:3px}.crm-agent-caption{top:12px;left:12px;right:12px;width:max-content;max-width:calc(100% - 24px);font-size:8px}.crm-flow{padding:16px 12px;gap:13px 8px}.crm-flow li{font-size:10px;gap:6px}.crm-flow span{width:22px;height:22px;font-size:9px}}@media(prefers-reduced-motion:reduce){.crm-msg{transition:none;animation:none!important}}
.crm-call-demo.is-enhanced .crm-transcript{overflow:hidden}@media(prefers-reduced-motion:reduce){.crm-call-demo.is-enhanced .crm-transcript{overflow:auto}}
.omni-interface{position:absolute;z-index:3;right:3%;top:15%;width:40%;background:#f9f8fcf5;color:#32263a;border:1px solid #ffffffb3;border-radius:16px;overflow:hidden;box-shadow:0 20px 55px #10051e45;font-size:12px}.omni-browser{display:flex;align-items:center;gap:12px;background:#e9e3ef;padding:10px 12px;font-size:9px;color:#776783}.omni-browser>span:first-child{font-size:8px;letter-spacing:3px;color:#a28bad}.omni-tabs{display:flex;border-bottom:1px solid #62366e20;padding:8px;gap:4px}.omni-tabs button{flex:1;min-width:0;border:0;border-radius:7px;background:transparent;color:#67576f;font:inherit;font-size:11px;padding:8px 3px;cursor:pointer}.omni-tabs button[aria-pressed=true]{background:#62366e;color:#fff}.omni-tabs button:focus-visible{outline:3px solid #2e9b90;outline-offset:-2px}.omni-screen{padding:18px;min-height:310px;animation:omni-slide .55s ease both}.omni-screen[hidden]{display:none}.omni-screen-title{display:flex;align-items:center;gap:10px;margin-bottom:18px}.omni-screen-title strong{display:block;font-size:13px}.omni-screen-title small{display:block;font-size:9px;color:#7c6c83;line-height:1.5;margin-top:4px}.omni-app-icon{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;background:#e9e0ee;color:#62366e;border-radius:9px;font-size:18px}.omni-live{margin-left:auto;background:#dbf4ec;color:#24705c;padding:5px 7px;border-radius:99px;font-size:9px}.omni-conversation,.omni-wa-chat{display:grid;gap:9px}.omni-bubble{max-width:92%;padding:10px 12px;border-radius:12px 12px 12px 3px;background:white;border:1px solid #62366e15;box-shadow:0 4px 12px #42234c08}.omni-bubble small{font-size:9px;color:#85728d}.omni-bubble p{font-size:12px;line-height:1.5;color:#392c40;margin:4px 0 0}.omni-bubble.is-agent{margin-left:auto;background:#ddf3ec;border-radius:12px 12px 3px 12px}.omni-crm-layout{display:grid;grid-template-columns:62px 1fr;gap:12px}.omni-sidebar{display:grid;align-content:start;gap:15px;font-size:9px;color:#95829e;padding-top:8px}.omni-sidebar b{color:#62366e}.omni-customer{display:flex;align-items:center;gap:9px}.omni-customer>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#d9f1ed;font-size:10px}.omni-customer strong{font-size:11px}.omni-customer small{display:block;font-size:9px;font-weight:400;color:#8c7b95;margin-top:3px}.omni-crm-main dl{margin:13px 0}.omni-crm-main dl>div{margin:10px 0}.omni-crm-main dt{font-size:9px;color:#8a7693}.omni-crm-main dd{font-size:11px;margin:4px 0 0}.omni-badge{display:inline-block;background:#ddf2eb;color:#286756;border-radius:5px;padding:5px 7px;font-size:9px}.omni-timeline{border-top:1px solid #62366e20;padding-top:10px}.omni-timeline strong{font-size:10px}.omni-timeline p{font-size:10px;margin:8px 0;color:#7b6884}.omni-wa-icon{background:#d6f0df;color:#267149;font-size:13px}.omni-wa-chat{padding:10px;background:#edf1e9;border-radius:10px}.omni-delivery{display:block;text-align:right;font-size:9px;color:#368c78;margin-top:7px}.omni-linked{font-size:9px;color:#608372;line-height:1.5}.omni-mail>div:not(.omni-mail-footer){display:grid;grid-template-columns:42px 1fr;gap:8px;border-bottom:1px solid #62366e15;padding:10px 0;font-size:10px}.omni-mail>div>span{color:#9986a2}.omni-mail strong{font-size:10px}.omni-mail p{font-size:12px;color:#64536e;line-height:1.6;margin:15px 0}.omni-mail-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:18px}.omni-mail-footer small{font-size:9px;color:#8b7795}.omni-interface-footer{display:flex;align-items:center;gap:7px;padding:11px 14px;border-top:1px solid #62366e15;font-size:9px;color:#76627f}.omni-linked-dot{width:5px;height:5px;border-radius:50%;background:#49ab91}@keyframes omni-slide{from{opacity:.3;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}@media(max-width:1100px) and (min-width:801px){.omni-interface{top:12%;width:44%}.omni-screen{min-height:280px;padding:12px}.omni-bubble p,.omni-mail p{font-size:11px}.omni-screen-title{margin-bottom:12px}}@media(max-width:800px){.crm-video-stage{aspect-ratio:4/5}.crm-video-stage video{object-position:35% center}.omni-interface{top:auto;bottom:14px;right:14px;width:53%}.omni-screen{min-height:270px;padding:12px}.omni-screen-title strong{font-size:11px}.omni-bubble p,.omni-mail p{font-size:11px}.omni-browser{font-size:8px;gap:5px}.omni-browser>span:first-child{display:none}.omni-tabs button{font-size:10px}.crm-record{bottom:auto;top:55px;max-width:43%}.omni-crm-layout{grid-template-columns:45px 1fr;gap:8px}}@media(max-width:480px){.crm-video-stage{aspect-ratio:1/2}.crm-video-stage video{object-position:35% center}.omni-interface{left:12px;right:12px;bottom:12px;width:auto}.omni-screen{min-height:295px;padding:14px}.omni-screen-title strong{font-size:12px}.omni-bubble p,.omni-mail p{font-size:12px}.crm-record{top:50px;max-width:85%}.omni-screen-title small{font-size:9px}.omni-crm-layout{grid-template-columns:55px 1fr;gap:10px}}@media(prefers-reduced-motion:reduce){.omni-screen{animation:none}}
.omni-screen:not([hidden]) .omni-conversation>.omni-bubble,.omni-screen:not([hidden]) .omni-wa-chat>.omni-bubble,.omni-screen:not([hidden]) .omni-timeline p{animation:crm-message-in .4s ease both}.omni-screen:not([hidden]) .omni-conversation>.omni-bubble:nth-child(2){animation-delay:.5s}.omni-screen:not([hidden]) .omni-conversation>.omni-bubble:nth-child(3){animation-delay:1s}.omni-screen:not([hidden]) .omni-wa-chat>.omni-bubble:nth-child(2){animation-delay:1.1s}.omni-screen:not([hidden]) .omni-timeline p:nth-of-type(2){animation-delay:.4s}.omni-screen:not([hidden]) .omni-timeline p:nth-of-type(3){animation-delay:.8s}@media(prefers-reduced-motion:reduce){.omni-screen *{animation:none!important}}
