.omni-hero .service-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:35px;align-items:center}.omni-hero h1{font-size:clamp(40px,4.7vw,68px);letter-spacing:-3px;line-height:1.08}.omni-hero p{font-size:16px;line-height:1.7;max-width:470px}.omni-demo{margin:0;min-width:0;--omni-ink:#0c1b3d}.omni-scene{position:relative;min-height:615px;display:grid;place-items:center;padding:15px 0 55px;isolation:isolate}.omni-orbit{position:absolute;width:100%;aspect-ratio:1;border:1px solid #064bff25;border-radius:50%;z-index:-1;background:radial-gradient(circle,#dce6ff99,transparent 70%)}.omni-orbit:after{content:'';position:absolute;inset:35px;border:1px solid #064bff15;border-radius:50%}.omni-phone{width:300px;border:7px solid var(--omni-ink);border-radius:39px;background:#fff;box-shadow:12px 22px 0 #064bff0c,0 24px 70px #0c1b3d15;overflow:hidden;padding-top:20px;position:relative}.omni-island{position:absolute;width:83px;height:17px;border-radius:0 0 12px 12px;top:0;left:50%;transform:translateX(-50%);background:var(--omni-ink)}.omni-phone-top{display:flex;align-items:center;gap:9px;padding:14px 12px;border-bottom:1px solid #e1e7f0;color:var(--omni-ink)}.omni-phone-top>img{width:36px;height:36px;padding:4px;border:1px solid #dde5f6;border-radius:50%}.omni-phone-top>span{font-size:12px;font-weight:700;flex:1}.omni-phone-top small{display:block;font-weight:400;font-size:9px;margin-top:4px;color:#657387}.omni-phone-top i{display:inline-block;width:5px;height:5px;background:#168f6a;border-radius:50%;margin-right:3px}.omni-chat{display:flex;flex-direction:column;gap:12px;padding:14px 12px 18px;background:linear-gradient(135deg,#f1f5fc,#fafbff);min-height:430px}.omni-date{font-size:8px;letter-spacing:1px;align-self:center;color:#748097;margin-bottom:3px}.omni-bubble{max-width:92%;background:#fff;border:1px solid #e0e7f2;border-radius:2px 14px 14px;padding:10px 11px;font-size:11px;line-height:1.5;color:var(--omni-ink);box-shadow:0 2px 3px #0c1b3d04;transform-origin:bottom left}.omni-bubble strong{display:block;font-size:9px;color:#064bff;margin-bottom:5px}.omni-client{align-self:flex-end;background:#064bff;border-color:#064bff;border-radius:14px 2px 14px 14px;color:white;transform-origin:bottom right}.omni-bubble small{display:block;text-align:right;font-size:8px;opacity:.65;margin-top:4px}.omni-bubble small b{color:#b8dcff}.omni-route{font-size:8px;letter-spacing:.1px;color:#62728d;text-align:center;display:flex;align-items:center;justify-content:center;gap:5px}.omni-route>span{display:grid;place-items:center;background:#e4ecff;color:#064bff;border-radius:50%;width:18px;height:18px}.omni-input{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;color:#8793a7;font-size:10px;border-top:1px solid #e1e7f0}.omni-input b{font-size:19px;color:#064bff}.omni-channel{position:absolute;left:0;top:65px;z-index:2;display:flex;gap:28px;align-items:center;background:var(--omni-ink);color:white;font-size:13px;padding:16px 19px;box-shadow:0 12px 30px #0c1b3d20;border-radius:14px 14px 2px 14px}.omni-channel b{color:#a5bdff;font-size:21px}.omni-crm{position:absolute;bottom:20px;right:0;display:flex;align-items:center;gap:13px;background:white;border:1px solid #dce4f5;border-left:3px solid #064bff;box-shadow:0 16px 45px #0c1b3d12;padding:18px 20px;color:var(--omni-ink);max-width:98%}.omni-crm-check{color:white;background:#064bff;width:33px;height:33px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.omni-crm small{font-size:7px;letter-spacing:1.2px;color:#60718b}.omni-crm strong{display:block;font-size:13px;margin:5px 0}.omni-crm div>span{font-size:9px;color:#728099}.omni-demo figcaption{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:10px;border-top:1px solid #d5d8d0}.omni-demo figcaption>span{font-size:7px;letter-spacing:1.3px;color:#747d8c}.omni-demo figcaption>div{display:flex;gap:15px}.omni-demo button{border:0;background:transparent;font-size:10px;padding:8px 0;color:#064bff}.omni-demo.is-ready .omni-enter{opacity:0}.omni-demo.is-running .omni-enter{animation:omni-appear .65s cubic-bezier(.2,.7,.25,1) both;animation-delay:calc(var(--step)*.85s)}.omni-demo.is-paused .omni-enter{animation-play-state:paused}.omni-demo.is-complete .omni-enter{opacity:1;animation:none}@keyframes omni-appear{from{opacity:0;transform:translateY(22px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@media(min-width:1450px){.omni-scene{min-height:640px}.omni-phone{width:320px}.omni-chat{min-height:440px}}@media(max-width:950px){.omni-hero .service-hero-grid{gap:18px;grid-template-columns:1fr 1fr}.omni-channel{left:-8px;top:50px;padding:12px;font-size:11px;gap:15px}.omni-hero h1{letter-spacing:-2px;font-size:44px}.omni-crm{padding:14px 12px}.omni-crm strong{font-size:11px}.omni-crm div>span{font-size:8px}.omni-phone{width:280px}}@media(max-width:700px){.omni-hero .service-hero-grid{grid-template-columns:1fr;gap:24px}.omni-hero p{font-size:14px}.omni-demo{max-width:440px;width:100%;justify-self:center}.omni-scene{min-height:600px;padding-top:10px}.omni-phone{width:290px}.omni-channel{left:0;top:45px}.omni-crm{right:0;bottom:15px}.omni-demo figcaption{flex-wrap:wrap}.omni-hero h1{font-size:43px}}@media(prefers-reduced-motion:reduce){.omni-demo .omni-enter{opacity:1!important;animation:none!important;transform:none!important}}

@media(max-width:700px){.omni-phone{width:min(290px,calc(100% - 14px))}}

/* Segment-specific composition: conversation breaks the device silhouette. */
.omni-demo{--omni-ink:#102e2a}.omni-demo svg{display:inline-block;width:19px;height:19px;vertical-align:middle;flex-shrink:0}.omni-scene{height:660px;min-height:0;display:block;padding:0;isolation:isolate;max-width:600px;margin:auto}.omni-phone{position:absolute;left:24%;top:14px;width:60%;height:602px;border:8px solid #101a24;border-radius:46px;background:#fff;box-shadow:14px 20px 45px #122f4410;overflow:hidden;padding-top:0;z-index:0}.omni-island{width:90px;height:24px;border-radius:0 0 17px 17px;background:#101a24}.omni-status{display:flex;justify-content:space-between;height:37px;padding:11px 18px 0;font-size:9px;font-weight:600;color:#102637}.omni-phone-top{gap:6px;padding:13px 8px;background:#fff;color:#12342f}.omni-phone-top>svg{width:17px;height:17px}.omni-avatar-brand{background:#e4eee8;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;color:#406c60;flex:0 0 32px!important}.omni-phone-top>span:not(.omni-avatar-brand){font-size:11px;font-weight:700;flex:1;white-space:nowrap}.omni-phone-top small{font-size:8px;color:#6d837a}.omni-wallpaper{height:470px;background-color:#eeeae2;background-image:radial-gradient(#a6b4a524 .8px,transparent .8px);background-size:16px 16px;padding-top:15px;text-align:center}.omni-wallpaper>span{font-size:8px;color:#718077;background:#ffffffb0;padding:5px 10px;border-radius:5px}.omni-input{position:absolute;bottom:0;left:0;right:0;gap:9px;background:#f7f9f5;color:#82918b;padding:13px 9px}.omni-input>span{flex:1}.omni-input svg{width:17px;height:17px}.omni-channel{position:absolute;left:13%;top:44px;width:98px;height:98px;display:grid;place-items:center;padding:0;background:#0acb54;border:6px solid var(--paper);color:white;border-radius:50% 50% 4px 50%;box-shadow:none;z-index:3}.omni-channel svg{width:58px;height:58px;stroke-width:1.4}.omni-chat{position:absolute;inset:0;display:block;padding:0;background:none;min-height:0;z-index:2;pointer-events:none}.omni-bubble{position:absolute;padding:12px 15px 8px;color:#17382e;font-size:13px;line-height:1.5;box-shadow:0 5px 18px #092e2110;min-width:150px;max-width:none;border:0;border-radius:4px 17px 17px 17px}.omni-bubble strong{font-size:10px;color:#4c7b68;margin-bottom:4px}.omni-bubble small{display:flex;justify-content:flex-end;align-items:center;gap:3px;font-size:8px;margin-top:4px;color:#7b9287;opacity:1}.omni-bubble small svg{width:14px;height:14px;color:#409ec8}.omni-client{background:#dcf7c9;border-radius:16px 4px 16px 16px;color:#17382e}.omni-first{right:18%;top:157px}.omni-second{left:8%;top:251px}.omni-third{right:14%;top:363px}.omni-fourth{left:4%;top:445px}.omni-avatar{position:absolute;left:-40px;top:2px;width:31px;height:31px;background:#e4eee8;color:#406c60;display:grid;place-items:center;border:2px solid var(--paper);border-radius:50%}.omni-avatar svg{width:17px;height:17px}.omni-human{background:#101f36;color:#fff}.omni-quick{display:flex;align-items:center;gap:7px;color:#176a55;border-top:1px solid #e6ece7;margin-top:9px;padding-top:8px;font-size:11px}.omni-quick svg{width:15px;height:15px}.omni-crm{left:4%;right:auto;bottom:0;padding:13px 16px;gap:12px;border-left-color:#136750;border-radius:3px;z-index:3}.omni-crm>svg{color:#136750;width:24px;height:24px}.omni-crm small{font-size:7px;letter-spacing:1.2px;color:#638577}.omni-crm strong{font-size:12px;color:#153e32}.omni-crm div>span{font-size:10px;color:#6d8278}.omni-person{position:absolute;right:-5%;bottom:4px;width:42%;height:315px;z-index:4;pointer-events:none;overflow:hidden;border-radius:0 0 48% 48%}.omni-person>span{position:absolute;inset:100px 0 0;border-radius:50%;background:#cedcff;z-index:-1}.omni-person img{position:absolute;width:100%;height:auto;bottom:-37px;left:0;display:block}.omni-automation{position:absolute;right:0;top:125px;font-size:9px;display:flex;gap:6px;align-items:center;color:#62778c;background:var(--paper);border:1px solid #d6ddd7;padding:8px 10px;border-radius:20px;z-index:3}.omni-automation svg{width:13px;height:13px;color:#064bff}.omni-demo figcaption{margin-top:13px;padding-top:20px}.omni-demo.is-running .omni-enter{animation-delay:calc(var(--step)*1s)}
@media(max-width:1050px) and (min-width:701px){.omni-hero .service-hero-grid{grid-template-columns:1fr 1.2fr;gap:20px}.omni-bubble{font-size:11px;padding:11px}.omni-phone{width:65%;left:21%}.omni-phone-top>svg{width:13px}.omni-phone-top{gap:4px}.omni-avatar{left:-31px;width:25px;height:25px}.omni-person{right:-4%;width:40%}.omni-channel{width:83px;height:83px;left:8%}.omni-channel svg{width:48px;height:48px}.omni-crm{padding:10px}.omni-crm strong{font-size:10px}.omni-crm>svg{width:18px}.omni-crm small{font-size:6px}.omni-automation{right:-5px;font-size:8px}}
@media(max-width:700px){.omni-scene{height:622px;min-height:0;margin-left:10px;margin-right:10px;padding:0}.omni-phone{left:18%;width:76%;height:570px;border-width:6px;border-radius:36px}.omni-phone-top{padding:12px 6px;gap:4px}.omni-phone-top>svg{width:15px}.omni-channel{left:0;top:40px;width:77px;height:77px;border-width:4px}.omni-channel svg{width:46px;height:46px}.omni-bubble{font-size:11px;padding:10px 11px 7px}.omni-first{top:150px;right:10%}.omni-second{top:236px;left:4%}.omni-third{top:338px;right:5%}.omni-fourth{top:412px;left:2%}.omni-avatar{left:-22px;width:23px;height:23px}.omni-avatar svg{width:13px}.omni-person{width:40%;height:240px;right:-6%;bottom:22px}.omni-person img{bottom:-15px}.omni-person>span{inset:90px 0 0}.omni-crm{left:0;right:auto;bottom:0;padding:10px;gap:8px}.omni-crm>svg{width:19px}.omni-crm>svg:last-child{display:none}.omni-crm strong{font-size:11px}.omni-crm small{font-size:6px}.omni-automation{top:110px;right:-3%;font-size:8px;padding:6px 8px}.omni-demo figcaption{gap:4px;flex-wrap:wrap}.omni-demo figcaption>span{font-size:6px}}

.omni-scene{height:680px}.omni-third{right:32%}@media(max-width:700px){.omni-scene{height:642px}.omni-third{right:30%}}