.chat-examples{padding:52px 24px 38px;margin:0 auto 36px;border:1px solid var(--wow-line);border-radius:32px;background:linear-gradient(145deg,var(--wow-background),var(--wow-surface));text-align:center;overflow:hidden}
.ce-intro{max-width:590px;margin:auto}.ce-intro .eyebrow{font-size:10px;letter-spacing:.18em;color:var(--wow-accent)}.ce-intro h2{font-size:clamp(28px,3.2vw,42px);line-height:1.15;letter-spacing:-1.3px;color:var(--wow-ink);margin:14px 0}.ce-intro>p:last-child{font-size:15px;line-height:1.6;color:var(--wow-muted);margin:0 auto 26px;max-width:380px}
.ce-stage{display:flex;justify-content:center;align-items:flex-start;gap:52px;margin:30px auto 24px;direction:ltr}.ce-example{margin:0;width:284px;max-width:100%;flex-shrink:0}.ce-example figcaption{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.ce-example figcaption>b{font-size:18px;font-weight:650;color:var(--wow-ink)}.ce-example figcaption>span{font-size:12px;color:var(--wow-muted)}
.ce-device{padding:7px;border-radius:43px;background:linear-gradient(130deg,#464646,#121212 20%,#303030 70%,#090909);box-shadow:inset 0 0 0 1px #6b6565,0 21px 30px -17px #5036476b;text-align:left;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:#14171c}
.ce-screen{position:relative;border-radius:36px;overflow:hidden;background:#fff;min-height:550px;display:flex;flex-direction:column}.ce-status{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 20px;color:#121212;background:#fafafa;font-size:11px}.ce-status i{position:absolute;top:9px;width:78px;height:22px;border-radius:15px;left:50%;transform:translateX(-50%);background:#111}.ce-status>span{font-size:9px;letter-spacing:-1px}.ce-chat-head{height:54px;display:flex;align-items:center;gap:8px;padding:3px 12px 8px;background:#fafafa;border-bottom:1px solid #c9c9c960}.ce-chat-head svg{width:22px;height:22px;color:#1685e8}.ce-back{width:20px;display:flex;flex-shrink:0}.ce-chat-head img{width:35px;height:35px;border-radius:50%;object-fit:cover}.ce-contact{flex:1;display:flex;flex-direction:column;line-height:1.4}.ce-contact b{font-size:13px;font-weight:650}.ce-contact small{font-size:10px;color:#1685e8}.ce-telegram .ce-contact{text-align:center}
.ce-conversation{padding:14px 9px 20px;display:flex;flex-direction:column;gap:8px;flex:1;min-height:390px;font-size:12px;line-height:1.35;background:#e3e8db}.ce-today{align-self:center;font-size:10px;background:#b6c1ad88;color:#fff;border-radius:9px;padding:3px 8px;margin:0 0 10px}.ce-bubble{max-width:86%;border-radius:12px;padding:8px 9px 5px;box-shadow:0 1px 1px #00000012;overflow-wrap:anywhere;position:relative}.ce-in{align-self:flex-start;background:#fff;border-bottom-left-radius:4px}.ce-out{align-self:flex-end;background:#e0ffc9;border-bottom-right-radius:4px}.ce-bubble>small{font-size:8px;color:#8a9396;text-align:right;display:block;margin-top:2px}.ce-out>small{color:#69a156}.ce-url{display:block;color:#1685e8;font-size:11px;margin:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ce-preview{border-left:2px solid #769e4d;background:#f1f6eb;border-radius:4px;padding:5px 6px;display:flex;flex-direction:column;gap:3px;margin-top:6px}.ce-preview>b{color:#658c3e;font-size:10px}.ce-preview>strong{font-size:11px;line-height:1.3;font-weight:650}.ce-preview>span{font-size:10px;line-height:1.35}.ce-envelope-picture{display:grid;place-items:center;height:100px;background:radial-gradient(ellipse,#fff9f2,#f5d8e4);margin:4px -3px -2px;border-radius:4px}.ce-envelope-picture>div{position:relative;width:115px;height:69px;background:linear-gradient(32deg,#d990af,#edb2c9);box-shadow:0 10px 12px #9f5e7a2b;transform:rotate(-8deg);border-radius:5px;border:1px solid #d89bb5}.ce-envelope-picture>div::before{content:'';position:absolute;inset:0;clip-path:polygon(0 0,100% 0,50% 65%);background:linear-gradient(145deg,#fbd6e5,#e8a7c3);filter:drop-shadow(0 1px #bb7e9c)}.ce-envelope-picture i{position:absolute;left:45px;top:29px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;font-size:12px;color:#ffeff6;background:radial-gradient(circle at 30% 25%,#d28daa,#a74976);box-shadow:0 3px 5px #87325438;font-style:normal;border:2px solid #c57398}
.ce-composer{display:flex;gap:7px;align-items:center;padding:8px 8px 4px;background:#fafafa;color:#8a8f96}.ce-composer>svg{width:21px;height:21px;flex-shrink:0}.ce-input{display:flex;flex:1;align-items:center;justify-content:space-between;font-size:11px;color:#9a9da2;border:1px solid #d7d7db;border-radius:16px;background:#fff;padding:7px 9px;min-width:0}.ce-input svg{width:16px;height:16px}.ce-home{height:22px;background:#fafafa;position:relative}.ce-home::after{content:'';position:absolute;bottom:6px;left:50%;transform:translateX(-50%);width:95px;height:4px;background:#151515;border-radius:4px}.ce-plus{font-size:24px;color:#5e9bda;line-height:1}
.ce-vk .ce-chat-head,.ce-vk .ce-status,.ce-vk .ce-composer,.ce-vk .ce-home{background:#fff}.ce-vk .ce-conversation{background:#fff;gap:12px;padding-top:30px}.ce-vk .ce-today{color:#9c9fa5;background:transparent}.ce-vk .ce-in{background:#f0f1f4;box-shadow:none}.ce-vk .ce-out{background:#d8e8ff;box-shadow:none}.ce-vk .ce-out>small{color:#7c96b8}.ce-vk .ce-contact small{color:#a1a5ac}.ce-vk .ce-input{background:#f2f3f5;border:0}.ce-vk .ce-composer svg{width:18px;color:#7fa6d2}.ce-vk .ce-invitation{margin-top:6px;padding-bottom:8px}
.ce-disclosure{max-width:500px;margin:24px auto 12px;color:var(--wow-muted);font-size:11px;line-height:1.65}.ce-demo-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;color:var(--wow-accent);font-size:14px;text-underline-offset:5px}.ce-switch{display:none}.ce-demo-link:focus-visible,.ce-switch button:focus-visible{outline:3px solid var(--wow-accent);outline-offset:4px}
.ce-screen{height:628px;min-height:0}.ce-conversation{min-height:0;overflow-y:auto;scrollbar-width:none}.ce-conversation::-webkit-scrollbar{display:none}.ce-chat-head,.ce-status,.ce-composer,.ce-home{flex-shrink:0}.ce-bubble{flex-shrink:0}
.ce-heart-picture>div{width:55px;height:55px;border:0;border-radius:5px;background:#c4779c;transform:rotate(-45deg);box-shadow:0 9px 15px #9658792b}.ce-heart-picture>div::before,.ce-heart-picture>div::after{content:'';position:absolute;inset:auto;width:55px;height:55px;background:#c4779c;border-radius:50%;clip-path:none;filter:none}.ce-heart-picture>div::before{left:0;top:-27px}.ce-heart-picture>div::after{top:0;right:-27px}.ce-heart-picture i{display:none}.ce-heart-picture{height:130px;padding-top:25px}
@media(max-width:720px){.chat-examples{padding:32px 12px 24px;border-radius:26px;margin-bottom:24px}.ce-intro h2{font-size:30px;line-height:1.15}.ce-intro>p:last-child{font-size:13px;max-width:270px}.ce-switch{display:flex;gap:4px;width:232px;max-width:100%;padding:4px;border:1px solid var(--wow-line);border-radius:18px;background:var(--wow-background);margin:22px auto}.ce-switch button{flex:1;border:0;border-radius:13px;padding:10px;min-height:42px;font-size:13px;color:var(--wow-muted);background:transparent}.ce-switch button[aria-selected=true]{background:var(--wow-accent);color:white;box-shadow:0 3px 8px #78304f20}.ce-stage{margin:0 auto 20px;gap:0}.ce-example{width:min(284px,100%)}.ce-example figcaption>b{display:none}.ce-example figcaption>span{font-size:11px}.chat-examples[data-active-chat=telegram] .ce-vk,.chat-examples[data-active-chat=vk] .ce-telegram{display:none}.ce-disclosure{font-size:10px;padding:0 8px}.ce-intro .eyebrow{font-size:8px}.ce-demo-link{font-size:12px}.ce-device{border-radius:39px}.ce-screen{border-radius:32px}.ce-bubble{max-width:88%}}
@media(prefers-reduced-motion:no-preference){.ce-example{animation:ce-reveal .35s ease-out both}@keyframes ce-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}