/* Operational — TUTPS banner (Figma 748:6399) */
.gt-op-tutps {
	padding-block: 0 clamp(2.5rem, 5vw, 4rem);
	background: #fff;
}

.gt-op-tutps__card {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem 2rem;
	padding: clamp(2rem, 4vw, 3rem) clamp(1.75rem, 4vw, 3.5rem);
	border-radius: var(--gt-radius, 10px);
	color: #fff;
	background:
		radial-gradient(
			ellipse 90% 120% at 0% 100%,
			rgba(10, 160, 227, 1) 24%,
			rgba(8, 131, 191, 1) 38%,
			rgba(5, 103, 155, 1) 52%,
			rgba(3, 74, 118, 1) 66%,
			rgba(0, 45, 82, 1) 80%
		),
		#002d52;
}

.gt-op-tutps__copy {
	flex: 1 1 28rem;
	min-width: min(100%, 20rem);
}

.gt-op-tutps__title {
	margin: 0 0 0.75rem;
	font-family: var(--gt-font-display, Saira, sans-serif);
	font-size: clamp(1.25rem, 2.5vw, 1.5rem);
	font-weight: 600;
	line-height: 1.125;
	color: #fff;
}

.gt-op-tutps__lead {
	margin: 0;
	max-width: 41.375rem;
	font-family: var(--gt-font-body, Inter, sans-serif);
	font-size: clamp(1rem, 1.5vw, 1.125rem);
	line-height: 1.7;
	color: rgb(255 255 255 / 0.9);
}

.gt-op-tutps__cta {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.85rem 1.35rem;
	font-family: var(--gt-font-display, Saira, sans-serif);
	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 0.8125rem;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	border: 2px solid #fff;
	border-radius: var(--gt-btn-radius, 10px);
	white-space: nowrap;
}

.gt-op-tutps__cta:hover {
	background: rgb(255 255 255 / 0.08);
}
