/* @generated by Skylit - do not edit */
/**
 * Skylit dev cache — pattern: mhpr-sr-final-cta
 * Auto-generated on save_post. Do not hand-edit.
 */

.mhpr-sr-final-section {
		--mhpr-section-padding-x: clamp(1rem, 4vw, 2rem);
		--mhpr-sr-final-min-height: clamp(32rem, 62vh, 44rem);
		--mhpr-color-black: #000000;
		--mhpr-teal-fade-grad-angle: 90deg;
		--mhpr-teal-fade-grad-end: 100%;
		background-color: transparent;
		background-image: linear-gradient(
		var(--mhpr-teal-fade-grad-angle),
		#014842 25%,
		#15605b 22%,
		#005c5300 var(--mhpr-teal-fade-grad-end, 100%)
		);
		color: var(--mhpr-color-white);
		min-height: var(--mhpr-sr-final-min-height);
		padding: 0;
		position: relative;
		overflow: hidden;
		isolation: isolate;
		}
		.mhpr-sr-final-section.mhpr-grad-0deg {
		/* skylit-class-mod: Vertical teal fade gradient | only: .mhpr-sr-final-section */
		--mhpr-teal-fade-grad-angle: 0deg;
		}
		.mhpr-sr-final-section.mhpr-grad-green-teal {
		/* skylit-class-mod: Teal gradient CTA (green fade, no gold) | only: .mhpr-sr-final-section */
		--mhpr-teal-fade-grad-end: 100%;
		background-color: transparent;
		}
		.mhpr-sr-final-section::after {
		content: "";
		position: absolute !important;
		inset: 0;
		background: radial-gradient(
		ellipse 72% 68% at 50% 50%,
		transparent 0%,
		rgba(1, 40, 36, 0.42) 100%
		);
		z-index: 1;
		pointer-events: none;
		}
		.mhpr-sr-final-section.mhpr-section--primary {
		padding-block: 0;
		}
		.mhpr-sr-final-section .mhpr-section__inner {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: var(--mhpr-sr-final-min-height);
		max-width: none;
		padding: clamp(3.5rem, 8vw, 6rem) var(--mhpr-section-padding-x);
		z-index: 2;
		}
		.mhpr-sr-final-cta__visual {
		position: absolute !important;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: min(96vw, 36rem);
		height: min(84vw, 44rem);
		pointer-events: none;
		overflow: hidden;
		z-index: 0;
		}
		.mhpr-sr-final-cta__visual .mhpr-sr-hero__svg {
		position: absolute !important;
		inset: 0;
		display: block;
		width: 100%;
		height: 100%;
		color: #005c53;
		}
		.mhpr-sr-final-cta__visual .mhpr-sr-hero__svg rect {
		transform-box: fill-box;
		transform-origin: center;
		}
		.mhpr-sr-final-cta__visual .mhpr-sr-hero__svg rect.mhpr-sr-hero__fill {
		fill: var(--mhpr-color-teal, #005c53);
		stroke: none;
		animation: mhpr-sr-hero-fill-pulse 8s ease-in-out infinite;
		}
		.mhpr-sr-final-cta__visual .mhpr-sr-hero__fill--2 {
		fill-opacity: 0.03;
		animation-duration: 7s;
		}
		.mhpr-sr-final-cta__visual .mhpr-sr-hero__fill--4 {
		fill-opacity: 0.05;
		animation-duration: 8s;
		animation-delay: 0.5s;
		}
		.mhpr-sr-final-cta__visual .mhpr-sr-hero__fill--6 {
		fill-opacity: 0.07;
		animation-duration: 9s;
		animation-delay: 1s;
		}
		.mhpr-sr-final-cta__visual .mhpr-sr-hero__fill--8 {
		fill-opacity: 0.09;
		animation-duration: 10s;
		animation-delay: 1.5s;
		}
		@keyframes mhpr-sr-hero-fill-pulse {
		0%,
		100% {
		transform: scale(1);
		}
		50% {
		transform: scale(1.06);
		}
		}
		.mhpr-sr-final-cta__visual .mhpr-sr-hero__svg rect.mhpr-sr-hero__ring {
		fill: none;
		stroke: #005c53 !important;
		stroke-width: 1;
		stroke-opacity: 0.14;
		animation: mhpr-sr-hero-ring-expand 4s ease-out infinite;
		}
		.mhpr-sr-final-cta__visual .mhpr-sr-hero__ring:nth-of-type(5) {
		animation-delay: 0s;
		}
		.mhpr-sr-final-cta__visual .mhpr-sr-hero__ring:nth-of-type(6) {
		animation-delay: 0.6s;
		}
		.mhpr-sr-final-cta__visual .mhpr-sr-hero__ring:nth-of-type(7) {
		animation-delay: 1.2s;
		}
		.mhpr-sr-final-cta__visual .mhpr-sr-hero__ring:nth-of-type(8) {
		animation-delay: 1.8s;
		}
		@keyframes mhpr-sr-hero-ring-expand {
		0% {
		opacity: 0.6;
		transform: scale(1);
		}
		100% {
		opacity: 0;
		transform: scale(3.25);
		}
		}
		.mhpr-sr-final-cta__panel {
		position: relative;
		z-index: 2;
		width: 100%;
		max-width: 42rem;
		margin-inline: auto;
		text-align: center;
		}
		.mhpr-sr-final-cta__panel .mhpr-eyebrow {
		margin-bottom: var(--mhpr-gap-5);
		}
		.mhpr-sr-final-cta__headline {
		margin: 0 0 var(--mhpr-gap-5);
		color: var(--mhpr-color-white);
		font-size: clamp(2.4rem, 5.5vw, 3.75rem);
		font-weight: 900;
		line-height: 1.04;
		letter-spacing: -0.035em;
		}
		.mhpr-sr-final-cta__headline em {
		font-style: normal;
		color: var(--mhpr-color-black, #000000);
		}
		.mhpr-sr-final-cta__sub {
		max-width: 36rem;
		margin: 0 auto var(--mhpr-gap-10);
		color: rgba(255, 255, 255, 0.72);
		font-size: 1.05rem;
		line-height: 1.85;
		font-weight: 300;
		}
		.mhpr-sr-final-cta__actions {
		display: flex;
		flex-wrap: wrap;
		gap: var(--mhpr-gap-5);
		justify-content: center;
		align-items: center;
		}
		.mhpr-sr-final-cta__actions .mhpr-button.mhpr-button--dark:hover .mhpr-btn {
		background: var(--mhpr-color-white);
		color: #000000;
		border-color: var(--mhpr-color-white);
		}

.mhpr-button {
		display: inline-block;
		}
		.mhpr-button--align-left {
		/* skylit-class-mod: Align button left | only: .mhpr-button */
		display: block;
		width: fit-content;
		margin-inline: 0;
		}
		.mhpr-button--align-center {
		/* skylit-class-mod: Align button center | only: .mhpr-button */
		display: block;
		width: fit-content;
		margin-inline: auto;
		}
		.mhpr-button--align-right {
		/* skylit-class-mod: Align button right | only: .mhpr-button */
		display: block;
		width: fit-content;
		margin-inline: auto 0;
		}
		.mhpr-button .mhpr-btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 0.4rem;
		font-size: 0.9rem;
		font-weight: 600;
		letter-spacing: 0.04em;
		line-height: 1.2;
		text-decoration: none;
		border: 2px solid transparent;
		border-radius: var(--mhpr-radius-sm);
		padding: 0.85rem 2rem;
		background: transparent;
		color: inherit;
		transition:
		background 0.2s,
		color 0.2s,
		border-color 0.2s,
		gap 0.2s;
		}
		.mhpr-button .mhpr-btn span {
		display: inline;
		}
		.mhpr-button--primary {
		/* skylit-class-mod: Primary filled button (gold) | only: .mhpr-button */
		}
		.mhpr-button.mhpr-button--primary .mhpr-btn {
		background: var(--mhpr-color-gold);
		color: var(--mhpr-color-white);
		border-color: var(--mhpr-color-gold);
		}
		.mhpr-button.mhpr-button--primary:hover .mhpr-btn {
		background: var(--mhpr-color-signal-dark);
		border-color: var(--mhpr-color-signal-dark);
		}
		.mhpr-button--teal {
		/* skylit-class-mod: Teal filled button | only: .mhpr-button */
		}
		.mhpr-button.mhpr-button--teal .mhpr-btn {
		background: var(--mhpr-color-teal);
		color: var(--mhpr-color-white);
		border-color: var(--mhpr-color-teal);
		}
		.mhpr-button.mhpr-button--teal:hover .mhpr-btn {
		background: var(--mhpr-color-signal-dark);
		border-color: var(--mhpr-color-signal-dark);
		}
		.mhpr-button--dark {
		/* skylit-class-mod: Dark filled button | only: .mhpr-button */
		}
		.mhpr-button.mhpr-button--dark .mhpr-btn {
		background: var(--mhpr-color-navy);
		color: var(--mhpr-color-white);
		border-color: var(--mhpr-color-navy);
		}
		.mhpr-button.mhpr-button--dark:hover .mhpr-btn {
		background: var(--mhpr-color-teal);
		border-color: var(--mhpr-color-teal);
		}
		.mhpr-button--white {
		/* skylit-class-mod: White filled button for dark backgrounds | only: .mhpr-button */
		}
		.mhpr-button.mhpr-button--white .mhpr-btn {
		background: var(--mhpr-color-white);
		color: var(--mhpr-color-navy);
		border-color: var(--mhpr-color-white);
		}
		.mhpr-button.mhpr-button--white:hover .mhpr-btn {
		background: var(--mhpr-color-teal);
		color: var(--mhpr-color-white);
		border-color: var(--mhpr-color-teal);
		}
		.mhpr-button--outline {
		/* skylit-class-mod: Outline button | only: .mhpr-button */
		}
		.mhpr-button.mhpr-button--outline .mhpr-btn {
		background: transparent;
		color: var(--mhpr-color-navy);
		border-color: var(--mhpr-color-navy);
		padding: 0.9rem 2.25rem;
		}
		.mhpr-button.mhpr-button--outline:hover .mhpr-btn {
		background: var(--mhpr-color-navy);
		color: var(--mhpr-color-white);
		}
		.mhpr-button--ghost {
		/* skylit-class-mod: Ghost arrow link on light backgrounds | only: .mhpr-button */
		}
		.mhpr-button.mhpr-button--ghost .mhpr-btn {
		padding: 0 0 2px;
		border: none;
		border-bottom: 1.5px solid var(--mhpr-color-teal);
		border-radius: 0;
		background: transparent;
		color: var(--mhpr-color-teal);
		font-weight: 500;
		}
		.mhpr-button.mhpr-button--ghost:hover .mhpr-btn {
		background: transparent;
		color: var(--mhpr-color-gold);
		border-bottom-color: var(--mhpr-color-gold);
		}
		.mhpr-button.mhpr-button--ghost .mhpr-btn::after {
		content: "→";
		display: inline-block;
		transition: transform 0.2s ease;
		}
		.mhpr-button.mhpr-button--ghost:hover .mhpr-btn::after,
		.mhpr-button.mhpr-button--ghost .mhpr-btn:hover::after {
		transform: translateX(0.45rem);
		}
		.mhpr-button--ghost-on-dark {
		/* skylit-class-mod: Ghost arrow link on dark backgrounds | only: .mhpr-button */
		}
		.mhpr-button.mhpr-button--ghost-on-dark .mhpr-btn {
		padding: 0 0 2px;
		border: none;
		border-bottom: 1.5px solid var(--mhpr-color-silver);
		border-radius: 0;
		background: transparent;
		color: var(--mhpr-color-white);
		font-weight: 500;
		}
		.mhpr-button.mhpr-button--ghost-on-dark:hover .mhpr-btn,
		.mhpr-button.mhpr-button--ghost-on-dark .mhpr-btn:hover {
		background: transparent;
		color: var(--mhpr-color-white);
		border-color: transparent;
		border-bottom-color: var(--mhpr-color-white);
		}
		.mhpr-button.mhpr-button--ghost-on-dark .mhpr-btn::after {
		content: "→";
		display: inline-block;
		transition: transform 0.2s ease;
		}
		.mhpr-button.mhpr-button--ghost-on-dark:hover .mhpr-btn::after,
		.mhpr-button.mhpr-button--ghost-on-dark .mhpr-btn:hover::after {
		color: var(--mhpr-color-white);
		transform: translateX(0.45rem);
		}
		.mhpr-button--arrow-link {
		/* skylit-class-mod: Arrow underline link | only: .mhpr-button */
		}
		.mhpr-button.mhpr-button--arrow-link .mhpr-btn {
		padding: 0 0.5rem 2px 0;
		border: none;
		border-bottom: 1.5px solid currentColor;
		border-radius: 0;
		background: transparent;
		font-weight: 600;
		letter-spacing: 0.03em;
		gap: 0.4rem;
		}
		.mhpr-button.mhpr-button--arrow-link:hover .mhpr-btn {
		background: transparent;
		gap: 0.4rem;
		}
		.mhpr-button.mhpr-button--arrow-link .mhpr-btn::after {
		content: "→";
		font-size: 1rem;
		display: inline-block;
		transition: transform 0.2s ease;
		}
		.mhpr-button.mhpr-button--arrow-link:hover .mhpr-btn::after {
		transform: translateX(0.45rem);
		}
		/* Pattern instance: color/align mods on the pattern-ref wrapper (parent of .mhpr-button) */
		.mhpr-button--align-center .mhpr-button {
		display: block;
		width: fit-content;
		margin-inline: auto;
		}
		.mhpr-button--align-left .mhpr-button {
		display: block;
		width: fit-content;
		margin-inline: 0;
		}
		.mhpr-button--align-right .mhpr-button {
		display: block;
		width: fit-content;
		margin-inline: auto 0;
		}
		.mhpr-button--primary .mhpr-button .mhpr-btn,
		.mhpr-button--primary .mhpr-button.mhpr-button--teal .mhpr-btn,
		.mhpr-button--primary .mhpr-button.mhpr-button--dark .mhpr-btn,
		.mhpr-button--primary .mhpr-button.mhpr-button--white .mhpr-btn,
		.mhpr-button--primary .mhpr-button.mhpr-button--outline .mhpr-btn {
		background: var(--mhpr-color-gold);
		color: var(--mhpr-color-white);
		border-color: var(--mhpr-color-gold);
		padding: 0.85rem 2rem;
		}
		.mhpr-button--primary .mhpr-button .mhpr-btn:hover,
		.mhpr-button--primary .mhpr-button.mhpr-button--teal .mhpr-btn:hover,
		.mhpr-button--primary .mhpr-button.mhpr-button--dark .mhpr-btn:hover,
		.mhpr-button--primary .mhpr-button.mhpr-button--white .mhpr-btn:hover,
		.mhpr-button--primary .mhpr-button.mhpr-button--outline .mhpr-btn:hover {
		background: var(--mhpr-color-signal-dark);
		border-color: var(--mhpr-color-signal-dark);
		}
		.mhpr-button--teal .mhpr-button .mhpr-btn,
		.mhpr-button--teal .mhpr-button.mhpr-button--primary .mhpr-btn,
		.mhpr-button--teal .mhpr-button.mhpr-button--dark .mhpr-btn,
		.mhpr-button--teal .mhpr-button.mhpr-button--white .mhpr-btn,
		.mhpr-button--teal .mhpr-button.mhpr-button--outline .mhpr-btn {
		background: var(--mhpr-color-teal);
		color: var(--mhpr-color-white);
		border-color: var(--mhpr-color-teal);
		padding: 0.85rem 2rem;
		}
		.mhpr-button--teal .mhpr-button .mhpr-btn:hover,
		.mhpr-button--teal .mhpr-button.mhpr-button--primary .mhpr-btn:hover,
		.mhpr-button--teal .mhpr-button.mhpr-button--dark .mhpr-btn:hover,
		.mhpr-button--teal .mhpr-button.mhpr-button--white .mhpr-btn:hover,
		.mhpr-button--teal .mhpr-button.mhpr-button--outline .mhpr-btn:hover {
		background: var(--mhpr-color-signal-dark);
		border-color: var(--mhpr-color-signal-dark);
		}
		.mhpr-button--dark .mhpr-button .mhpr-btn,
		.mhpr-button--dark .mhpr-button.mhpr-button--primary .mhpr-btn,
		.mhpr-button--dark .mhpr-button.mhpr-button--teal .mhpr-btn {
		background: var(--mhpr-color-navy);
		color: var(--mhpr-color-white);
		border-color: var(--mhpr-color-navy);
		padding: 0.85rem 2rem;
		}
		.mhpr-button--dark .mhpr-button .mhpr-btn:hover,
		.mhpr-button--dark .mhpr-button.mhpr-button--primary .mhpr-btn:hover,
		.mhpr-button--dark .mhpr-button.mhpr-button--teal .mhpr-btn:hover {
		background: var(--mhpr-color-teal);
		border-color: var(--mhpr-color-teal);
		}
		.mhpr-button--white .mhpr-button .mhpr-btn,
		.mhpr-button--white .mhpr-button.mhpr-button--primary .mhpr-btn,
		.mhpr-button--white .mhpr-button.mhpr-button--teal .mhpr-btn {
		background: var(--mhpr-color-white);
		color: var(--mhpr-color-navy);
		border-color: var(--mhpr-color-white);
		padding: 0.85rem 2rem;
		}
		.mhpr-button--white .mhpr-button .mhpr-btn:hover,
		.mhpr-button--white .mhpr-button.mhpr-button--primary .mhpr-btn:hover,
		.mhpr-button--white .mhpr-button.mhpr-button--teal .mhpr-btn:hover {
		background: var(--mhpr-color-teal);
		color: var(--mhpr-color-white);
		border-color: var(--mhpr-color-teal);
		}
		.mhpr-button--outline .mhpr-button .mhpr-btn,
		.mhpr-button--outline .mhpr-button.mhpr-button--primary .mhpr-btn,
		.mhpr-button--outline .mhpr-button.mhpr-button--teal .mhpr-btn {
		background: transparent;
		color: var(--mhpr-color-navy);
		border-color: var(--mhpr-color-navy);
		padding: 0.9rem 2.25rem;
		}
		.mhpr-button--outline .mhpr-button .mhpr-btn:hover,
		.mhpr-button--outline .mhpr-button.mhpr-button--primary .mhpr-btn:hover,
		.mhpr-button--outline .mhpr-button.mhpr-button--teal .mhpr-btn:hover {
		background: var(--mhpr-color-navy);
		color: var(--mhpr-color-white);
		}
		.mhpr-button--arrow-link .mhpr-button .mhpr-btn,
		.mhpr-button--arrow-link .mhpr-button.mhpr-button--primary .mhpr-btn {
		padding: 0 0.5rem 2px 0;
		border: none;
		border-bottom: 1.5px solid currentColor;
		border-radius: 0;
		background: transparent;
		font-weight: 600;
		letter-spacing: 0.03em;
		gap: 0.4rem;
		}
		.mhpr-button--arrow-link .mhpr-button:hover .mhpr-btn,
		.mhpr-button--arrow-link:hover .mhpr-button .mhpr-btn,
		.mhpr-button--arrow-link .mhpr-button .mhpr-btn:hover {
		background: transparent;
		gap: 0.4rem;
		}
		.mhpr-button--arrow-link .mhpr-button .mhpr-btn::after,
		.mhpr-button--arrow-link .mhpr-button.mhpr-button--primary .mhpr-btn::after {
		content: "→";
		font-size: 1rem;
		display: inline-block;
		transition: transform 0.2s ease;
		}
		.mhpr-button--arrow-link .mhpr-button:hover .mhpr-btn::after,
		.mhpr-button--arrow-link:hover .mhpr-button .mhpr-btn::after,
		.mhpr-button--arrow-link .mhpr-button .mhpr-btn:hover::after {
		transform: translateX(0.45rem);
		}
		.mhpr-button--ghost .mhpr-button .mhpr-btn,
		.mhpr-button--ghost .mhpr-button.mhpr-button--primary .mhpr-btn {
		padding: 0 0 2px;
		border: none;
		border-bottom: 1.5px solid var(--mhpr-color-teal);
		border-radius: 0;
		background: transparent;
		color: var(--mhpr-color-teal);
		font-weight: 500;
		}
		.mhpr-button--ghost .mhpr-button .mhpr-btn::after,
		.mhpr-button--ghost .mhpr-button.mhpr-button--primary .mhpr-btn::after {
		content: "→";
		display: inline-block;
		transition: transform 0.2s ease;
		}
		.mhpr-button--ghost .mhpr-button:hover .mhpr-btn::after,
		.mhpr-button--ghost:hover .mhpr-button .mhpr-btn::after,
		.mhpr-button--ghost .mhpr-button .mhpr-btn:hover::after {
		transform: translateX(0.45rem);
		}
		.mhpr-button--ghost-on-dark .mhpr-button .mhpr-btn,
		.mhpr-button--ghost-on-dark .mhpr-button.mhpr-button--primary .mhpr-btn {
		padding: 0 0 2px;
		border: none;
		border-bottom: 1.5px solid var(--mhpr-color-silver);
		border-radius: 0;
		background: transparent;
		color: var(--mhpr-color-white);
		font-weight: 500;
		}
		.mhpr-button--ghost-on-dark .mhpr-button:hover .mhpr-btn,
		.mhpr-button--ghost-on-dark:hover .mhpr-button .mhpr-btn,
		.mhpr-button--ghost-on-dark .mhpr-button.mhpr-button--primary:hover .mhpr-btn,
		.mhpr-button--ghost-on-dark .mhpr-button .mhpr-btn:hover {
		background: transparent;
		color: var(--mhpr-color-white);
		border-color: transparent;
		border-bottom-color: var(--mhpr-color-white);
		}
		.mhpr-button--ghost-on-dark .mhpr-button:hover .mhpr-btn::after,
		.mhpr-button--ghost-on-dark:hover .mhpr-button .mhpr-btn::after,
		.mhpr-button--ghost-on-dark .mhpr-button .mhpr-btn:hover::after {
		color: var(--mhpr-color-white);
		}
		.mhpr-button--ghost-on-dark .mhpr-button .mhpr-btn::after,
		.mhpr-button--ghost-on-dark .mhpr-button.mhpr-button--primary .mhpr-btn::after {
		content: "→";
		}