/* Финальный блок: тёмная панель с призывом, строкой соцдоказательства
   и двумя кнопками. */

.final-cta__panel {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  align-items: center;
  text-align: center;
}

.final-cta__title { color: var(--neutral-white); }

.final-cta__lead {
  font-size: var(--fs-lg);
  line-height: var(--lh-relaxed);
  color: rgba(255, 255, 255, 0.92);
}

.final-cta__actions {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  align-self: stretch;
  padding-top: var(--space-4);
}

.final-cta__actions .btn { width: 100%; }

.final-cta__note {
  font-size: var(--fs-sm);
  line-height: var(--lh-normal);
  color: var(--border-strong);
}

/* На тёмном фоне подпись под аватарами светлая. */
.final-cta .social-proof__count { color: var(--neutral-50); }

.final-cta .social-proof__text { color: var(--border-strong); }

@media (max-width: 767px) {
  .final-cta__panel { gap: var(--space-4); }
  .final-cta .social-proof { gap: var(--space-4); }
  .final-cta__title { font-size: 28px; line-height: 1.25; }
  .final-cta__lead { line-height: 1.55; }
  .final-cta__actions { gap: var(--space-3); }

  .final-cta .social-proof__text {
    flex: 1 1 auto;
    min-width: 0;
    text-align: start;
  }
}

/* Пунктирные линии - см. комментарий у .dark-panel__lines: до десктопа слой
   лежит по низу панели во всю ширину, высота из пропорций файла. */
.final-cta__lines {
  position: absolute;
  inset-inline-end: 0;
  bottom: 0;
  inset-inline-start: 0;
  aspect-ratio: 1233.5 / 511.273;
  background-image: var(--decor-image, url("../../img/algorithm-lines-cta.svg"));
  background-size: 100% 100%;
  background-repeat: no-repeat;
  pointer-events: none;
}

@media (min-width: 768px) {
  .final-cta__lead,
  .final-cta__note { max-width: 760px; }

  .final-cta__actions {
    flex-direction: row;
    align-self: auto;
  }

  .final-cta__actions .btn { width: auto; }
}

/* Последний блок перед футером: соседа снизу нет, секция добирает стык сама. */
.final-cta { padding-bottom: var(--section-gap); }

@media (min-width: 1024px) {
  /* Десктопная посадка слоя из макета. */
  .final-cta__lines {
    top: 40px;
    inset-inline-end: 44px;
    bottom: auto;
    inset-inline-start: 44px;
    height: 505px;
    aspect-ratio: auto;
  }

  .final-cta .dark-panel { padding: var(--space-20); }

  .final-cta .dark-panel__glow--top { top: -290px; inset-inline-start: -278px; }

  .final-cta .dark-panel__glow--bottom { top: 326px; inset-inline-start: 960px; }
}

/* Первая кнопка на тёмной панели — прозрачная с белой обводкой. */
.final-cta__outline {
  border-color: var(--neutral-white);
  color: var(--neutral-white);
}

.final-cta__outline:hover {
  background: rgba(255, 255, 255, 0.12);
  color: var(--neutral-white);
}
@media (min-width: 1024px) {
  .final-cta--responsive-only { display: none; }
}