/* Soft feathered seams between major page sections */

.icu-seam-feather {
  position: relative;
  overflow: visible;
}

/* Taller Ready to Grow CTA section */
.section-cta {
  padding-top: 7rem !important;
  padding-bottom: 7rem !important;
}

@media (min-width: 640px) {
  .section-cta {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }
}

@media (min-width: 768px) {
  .section-cta {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
}

.section-cta > .relative.mx-auto.max-w-4xl {
  padding-top: 4.5rem !important;
  padding-bottom: 4.5rem !important;
}

@media (min-width: 768px) {
  .section-cta > .relative.mx-auto.max-w-4xl {
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important;
  }
}

/* Kill previous CTA-card glow overrides if any remain */
.section-cta > .relative.mx-auto.max-w-4xl::before,
.section-cta > .relative.mx-auto.max-w-4xl::after {
  content: none !important;
  display: none !important;
}

/* Bottom feather on each marked section */
.icu-seam-feather::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 72px;
  pointer-events: none;
  z-index: 2;
  background: linear-gradient(
    to bottom,
    rgba(10, 10, 15, 0) 0%,
    rgba(10, 10, 15, 0.35) 35%,
    rgba(10, 10, 15, 0.75) 70%,
    rgba(10, 10, 15, 1) 100%
  );
}

/* Top feather on each marked section */
.icu-seam-feather::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 72px;
  pointer-events: none;
  z-index: 2;
  background: linear-gradient(
    to bottom,
    rgba(10, 10, 15, 1) 0%,
    rgba(10, 10, 15, 0.65) 35%,
    rgba(10, 10, 15, 0.25) 70%,
    rgba(10, 10, 15, 0) 100%
  );
}

/* First section: only bottom feather (no top) */
.icu-seam-feather.icu-seam-first::before {
  content: none !important;
  display: none !important;
}

/* Last section: only top feather (no bottom) */
.icu-seam-feather.icu-seam-last::after {
  content: none !important;
  display: none !important;
}

html[data-theme="light"] .icu-seam-feather::after {
  background: linear-gradient(
    to bottom,
    rgba(248, 250, 252, 0) 0%,
    rgba(248, 250, 252, 0.4) 35%,
    rgba(248, 250, 252, 0.8) 70%,
    rgba(248, 250, 252, 1) 100%
  );
}

html[data-theme="light"] .icu-seam-feather::before {
  background: linear-gradient(
    to bottom,
    rgba(248, 250, 252, 1) 0%,
    rgba(248, 250, 252, 0.7) 35%,
    rgba(248, 250, 252, 0.3) 70%,
    rgba(248, 250, 252, 0) 100%
  );
}