.gc-ambt {
	--at-overlap: 18px;
	--at-arch: 22px;
	--at-tilt: 2.5deg;
	--at-spread: 26px;
	--at-gap: 18px;
	--at-card-pad: 28px;
	--at-heading: #0E1B25;
	--at-eyebrow: #3D82B3;
	--at-subtext: #5A6B75;
	position: relative;
	overflow: clip;
	overflow-clip-margin: 120px;
	background: transparent;
	font-family: var(--gc-font-body, "Inter", system-ui, sans-serif);
	color: var(--at-subtext);
	line-height: 1.6;
	padding: 104px 0 116px;
	-webkit-font-smoothing: antialiased;
}
.gc-ambt *, .gc-ambt *::before, .gc-ambt *::after { box-sizing: border-box; }

/* Edge to edge is the default, matching how this section has always rendered.
   Turning it off leaves the band inside the page container. */
.gc-ambt--full { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); }

.gc-ambt-inner { position: relative; z-index: 1; width: 100%; max-width: var(--at-max, 1312px); margin-inline: auto; padding-inline: var(--at-pad, 48px); }

.gc-ambt-header { max-width: 720px; margin: 0 auto 60px; text-align: center; }
.gc-ambt-eyebrow {
	display: inline-flex; align-items: center; gap: 8px;
	padding: 7px 16px; border-radius: var(--gc-radius-pill, 999px);
	font-size: 12px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase;
	background: color-mix(in srgb, var(--at-eyebrow) 12%, transparent);
	border: 1px solid color-mix(in srgb, var(--at-eyebrow) 28%, transparent);
	color: var(--at-eyebrow); margin-bottom: 20px;
}
.gc-ambt .gc-ambt-header h2 {
	font-family: var(--gc-font-heading, "Manrope", system-ui, sans-serif);
	font-weight: 800; line-height: 1.04; margin: 0 0 0.3em; letter-spacing: -0.02em;
	font-size: clamp(2.1rem, 1.3rem + 3vw, 3.6rem); color: var(--at-heading);
	text-wrap: balance;
}
.gc-ambt-header p { color: var(--at-subtext); font-size: 18px; margin: 0; text-wrap: pretty; }

.gc-ambt-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr; gap: var(--at-gap); }

