/* ==========================================================================
   Accelerator Access (salesperson intake) — page stylesheet
   --------------------------------------------------------------------------
   Tokens scoped to .accelerator-access. Palette duplicates the values used
   by the RE Accelerator page — see note at bottom re: a shared token layer.
   Open Sans 400/600/700 must be loaded by the theme.
   ========================================================================== */

.accelerator-access {
	--aa-navy:        #002f5f;
	--aa-blue:        #0c4d80;
	--aa-text:        #3d3d3d;
	--aa-text-subtle: #747678;
	--aa-cta:         #f06d1a;
	--aa-cta-hover:   #d85f12;
	--aa-bg:          #f0f0f0;
	--aa-card:        #ffffff;
	--aa-radius-card: 24px;
	--aa-radius-btn:  8px;
	--aa-gutter:      clamp(1rem, 4vw, 2.75rem);

	font-family: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	color: var(--aa-text);
	background-color: var(--aa-bg);
}

.accelerator-access__section {
	padding-block: clamp(2.5rem, 6vw, 5rem);
}

.accelerator-access__container {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	padding-inline: var(--aa-gutter);
}

.accelerator-access__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2rem;
	align-items: start;
}

.accelerator-access__headline {
	margin: 0 0 1rem;
	color: var(--aa-navy);
	font-size: clamp(1.75rem, 4vw, 2.5rem);
	line-height: 1.25;
	font-weight: 700;
}

.accelerator-access__subhead {
	margin: 0 0 1.5rem;
	color: var(--aa-text-subtle);
	font-size: 1.0625rem;
	line-height: 1.55;
	max-width: 50ch;
}

.accelerator-access__bullets {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	margin: 0 0 1.5rem;
	padding: 0;
	list-style: none;
}

.accelerator-access__bullet {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	font-size: 1rem;
	line-height: 1.5;
}

.accelerator-access__bullet-icon {
	flex: 0 0 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	margin-top: 2px;
	border-radius: 50%;
	background-color: var(--aa-blue);
	color: #fff;
}

.accelerator-access__bullet-icon svg {
	width: 11px;
	height: 11px;
}

.accelerator-access__image img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 12px;
}

.accelerator-access__form-panel {
	background-color: var(--aa-card);
	border-radius: var(--aa-radius-card);
	padding: clamp(1.25rem, 3vw, 2rem);
}

/* Gravity Forms — additive only */

.gform_required_legend {
	display: none;
}

.accelerator-access__form-panel .gform_wrapper {
	margin: 0;
}

#gform_fields_1 {
	row-gap: 8px;
}

.accelerator-access__form-panel input[type="text"],
.accelerator-access__form-panel input[type="email"],
.accelerator-access__form-panel input[type="tel"] {
	background-color: #fafafa;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: var(--aa-radius-btn);
	padding: 0.75rem;
	font-family: inherit;
	font-size: 1rem;
	line-height: 1.5;
}

.accelerator-access__form-panel .gform_button {
	width: 100%;
	background-color: var(--aa-cta);
	color: #fff;
	font-family: inherit;
	font-size: 1rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	border: 1px solid transparent;
	border-radius: var(--aa-radius-btn);
	padding: 0.875rem 2rem;
	cursor: pointer;
	transition: background-color 0.15s ease;
}

.accelerator-access__form-panel .gform_button:hover,
.accelerator-access__form-panel .gform_button:focus {
	background-color: var(--aa-cta-hover);
}

#wrapper>[role="main"] {
	flex: 0;
}

@media (min-width: 768px) {
	.accelerator-access__grid {
		grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
		gap: 3.5rem;
		align-items: center;
	}
}

/*
 * NOTE: This page redeclares the same navy/blue/orange palette used by
 * RE Accelerator (--re-accelerator-*) and Wealthbridge (--wb-*). This is now
 * the third page duplicating the Trust ETC palette under a third prefix.
 * Strong signal to introduce a shared --etc-* token layer before the next
 * page. Tracked in the tech-debt list.
 */