/* ========== PAGE-ENDING — Shared wrapper for last-section + footer ========== */
/* Mirrors the homepage's faq-v2-section: gradient flows from light grey
   through to blue, with the watermark and footer card floating above. */
.page-ending {
  position: relative;
  overflow: hidden;
  z-index: 1;
  background: linear-gradient(180deg, #F5F7FA 0%, #F5F7FA 35%, #2F80ED 100%);
}

/* Remove individual CTA backgrounds so the gradient shows through */
.page-ending .sp-cta,
.page-ending .areas-cta,
.page-ending .iq-trust-row,
.page-ending .about-newsletter {
  background: transparent;
}

/* Footer underlay - urbance watermark inside FAQ section */
.footer-underlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 60%;
  z-index: 0;
  pointer-events: none;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.footer-underlay::before {
  content: 'urbance';
  position: absolute;
  font-size: clamp(10rem, 25vw, 35rem);
  font-weight: 900;
  color: rgba(255, 255, 255, 0.08);
  white-space: nowrap;
  letter-spacing: -0.08em;
  z-index: 0;
  text-align: center;
  bottom: -80px;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
}

@media (max-width: 900px) {
  .footer-underlay {
    height: 50%;
  }
  .footer-underlay::before {
    font-size: clamp(7rem, 18vw, 20rem);
    bottom: -40px;
  }
}

@media (max-width: 600px) {
  .footer-underlay {
    height: 50%;
  }
  .footer-underlay::before {
    font-size: clamp(5rem, 15vw, 14rem);
    bottom: -20px;
  }
  /* Do NOT add side padding here — footer-redesign.css owns mobile footer layout */
  .faq-footer-wrapper {
    padding: 0 !important;
    margin-top: 0 !important;
  }
}