/* CTA Section Styles */
.cta-section {
  padding: 60px 0;
  position: relative;
  overflow: hidden;
}

.cta-section-decorated {
  padding: 80px 0;
}

.cta-container {
  max-width: 720px;
  margin: 0 auto;
  padding: 0 24px;
}

.cta-title {
  font-size: 2.4rem;
  font-weight: 600;
  margin: 0 0 12px;
}

.cta-subtitle {
  font-size: 1.5rem;
  color: var(--lm-text-muted-color);
  margin: 0 0 32px;
}

/* Decorations */
.cta-decor {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
  opacity: 0.1;
  color: var(--lm-text-color);
}

.cta-decor-left {
  left: 5%;
}

.cta-decor-right {
  right: 5%;
}

.cta-decor-boat {
  width: 70px;
  height: auto;
  transform: rotate(-8deg);
}

.cta-decor-bottle {
  width: 42px;
  height: auto;
  transform: translateX(20px) rotate(12deg);
}

.cta-decor-chest {
  width: 60px;
  height: auto;
  transform: translateX(-15px) rotate(-5deg);
}

.cta-decor-waves {
  width: 70px;
  height: auto;
  transform: translateX(25px) rotate(3deg);
}

.cta-decor-lighthouse {
  width: 45px;
  height: auto;
  transform: rotate(6deg);
}

.cta-decor-anchor {
  width: 40px;
  height: auto;
  transform: translateX(-18px) rotate(-10deg);
}

/* Zig-zag on right side */
.cta-decor-right .cta-decor-boat {
  transform: translateX(15px) rotate(10deg);
}

.cta-decor-right .cta-decor-waves {
  transform: translateX(-25px) rotate(-4deg);
}

.cta-decor-right .cta-decor-lighthouse {
  transform: rotate(-7deg);
}

.cta-decor-right .cta-decor-anchor {
  transform: translateX(-18px) rotate(8deg);
}

@media (max-width: 900px) {
  .cta-decor {
    display: none;
  }
}

/* Dark Mode */
body[data-theme="dark"] .cta-decor {
  color: var(--dm-text-color);
}

body[data-theme="dark"] .cta-subtitle {
  color: var(--dm-text-muted-color);
}