@charset "utf-8";

.ps-final-cta { padding: 0px 32px; box-sizing: border-box; font-family: "Red Hat Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }

.ps-final-cta__band { position: relative; overflow: hidden; border-radius: 16px; min-height: 280px; display: flex; align-items: center; justify-content: center; text-align: center; background-color: rgb(26, 26, 26); }

.ps-final-cta__bg { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; z-index: 0; transition: transform 8s ease-out; }

.ps-final-cta__band:hover .ps-final-cta__bg { transform: scale(1.04); }

.ps-final-cta__band::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.65) 100%); z-index: 1; }

.ps-final-cta__content { position: relative; z-index: 2; padding: 40px 28px; max-width: 720px; color: rgb(255, 255, 255); }

.ps-final-cta__eyebrow { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: rgba(255, 255, 255, 0.78); margin-bottom: 14px; }

.ps-final-cta__title { font-family: "Red Hat Display", sans-serif; font-weight: 900; font-size: clamp(26px, 3.6vw, 40px); line-height: 1.1; color: rgb(255, 255, 255); text-transform: uppercase; letter-spacing: -0.01em; margin: 0px 0px 22px; }

.ps-final-cta__btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 14px 32px; background-color: rgb(255, 255, 255); color: rgb(18, 18, 18); font-family: "Red Hat Display", sans-serif; font-size: 13px; font-weight: 700; line-height: 1; letter-spacing: 0.08em; text-transform: uppercase; text-decoration: none; border: 2px solid rgb(255, 255, 255); border-radius: 0px; cursor: pointer; transition: background-color 0.25s, color 0.25s; }

.ps-final-cta__btn:hover { background-color: transparent; color: rgb(255, 255, 255); }

.ps-final-cta__btn svg { width: 16px; height: 16px; transition: transform 0.25s; }

.ps-final-cta__btn:hover svg { transform: translateY(-3px); }

@media (max-width: 767px) {
  .ps-final-cta { padding: 0px 16px; }
  .ps-final-cta__band { min-height: 260px; }
  .ps-final-cta__content { padding: 32px 20px; }
  .ps-final-cta__btn { padding: 13px 26px; }
}