/**
 * Form Band — navy band with a centred header and an embedded Gravity Form.
 * The form controls themselves come from the shared `.uo-form` component in
 * style.css; this file only positions the band and its header.
 */

.flexible-section.form-band {
	position: relative;
	overflow: hidden;
	background: var(--gradient-navy);
	padding-inline: var(--section-pad-x);
}

.flexible-section.form-band::before {
	content: '';
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: radial-gradient(ellipse at 50% 0%, rgba(196, 154, 26, 0.08), transparent 60%);
}

.form-band-inner {
	position: relative;
	z-index: 2;
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
}

.form-band-ti {
	margin: clamp(4px, 0.16vw + 3.4px, 7.5px) 0 clamp(10px, 0.4vw + 8.6px, 17.5px);
}

.form-band-sub {
	max-width: 650px;
	margin: 0 auto clamp(24px, 1.29vw + 19.4px, 37.5px);
	color: rgba(255, 255, 255, 0.6);
}

/* The form column is narrower than the copy above it, and left-aligned so the
   field labels line up (the mockup centres the header only). */
.form-band-form {
	max-width: 575px;
	margin: 0 auto;
	text-align: start;
}

.form-band-note {
	margin: clamp(12px, 0.4vw + 10.6px, 17.5px) 0 0;
	color: rgba(255,255,255,0.6);
}
.form-band .uo-form .gform_button {
	width: 100%;
}