.swfv-pilot-page {
	color: var(--swfv-ink);
	font-family: var(--swfv-font-body);
	margin-inline: auto;
	max-width: var(--swfv-content-max);
}

.swfv-pilot-page *,
.swfv-pilot-page *::before,
.swfv-pilot-page *::after {
	box-sizing: border-box;
}

.swfv-pilot-page :where(h1, h2, h3) {
	color: var(--swfv-dark);
	font-family: var(--swfv-font-heading);
	font-weight: var(--swfv-weight-bold);
	line-height: 1.15;
}

.swfv-pilot-page .swfv-pilot-hero,
.swfv-pilot-page .swfv-pilot-section {
	padding: clamp(2rem, 5vw, 5rem) clamp(1rem, 3vw, 3rem);
}

.swfv-pilot-page .swfv-pilot-hero {
	background: linear-gradient(135deg, var(--swfv-dark), var(--swfv-petrol));
	border-radius: 0 0 var(--swfv-radius-panel) var(--swfv-radius-panel);
	color: var(--swfv-white);
	overflow: hidden;
	position: relative;
}

.swfv-pilot-page .swfv-pilot-hero::after {
	border: 1px solid rgba(217, 173, 121, 0.35);
	border-radius: 50%;
	content: "";
	height: 280px;
	position: absolute;
	right: -110px;
	top: -140px;
	width: 280px;
}

.swfv-pilot-page .swfv-pilot-hero :where(h1, h2, h3) {
	color: var(--swfv-white);
	max-width: 18ch;
}

.swfv-pilot-page .swfv-pilot-eyebrow {
	color: var(--swfv-gold);
	font-size: 0.8rem;
	font-weight: var(--swfv-weight-extrabold);
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.swfv-pilot-page .swfv-pilot-lead {
	font-size: clamp(1.05rem, 2vw, 1.3rem);
	line-height: 1.65;
	max-width: 68ch;
}

.swfv-pilot-page .swfv-pilot-note {
	font-size: 0.9rem;
	opacity: 0.9;
}

.swfv-pilot-page .wp-block-columns {
	gap: 1rem;
}

.swfv-pilot-page .wp-block-column {
	background: var(--swfv-white);
	border: 1px solid var(--swfv-line);
	border-radius: var(--swfv-radius-card);
	box-shadow: var(--swfv-shadow-sm);
	padding: 1.25rem;
}

.swfv-pilot-page .wp-block-column h3 {
	font-size: 1.1rem;
}

.swfv-pilot-page .swfv-pilot-funnel {
	background: var(--swfv-soft);
	border-radius: var(--swfv-radius-panel);
}

.swfv-pilot-page .swfv-pilot-disclaimer {
	color: var(--swfv-muted);
	font-size: 0.9rem;
}

.swfv-pilot-page .wp-block-button__link {
	border-radius: var(--swfv-radius-pill);
	font-weight: var(--swfv-weight-bold);
}

@media (max-width: 680px) {
	.swfv-pilot-page .swfv-pilot-hero,
	.swfv-pilot-page .swfv-pilot-section {
		padding: 2rem 1rem;
	}
}