.container {
	width: min(100% - 2rem, var(--container));
	min-width: 0;
	max-width: 100%;
	margin-inline: auto;
}

.section {
	padding: var(--space-6) 0;
}

.section-muted {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.04));
}

.section-highlight {
	background: linear-gradient(135deg, rgba(37, 194, 167, 0.12), rgba(255, 255, 255, 0.03));
}

.site-header {
	position: sticky;
	top: 0;
	z-index: 20;
	min-height: var(--header-height);
	background: rgba(4, 19, 29, 0.9);
	backdrop-filter: blur(0.8rem);
	border-bottom: 0.0625rem solid var(--color-border);
}

.header-inner {
	min-height: var(--header-height);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-3);
}

.header-inner > *,
.footer-inner > * {
	min-width: 0;
}

.brand img {
	width: clamp(8rem, 28vw, 11rem);
	height: auto;
}

.hero,
.page-hero {
	padding-top: calc(var(--space-6) + 1rem);
}

.hero-grid {
	display: grid;
	gap: var(--space-5);
}

.section-head {
	margin-bottom: var(--space-5);
}

.site-footer {
	border-top: 0.0625rem solid var(--color-border);
	padding: var(--space-4) 0;
	background: rgba(0, 0, 0, 0.2);
}

.footer-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-2);
}