/* content stride — alternating paragraph inset (no surfaces) */
.content-stride__para--odd {
    padding-inline-start: 0;
}

@media (min-width: 768px) {
    .content-stride__para--even {
        padding-inline-start: 2rem;
    }
}

/* process polaroid — card rotation, frame aspect ratio, image fit */
.process-pol__card {
    transition: transform 200ms ease;
}
.process-pol__card--0 { transform: rotate(-2deg); }
.process-pol__card--1 { transform: rotate(1.5deg); }
.process-pol__card--2 { transform: rotate(-1deg); }
.process-pol__card--3 { transform: rotate(2.5deg); }
.process-pol__card--4 { transform: rotate(-1.5deg); }
.process-pol__card--5 { transform: rotate(2deg); }
.process-pol__card:hover {
    transform: rotate(0deg) scale(1.03);
    z-index: 1;
}
.process-pol__frame {
    aspect-ratio: 1;
    overflow: hidden;
}
.process-pol__img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/* Bootstrap: розміри без інлайну (TW — w-16, w-2 у @sem); імена stats__* */
.stats__icon-dim {
  width: 4rem;
  height: 4rem;
}

.stats__dot-dim {
  width: 0.5rem;
  height: 0.5rem;
  min-width: 0.5rem;
  min-height: 0.5rem;
}

.stats__pattern-diagonal {
  position: absolute;
  inset: 0;
  background-image: repeating-linear-gradient(
    45deg,
    transparent,
    transparent 10px,
    rgba(59, 130, 246, 0.1) 10px,
    rgba(59, 130, 246, 0.1) 20px
  );
}

.stats__pattern-dots {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(
    circle at 1px 1px,
    rgba(59, 130, 246, 0.15) 1px,
    transparent 0
  );
  background-size: 20px 20px;
}

.stats-card-hover {
  transition:
    box-shadow 0.5s ease,
    transform 0.5s ease;
}

.stats-card-hover:hover {
  box-shadow:
    0 25px 50px -12px rgb(0 0 0 / 0.25);
  transform: translateY(-0.5rem);
}

.stats-pattern-overlay-hover {
  transition: opacity 0.5s ease;
  opacity: 0.1;
}

.stats-group:hover .stats-pattern-overlay-hover {
  opacity: 0.2;
}

.stats-badge-icon-hover {
  transition: transform 0.3s ease;
}

.stats-group:hover .stats-badge-icon-hover {
  transform: scale(1.1);
}


/* FAQ v20 — timeline stepper mechanics */
.stepper-answers__line {
    left: 15px;
    top: 1rem;
    bottom: 1rem;
    width: 2px;
}

.stepper-answers__badge {
    width: 2rem;
    height: 2rem;
}