/* LDR_GuideSplit — navy section with stat grid */
.ldr-guide {
	position: relative;
	background: var(--ldr-navy);
	color: #fff;
	padding: 80px 0;
	overflow: hidden;
	isolation: isolate;
}
.ldr-guide__glow { position: absolute; inset: 0; opacity: 0.10; pointer-events: none; z-index: 0; }
.ldr-guide__blob {
	position: absolute;
	width: 24rem; height: 24rem;
	border-radius: 9999px;
	filter: blur(48px);
}
.ldr-guide__blob--lake { top: 0;    left: 0;    background: var(--ldr-lake); transform: translate(-50%, -50%); }
.ldr-guide__blob--gold { bottom: 0; right: 0;   background: var(--ldr-gold); transform: translate( 50%,  50%); }

.ldr-guide .ldr-container { position: relative; z-index: 1; }

.ldr-guide__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 64px;
	align-items: center;
}
@media (min-width: 1024px) {
	.ldr-guide__grid { grid-template-columns: 1fr 1fr; }
}

.ldr-guide__copy { display: flex; flex-direction: column; gap: 24px; }

.ldr-guide__pill {
	align-self: flex-start;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	background: oklch(0.72 0.14 75 / 0.20);
	border-radius: var(--ldr-radius-pill);
	padding: 0.5rem 1rem;
	color: var(--ldr-gold);
	font-family: var(--ldr-font-heading);
	font-weight: 600;
	font-size: 0.875rem;
}
.ldr-guide__pill svg { color: var(--ldr-gold); }

.ldr-guide__heading {
	font-family: var(--ldr-font-heading);
	font-weight: 700;
	font-size: 1.875rem;
	line-height: 1.2;
	color: #fff;
	margin: 0;
}
@media (min-width: 640px) { .ldr-guide__heading { font-size: 2.25rem; } }
.ldr-guide__heading-gold { color: var(--ldr-gold); }

.ldr-guide__body {
	font-size: 1.125rem;
	line-height: 1.625;
	color: rgb(255 255 255 / 0.7);
	margin: 0;
}

.ldr-guide__stats {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
}

.ldr-guide__stat {
	background: rgb(255 255 255 / 0.05);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	border: 1px solid rgb(255 255 255 / 0.10);
	border-radius: 16px;
	padding: 24px;
	text-align: center;
}
.ldr-guide__stat-icon {
	color: var(--ldr-gold);
	margin: 0 auto 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.ldr-guide__stat-icon i,
.ldr-guide__stat-icon svg { font-size: 32px; width: 32px; height: 32px; color: var(--ldr-gold); }

.ldr-guide__stat-value {
	font-family: var(--ldr-font-heading);
	font-weight: 900;
	font-size: 1.5rem;
	color: #fff;
	margin-bottom: 4px;
}
.ldr-guide__stat-label {
	color: rgb(255 255 255 / 0.6);
	font-size: 0.875rem;
}
