/* ==========================================================================
   SEKCJA: DARK CTA (parallax)
   ========================================================================== */
.systemo-cta {
  position: relative;
  padding: 150px 0;
  text-align: center;
  color: #fff;
  background: var(--color-footer) var(--cta-bg, none) center / cover no-repeat;
  isolation: isolate;
}

.systemo-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: rgba(15, 22, 32, .85);
}

.systemo-cta .systemo-pretitle { margin-bottom: 10px; }

.systemo-cta__title {
  color: #fff;
  font-size: clamp(56px, 9vw, 120px);
  font-weight: 800;
  letter-spacing: .06em;
  line-height: 1;
  margin-bottom: 30px;
}

.systemo-cta__text {
  max-width: 720px;
  margin: 0 auto 44px;
  font-size: 18px;
  color: rgba(255, 255, 255, .88);
  text-wrap: pretty;
}

/* Parallax tylko na desktopie – iOS nie obsługuje fixed poprawnie */
@media (min-width: 993px) and (prefers-reduced-motion: no-preference) {
  .systemo-cta { background-attachment: fixed; }
}

@media (max-width: 992px) {
  .systemo-cta { padding: 120px 0; }
}

@media (max-width: 768px) {
  .systemo-cta { padding: 90px 0; background-attachment: scroll; }
  .systemo-cta__text { font-size: 16px; margin-bottom: 34px; }
}

@media (max-width: 480px) {
  .systemo-cta .systemo-btn { width: 100%; }
}