@keyframes rotateSquare {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.intro-pattern-overlay {
    background-image: repeating-linear-gradient(45deg, transparent, transparent 20px, currentColor 20px, currentColor 40px);
    opacity: 0.03;
    top: -20%;
    left: -30%;
    width: 100%;
    height: 100%;
    animation: rotateSquare 20s linear infinite;
}

.intro-pattern-content {
    max-width: 56rem;
}

/* Hover — поза @sem */
.services__tile--lift {
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.services__tile--lift:hover {
  box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
}

@media (min-width: 640px) {
  .services__tile--lift:hover {
    transform: scale(1.05);
  }
}

.services__cta--lift {
  transition: filter 0.2s ease, transform 0.2s ease;
}

@media (min-width: 640px) {
  .services__cta--lift:hover {
    transform: scale(1.05);
  }
}

.services__cta--lift:hover {
  filter: brightness(0.92);
}

/* v23 - comic halftone dot pattern (currentColor keeps it theme-safe, no literal colors) */
.steps-comic-panel__halftone {
    position: absolute;
    top: 0;
    right: 0;
    width: 6rem;
    height: 6rem;
    opacity: 0.15;
    background-image: radial-gradient(currentColor 1.2px, transparent 1.2px);
    background-size: 8px 8px;
    pointer-events: none;
}

/* features ticker — middot separator between inline items (layout only, no colors) */
.features-strip__item:not(:first-child)::before {
    content: "\2022";
    padding-inline-end: 0.5rem;
    opacity: 0.4;
}

.cta-services-split__marquee {
  overflow: hidden;
  pointer-events: none;
  mask-image: linear-gradient(to bottom, black 20%, transparent 95%);
}

.cta-services-split__marquee-inner {
  display: inline-flex;
  align-items: center;
  gap: 3rem;
  white-space: nowrap;
  animation: cta-services-split__marquee 28s linear infinite;
}

@keyframes cta-services-split__marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

.cta-services-split__cta {
  transition: filter 0.2s ease, transform 0.15s ease;
}

.cta-services-split__cta:hover,
.cta-services-split__cta:focus-visible {
  filter: brightness(1.08);
  transform: translateY(-1px);
}

.cta-services-split__cta:hover .cta-services-split__cta-icon,
.cta-services-split__cta:focus-visible .cta-services-split__cta-icon {
  transform: translate(2px, -2px);
}

.cta-services-split__cta-icon {
  transition: transform 0.2s ease;
}

.cta-services-split__item-hov {
  transition: border-color 0.2s ease, padding-inline-start 0.2s ease;
}

@media (prefers-reduced-motion: reduce) {
  .cta-services-split__marquee-inner {
    animation: none;
  }

  .cta-services-split__cta:hover,
  .cta-services-split__cta:focus-visible {
    transform: none;
  }
}