.gc-ambt-tier {
	--at-a: var(--accent, #5BA7DB);
	--at-ink: #1C1A16;
	--at-x: 0px;
	--at-y: 0px;
	--rot: 0deg;
	position: relative; z-index: 1;
	display: flex; flex-direction: column;
	padding: 30px var(--at-card-pad) 32px;
	border-radius: 24px;
	color: var(--at-ink);
	background: linear-gradient(158deg,
		color-mix(in srgb, var(--at-a) 52%, #fff) 0%,
		var(--at-a) 48%,
		color-mix(in srgb, var(--at-a) 76%, #000) 100%);
	box-shadow:
		inset 0 1px 0 color-mix(in srgb, #fff 62%, transparent),
		0 18px 38px color-mix(in srgb, var(--at-a) 30%, transparent),
		0 6px 16px rgba(28, 26, 22, 0.12);
}
.gc-ambt-tier::after {
	content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none;
	border-radius: inherit;
	border: 1px solid color-mix(in srgb, #fff 34%, transparent);
}
.gc-ambt-tier:focus-visible { outline: 3px solid var(--gc-blue-dark, #3D82B3); outline-offset: 4px; }

.gc-ambt-tier.is-featured {
	background:
		radial-gradient(78% 56% at 82% -6%, color-mix(in srgb, #fff 62%, transparent), transparent 64%),
		linear-gradient(158deg,
			color-mix(in srgb, var(--at-a) 34%, #fff) 0%,
			var(--at-a) 46%,
			color-mix(in srgb, var(--at-a) 84%, #000) 100%);
	box-shadow:
		inset 0 1px 0 color-mix(in srgb, #fff 78%, transparent),
		0 24px 54px color-mix(in srgb, var(--at-a) 46%, transparent),
		0 8px 20px rgba(28, 26, 22, 0.14);
}
.gc-ambt-tier.is-featured::after { border-color: color-mix(in srgb, #fff 58%, transparent); }

@supports (color: oklch(from red l c h)) {
	.gc-ambt-tier {
		--at-ink: oklch(from var(--at-a) 0.25 calc(c * 0.4) h);
		background: linear-gradient(158deg,
			oklch(from var(--at-a) 0.91 calc(c * 0.72) h) 0%,
			oklch(from var(--at-a) 0.79 c h) 48%,
			oklch(from var(--at-a) 0.62 c h) 100%);
	}
	.gc-ambt-tier.is-featured {
		background:
			radial-gradient(78% 56% at 82% -6%, color-mix(in srgb, #fff 62%, transparent), transparent 64%),
			linear-gradient(158deg,
				oklch(from var(--at-a) 0.95 calc(c * 0.62) h) 0%,
				oklch(from var(--at-a) 0.85 c h) 46%,
				oklch(from var(--at-a) 0.68 c h) 100%);
	}
}

.gc-ambt-badge {
	display: inline-flex; align-items: center; gap: 8px; align-self: flex-start;
	padding: 9px 16px; border-radius: var(--gc-radius-pill, 999px);
	background: color-mix(in srgb, var(--at-ink) 92%, transparent);
	color: #fff;
	font-family: var(--gc-font-body, "Inter", system-ui, sans-serif);
	font-weight: 800; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase;
	line-height: 1; white-space: nowrap;
}
.gc-ambt-badge-icon { display: inline-flex; font-size: 12px; line-height: 1; }
.gc-ambt-badge-icon svg { width: 1em; height: 1em; fill: currentColor; }

.gc-ambt .gc-ambt-tier h3 {
	font-family: var(--gc-font-heading, "Manrope", system-ui, sans-serif);
	font-weight: 800; line-height: 1; margin: 22px 0 0; letter-spacing: -0.02em;
	font-size: clamp(1.9rem, 1.4rem + 1.5vw, 2.45rem); color: var(--at-ink);
}
.gc-ambt-subtitle { color: color-mix(in srgb, var(--at-ink) 74%, transparent); font-size: 15px; margin: 10px 0 0; }

.gc-ambt-perks {
	list-style: none; margin: 22px 0 0; padding: 22px 0 0;
	border-top: 1px solid color-mix(in srgb, var(--at-ink) 18%, transparent);
	display: flex; flex-direction: column; gap: 14px;
}
.gc-ambt-perks li { display: flex; align-items: flex-start; gap: 12px; color: color-mix(in srgb, var(--at-ink) 92%, transparent); font-size: 15px; line-height: 1.45; }
.gc-ambt-marker {
	flex: 0 0 auto; width: 20px; height: 20px; margin-top: 1px; border-radius: 50%;
	background: color-mix(in srgb, #fff 55%, transparent);
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--at-ink) 20%, transparent);
	position: relative;
}
.gc-ambt-marker::after {
	content: ""; position: absolute; left: 7px; top: 4px; width: 5px; height: 9px;
	border: solid var(--at-ink); border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}
.gc-ambt-perk-text { flex: 1 1 auto; }

.gc-ambt-cta { position: relative; z-index: 1; margin-top: 52px; text-align: center; }
.gc-ambt-btn {
	display: inline-flex; align-items: center; gap: 10px;
	padding: 16px 34px; border-radius: var(--gc-radius-pill, 999px);
	background: linear-gradient(135deg, var(--gc-glider-start, #5BA7DB), var(--gc-glider-end, #6EC1E4));
	color: var(--gc-white, #fff); text-decoration: none;
	font-family: var(--gc-font-heading, "Manrope", system-ui, sans-serif);
	font-weight: 800; font-size: 16px; letter-spacing: 0.01em;
	border: 0; cursor: pointer;
	box-shadow: var(--gc-shadow-button, 0 14px 34px rgba(91, 167, 219, 0.42));
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.gc-ambt-btn:hover { transform: translateY(-3px); box-shadow: 0 20px 44px color-mix(in srgb, var(--gc-blue, #5BA7DB) 55%, transparent); }
.gc-ambt-btn:active { transform: translateY(-1px); }
.gc-ambt-btn svg { width: 18px; height: 18px; transition: transform 0.3s ease; }
.gc-ambt-btn:hover svg { transform: translateX(4px); }
.gc-ambt-btn:focus-visible { outline: 3px solid var(--gc-blue-dark, #3D82B3); outline-offset: 3px; }
.gc-ambt-cta-note { margin: 16px 0 0; color: var(--at-subtext); font-size: 14px; }

@media (min-width: 641px) {
	.gc-ambt-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 1025px) {
	.gc-ambt-grid { display: flex; align-items: stretch; gap: 0; }
	.gc-ambt-tier {
		flex: 1 1 0; min-width: 0; cursor: pointer;
		z-index: calc(var(--i, 0) + 1);
		--at-y: calc(var(--bow, 0) * var(--at-arch));
		--rot: calc(var(--side, 0) * var(--at-tilt));
		translate: var(--at-x) var(--at-y);
		rotate: var(--rot);
		transition:
			translate 0.55s cubic-bezier(0.22, 1, 0.36, 1),
			rotate 0.55s cubic-bezier(0.22, 1, 0.36, 1),
			scale 0.55s cubic-bezier(0.22, 1, 0.36, 1),
			box-shadow 0.45s ease;
	}
	.gc-ambt-tier + .gc-ambt-tier { margin-left: calc(var(--at-overlap) * -1); }
	.gc-ambt-tier:not(:last-child) { padding-right: calc(var(--at-card-pad) + var(--at-overlap)); }

	:where(.gc-ambt-tier:hover, .gc-ambt-tier.is-raised) ~ .gc-ambt-tier { --at-x: var(--at-spread); }
	.gc-ambt-tier:where(:has(~ .gc-ambt-tier:hover), :has(~ .gc-ambt-tier.is-raised)) { --at-x: calc(var(--at-spread) * -1); }

	.gc-ambt-tier:hover, .gc-ambt-tier:focus-visible {
		z-index: 20;
		--at-x: 0px;
		--at-y: calc(var(--bow, 0) * var(--at-arch) - 14px);
		--rot: 0deg;
		scale: 1.015;
		box-shadow:
			inset 0 1px 0 color-mix(in srgb, #fff 70%, transparent),
			0 28px 56px color-mix(in srgb, var(--at-a) 40%, transparent),
			0 10px 24px rgba(28, 26, 22, 0.16);
	}
	.gc-ambt-tier.is-raised {
		z-index: 30;
		--at-x: 0px;
		--at-y: calc(var(--bow, 0) * var(--at-arch) - 26px);
		--rot: 0deg;
		scale: 1.03;
		box-shadow:
			inset 0 1px 0 color-mix(in srgb, #fff 80%, transparent),
			0 36px 70px color-mix(in srgb, var(--at-a) 50%, transparent),
			0 14px 30px rgba(28, 26, 22, 0.18);
	}
}

@media (max-width: 1024px) {
	.gc-ambt { padding: 76px 0 84px; }
}

@media (max-width: 640px) {
	.gc-ambt { padding: 52px 0 56px; }
	.gc-ambt-inner { padding-inline: 20px; }
	.gc-ambt-tier { padding: 22px 20px 24px; border-radius: 20px; }
	.gc-ambt-header { margin-bottom: 28px; }
	.gc-ambt-eyebrow { margin-bottom: 12px; padding: 4px 10px; font-size: 11px; letter-spacing: 0.06em; }
	.gc-ambt .gc-ambt-header h2 { font-size: 1.6rem; line-height: 1.14; }
	.gc-ambt-header p { font-size: 15px; line-height: 1.5; }
	.gc-ambt-badge { padding: 6px 12px; font-size: 11px; letter-spacing: 0.06em; }
	.gc-ambt .gc-ambt-tier h3 { font-size: 1.5rem; margin-top: 16px; }
	.gc-ambt-subtitle { font-size: 14.5px; margin-top: 6px; }
	.gc-ambt-perks { margin-top: 18px; padding-top: 18px; gap: 10px; }
	.gc-ambt-perks li { font-size: 14.5px; gap: 10px; }
	.gc-ambt-marker { width: 18px; height: 18px; }
	.gc-ambt-marker::after { left: 6px; top: 3px; width: 5px; height: 8px; }
	.gc-ambt-cta { margin-top: 28px; }
	.gc-ambt-btn { display: flex; width: 100%; justify-content: center; min-height: 44px; padding: 13px 22px; font-size: 15px; }
	.gc-ambt-cta-note { font-size: 13.5px; margin-top: 12px; }
}

@media (max-width: 480px) {
	.gc-ambt { padding: 44px 0 48px; }
	.gc-ambt-inner { padding-inline: 16px; }
	.gc-ambt .gc-ambt-header h2 { font-size: 1.45rem; }
	.gc-ambt .gc-ambt-tier h3 { font-size: 1.35rem; }
}

@media (prefers-reduced-motion: reduce) {
	.gc-ambt-tier, .gc-ambt-btn, .gc-ambt-btn svg { transition: none; }
	.gc-ambt-btn:hover, .gc-ambt-btn:active { transform: none; }
	.gc-ambt-btn:hover svg { transform: none; }
}
