.lottie-emoji {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 0;
  display: inline-flex;
  height: clamp(34px, 3vw, 42px);
  justify-content: center;
  margin-inline: 0.12em;
  overflow: visible;
  vertical-align: -12px;
  width: clamp(34px, 3vw, 42px);
}

.knowledge-title .lottie-emoji,
.knowledge-section h2 .lottie-emoji {
  height: clamp(38px, 3.6vw, 50px);
  width: clamp(38px, 3.6vw, 50px);
}

.benefit-list .lottie-emoji {
  height: clamp(32px, 2.8vw, 40px);
  width: clamp(32px, 2.8vw, 40px);
}

.dropdown-item .lottie-emoji {
  height: 28px;
  margin-inline: 0 0.35em;
  vertical-align: -8px;
  width: 28px;
}

.btn-icon .lottie-emoji {
  height: 42px;
  margin: 0;
  vertical-align: middle;
  width: 42px;
}

.card-icon-wrap .lottie-emoji {
  height: 44px;
  margin: 0;
  vertical-align: middle;
  width: 44px;
}

.hero-badge .lottie-emoji,
.section-header h2 .lottie-emoji,
.cta-button .lottie-emoji,
.btn-group button .lottie-emoji {
  height: 30px;
  margin-inline: 0 0.28em;
  vertical-align: -8px;
  width: 30px;
}

.card-icon .lottie-emoji,
.visual-circle .lottie-emoji,
.icon .lottie-emoji,
.platform-icon .lottie-emoji,
.social-card .lottie-emoji {
  height: 42px;
  margin: 0;
  vertical-align: middle;
  width: 42px;
}

.lottie-emoji[data-lottie-emoji="puzzle"] {
  background:
    radial-gradient(circle at 34% 28%, rgba(255, 255, 255, 0.36), transparent 34%),
    linear-gradient(135deg, rgba(255, 74, 104, 0.9), rgba(39, 211, 238, 0.72));
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 12px;
  box-shadow:
    0 8px 22px rgba(255, 74, 104, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.36);
  height: clamp(34px, 2.8vw, 40px);
  padding: 5px;
  width: clamp(34px, 2.8vw, 40px);
}

.lottie-emoji[data-lottie-emoji="brain2"] svg {
  transform: scale(2);
  transform-origin: center;
}

.lottie-emoji[data-lottie-emoji="brain3"] svg {
  transform: scale(1.85);
  transform-origin: center;
}

.lottie-emoji svg {
  background: transparent !important;
  display: block;
  height: 100% !important;
  overflow: visible;
  width: 100% !important;
}