.jm-home-promo {
	align-items: center;
	backdrop-filter: blur(10px);
	background: linear-gradient(105deg, rgba(77, 52, 107, 0.94), rgba(42, 30, 59, 0.86));
	border: 1px solid rgba(202, 184, 230, 0.68);
	border-radius: 999px;
	box-sizing: border-box;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.32), 0 0 0 1px rgba(93, 169, 255, 0.10);
	color: var(--jm-home-promo-fg);
	display: flex;
	font-family: var(--jm-font-family);
	font-size: clamp(0.9rem, 1vw, 1rem);
	gap: var(--jm-space-sm);
	line-height: 1.25;
	margin: 0 auto 0.25rem;
	max-width: 66rem;
	min-height: 44px;
	padding: 0.1875rem 0.25rem 0.1875rem 1rem;
	position: relative;
	width: min(100%, 66rem);
}

.jm-home-promo::before {
	align-self: stretch;
	background: linear-gradient(180deg, #8FC9FF, #BFA2E1);
	border-radius: 999px;
	content: "";
	flex: 0 0 4px;
	margin-block: 0.35rem;
}

.jm-home-promo__message {
	flex: 1 1 auto;
	font-weight: 800;
	margin: 0;
	min-width: 0;
}

.jm-home-promo__cta {
	align-items: center;
	background: rgba(255, 255, 255, 0.96);
	border: 1px solid rgba(255, 255, 255, 0.96);
	border-radius: 999px;
	color: #352247;
	display: inline-flex;
	flex: 0 0 auto;
	font-size: 0.9375rem;
	font-weight: 800;
	justify-content: center;
	min-height: 36px;
	padding: 0 0.9rem;
	text-decoration: none;
	-webkit-text-fill-color: #352247;
	white-space: nowrap;
}

@media (min-width: 768px) {
	.home .jm-bottom-chrome {
		background: transparent;
		border-top: 0;
	}

	.home .jm-hero__content {
		padding-top: var(--jm-content-top-pad);
	}
}

@media (max-width: 767px) {
	.jm-home-promo {
		align-items: center;
		border-radius: 1rem;
		font-size: 0.875rem;
		gap: 0.625rem;
		line-height: 1.3;
		min-height: 0;
		padding: 0.625rem;
		width: 100%;
	}

	.jm-home-promo__cta {
		min-height: 40px;
		padding-inline: 0.75rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.jm-home-promo {
		backdrop-filter: none;
	}
}