/**
 * /nexus/pricing — match /start landing pricing cards.
 */

.ms-pricing-landing-page {
	max-width: 1280px !important;
	padding-top: 48px !important;
	padding-bottom: 48px !important;
}

.ms-pricing-landing-page > .text-center.mb-12 h1 {
	font-size: 2.25rem;
	font-weight: 800;
	margin-bottom: 0.75rem;
}

.ms-pricing-landing-page > .text-center.mb-12 p {
	color: #cbd5e1;
}

.ms-pricing-landing-page .grid.max-w-6xl,
.ms-pricing-landing-page .grid.max-w-4xl {
	max-width: 1280px !important;
	gap: 32px !important;
	align-items: stretch;
}

.ms-pricing-landing-page .grid > .ms-card {
	background: linear-gradient(314deg, #1a1f24 0%, #2d3748 100%) !important;
	border: 2px solid #374151 !important;
	border-radius: 20px !important;
	box-shadow: none !important;
	transform: none !important;
	transition: box-shadow 0.3s ease;
}

.ms-pricing-landing-page .grid > .ms-card:hover {
	transform: none !important;
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
}

.ms-pricing-landing-page .grid > .ms-card.ms-pricing-landing-card--featured {
	border-color: #f59e0b !important;
	box-shadow: 0 10px 40px rgba(245, 158, 11, 0.3) !important;
}

.ms-pricing-landing-page .ms-card-content {
	padding: 50px 35px !important;
	text-align: center !important;
}

.ms-pricing-plan-badge {
	display: inline-block;
	padding: 6px 16px;
	background: #374151;
	color: #e5e7eb;
	border-radius: 20px;
	font-size: 0.85rem;
	font-weight: 600;
	margin-bottom: 20px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.ms-pricing-plan-badge--gold {
	background: linear-gradient(135deg, #ffe245 0%, #f59e0b 100%);
	color: #1a1f24;
}

.ms-pricing-landing-page .ms-card-content h3 {
	font-size: 1.8rem !important;
	font-weight: 700 !important;
	margin: 0 0 20px !important;
	color: #e5e7eb !important;
}

.ms-pricing-landing-page .ms-card-content .mb-6 span {
	font-size: 2rem !important;
	font-weight: 800 !important;
	color: #e5e7eb !important;
	line-height: 1.2;
}

.ms-pricing-landing-page .ms-card-content ul {
	margin-bottom: 35px !important;
}

.ms-pricing-landing-page .ms-card-content ul li {
	padding: 12px 0 !important;
	border-bottom: 1px solid #374151;
}

.ms-pricing-landing-page .ms-card-content ul li:last-child {
	border-bottom: none;
}

.ms-pricing-landing-page .ms-card-content ul li span {
	color: #d1d5db !important;
	font-size: 0.95rem !important;
}

.ms-pricing-landing-page .ms-card-content ul li svg {
	color: #e5e7eb !important;
}

.ms-pricing-landing-page .grid > .ms-card:nth-child(1) .ms-button {
	background: #374151 !important;
	color: #e5e7eb !important;
	border: none !important;
	border-radius: 12px !important;
	padding: 16px 30px !important;
	font-weight: 600 !important;
	font-size: 1.05rem !important;
}

.ms-pricing-landing-page .grid > .ms-card:nth-child(1) .ms-button:hover {
	background: #4b5563 !important;
}

.ms-pricing-landing-page .grid > .ms-card:nth-child(n + 2) .ms-button {
	background: linear-gradient(135deg, #ffe245 0%, #f59e0b 100%) !important;
	color: #1a1f24 !important;
	border: none !important;
	border-radius: 12px !important;
	padding: 16px 30px !important;
	font-weight: 600 !important;
	font-size: 1.05rem !important;
}

.ms-pricing-landing-page .grid > .ms-card:nth-child(n + 2) .ms-button:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(245, 158, 11, 0.5);
}

.ms-pricing-landing-page > .mt-16 {
	display: none !important;
}

@media (max-width: 1023px) {
	.ms-pricing-landing-page .grid.max-w-6xl,
	.ms-pricing-landing-page .grid.max-w-4xl {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.ms-pricing-landing-page .ms-card-content {
		padding: 40px 24px !important;
	}
}