/* /integrations/ (11.11.2026). Классы ig-*; герой и телефон - assets/social.css и sol.css (sn-*, so-*), группы со строками -
   assets/drawn.css (dr-grp, dr-rows). Движение героя ведёт скрипт страницы (классы ig-on, у провода - go). */

/* ---------- герой: три источника → провод → телефон ---------- */
.ig-hero{gap:0}
.ig-src{display:grid;gap:16px;flex:1 1 auto;min-width:0;max-width:340px}
.ig-line{display:flex;align-items:center;min-width:0}
.ig-card{display:flex;align-items:center;gap:14px;flex:1 1 auto;min-width:0;padding:14px 16px;border-radius:16px;transition:box-shadow .3s,border-color .3s,transform .3s cubic-bezier(.2,.7,.2,1)}
.ig-ico{width:44px;height:37px;color:#2f2f37}
.ig-card>span{display:grid;gap:3px;min-width:0}
.ig-card b{font-size:14.5px;line-height:1.25;font-weight:600;letter-spacing:-.01em;color:#0b0b0d}
.ig-card small{font-size:12px;line-height:1.3;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ig-line .so-wire{--ww:44px;margin:0 -2px 0 0;opacity:.45;transition:opacity .3s}
.ig-line.ig-on .ig-card{border-color:#86d3a0;box-shadow:0 0 0 3px rgba(22,163,74,.14),0 16px 36px -22px rgba(16,16,20,.32);transform:translateX(4px)}
.ig-line.ig-on .so-wire{opacity:1}
.sn-anim .ig-hero .so-wire b{animation:none}
.sn-anim .ig-hero .so-wire.go b{animation:ig-go .6s ease-out both}
@keyframes ig-go{0%{transform:none;opacity:0}15%{opacity:1}85%{transform:translateX(var(--ww));opacity:1}100%{transform:translateX(var(--ww));opacity:0}}
.ig-ph .so-app{opacity:0;transform:translateX(10%);transition:opacity .32s ease,transform .32s ease}
.ig-ph .so-app.ig-on{opacity:1;transform:none;transition-delay:.25s}
@media (max-width:560px){
  .ig-src{max-width:none;width:100%}
  .ig-line .so-wire{display:none}
  .ig-line.ig-on .ig-card{transform:none}
}

/* ---------- один адрес ---------- */
.ig-addr-s{padding-top:clamp(28px,4vw,48px)}
.ig-addr{display:flex;align-items:center;gap:20px;max-width:760px;margin:0 auto;padding:22px 26px;border:1px solid var(--border);border-radius:20px;background:#fff}
.ig-addr-i{width:54px;height:45px}
.ig-addr>span{display:grid;gap:5px;min-width:0;flex:1 1 auto}
.ig-addr small{font-size:13.5px;color:var(--text-3)}
.ig-addr b{font-size:clamp(16px,1.7vw,20px);line-height:1.3;font-weight:600;letter-spacing:-.012em;color:var(--text);overflow-wrap:anywhere}
.ig-addr .btn{flex:0 0 auto;min-width:104px;min-height:42px;padding:0 20px;justify-content:center}
@media (max-width:560px){.ig-addr{flex-wrap:wrap;gap:14px;padding:18px}.ig-addr-i{width:44px;height:37px}.ig-addr .btn{width:100%}}

/* ---------- группы ---------- */
.ig-groups{padding-top:clamp(8px,2vw,24px)}
.ig-marks{margin-top:clamp(28px,4vw,48px);font-size:13px;line-height:1.5;color:var(--text-3);text-align:center}