.cp-benefit-ticker { flex: 1 1 24rem; min-width: 0; overflow: hidden; container-type: inline-size; }
.cp-benefit-track { display: flex; width: max-content; direction: ltr; animation: cp-benefit-scroll 19s linear infinite; }
.cp-benefit-group { display: flex; flex: none; align-items: center; justify-content: space-around; gap: 2rem; padding-inline: 1rem; min-width: 100cqw; white-space: nowrap; }
.cp-benefit-ticker:hover .cp-benefit-track,
.cp-benefit-ticker[data-paused="true"] .cp-benefit-track { animation-play-state: paused; }
@keyframes cp-benefit-scroll { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
 .cp-benefit-track { animation: none; width: 100%; direction: inherit; }
 .cp-benefit-group { width: 100%; min-width: 0; flex-wrap: wrap; white-space: normal; justify-content: flex-start; gap: .5rem 1rem; padding: 0; }
 .cp-benefit-group li { min-width: 0; }
 .cp-benefit-group[aria-hidden="true"] { display: none; }
}

.cp-benefit-group {
  gap: 1rem;
  padding: .45rem .5rem;
}
.cp-benefit-group > li {
  --benefit-color: #087654;
  --benefit-tint: #eaf8f2;
  --benefit-badge: #cfeee0;
  flex: none;
  gap: .7rem;
  padding: .4rem 1.1rem .4rem .45rem;
  border: 1px solid color-mix(in srgb, var(--benefit-color) 19%, transparent);
  border-radius: 999px;
  background: var(--benefit-tint);
  color: #12223a;
  box-shadow: 0 2px 5px rgb(15 30 50 / .07);
  font-weight: 650;
}
.cp-benefit-group > li:nth-child(2) {
  --benefit-color: #2458a2;
  --benefit-tint: #edf4ff;
  --benefit-badge: #d7e7ff;
}
.cp-benefit-group > li:nth-child(3) {
  --benefit-color: #9a410a;
  --benefit-tint: #fff3e7;
  --benefit-badge: #ffe1c5;
}
.cp-benefit-group > li > svg {
  box-sizing: content-box;
  flex: none;
  padding: .5rem;
  border-radius: 50%;
  background: var(--benefit-badge);
  color: var(--benefit-color);
}
@media (prefers-reduced-motion: reduce) {
  .cp-benefit-group { gap: .5rem; }
  .cp-benefit-group > li { flex-shrink: 1; max-width: 100%; }
}