/* ==================== Карусель интеграций ==================== */
.integrations-carousel{
  position:relative;overflow:hidden;padding:8px 0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
}
.integrations-track{
  display:flex;align-items:stretch;gap:16px;width:max-content;
  animation:integrations-scroll 32s linear infinite;
}
.integrations-carousel:hover .integrations-track{animation-play-state:paused}
@keyframes integrations-scroll{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
.integration-card{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  padding:18px 26px;border-radius:16px;background:var(--white);
  border:1px solid var(--cloud);min-width:132px;flex:none;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.integration-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(15,23,42,.10);border-color:var(--violet);background:#fff}
.integration-card:focus-visible{outline:3px solid var(--violet);outline-offset:2px}
.integration-card img{width:44px;height:44px;object-fit:contain;border-radius:11px;display:block}
.integration-card span{font-size:13px;font-weight:700;color:#334155;white-space:nowrap}

@media(max-width:640px){
  .integration-card{padding:14px 18px;min-width:108px;gap:8px}
  .integration-card img{width:36px;height:36px}
  .integration-card span{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  .integrations-track{animation:none}
}