/* emyCRM — посадочная. Глубина в 3D-сцене строится перспективой, сеткой-полом и проекциями слоёв,
   без box-shadow. Цвета только из токенов темы + фирменные цвета мессенджеров на их логотипах. */

/* ---------- HERO: 3D-сделка ---------- */
.emy-hero .hero-sub{max-width:560px}
.emy3d{position:relative;height:520px;perspective:1500px;perspective-origin:50% 35%;user-select:none}
.e3-scene{position:absolute;left:50%;top:50%;width:560px;height:460px;margin:-230px 0 0 -280px;transform-style:preserve-3d;
  --rx:7deg;--ry:-11deg;--rz:0deg;--ex:1;
  transform:rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--rz))}
.e3-floor{position:absolute;inset:-70px -90px;transform:translateZ(-2px);border-radius:28px;
  background-color:var(--gray-bg);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M32 0H0v32' fill='none' stroke='%2334719D' stroke-opacity='.13'/%3E%3C/svg%3E");
  border:1px solid var(--line)}
.e3-layer{position:absolute;transform:translate3d(0,0,calc(var(--z) * var(--ex)));background:#fff;border:1px solid #d3e0ea;border-radius:14px;color:var(--ink);backface-visibility:hidden}

.e3-base{left:214px;top:34px;width:350px;padding:16px 16px 14px;border-radius:18px;border-color:var(--line)}
.e3-top{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.e3-mark{width:34px;height:34px;border-radius:10px;background:#EE5E23;color:#fff;font:800 12px/34px var(--font-h);text-align:center;letter-spacing:-.02em;flex-shrink:0}
.e3-ttl{flex:1;font:700 15px/1.2 var(--font-body)}
.e3-ttl small{display:block;font-size:11px;font-weight:600;color:var(--gray);text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}
.e3-sum{font:800 15px/1 var(--font-h);color:var(--blue);font-variant-numeric:tabular-nums}
.e3-stages{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:14px 0}
.e3-stages i{display:flex;flex-direction:column;gap:8px;font-style:normal;font-size:11px;font-weight:600;color:#8da0ae;transition:color .4s}
.e3-stages i::before{content:"";height:4px;border-radius:2px;background:#E3E7EB;transition:background-color .4s}
.e3-stages i.on{color:var(--ink)}.e3-stages i.on::before{background:var(--blue)}
.e3-feed{display:flex;flex-direction:column;gap:7px}
.e3-row{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;font-size:12.5px}
.e3-row > span:nth-child(2){flex:1;line-height:1.25}
.e3-row b{display:block;font-weight:700}
.e3-row small{color:var(--gray);font-size:11.5px}
.e3-row time{font-size:11px;color:#8da0ae;font-variant-numeric:tabular-nums}
.e3-ri{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;background:var(--blue-tint);color:var(--blue)}
.e3-ri svg{width:16px;height:16px}
.e3-ri .du{fill:currentColor;opacity:.25}
.e3-ri--wa{background:#e6f8ee;color:#1a9e4d}
.e3-ri--task{background:#fdeee9;color:var(--coral-dark)}
.e3-row--new{opacity:0;transform:translateY(-6px);transition:opacity .45s,transform .45s}
.e3-row--new.show{opacity:1;transform:none}

.e3-call{left:-26px;top:-14px;width:262px;padding:14px;background:var(--ink);border-color:var(--ink);color:#fff}
.e3-call-h{display:flex;align-items:center;gap:10px}
.e3-call-h > span:nth-child(2){flex:1;line-height:1.25}
.e3-call-h b{display:block;font-size:13px}
.e3-call-h small{font-size:11px;color:#9fb3c3}
.e3-call-h time{font:700 13px/1 var(--font-body);font-variant-numeric:tabular-nums;color:#cfe0ec}
.e3-pulse{width:32px;height:32px;border-radius:50%;background:#2f9e63;display:grid;place-items:center;position:relative}
.e3-pulse svg{width:16px;height:16px;color:#fff}
.e3-pulse .du{fill:#fff;opacity:.3}
.e3-pulse::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid #2f9e63;opacity:0}
.e3-call.ringing .e3-pulse::after{animation:e3ring 1.1s ease-out infinite}
@keyframes e3ring{0%{opacity:.9;transform:scale(.85)}100%{opacity:0;transform:scale(1.5)}}
.e3-wave{display:flex;align-items:center;gap:3px;height:30px;margin:12px 0 10px}
.e3-wave i{flex:1;height:100%;border-radius:2px;background:#4b7da3;transform:scaleY(.12);transform-origin:50% 50%}
.e3-call.live .e3-wave i{background:#7fb0d4}
.e3-tr{font-size:11.5px;line-height:1.4;color:#c9d7e2;margin-top:6px;opacity:0;transform:translateY(4px);transition:opacity .4s,transform .4s}
.e3-tr b{color:#fff;font-weight:600}
.e3-tr.show{opacity:1;transform:none}

.e3-wa{left:8px;top:186px;width:222px;padding:10px 12px 10px 10px;display:flex;gap:9px;align-items:flex-start;background:#effaf3;border-color:#c5ebd3}
.e3-wa-ic svg{width:22px;height:22px;display:block}
.e3-bubble{font-size:12.5px;line-height:1.35;color:#173b27;min-height:18px}
.e3-typing{display:inline-flex;gap:3px;padding-top:6px}
.e3-typing i{width:5px;height:5px;border-radius:50%;background:#3b9a62;animation:e3dot 1s infinite}
.e3-typing i:nth-child(2){animation-delay:.15s}.e3-typing i:nth-child(3){animation-delay:.3s}
@keyframes e3dot{0%,60%,100%{opacity:.25}30%{opacity:1}}
.e3-msg{display:none}
.e3-bubble.done .e3-typing{display:none}
.e3-bubble.done .e3-msg{display:inline}

.e3-ai{left:-14px;top:262px;width:262px;padding:13px 14px 14px;background:#fff;border-color:var(--blue)}
.e3-ai-h{display:flex;align-items:center;gap:8px;font-size:13px}
.e3-ai-h small{margin-left:auto;font-size:11px;color:var(--gray)}
.e3-ai-ic{width:24px;height:24px;border-radius:7px;background:var(--blue);display:grid;place-items:center}
.e3-ai-ic svg{width:14px;height:14px;color:#fff}
.e3-ai-ic .du{fill:var(--coral);opacity:1}
.e3-ai-sk{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.e3-ai-sk i{height:8px;border-radius:4px;background:var(--blue-tint);animation:e3sk 1.2s ease-in-out infinite}
.e3-ai-sk i:nth-child(2){width:86%;animation-delay:.12s}.e3-ai-sk i:nth-child(3){width:62%;animation-delay:.24s}
@keyframes e3sk{50%{opacity:.45}}
.e3-ai-body{display:none;margin-top:10px}
.e3-ai.done .e3-ai-sk{display:none}
.e3-ai.done .e3-ai-body{display:block}
.e3-ai-body p{font-size:12px;line-height:1.4;margin-bottom:6px;display:flex;gap:8px}
.e3-ai-body p span{flex-shrink:0;width:34px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--blue);padding-top:2px}
.e3-ai-btn{margin-top:4px;display:inline-flex;align-items:center;gap:6px;font:700 11.5px/1 var(--font-body);color:#fff;background:var(--blue);border:0;border-radius:7px;padding:8px 11px;pointer-events:none;transition:transform .2s,background .2s}
.e3-ai-btn svg{width:13px;height:13px}
.e3-ai-btn .du{fill:#fff;opacity:.3}
.e3-ai-btn.press{transform:scale(.94);background:var(--ink)}

.e3-task{left:300px;top:366px;display:flex;align-items:center;gap:10px;padding:11px 15px 11px 11px;background:var(--coral);border-color:var(--coral);color:#fff;opacity:0}
.e3-task-ic svg{width:22px;height:22px;display:block}
.e3-task-ic .du{fill:#fff;opacity:.3}
.e3-task b{display:block;font-size:13px}
.e3-task small{font-size:11px;color:#ffe3da}

@media(max-width:1280px){.e3-scene{transform:scale(.9) rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--rz))}}
@media(max-width:980px){.emy3d{height:500px;max-width:620px;margin:0 auto}}
@media(max-width:600px){
  .emy3d{height:330px;margin:0 -24px;perspective:1100px}
  .e3-scene{transform:translateX(1%) scale(.54) rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--rz))}
}
@media(max-width:380px){.e3-scene{transform:translateX(0) scale(.5) rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--rz))}}

/* ---------- КАНАЛЫ ---------- */
.emy-ch{padding:120px 0 110px;background:#fff;border-top:1px solid var(--line)}
.emy-ch-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}
.emy-ch h2 em,.emy-ai h2 em,.emy-calc h2 em,.emy-price h2 em{font-style:normal;color:var(--blue)}
.emy-lead{font-size:17px;color:var(--gray);max-width:520px;margin:26px 0 34px}
.emy-ch-list{list-style:none;display:flex;flex-direction:column;gap:20px}
.emy-ch-list li{display:flex;gap:16px;align-items:flex-start}
.emy-ch-list b{display:block;font-weight:700;font-size:16px;margin-bottom:4px}
.emy-ch-list li > div > span{color:var(--gray);font-size:15px;line-height:1.5}
.emy-ch-ic{width:26px;height:26px;color:var(--blue);display:grid;place-items:center;flex-shrink:0}
.emy-ch-ic svg{width:26px;height:26px}
.emy-ch-ic .du{fill:var(--blue);opacity:.2}

@media(max-width:1100px){.emy-ch-grid{grid-template-columns:1fr;gap:48px}.emy-flow{justify-self:center}}
@media(max-width:600px){.emy-ch{padding:76px 0}}

/* ---------- НОЧЬ ---------- */
.emy-night{position:relative;background:var(--ink);color:#fff;height:calc(100vh + 2400px)}

@media(max-width:900px){
  .emy-night{height:auto}
  
  
  
  
  
  
  
}

/* ---------- AI-ВКЛАДКИ ---------- */
.emy-ai{padding:120px 0;background:var(--gray-bg)}

@keyframes epIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

@media(max-width:600px){.emy-ai{padding:76px 0}}

/* ---------- КАЛЬКУЛЯТОР ---------- */
.emy-calc{padding:120px 0;background:#fff}

.ec-note{font-size:13px;color:#8fa4b4;line-height:1.5}

@media(max-width:600px){.emy-calc{padding:76px 0}}

/* ---------- тарифы ---------- */
.emy-price .svc-head{align-items:center}
.emy-price .sp-ic{background:var(--blue);color:#fff}
.emy-price .sp-ic svg{width:26px;height:26px}
.emy-price .sp-ic .du{fill:var(--coral);opacity:1}

@media(prefers-reduced-motion:reduce){
  .e3-call.ringing .e3-pulse::after,.e3-typing i,.e3-ai-sk i{animation:none}
  
}

/* ===== emyCRM изнутри: настоящие экраны (10.2026) ===== */
.emy-in{padding:110px 0;background:#fff;border-top:1px solid var(--line)}
.emy-in-grid{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:40px;align-items:center}
.emy-in-tabs{display:flex;flex-direction:column;border-top:1px solid var(--ink)}
.emy-in-tab{text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:20px 0;cursor:pointer;font-family:inherit;color:var(--ink);display:flex;flex-direction:column;gap:6px}
.emy-in-tab b{font:800 18px/1.2 var(--font-h);text-transform:uppercase;letter-spacing:-.01em;transition:color .25s}
.emy-in-tab span{font-size:14.5px;line-height:1.5;color:var(--gray)}
.emy-in-tab.is-on b{color:var(--blue)}
.emy-in-tab:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.emy-in-shot{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
.emy-in-bar{height:34px;display:flex;align-items:center;gap:7px;padding:0 14px;background:#F0F1F3;font-size:12.5px;color:#4d5d6a}
.emy-in-bar svg{width:13px;height:13px}.emy-in-bar svg .du{fill:currentColor;opacity:.2}
.emy-in-bar b{font-weight:600}
.emy-in-imgs{position:relative;aspect-ratio:1456/823}
.emy-in-imgs img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;opacity:0;transition:opacity .5s ease}
.emy-in-imgs img.is-on{opacity:1}
@media(max-width:900px){.emy-in{padding:76px 0}.emy-in-grid{grid-template-columns:minmax(0,1fr);gap:24px}.emy-in-shot{order:-1}}
@media(prefers-reduced-motion:reduce){.emy-in-imgs img{transition:none}}

/* ===== «Что CRM делает сама, пока офис закрыт»: плашки на графите ===== */
.emy-auto{padding:110px 0;background:var(--ink);color:#fff}
.emy-auto .svc-head h2{color:#fff}.emy-auto .svc-head h2 em{color:#9CC3DD}
.emy-auto .sec-note{color:#a9bccb}
.en-tiles{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.en-t{display:flex;flex-direction:column;gap:8px;padding:22px 22px 24px;border-radius:18px;background:#1B2B38;border:1px solid #26394A;transition:border-color .25s}
.en-t:hover{border-color:#4A6478}
.en-t-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.en-t-top time{font:700 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#9CC3DD;letter-spacing:.02em}
.en-t-ic{display:flex;color:#9CC3DD}.en-t-ic svg{width:24px;height:24px}.en-t-ic .du{fill:#9CC3DD;opacity:.22}
.en-t b{font-size:17px;line-height:1.3}
.en-t > span:last-child{font-size:14.5px;line-height:1.55;color:#b5c6d3}
@media(max-width:1000px){.en-tiles{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.en-tiles{grid-template-columns:1fr}.emy-auto{padding:76px 0}}

/* ===== «Что делает Emy AI»: плашки с фрагментами интерфейса ===== */
.emy-aitiles{padding:110px 0;background:#fff;border-top:1px solid var(--line)}
.ea-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.ea-t{grid-column:span 2;display:flex;flex-direction:column;gap:18px;padding:24px;border-radius:20px;background:var(--gray-bg);border:1px solid transparent;transition:background-color .25s,border-color .25s}
.ea-t--wide{grid-column:span 3}
.ea-t:hover{background:#fff;border-color:var(--line)}
.ea-h{display:flex;flex-direction:column;gap:6px}
.ea-h b{font:800 19px/1.2 var(--font-h);text-transform:uppercase;letter-spacing:-.01em}
.ea-h span{font-size:14.5px;line-height:1.5;color:var(--gray)}
.ea-ui{margin-top:auto;background:#fff;border:1px solid var(--line);border-radius:14px;padding:6px 0;font-size:13.5px}
.ea-row{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:10px;align-items:baseline;padding:9px 16px}
.ea-row + .ea-row{border-top:1px solid #F1F2F4}
.ea-row small{font-size:12px;font-weight:700;color:var(--gray)}
.ea-row small.ok{color:#2F8A57}.ea-row small.warn{color:#B07A1E}
.ea-row--top{grid-template-columns:auto 1fr}.ea-row--top span{font-size:12px;color:var(--gray)}
.ea-row--next{background:#F6F7F8}
.ea-row--next span{font-weight:600}
.ea-row--next em{font-style:normal;font-size:12px;font-weight:700;color:#fff;background:var(--blue);border-radius:7px;padding:5px 9px}
.ea-msg{display:flex;gap:9px;align-items:flex-start;padding:10px 14px}
.ea-msg svg{width:17px;height:17px;flex-shrink:0;margin-top:1px}
.ea-opt{margin:6px 12px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;color:var(--gray)}
.ea-opt.is-on{border-color:var(--blue);color:var(--ink)}
.ea-chat{display:flex;flex-direction:column;gap:8px;padding:12px}
.ea-me{align-self:flex-end;max-width:80%;background:var(--ink);color:#fff;border-radius:12px 12px 3px 12px;padding:9px 12px}
.ea-bot{display:flex;flex-direction:column;gap:6px;max-width:88%;background:#F6F7F8;border-radius:12px 12px 12px 3px;padding:10px 12px}
.ea-bot b{font-size:12px;color:var(--blue)}
.ea-btns{display:flex;gap:8px}
.ea-btns i{font-style:normal;font-size:12px;font-weight:700;padding:6px 10px;border-radius:7px;border:1px solid var(--line);background:#fff}
.ea-btns i:first-child{background:var(--ink);color:#fff;border-color:var(--ink)}
@media(max-width:1000px){.ea-grid{grid-template-columns:1fr 1fr}.ea-t,.ea-t--wide{grid-column:span 1}}
@media(max-width:700px){.ea-grid{grid-template-columns:1fr}.ea-row{grid-template-columns:1fr}.emy-aitiles{padding:76px 0}}

/* ===== «Без CRM и с emyCRM» ===== */
.emy-vs{padding:110px 0;background:var(--gray-bg);border-top:1px solid var(--line)}

@media(max-width:700px){.emy-vs{padding:76px 0}}

/* ===== сравнение: колонка emyCRM выделена ===== */
.vs-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:18px;border:1px solid var(--line);background:#fff}
.vs-t{width:100%;border-collapse:separate;border-spacing:0;font-size:14.5px;line-height:1.5;min-width:680px}
.vs-t th,.vs-t td{padding:15px 18px;text-align:left;vertical-align:top;border-bottom:1px solid #EEF0F2}
.vs-t tbody tr:last-child th,.vs-t tbody tr:last-child td{border-bottom:0}
.vs-t thead th{font-size:12.5px;font-weight:700;color:var(--gray);background:#FAFAFB}
.vs-t tbody th{font-weight:700;color:var(--ink);width:22%}
.vs-t td{color:var(--gray);width:24%}
.vs-t td.vs-no{color:#9AA4AD}
.vs-t .vs-emy{background:#F1F4F7;color:var(--ink);font-weight:600;width:30%;border-left:1px solid #DDE3E8;border-right:1px solid #DDE3E8}
.vs-t thead .vs-emy{background:var(--ink);color:#fff;font-size:13.5px}
.vs-t tbody td.vs-emy::before{content:"";display:inline-block;width:8px;height:5px;margin:0 8px 3px 0;border-left:2px solid #2F8A57;border-bottom:2px solid #2F8A57;transform:rotate(-45deg)}
.vs-foot{display:flex;justify-content:space-between;align-items:center;gap:18px 30px;flex-wrap:wrap;margin-top:22px}
.vs-foot p{font-size:13.5px;color:var(--gray);max-width:560px}
.vs-btns{display:flex;gap:12px;flex-wrap:wrap}
@media(max-width:700px){.vs-t{font-size:13.5px}.vs-t th,.vs-t td{padding:12px 14px;min-width:9.5rem}.vs-btns .btn{width:100%;justify-content:center}}

/* ===== 10.2026 — «Пять каналов, одна лента»: окно сделки emyCRM с историей дня (emycrm.js) ===== */
.ecw{position:relative;width:100%;max-width:660px;justify-self:end;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}
.ecw-bar{display:flex;align-items:center;gap:16px;height:46px;padding:0 18px;border-bottom:1px solid var(--line);background:#FAFAFB}
.ecw-logo{display:inline-flex;align-items:center;gap:7px;flex-shrink:0}.ecw-logo i{display:block;flex-shrink:0;width:15px;height:15px;border-radius:4px;background:#EE5E23}
.ecw-logo b{font-size:14px;font-weight:800;letter-spacing:-.01em;color:#14222D}.ecw-logo em{font-style:normal;color:#EE5E23}
.ecw-crumbs{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--gray);white-space:nowrap}.ecw-crumbs i{font-style:normal;opacity:.5}
.ecw-body{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);min-height:440px}
.ecw-side{display:flex;flex-direction:column;gap:4px;padding:20px 18px;border-right:1px solid var(--line)}
.ecw-side small{font-size:11px;color:var(--gray)}
.ecw-name{font-size:16px;font-weight:700;margin-top:2px}
.ecw-co{font-size:12.5px;color:var(--gray)}
.ecw-deal{display:flex;flex-direction:column;gap:3px;margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:12px}
.ecw-deal b{font-size:14px}.ecw-deal em{font-style:normal;font:800 20px/1.1 var(--font-h);letter-spacing:-.01em}
.ecw-stage{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:10px}
.ecw-stage i{height:5px;border-radius:3px;background:#E3E7EB;transition:background-color .5s}
.ecw-stage i.on{background:var(--blue)}
.ecw-stage-l{font-size:11.5px;font-weight:600;color:var(--blue);margin-top:2px}
.ecw-own{display:flex;flex-direction:column;gap:2px;margin-top:16px}
.ecw-own b{font-size:14px;transition:color .4s}.ecw-own b.is-new{color:var(--blue)}
.ecw-chs{margin-top:auto;padding-top:18px}
.ecw-chs > span{display:flex;gap:6px;margin-top:8px}
.ecw-chs i{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);display:grid;place-items:center;color:var(--blue);transition:border-color .3s,background-color .3s,transform .3s}
.ecw-chs i svg{width:18px;height:18px}.ecw-chs i .du{fill:var(--blue);opacity:.2}
.ecw-chs i.on{border-color:var(--blue);background:#F1F5F9;transform:translateY(-3px)}
.ecw-main{display:flex;flex-direction:column;padding:18px 18px 8px;overflow:hidden}
.ecw-main-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}
.ecw-main-h b{font-size:14px}.ecw-main-h span{font-size:12px;color:var(--gray)}
.ecw-feed{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;transition:opacity .4s}
.ecw-feed.is-out{opacity:0}
.ecw-ev{position:relative;display:grid;grid-template-columns:40px 30px minmax(0,1fr);gap:10px;padding:0 0 16px}
.ecw-ev::after{content:"";position:absolute;left:64px;top:30px;bottom:2px;width:1px;background:var(--line)}
.ecw-ev:last-child::after{display:none}
.ecw-ev time{font-size:11.5px;color:var(--gray);font-variant-numeric:tabular-nums;padding-top:7px}
.ecw-ev-ic{width:30px;height:30px;border-radius:9px;border:1px solid var(--line);display:grid;place-items:center;background:#fff;color:var(--blue);font-size:12px}
.ecw-ev-ic svg{width:16px;height:16px}.ecw-ev-ic .du{fill:var(--blue);opacity:.2}.ecw-ev--sys .ecw-ev-ic .du{fill:#fff;opacity:.3}
.ecw-ev--sys .ecw-ev-ic{background:#14222D;border-color:#14222D;color:#fff}
.ecw-ev > div{display:flex;flex-direction:column;gap:2px;padding-top:3px;min-width:0}
.ecw-ev b{font-size:13px}
.ecw-ev > div > span{font-size:12.5px;line-height:1.4;color:#3d4c58}
.ecw-att{display:inline-flex;align-self:flex-start;align-items:center;gap:6px;margin-top:5px;padding:4px 9px;border:1px solid var(--line);border-radius:7px;font-style:normal;font-size:11.5px;font-weight:600;color:var(--blue)}
.ecw-att svg{width:13px;height:13px}.ecw-att .du{fill:var(--blue);opacity:.2}
.ecw-ev.is-in{animation:ecwIn .55s cubic-bezier(.22,1,.36,1)}
@keyframes ecwIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.ecw{justify-self:center}}
@media(max-width:640px){.ecw-body{grid-template-columns:minmax(0,1fr);min-height:0}.ecw-side{display:grid;grid-template-columns:1fr auto;column-gap:12px;border-right:0;border-bottom:1px solid var(--line);padding:16px}.ecw-side > small,.ecw-name,.ecw-co,.ecw-deal{grid-column:1/-1}.ecw-own{margin-top:14px}.ecw-chs{margin-top:14px;padding-top:0}.ecw-chs small{display:none}.ecw-chs i{width:32px;height:32px}.ecw-deal{margin-top:12px}.ecw-main{height:400px;padding:16px 14px 6px}.ecw-ev{grid-template-columns:36px 28px minmax(0,1fr);gap:8px}.ecw-ev::after{left:57px}.ecw-crumbs{display:none}}
@media(prefers-reduced-motion:reduce){.ecw-ev.is-in{animation:none}.ecw-chs i,.ecw-stage i,.ecw-feed{transition:none}}
