/* Glass pricing (membership-2 only): frosted light cards over soft colour blobs, no black blocks. Lifetime keeps the moving glow from membership-glow.css. */
.m-hero .bw-cat-w {
	position: relative;
}

.m-hero .bw-cat-w::before {
	content: "";
	position: absolute;
	inset: -40px -20px -60px;
	z-index: 0;
	pointer-events: none;
	background: radial-gradient(38% 45% at 78% 42%, rgba(232, 0, 13, .24), transparent 70%), radial-gradient(34% 42% at 22% 58%, rgba(255, 150, 100, .22), transparent 70%), radial-gradient(30% 38% at 52% 92%, rgba(255, 90, 130, .16), transparent 70%);
	filter: blur(24px);
}

.m-tiers {
	position: relative;
	z-index: 1;
	gap: 20px;
	background: none;
	border: 0;
}

.m-tier,
.m-tier:first-child,
.m-tier:nth-child(2) {
	border-radius: calc(var(--radius) + 4px);
	background: rgba(255, 255, 255, .42);
	-webkit-backdrop-filter: blur(18px) saturate(1.4);
	backdrop-filter: blur(18px) saturate(1.4);
	border: 1px solid rgba(255, 255, 255, .75);
	box-shadow: 0 24px 60px -28px rgba(9, 9, 11, .22), inset 0 1px 0 rgba(255, 255, 255, .9);
}

.m-tier.feat {
	background: rgba(255, 255, 255, .62);
	color: var(--ink);
	border-color: rgba(255, 255, 255, .9);
	box-shadow: 0 30px 70px -28px rgba(232, 0, 13, .35), inset 0 1px 0 #fff;
}

.m-tier.feat .m-price small,
.m-tier.feat .m-desc {
	color: rgba(9, 9, 11, .5);
}

.m-tier.feat .m-list {
	border-top-color: rgba(9, 9, 11, .12);
}

.m-tier.feat .m-list li {
	color: rgba(9, 9, 11, .75);
}

.m-tier.feat .m-perks {
	background: rgba(232, 0, 13, .07);
	border-color: rgba(232, 0, 13, .28);
}

.m-tier.feat .m-perks-h {
	color: var(--accent);
}

.m-tier.feat .m-perks b {
	color: var(--ink);
}

.m-tier.feat .m-perks small {
	color: rgba(9, 9, 11, .5);
}

.m-tier.feat .m-note {
	color: rgba(9, 9, 11, .45);
}

.m-tier.feat::before {
	background: conic-gradient(from var(--mg), rgba(232, 0, 13, .12) 0deg, rgba(232, 0, 13, .12) 230deg, rgba(232, 0, 13, .4) 285deg, #ff2a36 330deg, #ffb3b8 352deg, rgba(232, 0, 13, .12) 360deg);
}

.m-btn.sec {
	background: rgba(255, 255, 255, .5);
}

.m-cmp {
	background: rgba(255, 255, 255, .42);
	-webkit-backdrop-filter: blur(18px) saturate(1.4);
	backdrop-filter: blur(18px) saturate(1.4);
	border-color: rgba(255, 255, 255, .75);
	box-shadow: 0 24px 60px -32px rgba(9, 9, 11, .2), inset 0 1px 0 rgba(255, 255, 255, .9);
}

.m-cmp-s .bw-cat-w {
	position: relative;
}

.m-cmp-s .bw-cat-w::before {
	content: "";
	position: absolute;
	inset: 0 10%;
	z-index: -1;
	pointer-events: none;
	background: radial-gradient(40% 50% at 85% 30%, rgba(232, 0, 13, .14), transparent 70%), radial-gradient(35% 45% at 15% 70%, rgba(255, 150, 100, .14), transparent 70%);
	filter: blur(24px);
}

/* Same height for all three cards */
.m-tier.feat {
	margin: 0;
	padding: 40px 32px;
}

/* Glow sits BEHIND the Lifetime card (on the grid), so it fades softly on every side with no clipped edge, and shines faintly through the glass */
.m-tier.feat::after {
	display: none;
}

.m-tiers::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 10px;
	bottom: 10px;
	left: calc((100% - 40px) / 3 * 2 + 40px - 10px);
	width: calc((100% - 40px) / 3 + 20px);
	padding: 10px;
	box-sizing: border-box;
	border-radius: 22px;
	pointer-events: none;
	background: conic-gradient(from var(--mg), transparent 0deg, transparent 220deg, rgba(232, 0, 13, .5) 300deg, rgba(255, 70, 90, .8) 340deg, transparent 360deg);
	filter: blur(7px);
	opacity: .6;
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	animation: mgSpin 4.5s linear infinite, mgPulse 3s ease-in-out infinite;
}

@media(max-width: 1023px) {
	.m-tiers::before {
		display: none;
	}
}

@media(prefers-reduced-motion: reduce) {
	.m-tiers::before {
		animation: none;
	}
}

.m-tier.feat .m-desc b {
	font-weight: 600;
	color: var(--accent);
}

/* Same description height and spacing on every card so all three buttons line up */
.m-tier .m-desc,
.m-tier.feat .m-desc {
	min-height: 68px;
	margin: 16px 0 28px;
}

@media(max-width: 1023px) {
	.m-tier .m-desc,
	.m-tier.feat .m-desc {
		min-height: 0;
	}
}