/* Страница ТЕМПО Диалог: новые блоки 20.10.2026 — выгоды, роли, каналы, обучение, B2C/B2B, экономия, сравнение, «Кто делает».
   Цвета — из общих токенов сайта (--tx, --lt, --bk, --d1, --g3) и цвета продукта (--ac1 фиолетовый, --ac2 бирюзовый). */
.d2-px{display:none!important}
.d2{position:relative;padding:110px var(--px) 120px}
.d2[data-th="light"]{background:#fff;color:var(--tx)}
.d2-roli,.d2-eko{background:var(--lt)!important}
.d2[data-th="dark"]{background:var(--bk);color:#fff}
.d2__h{display:flex;flex-direction:column;gap:18px;margin:0 0 56px;max-width:1180px}
.d2__h .lbl{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#666}
.d2[data-th="dark"] .d2__h .lbl{color:rgba(255,255,255,.55)}
.d2__h h2{margin:0;font-size:clamp(34px,3.6vw,56px);line-height:1.02;font-weight:400;letter-spacing:-.035em;max-width:20ch;text-wrap:balance}
.d2__p{margin:0;max-width:60ch;font-size:18px;line-height:1.5;color:#555}
.d2[data-th="dark"] .d2__p{color:rgba(255,255,255,.7)}

/* ---------- чат (роли, B2C/B2B) ---------- */
.d2chat{background:#15161D;color:#fff;border-radius:18px;overflow:hidden;box-shadow:0 30px 60px -34px rgba(13,14,16,.55);max-width:560px}
.d2chat__top{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px}
.d2chat__top i{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--ac1),var(--ac2));flex:0 0 auto}
.d2chat__top span{font-weight:500}
.d2chat__top em{font-style:normal;color:rgba(255,255,255,.5);margin-left:auto}
.d2chat__b{display:flex;flex-direction:column;gap:10px;padding:18px 18px 22px;min-height:290px}
.d2m{max-width:84%;padding:10px 14px;border-radius:14px;font-size:15px;line-height:1.45}
.d2m--c{align-self:flex-start;background:rgba(255,255,255,.09);border-bottom-left-radius:4px}
.d2m--a{align-self:flex-end;background:#1E3A37;border-bottom-right-radius:4px}
.d2m--a b{display:block;font-size:11px;font-weight:500;color:#13C9BA;margin-bottom:2px;letter-spacing:.02em}
.d2m--s{align-self:center;max-width:none;display:inline-flex;align-items:center;gap:8px;margin-top:4px;padding:7px 14px;border-radius:999px;background:rgba(152,129,243,.16);border:1px solid rgba(152,129,243,.42);color:#E6E0FF;font-size:13px}
.d2m--s svg{width:14px;height:14px;fill:none;stroke:#13C9BA;stroke-width:2.2;flex:0 0 auto}
.d2-on .d2chat .d2m{opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease}
.d2-on .d2chat .d2m.in{opacity:1;transform:none}
.d2typ{align-self:flex-end;display:inline-flex;gap:4px;padding:12px 14px;border-radius:14px;background:#1E3A37}
.d2typ i{width:6px;height:6px;border-radius:50%;background:#8FE3D9;animation:d2b 1s infinite}
.d2typ i:nth-child(2){animation-delay:.15s}.d2typ i:nth-child(3){animation-delay:.3s}
@keyframes d2b{0%,80%,100%{opacity:.25}40%{opacity:1}}

/* ---------- 1. Что вы получите ---------- */
.d2-vyg__g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--g3)}
.d2-num{position:relative;padding:34px 28px 40px 0;border-bottom:1px solid var(--g3)}
.d2-num:not(:nth-child(3n+1)){padding-left:28px;border-left:1px solid var(--g3)}
.d2-num::before{content:"";position:absolute;left:0;top:-1px;height:2px;width:0;background:linear-gradient(90deg,var(--ac1),var(--ac2));transition:width .7s ease}
.d2-num.is-hot::before{width:100%}
.d2-num__v{display:block;font-size:clamp(56px,6.2vw,104px);line-height:.95;font-weight:400;letter-spacing:-.055em;font-variant-numeric:tabular-nums;background:linear-gradient(90deg,var(--ac1),var(--ac2));-webkit-background-clip:text;background-clip:text;color:transparent}
.d2-num__l{display:block;margin:16px 0 8px;font-size:20px;letter-spacing:-.01em}
.d2-num p{margin:0;max-width:34ch;color:#555;font-size:15px;line-height:1.5}
.d2-vyg.d2-on:not(.go) .d2-num{opacity:0;transform:translateY(14px)}
.d2-vyg .d2-num{transition:opacity .6s ease,transform .6s ease;transition-delay:calc(var(--i) * 80ms)}

/* ---------- 2. Четыре роли ---------- */
.d2-roli__g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:56px;align-items:start}
.d2-roli__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--g3)}
.d2-roli__list button{all:unset;box-sizing:border-box;cursor:pointer;position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);gap:4px 12px;width:100%;padding:22px 0 24px;border-bottom:1px solid var(--g3)}
.d2-roli__list button:focus-visible{outline:2px solid var(--ac1);outline-offset:4px}
.d2-roli__n{grid-row:span 2;padding-top:7px;font-size:14px;color:#888;font-variant-numeric:tabular-nums}
.d2-roli__list b{font-size:clamp(22px,2vw,30px);font-weight:400;letter-spacing:-.02em;line-height:1.15;color:#9A9BA3;transition:color .3s}
.d2-roli__d{grid-column:2;max-height:0;overflow:hidden;opacity:0;color:#555;font-size:16px;line-height:1.5;transition:max-height .45s ease,opacity .35s ease}
.d2-roli__list [aria-selected="true"] b{color:var(--tx)}
.d2-roli__list [aria-selected="true"] .d2-roli__d{max-height:140px;opacity:1}
.d2-roli__list button:hover b{color:var(--tx)}
.d2-roli__bar{position:absolute;left:0;bottom:-1px;height:2px;width:0;background:linear-gradient(90deg,var(--ac1),var(--ac2))}
.d2-roli__list [aria-selected="true"] .d2-roli__bar{width:100%;transition:width 6.5s linear}
.d2-roli.is-manual .d2-roli__list [aria-selected="true"] .d2-roli__bar,.d2-roli:not(.d2-on) .d2-roli__bar{transition:none}
.d2-roli__stage{position:relative}
.d2-roli__stage .d2chat{display:none;margin-left:auto}
.d2-roli__stage .d2chat.on,.d2-roli:not(.d2-on) .d2-roli__stage .d2chat:first-child{display:block}

/* ---------- 3. Работает везде ---------- */
.d2-vezde__map{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:40px;max-width:1180px;margin:0 auto;padding:10px 0}
.d2-vezde__svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.d2-ln{fill:none;stroke:rgba(255,255,255,.2);stroke-width:1.2}
.d2-dot{fill:#13C9BA}
.d2-vezde__in,.d2-vezde__out{position:relative;z-index:1;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.d2-vezde__in{align-items:flex-start}
.d2-vezde__out{align-items:flex-end}
.d2-ch{display:flex;align-items:center;gap:12px;padding:10px 20px 10px 10px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#15161D;font-size:17px;white-space:nowrap}
.d2-ic{width:34px;height:34px;border-radius:50%;background:#fff;color:var(--d1);display:grid;place-items:center;flex:0 0 auto;overflow:hidden}
.d2-ic svg{width:22px;height:22px}
.d2-ic img{width:34px;height:34px;object-fit:cover}
.d2-core{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:230px;padding:34px 30px;border-radius:24px;text-align:center;background:radial-gradient(circle at 50% 25%,rgba(152,129,243,.36),rgba(19,201,186,.08) 72%),#15161D;border:1px solid rgba(201,189,255,.35)}
.d2-core::after{content:"";position:absolute;inset:-1px;border-radius:24px;border:1px solid rgba(19,201,186,.55);animation:d2p 2.8s ease-out infinite;pointer-events:none}
@keyframes d2p{0%{opacity:.8;transform:scale(1)}100%{opacity:0;transform:scale(1.12)}}
.d2-core__m{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--ac1),var(--ac2))}
.d2-core__m svg{width:26px;height:26px;fill:#fff}
.d2-core b{font-size:22px;font-weight:500}
.d2-core span{font-size:14px;color:rgba(255,255,255,.65);max-width:18ch}

/* ---------- 4. Учится на ваших материалах ---------- */
.d2-obu__g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}
.d2-obu__t{margin:0 0 18px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#888}
.d2-docs{list-style:none;margin:0 0 22px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.d2-docs li{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--g3);border-radius:12px;background:#fff;font-size:15px;line-height:1.25;transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i) * 90ms)}
.d2-docs svg{width:22px;height:22px;flex:0 0 auto;color:var(--ac1)}
.d2-obu.d2-on:not(.go) .d2-docs li{opacity:0;transform:translateY(16px)}
.d2-learn{display:flex;align-items:center;gap:16px;padding:20px;border-radius:16px;background:var(--d1);color:#fff}
.d2-learn>*{min-width:0}   /* на телефоне 320 px полоса обучения сжимается, а не выталкивает блок за край */
.d2-learn .d2-core__m{width:48px;height:48px;border-radius:14px;flex:0 0 auto}
.d2-learn .d2-core__m svg{width:22px;height:22px}
.d2-learn b{display:block;font-size:18px;font-weight:500}
.d2-learn__st{font-size:13px;color:rgba(255,255,255,.65)}
.d2-learn__bar{display:block;width:100%;max-width:240px;height:4px;margin-top:10px;border-radius:2px;background:rgba(255,255,255,.12);overflow:hidden}
.d2-learn__bar i{display:block;height:100%;background:linear-gradient(90deg,var(--ac1),var(--ac2));transform-origin:left;transition:transform 1.6s ease .7s}
.d2-obu.d2-on:not(.go) .d2-learn__bar i{transform:scaleX(0)}
.d2-cred{list-style:none;margin:0;padding:0;border-top:1px solid var(--g3)}
.d2-cred li{display:grid;grid-template-columns:120px minmax(0,1fr);gap:4px 20px;padding:24px 0;border-bottom:1px solid var(--g3);transition:opacity .6s ease,transform .6s ease;transition-delay:calc(.3s + var(--i) * 120ms)}
.d2-obu.d2-on:not(.go) .d2-cred li{opacity:0;transform:translateY(12px)}
.d2-cred__k{grid-row:span 2;padding-top:9px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#888}
.d2-cred b{font-size:clamp(22px,2.2vw,32px);font-weight:400;letter-spacing:-.02em;line-height:1.15}
.d2-cred__s{font-size:16px;color:#555}

/* ---------- 5. B2C и B2B ---------- */
.d2-b2__g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.d2-b2__c{display:flex;flex-direction:column;gap:16px;padding:30px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(255,255,255,.02);transition:border-color .4s,background-color .4s}
.d2-b2__c.is-hot{border-color:rgba(201,189,255,.6);background:rgba(152,129,243,.08)}
.d2-b2__c .lbl{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.d2-b2__c h3{margin:0;font-size:clamp(24px,2.2vw,34px);font-weight:400;letter-spacing:-.02em;line-height:1.1}
.d2-b2__to{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.d2-b2__to li{padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.18);font-size:14px}
.d2-b2__c .d2chat{max-width:none;margin-top:6px;background:#101118}
.d2-b2__c .d2chat__b{min-height:330px}

/* ---------- 6. Экономия ---------- */
.d2-bars{display:flex;flex-direction:column;gap:22px;max-width:1180px}
.d2-bar{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:24px;align-items:center}
.d2-bar__t b{display:block;font-size:20px;font-weight:500}
.d2-bar__t span{font-size:14px;color:#666}
.d2-bar__l{position:relative;height:58px;border-radius:12px;background:#E3E4E8}
.d2-bar__l i{position:absolute;left:0;top:0;bottom:0;width:var(--w);border-radius:12px;background:#B9BBC6;transition:width 1.4s cubic-bezier(.2,.7,.2,1)}
.d2-bar--us .d2-bar__l i{background:linear-gradient(90deg,var(--ac1),var(--ac2));transition-delay:.35s}
.d2-bar__l em{position:absolute;left:calc(25% + 18px);top:50%;transform:translateY(-50%);font-style:normal;font-size:clamp(18px,1.6vw,24px);letter-spacing:-.01em;white-space:nowrap;transition:opacity .5s ease 1.4s}
.d2-eko.d2-on:not(.go) .d2-bar__l i{width:0}
.d2-eko.d2-on:not(.go) .d2-bar__l em{opacity:0}
.d2-stats{list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--g3);max-width:1180px}
.d2-stats li{padding:26px 24px 0 0}
.d2-stats li+li{padding-left:24px;border-left:1px solid var(--g3)}
.d2-stats b{display:block;font-size:clamp(34px,3.4vw,52px);font-weight:400;letter-spacing:-.045em;line-height:1}
.d2-stats span{display:block;margin-top:10px;max-width:26ch;font-size:15px;line-height:1.45;color:#555}

/* ---------- 7. Сравнение ---------- */
.d2-cmp__w{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid rgba(255,255,255,.12);border-radius:20px;max-width:1180px}
.d2-cmp__t{width:100%;border-collapse:collapse;font-size:15px}
.d2-cmp__t th,.d2-cmp__t td{padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.08);text-align:center;vertical-align:middle}
.d2-cmp__t tbody tr:last-child th,.d2-cmp__t tbody tr:last-child td{border-bottom:0}
.d2-cmp__t thead th{font-weight:500;font-size:14px;color:rgba(255,255,255,.7);vertical-align:bottom;line-height:1.25}
.d2-cmp__t tbody th{text-align:left;font-weight:400;color:rgba(255,255,255,.88);width:36%;line-height:1.35}
.d2-cmp__t .d2-us{background:rgba(152,129,243,.12)}
.d2-cmp__t thead .d2-us{color:#fff;font-size:16px;background:linear-gradient(180deg,rgba(152,129,243,.4),rgba(152,129,243,.12))}
.d2-short{display:none}
.d2-y svg,.d2-n svg,.d2-p svg{display:inline-block;vertical-align:middle}
.d2-y svg{width:20px;height:20px;fill:none;stroke:#13C9BA;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.d2-n svg{width:15px;height:15px;fill:none;stroke:rgba(255,255,255,.35);stroke-width:1.8;stroke-linecap:round}
.d2-p svg{width:18px;height:18px}
.d2-p circle{fill:none;stroke:#C9BDFF;stroke-width:1.5}
.d2-p path{fill:#C9BDFF}
.d2-cmp__t tbody tr{transition:opacity .5s ease,transform .5s ease;transition-delay:calc(var(--i) * 70ms)}
.d2-cmp.d2-on:not(.go) .d2-cmp__t tbody tr{opacity:0;transform:translateY(10px)}
.d2-cmp__lg{display:flex;flex-wrap:wrap;gap:22px;margin:18px 0 0;font-size:14px;color:rgba(255,255,255,.6)}
.d2-cmp__lg span{display:inline-flex;align-items:center;gap:8px}

/* ---------- 8. Кто делает ---------- */
.d2-tr__g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.32fr) minmax(0,1fr);border-top:1px solid rgba(255,255,255,.14);max-width:1380px}
.d2-tr__c{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:38px 34px 44px 0}
.d2-tr__c+.d2-tr__c{padding-left:34px;border-left:1px solid rgba(255,255,255,.14)}
.d2-tr__c::before{content:"";position:absolute;left:0;top:-1px;height:2px;width:0;background:linear-gradient(90deg,var(--ac1),var(--ac2));transition:width .7s ease}
.d2-tr__c.is-hot::before{width:100%}
.d2-tr__ic{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;margin-bottom:10px;background:linear-gradient(135deg,var(--ac1),var(--ac2));color:#fff;box-shadow:0 14px 30px -14px rgba(152,129,243,.8)}
.d2-tr__ic svg{width:26px;height:26px}
.d2-tr__c h3{margin:0;font-size:clamp(24px,2.1vw,32px);font-weight:400;letter-spacing:-.02em;line-height:1.1}
.d2-tr__c>p{margin:0;max-width:42ch;font-size:16px;line-height:1.5;color:rgba(255,255,255,.7)}
.d2-tags{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.d2-tags li{padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.03);font-size:14px;line-height:1.2}
.d2-chk{list-style:none;margin:4px 0 0;padding:0;align-self:stretch}
.d2-chk li{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:18px;line-height:1.35}
.d2-chk li:first-child{padding-top:6px}
.d2-chk li:last-child{border-bottom:0}
.d2-chk svg{width:20px;height:20px;flex:0 0 auto;margin-top:2px;fill:none;stroke:#13C9BA;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
/* схема: что пишет клиент → что получает модель */
.d2-mask{align-self:stretch;display:flex;flex-direction:column;gap:8px;margin-top:10px}
.d2-mask__m{padding:16px 18px 17px;border-radius:16px;background:#15161D;border:1px solid rgba(255,255,255,.09)}
.d2-mask__m--out{background:radial-gradient(130% 160% at 0 0,rgba(152,129,243,.24),rgba(19,201,186,.05) 60%,transparent 85%),#15161D;border-color:rgba(201,189,255,.38);transition:opacity .5s ease 1.25s,border-color .5s ease 1.25s}
.d2-mask__k{display:block;margin-bottom:8px;font-size:12px;letter-spacing:.02em;color:rgba(255,255,255,.5)}
.d2-mask__m p{margin:0;font-size:15px;line-height:1.75;color:rgba(255,255,255,.9)}
.d2-pii{padding:2px 5px;border-radius:6px;white-space:nowrap;background:linear-gradient(rgba(152,129,243,.42),rgba(152,129,243,.42)) no-repeat 0 0/100% 100%;transition:background-size .45s ease calc(.2s + var(--i) * .3s)}
.d2-tag{display:inline-block;padding:0 10px;border-radius:999px;border:1px solid rgba(19,201,186,.65);background:rgba(19,201,186,.13);color:#9BEDE3;font-size:13.5px;line-height:1.55;vertical-align:1px;white-space:nowrap;transition:opacity .35s ease calc(1.45s + var(--i) * .22s),transform .4s cubic-bezier(.2,.8,.25,1.25) calc(1.45s + var(--i) * .22s)}
.d2-mask__arr{display:flex;align-items:center;gap:10px;padding-left:18px;font-size:13px;color:rgba(255,255,255,.55)}
.d2-mask__arr svg{width:15px;height:15px;fill:none;stroke:#13C9BA;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.d2-tr.d2-on:not(.go) .d2-pii{background-size:0% 100%}
.d2-tr.d2-on:not(.go) .d2-tag{opacity:0;transform:scale(.6)}
.d2-tr.d2-on:not(.go) .d2-mask__m--out{opacity:.4;border-color:rgba(255,255,255,.09)}
.d2-rs .d2-pii,.d2-rs .d2-tag,.d2-rs .d2-mask__m--out{transition:none!important}
/* «первый в России» — отдельной плашкой вместе со сноской */
.d2-first{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px 30px;align-items:start;margin-top:64px;padding:40px 44px 36px;border-radius:24px;background:radial-gradient(110% 150% at 0 0,rgba(152,129,243,.32),rgba(19,201,186,.07) 55%,transparent 80%),#15161D;border:1px solid rgba(201,189,255,.32);max-width:1380px}
.d2-first .d2-core__m{width:64px;height:64px;border-radius:18px}
.d2-first .d2-core__m svg{width:30px;height:30px}
.d2-first__t{margin:0;font-size:clamp(26px,2.7vw,42px);line-height:1.12;letter-spacing:-.03em;max-width:32ch;text-wrap:balance}
.d2-first__n{grid-column:2;margin:6px 0 0;font-size:13px;line-height:1.45;color:rgba(255,255,255,.55)}
@media (max-width:1100px){
  .d2-tr__g{grid-template-columns:minmax(0,1fr)}
  .d2-tr__c,.d2-tr__c+.d2-tr__c{padding:32px 0 36px;border-left:0}
  .d2-tr__c+.d2-tr__c{border-top:1px solid rgba(255,255,255,.14)}
  .d2-mask{max-width:620px}
}
@media (max-width:900px){
  .d2-first{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:40px;padding:26px 22px 24px}
  .d2-first__n{grid-column:auto;margin-top:0}
  .d2-first .d2-core__m{width:50px;height:50px;border-radius:14px}
  .d2-first .d2-core__m svg{width:24px;height:24px}
  .d2-tr__ic{width:46px;height:46px;border-radius:13px;margin-bottom:6px}
  .d2-tr__ic svg{width:23px;height:23px}
  .d2-chk li{font-size:17px}
}
@media (max-width:400px){
  .d2-mask__m{padding:14px 14px 15px}
  .d2-mask__m p{font-size:14px}
}

/* ---------- планшет и телефон ---------- */
@media (max-width:900px){
  .d2{padding:70px 20px 80px}
  .d2__h{margin-bottom:36px}
  .d2__p{font-size:16px}
  .d2-vyg__g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .d2-num:not(:nth-child(3n+1)){padding-left:0;border-left:0}
  .d2-num:nth-child(2n){padding-left:22px;border-left:1px solid var(--g3)}
  .d2-num{padding-right:22px}
  .d2-roli__g{grid-template-columns:minmax(0,1fr);gap:30px}
  .d2-roli__stage .d2chat{margin:0;max-width:none}
  .d2-vezde__map{grid-template-columns:minmax(0,1fr);gap:22px;justify-items:center}
  .d2-vezde__svg{display:none}
  .d2-vezde__in,.d2-vezde__out{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}
  .d2-ch{font-size:15px;padding:8px 16px 8px 8px}
  .d2-ic{width:28px;height:28px}.d2-ic svg{width:18px;height:18px}.d2-ic img{width:28px;height:28px}
  .d2-core{min-width:0;width:100%;max-width:420px}
  .d2-obu__g{grid-template-columns:minmax(0,1fr);gap:40px}
  .d2-b2__g{grid-template-columns:minmax(0,1fr)}
  .d2-b2__c{padding:22px}
  .d2-bar{grid-template-columns:minmax(0,1fr);gap:10px}
  .d2-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .d2-stats li:nth-child(3){padding-left:0;border-left:0}
  .d2-stats li:nth-child(n+3){padding-top:26px}
}
@media (max-width:767px){
  .d2-long{display:none}.d2-short{display:inline}
  .d2-cmp__t{font-size:12.5px;table-layout:fixed}
  .d2-cmp__t th,.d2-cmp__t td{padding:11px 3px}
  .d2-cmp__t thead th:first-child,.d2-cmp__t tbody th{width:32%;padding-left:12px;padding-right:6px}
  .d2-cmp__t thead th{font-size:10.5px;line-height:1.2;padding-left:1px;padding-right:1px}
  .d2-cmp__t thead .d2-us{font-size:11px}
  .d2-y svg{width:17px;height:17px}.d2-n svg{width:12px;height:12px}.d2-p svg{width:15px;height:15px}
}
@media (max-width:559px){
  .d2-vyg__g{grid-template-columns:minmax(0,1fr)}
  .d2-num,.d2-num:nth-child(2n){padding:26px 0 30px;border-left:0}
  .d2-docs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .d2-cred li{grid-template-columns:minmax(0,1fr)}
  .d2-cred__k{grid-row:auto;padding-top:0}
  .d2-bar__l em{left:auto;right:12px;font-size:16px}
  .d2-stats{grid-template-columns:minmax(0,1fr)}
  .d2-stats li,.d2-stats li+li{padding:22px 0 0;border-left:0}
  .d2-m,.d2m{font-size:14px}
}
@media (max-width:400px){
  .d2-cmp__t thead th{font-size:9.5px;white-space:normal;-webkit-hyphens:auto;hyphens:auto}
  .d2-cmp__t thead .d2-us{font-size:10px}
  .d2-cmp__t thead th:first-child,.d2-cmp__t tbody th{width:30%;padding-left:10px}
}
@media (prefers-reduced-motion:reduce){
  .d2 *,.d2 *::before,.d2 *::after{transition:none!important;animation:none!important}
}