.legal-hero {
	position: relative;
	z-index: 1;
	background: #1f1346;
	color: #ffffff;
	text-align: center;
	padding-top: 64px;
	padding-bottom: 64px;
	border-bottom: 1px solid #ffffff;
	box-shadow: 0px 4px 7px 1px rgba(222, 219, 219, 1);
}
.legal-hero h1 { color: #ffffff; font-size: clamp(28px, 4vw, 40px); }
.legal-hero__subtitle {
	max-width: 620px;
	margin: 16px auto 0;
	color: rgba(255, 255, 255, 0.85);
	font-size: 16px;
}

.legal-content {
	max-width: 960px;
	margin: 0 auto;
	padding: 48px 24px 64px;
}
.legal-content h2 { font-size: 22px; margin-top: 40px; margin-bottom: 16px; }
.legal-content h2:first-child { margin-top: 0; }
.legal-content p { margin-bottom: 16px; }
.legal-content ul,
.legal-content ol { list-style: disc; margin: 0 0 16px 20px; }
.legal-content li { margin-bottom: 8px; }
.legal-content a { color: var(--color-purple); text-decoration: underline; }
.legal-content strong { color: var(--color-ink); }