.b-catalyst {
  padding-top: clamp(64px, 8vw, 128px);
  margin-bottom: clamp(32px, 6vw, 104px);
}

.b-catalyst__line {
  left: 0;
  right: 0;
  top: 32px;
  height: 3px;
  background: #ffeb6c;
  animation: swingHorizontal 6s ease-in-out infinite;
  transform-origin: center center;
  will-change: transform;
}

.b-catalyst__line:before,
.b-catalyst__line:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: inherit;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-name: swingHorizontal;
  transform-origin: center center;
  will-change: transform;
}

.b-catalyst__line:before {
  height: 1px;
  animation-duration: 6s;
}

.b-catalyst__line:after {
  height: 2px;
  animation-duration: 8s;
}

.b-catalyst__title {
  margin-bottom: 6px;
}

.b-catalyst__text {
  font-size: clamp(16px, 1.7vw, 25px);
  color: #ffeb6c;
}

.b-catalyst__highlight {
  width: clamp(224px, 26vw, 324px);
  line-height: 1;
  margin: 32px auto;
}

.b-catalyst__highlight:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.b-catalyst__highlight-in {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.b-catalyst__highlight-circle {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  box-shadow: inset 0 0 0 clamp(1px, 0.5vw, 4px) #ffeb6c;
  animation: spinCircle 40s linear infinite;
  will-change: transform;
}

.b-catalyst__highlight-circle span {
  width: clamp(3px, 1vw, 8px);
  height: clamp(3px, 1vw, 8px);
  background: #fff;
  border-radius: 50%;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-name: thicken;
  transform-origin: center center;
  will-change: transform;
}

.b-catalyst__highlight-circle span:nth-child(1) {
  transform: translate(-50%, 30%);
  bottom: 0;
  left: 50%;
  animation-duration: 5s;
}

.b-catalyst__highlight-circle span:nth-child(2) {
  transform: translate(-30%, -50%) scale(1.8);
  top: 50%;
  left: 0%;
  animation-duration: 3s;
}

.b-catalyst__highlight-circle span:nth-child(3) {
  transform: translate(-50%, -30%) scale(3);
  top: 0;
  left: 50%;
  animation-duration: 10s;
}

.b-catalyst__highlight-circle span:nth-child(4) {
  transform: translate(30%, -50%) scale(3.8);
  top: 50%;
  right: 0%;
  animation-duration: 5s;
}

.b-catalyst__highlight-number {
  color: #ffeb6c;
}

.b-catalyst__highlight-caption {
  font-size: clamp(17px, 2vw, 25px);
  color: #0000d5;
}

/* Keyframes остаются без изменений */
@-moz-keyframes thicken {
  0%, 100% { box-shadow: 0 0 0 0px #fff; }
  50% { box-shadow: 0 0 0 2px #fff; }
}

@-webkit-keyframes thicken {
  0%, 100% { box-shadow: 0 0 0 0px #fff; }
  50% { box-shadow: 0 0 0 2px #fff; }
}

@-o-keyframes thicken {
  0%, 100% { box-shadow: 0 0 0 0px #fff; }
  50% { box-shadow: 0 0 0 2px #fff; }
}

@keyframes thicken {
  0%, 100% { box-shadow: 0 0 0 0px #fff; }
  50% { box-shadow: 0 0 0 2px #fff; }
}

@-moz-keyframes spinCircle {
  0% { transform: rotate(0deg) scale(1); }
  12.5% { transform: rotate(45deg) scale(0.9); }
  25% { transform: rotate(90deg) scale(1.05); }
  37.5% { transform: rotate(135deg) scale(0.9); }
  50% { transform: rotate(180deg) scale(1.05); }
  62.5% { transform: rotate(225deg) scale(0.9); }
  75% { transform: rotate(270deg) scale(1.05); }
  87.5% { transform: rotate(315deg) scale(0.9); }
  100% { transform: rotate(360deg) scale(1); }
}

@-webkit-keyframes spinCircle {
  0% { transform: rotate(0deg) scale(1); }
  12.5% { transform: rotate(45deg) scale(0.9); }
  25% { transform: rotate(90deg) scale(1.05); }
  37.5% { transform: rotate(135deg) scale(0.9); }
  50% { transform: rotate(180deg) scale(1.05); }
  62.5% { transform: rotate(225deg) scale(0.9); }
  75% { transform: rotate(270deg) scale(1.05); }
  87.5% { transform: rotate(315deg) scale(0.9); }
  100% { transform: rotate(360deg) scale(1); }
}

@-o-keyframes spinCircle {
  0% { transform: rotate(0deg) scale(1); }
  12.5% { transform: rotate(45deg) scale(0.9); }
  25% { transform: rotate(90deg) scale(1.05); }
  37.5% { transform: rotate(135deg) scale(0.9); }
  50% { transform: rotate(180deg) scale(1.05); }
  62.5% { transform: rotate(225deg) scale(0.9); }
  75% { transform: rotate(270deg) scale(1.05); }
  87.5% { transform: rotate(315deg) scale(0.9); }
  100% { transform: rotate(360deg) scale(1); }
}

@keyframes spinCircle {
  0% { transform: rotate(0deg) scale(1); }
  12.5% { transform: rotate(45deg) scale(0.9); }
  25% { transform: rotate(90deg) scale(1.05); }
  37.5% { transform: rotate(135deg) scale(0.9); }
  50% { transform: rotate(180deg) scale(1.05); }
  62.5% { transform: rotate(225deg) scale(0.9); }
  75% { transform: rotate(270deg) scale(1.05); }
  87.5% { transform: rotate(315deg) scale(0.9); }
  100% { transform: rotate(360deg) scale(1); }
}

@-moz-keyframes swingHorizontal {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(1deg); }
  50% { transform: rotate(0deg); }
  75% { transform: rotate(-1deg); }
  100% { transform: rotate(0deg); }
}

@-webkit-keyframes swingHorizontal {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(1deg); }
  50% { transform: rotate(0deg); }
  75% { transform: rotate(-1deg); }
  100% { transform: rotate(0deg); }
}

@-o-keyframes swingHorizontal {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(1deg); }
  50% { transform: rotate(0deg); }
  75% { transform: rotate(-1deg); }
  100% { transform: rotate(0deg); }
}

@keyframes swingHorizontal {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(1deg); }
  50% { transform: rotate(0deg); }
  75% { transform: rotate(-1deg); }
  100% { transform: rotate(0deg); }
}

@media screen and (min-width: 992px) {
  .b-catalyst__highlight {
    margin: 0 0 40px;
  }
}