/**
 * Money page SEO blocks — definitions, outcomes, tier tables.
 */

.ll-definition-card {
	padding: var(--ll-space-xl);
	background: var(--ll-surface);
	border: 1px solid var(--ll-border);
	border-radius: calc(var(--ll-radius) * 2);
	border-left: 3px solid var(--ll-accent);
}

.ll-definition-card__eyebrow {
	margin: 0 0 0.35rem;
	color: var(--ll-accent);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.ll-definition-card__title {
	margin: 0 0 var(--ll-space-md);
	font-size: clamp(1.25rem, 2.5vw, 1.5rem);
	line-height: 1.25;
}

.ll-definition-card__is {
	margin: 0 0 var(--ll-space-md);
	font-size: 1.05rem;
	line-height: 1.65;
	color: var(--ll-text);
}

.ll-definition-card__not {
	margin: 0;
	color: var(--ll-muted);
	line-height: 1.6;
}

.ll-definition-card__list {
	margin-top: var(--ll-space-md);
}

.ll-outcomes-section__lead {
	max-width: 42rem;
	margin-bottom: var(--ll-space-xl);
}

.ll-outcomes-grid {
	display: grid;
	gap: var(--ll-space-lg);
}

@media (min-width: 768px) {
	.ll-outcomes-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.ll-outcome-card {
	display: flex;
	flex-direction: column;
	background: var(--ll-surface);
	border: 1px solid var(--ll-border);
	border-radius: calc(var(--ll-radius) * 2);
	overflow: hidden;
}

.ll-outcome-card__media {
	position: relative;
	aspect-ratio: 16 / 9;
	background: #0b1220;
}

.ll-outcome-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.ll-outcome-card__metric {
	position: absolute;
	left: var(--ll-space-md);
	bottom: var(--ll-space-md);
	margin: 0;
	padding: 0.35rem 0.65rem;
	background: rgba(11, 18, 32, 0.82);
	border: 1px solid rgba(232, 163, 23, 0.35);
	border-radius: 999px;
	color: var(--ll-accent);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.ll-outcome-card__body {
	padding: var(--ll-space-lg);
}

.ll-outcome-card__title {
	margin: 0 0 0.5rem;
	font-size: 1.125rem;
}

.ll-tier-table-wrap {
	overflow-x: auto;
	margin: var(--ll-space-lg) 0 var(--ll-space-xl);
	-webkit-overflow-scrolling: touch;
}

.ll-tier-table {
	width: 100%;
	min-width: 640px;
	border-collapse: collapse;
	font-size: 0.9375rem;
}

.ll-tier-table th,
.ll-tier-table td {
	padding: 0.85rem 1rem;
	border: 1px solid var(--ll-border);
	text-align: left;
	vertical-align: top;
}

.ll-tier-table thead th {
	background: rgba(232, 163, 23, 0.08);
	color: var(--ll-text);
	font-weight: 700;
}

.ll-tier-table tbody th {
	background: var(--ll-surface);
	font-weight: 600;
}

.ll-tier-table td {
	color: var(--ll-muted);
}

.ll-tier-table--compare tbody td:last-child {
	color: var(--ll-text);
}

.ll-managed-plans .ll-tier-table thead th {
	background: rgba(91, 156, 255, 0.08);
}

.ll-managed-plans .ll-tier-table td:last-child,
.ll-managed-plans .ll-tier-table tbody th {
	color: var(--ll-text);
}

.ll-faq-section .ll-faq {
	margin-top: var(--ll-space-md);
}
