/* CTA section (Figma): centered heading + text + two buttons with "lub". */

.section.ctasec { padding-block: var(--space-2xl); }

.ctasec__inner {
  display: flex;
  flex-direction: column;
  gap: var(--space-xl);
  max-width: 800px;
}
.ctasec__heading {
  font: 400 var(--fs-h-l) / var(--lh-h-l) var(--font-heading);
  letter-spacing: var(--ls-h-l);
  color: var(--color-black);
}
.ctasec__heading em,
.ctasec__heading i { font-style: italic; }
.ctasec__text {
  font-size: var(--fs-body-m);
  line-height: var(--lh-body-m);
  color: var(--color-grey-900);
  max-width: 567px;
}
.u-align-center .ctasec__text { margin-inline: auto; }

.ctasec__actions {
  display: flex;
  align-items: center;
  gap: var(--space-m);
  flex-wrap: wrap;
}
.u-align-center .ctasec__actions { justify-content: center; }
.u-align-right .ctasec__actions { justify-content: flex-end; }
.ctasec__or {
  font-size: var(--fs-body-m);
  line-height: var(--lh-body-m);
  color: var(--color-grey-900);
}

@media (max-width: 767px) {
  /* Tight gap so the "lub" sits close between the stacked buttons. */
  .ctasec__actions { flex-direction: column; width: 100%; gap: 5px; }
  .ctasec__actions .btn { width: 100%; }
}