/**
 * UTM Link Builder landing page, scoped by a stable theme body class.
 *
 * Structural layout and responsive container directions remain editable in
 * Elementor. Page-specific presentation lives here instead of in HTML widgets
 * or Elementor custom CSS fields.
 */

.utm-theme-style-link-builder {
	--utm4210-teal: #026868;
	--utm4210-teal-dark: #014f4f;
	--utm4210-orange: #ee6b00;
	--utm4210-navy: #1e293b;
	--utm4210-slate: #475569;
	--utm4210-cloud: #f0f5fa;
	--utm4210-line: #dbe5ec;
}

.utm-theme-style-link-builder .utm4210-accent {
	color: var(--utm4210-teal);
}

.utm-theme-style-link-builder .utm4210-hero-image img {
	display: block;
	width: 100%;
}

.utm-theme-style-link-builder .elementor-widget-button .elementor-button {
	min-height: 50px;
	transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.utm-theme-style-link-builder .elementor-widget-button .elementor-button:hover,
.utm-theme-style-link-builder .elementor-widget-button .elementor-button:focus-visible {
	transform: translateY(-1px);
}

.utm-theme-style-link-builder [class*="utm4210-benefit-card-"],
.utm-theme-style-link-builder [class*="utm4210-feature-card-"],
.utm-theme-style-link-builder [class*="utm4210-related-card-"] {
	height: 100%;
	transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.utm-theme-style-link-builder [class*="utm4210-benefit-card-"]:hover,
.utm-theme-style-link-builder [class*="utm4210-feature-card-"]:hover,
.utm-theme-style-link-builder [class*="utm4210-related-card-"]:hover {
	border-color: rgba(2, 104, 104, 0.45);
	box-shadow: 0 16px 36px rgba(30, 41, 59, 0.09);
	transform: translateY(-2px);
}

.utm-theme-style-link-builder .utm4210-url-example {
	overflow-wrap: anywhere;
}

.utm-theme-style-link-builder .utm4210-url-base {
	color: #ffad68;
}

.utm-theme-style-link-builder .utm4210-url-parameter {
	color: #79d9ce;
}

.utm-theme-style-link-builder .utm4210-faq-widget .pom-faq-builder__trigger {
	transition: color 160ms ease;
}

.utm-theme-style-link-builder .utm4210-faq-widget .pom-faq-builder__trigger:hover,
.utm-theme-style-link-builder .utm4210-faq-widget .pom-faq-builder__trigger:focus-visible {
	color: var(--utm4210-teal) !important;
}

.utm-theme-style-link-builder .utm4210-faq-widget .pom-faq-builder__answer a {
	color: var(--utm4210-teal);
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

@media (max-width: 1024px) {
	.utm-theme-style-link-builder .utm4210-hero,
	.utm-theme-style-link-builder .utm4210-stats,
	.utm-theme-style-link-builder .utm4210-benefits,
	.utm-theme-style-link-builder .utm4210-workflow,
	.utm-theme-style-link-builder .utm4210-features,
	.utm-theme-style-link-builder .utm4210-faq,
	.utm-theme-style-link-builder .utm4210-related,
	.utm-theme-style-link-builder .utm4210-strategy-crosslink,
	.utm-theme-style-link-builder .utm4210-cta {
		padding-inline: 5%;
	}
}

@media (max-width: 767px) {
	.utm-theme-style-link-builder .elementor-widget-button,
	.utm-theme-style-link-builder .elementor-widget-button .elementor-button-wrapper,
	.utm-theme-style-link-builder .elementor-widget-button .elementor-button {
		width: 100%;
	}

	.utm-theme-style-link-builder .utm4210-hero-proof .elementor-icon-list-items {
		display: grid;
		gap: 9px;
	}

	.utm-theme-style-link-builder .utm4210-faq-widget .pom-faq-builder__question {
		text-wrap: balance;
	}
}