/* --------------------------------------------------------------------------
   About CTA — full-width dark call-to-action band with a centered title,
   supporting text, and an action button. Softly glowing orange edges.
   Use --first to drop the top border when stacked, --secondary for a
   smaller title variant.
   -------------------------------------------------------------------------- */

.about-cta {
  position: relative;
  overflow: hidden;
  background: var(--color-brand-navy);
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  margin-bottom: 0;
}

.about-cta + .about-cta {
  border-top: 0;
}

.about-cta::before,
.about-cta::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: min(28vw, 320px);
  pointer-events: none;
}

.about-cta::before {
  left: 0;
  background: radial-gradient(circle at 0% 55%, rgba(251, 133, 0, 0.4), rgba(251, 133, 0, 0));
}

.about-cta::after {
  right: 0;
  background: radial-gradient(circle at 100% 45%, rgba(251, 133, 0, 0.42), rgba(251, 133, 0, 0));
}

@media (min-width: 769px) {
  .about-cta::before,
  .about-cta::after {
      width: min(34vw, 440px);
      filter: blur(22px);
      -webkit-filter: blur(22px);
  }
}

.about-cta__inner {
  position: relative;
  z-index: 1;
  padding: 80px 0;
  text-align: center;
  max-width: 860px;
  margin: 0 auto;
}
.about-cta__inner .btn{
  display: inline-flex;
  line-height: 1.3;
}
.about-cta__title {
  margin: 0 auto;
  max-width: 800px;
  font-size: clamp(32px, 2vw, 40px);
  line-height: 1.3;
  text-transform: unset;
  color: var(--white-text);
  text-align: center;
  margin-bottom: var(--spacing-24);
}

.about-cta__text {
  margin: 0 auto var(--spacing-24);
  max-width: 800px;
  color: rgba(255, 255, 255, 0.8);
  font-size: clamp(14px, 2vw, 16px);
  line-height: 1.6;
}

.about-cta__text--accent {
  color: var(--accent-orange);
  margin-bottom: var(--spacing-40);
  font-weight: var(--font-weight-600);
}

.about-cta--secondary .about-cta__title {
  max-width: 860px;
  margin-bottom: var(--spacing-24);
  font-size: clamp(22px, 2vw, 28px);
  text-transform: unset;
}

.about-cta--secondary .about-cta__title .span-wrap {
  color: var(--white-text);
}

.about-cta--secondary .about-cta__title .span-accent-orange {
  color: var(--accent-orange);
}

.about-cta--secondary {
  background: var(--color-brand-navy);
}

.about-cta--secondary::before,
.about-cta--secondary::after {
  display: none;
}

.about-cta__title--single-line {
  font-size: 28px;
  line-height: 1.4;
  font-weight: var(--font-weight-600);
}

@media (max-width: 768px) {
  .about-cta::before {
      display: none;
  }

  .about-cta::after {
      right: -28vw;
      top: 50%;
      bottom: auto;
      width: 88vw;
      height: 88vw;
      transform: translateY(-50%);
      filter: none;
      -webkit-filter: none;
      background: radial-gradient(
          circle at 68% 50%,
          rgba(251, 133, 0, 0.22) 0%,
          rgba(251, 133, 0, 0.12) 32%,
          rgba(251, 133, 0, 0.06) 52%,
          rgba(5, 5, 5, 0) 74%
      );
  }
}

/* About CTA — first (teal) variant */
.about-cta--first {
  background: #07918F url("../img/arr-bg.8c455f277e05.png") no-repeat center / cover;
}

.about-cta--first::before,
.about-cta--first::after {
  display: none;
}

.about-cta--first .about-cta__title {
  font-family: 'Plus Jakarta Sans', 'Plus Jakarta Fallback', sans-serif;
  font-weight: 600;
  font-size: var(--fs-h2);
  line-height: 130%;
  letter-spacing: 0;
  text-align: center;
  color: #FFFFFF;
}

.about-cta--first .about-cta__text {
  font-family: 'Manrope', 'Manrope Fallback', sans-serif;
  font-weight: 500;
  font-size: var(--fs-body-l);
  line-height: 160%;
  letter-spacing: 0;
  text-align: center;
  color: rgba(255, 255, 255, 0.8);
}

.about-cta--first .about-cta__text--accent {
  font-family: 'Manrope', 'Manrope Fallback', sans-serif;
  font-weight: 600;
  font-size: var(--fs-body-l);
  line-height: 160%;
  letter-spacing: 0;
  text-align: center;
  color: var(--color-brand-white);
}