.privacy-hero {
	position: relative;
	padding-top: var(--space-32);
	padding-bottom: var(--space-24);
}

.privacy-hero__backdrop {
	position: absolute;
	inset: 0;
	background-image:
		radial-gradient(
			circle at 10% 10%,
			rgba(5, 194, 255, 0.25),
			transparent 55%
		),
		radial-gradient(circle at 90% 0, rgba(255, 106, 0, 0.3), transparent 60%),
		linear-gradient(160deg, rgba(3, 5, 10, 0.95), rgba(5, 6, 8, 0.98));
	background-size: cover;
	background-position: center;
	opacity: 0.38;
	mix-blend-mode: screen;
	z-index: 0;
}

.privacy-hero__content {
	position: relative;
	z-index: 1;
	max-width: 720px;
}

.privacy-hero__eyebrow {
	font-size: var(--font-size-xs);
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--color-accent-amber);
	margin-bottom: var(--space-4);
}

.privacy-hero__intro {
	max-width: 640px;
}

.privacy-hero__actions {
	margin-top: var(--space-8);
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-4);
}

.privacy-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-8);
}

.privacy-card {
	height: 100%;
}

.privacy-list {
	list-style: disc;
	padding-left: 1.25rem;
	margin-bottom: var(--space-4);
}

.privacy-list li {
	margin-bottom: var(--space-3);
	color: var(--color-text-muted);
}

.privacy-cta {
	display: flex;
	justify-content: center;
}

.privacy-cta__content {
	width: 100%;
	max-width: 960px;
	padding: var(--space-16);
	border-radius: var(--radius-xl);
	border: 1px solid rgba(5, 194, 255, 0.35);
}

.privacy-cta__content h2 {
	margin-bottom: var(--space-4);
}

.privacy-cta__actions {
	margin-top: var(--space-8);
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-4);
}

@media (max-width: 992px) {
	.privacy-grid {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.privacy-hero {
		padding-top: var(--space-24);
		padding-bottom: var(--space-20);
	}

	.privacy-cta__content {
		padding: var(--space-12);
	}
}
