#xht-consent-banner,
	#xht-consent-dialog,
	#xht-consent-reopen {
		font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
	}
	#xht-consent-banner *,
	#xht-consent-dialog *,
	#xht-consent-reopen {
		box-sizing: border-box;
	}
	#xht-consent-banner[hidden],
	#xht-consent-dialog[hidden],
	#xht-consent-reopen[hidden] {
		display: none !important;
	}
	#xht-consent-banner {
		position: fixed;
		z-index: 2147483000;
		right: 0;
		bottom: 0;
		left: 0;
		padding: 15px 20px max(15px, env(safe-area-inset-bottom));
		color: #172235;
		background: #ffffff;
		border-top: 1px solid #dce3eb;
		box-shadow: 0 -8px 28px rgba(11, 31, 51, 0.12);
	}
	.xht-consent-inner {
		display: flex;
		align-items: center;
		gap: 24px;
		max-width: 1180px;
		margin: 0 auto;
	}
	.xht-consent-copy {
		flex: 1 1 560px;
		min-width: 0;
	}
	.xht-consent-title {
		margin: 0 0 4px;
		color: #0b1f33;
		font-size: 17px;
		font-weight: 700;
		line-height: 1.35;
	}
	.xht-consent-copy p {
		margin: 0;
		color: #465568;
		font-size: 14px;
		line-height: 1.55;
	}
	.xht-consent-copy a,
	.xht-dialog-links a {
		color: #075eb5;
		font-weight: 600;
		text-decoration: underline;
		text-underline-offset: 2px;
	}
	.xht-consent-actions {
		display: flex;
		flex: 0 0 auto;
		flex-wrap: wrap;
		justify-content: flex-end;
		gap: 10px;
	}
	.xht-consent-button {
		min-height: 44px;
		padding: 10px 17px;
		border: 1px solid #0b5faa;
		border-radius: 6px;
		font-size: 14px;
		font-weight: 700;
		line-height: 1.2;
		cursor: pointer;
		transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
	}
	.xht-consent-button:focus-visible,
	#xht-consent-reopen:focus-visible,
	.xht-dialog-close:focus-visible,
	.xht-analytics-toggle:focus-visible {
		outline: 3px solid #f4b942;
		outline-offset: 2px;
	}
	.xht-consent-primary {
		min-width: 154px;
		color: #ffffff;
		background: #0b5faa;
	}
	.xht-consent-primary:hover {
		background: #084b87;
		border-color: #084b87;
	}
	.xht-consent-secondary {
		min-width: 154px;
		color: #0b4f8a;
		background: #ffffff;
	}
	.xht-consent-secondary:hover {
		background: #eef6fc;
	}
	.xht-consent-tertiary {
		min-width: 128px;
		color: #25374a;
		background: #f5f7fa;
		border-color: #aeb9c5;
	}
	.xht-consent-tertiary:hover {
		background: #e9eef3;
	}
	#xht-consent-dialog {
		position: fixed;
		z-index: 2147483001;
		inset: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 20px;
		background: rgba(9, 22, 36, 0.56);
	}
	.xht-dialog-card {
		width: min(100%, 560px);
		max-height: min(760px, calc(100vh - 40px));
		overflow: auto;
		padding: 24px;
		color: #172235;
		background: #ffffff;
		border-radius: 10px;
		box-shadow: 0 18px 60px rgba(0, 0, 0, 0.28);
	}
	.xht-dialog-head {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		gap: 16px;
		margin-bottom: 10px;
	}
	.xht-dialog-head h2 {
		margin: 0;
		color: #0b1f33;
		font-size: 23px;
		line-height: 1.3;
	}
	.xht-dialog-close {
		width: 40px;
		height: 40px;
		flex: 0 0 40px;
		padding: 0;
		color: #31465b;
		background: #f3f6f8;
		border: 1px solid #d6dee6;
		border-radius: 50%;
		font-size: 24px;
		line-height: 1;
		cursor: pointer;
	}
	.xht-dialog-intro {
		margin: 0 0 18px;
		color: #526174;
		font-size: 14px;
		line-height: 1.6;
	}
	.xht-consent-category {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 20px;
		padding: 16px 0;
		border-top: 1px solid #e2e7ec;
	}
	.xht-category-copy h3 {
		margin: 0 0 4px;
		color: #172235;
		font-size: 16px;
		line-height: 1.35;
	}
	.xht-category-copy p {
		margin: 0;
		color: #5a6878;
		font-size: 13px;
		line-height: 1.5;
	}
	.xht-always-active {
		flex: 0 0 auto;
		color: #27643b;
		font-size: 13px;
		font-weight: 700;
		white-space: nowrap;
	}
	.xht-toggle-wrap {
		flex: 0 0 auto;
		display: inline-flex;
		align-items: center;
		gap: 8px;
		color: #2f4154;
		font-size: 13px;
		font-weight: 700;
		cursor: pointer;
	}
	.xht-analytics-toggle {
		width: 22px;
		height: 22px;
		margin: 0;
		accent-color: #0b5faa;
		cursor: pointer;
	}
	.xht-dialog-links {
		margin: 14px 0 20px;
		color: #5a6878;
		font-size: 13px;
		line-height: 1.5;
	}
	.xht-dialog-actions {
		display: flex;
		justify-content: flex-end;
		gap: 10px;
	}
	#xht-consent-reopen {
		position: fixed;
		z-index: 2147482999;
		left: 14px;
		bottom: max(14px, env(safe-area-inset-bottom));
		min-height: 36px;
		padding: 7px 12px;
		color: #26394d;
		background: rgba(255, 255, 255, 0.96);
		border: 1px solid #b9c4cf;
		border-radius: 18px;
		box-shadow: 0 3px 12px rgba(11, 31, 51, 0.12);
		font-size: 12px;
		font-weight: 700;
		line-height: 1;
		cursor: pointer;
	}
	#xht-consent-reopen:hover {
		color: #0b4f8a;
		border-color: #0b5faa;
	}
	@media (max-width: 860px) {
		.xht-consent-inner {
			align-items: stretch;
			flex-direction: column;
			gap: 13px;
		}
		.xht-consent-actions {
			justify-content: flex-start;
		}
	}
	@media (max-width: 560px) {
		#xht-consent-banner {
			padding: 14px 14px max(14px, env(safe-area-inset-bottom));
		}
		.xht-consent-actions {
			display: grid;
			grid-template-columns: 1fr 1fr;
		}
		.xht-consent-button {
			width: 100%;
			min-width: 0;
		}
		.xht-consent-tertiary {
			grid-column: 1 / -1;
			order: 3;
		}
		.xht-dialog-card {
			padding: 20px 16px;
		}
		.xht-consent-category {
			align-items: flex-start;
		}
		.xht-dialog-actions {
			flex-direction: column;
		}
		.xht-dialog-actions .xht-consent-button {
			width: 100%;
		}
	}
	@media (prefers-reduced-motion: reduce) {
		.xht-consent-button {
			transition: none;
		}
	}

main#main-content.xht-site>.xht-section:not(.xht-section--dark)>.xht-container>p.xht-muted{color:#667386}main#main-content.xht-site>.xht-section.xht-section--dark>.xht-container>:first-child>.xht-eyebrow{color:#f05d69}
:root { --xht-navy-950: #07182c; --xht-navy-900: #0b213d; --xht-navy-800: #123252; --xht-blue-600: #1c5d92; --xht-red-600: #d72638; --xht-red-700: #b91f2f; --xht-slate-900: #17212f; --xht-slate-700: #465568; --xht-slate-500: #6c7888; --xht-slate-300: #cfd7e2; --xht-slate-200: #e2e8f0; --xht-slate-100: #f3f6f9; --xht-white: #ffffff; --xht-success: #17835f; --xht-shadow-sm: 0 8px 24px rgba(7, 24, 44, 0.08); --xht-shadow-md: 0 18px 46px rgba(7, 24, 44, 0.13); --xht-radius-sm: 8px; --xht-radius-md: 14px; --xht-radius-lg: 22px; --xht-container: 1200px; } .page-template-elementor_header_footer .site-content > .ast-container { width: 100%; max-width: none; padding: 0; } .page-template-elementor_header_footer .site-content, .page-template-elementor_header_footer.ast-plain-container #primary { margin: 0; } .xht-site, .xht-site * { box-sizing: border-box; } .xht-site { overflow: hidden; color: var(--xht-slate-900); background: var(--xht-white); font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; font-size: 16px; line-height: 1.65; } .xht-site img { display: block; width: 100%; height: auto; } .xht-site a { color: inherit; text-decoration: none; } .xht-container { width: min(100% - 40px, var(--xht-container)); margin-inline: auto; } .xht-section { padding: 88px 0; } .xht-section--soft { background: var(--xht-slate-100); } .xht-section--dark { color: var(--xht-white); background: var(--xht-navy-950); } .xht-section-head { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.75fr); gap: 44px; align-items: end; margin-bottom: 40px; } .xht-section-head--center { display: block; max-width: 760px; margin: 0 auto 44px; text-align: center; } .xht-eyebrow { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 14px; color: var(--xht-red-600); font-size: 13px; font-weight: 800; letter-spacing: 0.12em; line-height: 1.3; text-transform: uppercase; } .xht-eyebrow::before { width: 28px; height: 2px; background: currentColor; content: ""; } .xht-site h1, .xht-site h2, .xht-site h3, .xht-site p { margin-top: 0; } .xht-site h1, .xht-site h2, .xht-site h3 { color: inherit; font-weight: 800; letter-spacing: -0.025em; line-height: 1.12; } .xht-site h1 { margin-bottom: 22px; font-size: clamp(38px, 5vw, 66px); } .xht-site h2 { margin-bottom: 18px; font-size: clamp(30px, 3.4vw, 46px); } .xht-site h3 { margin-bottom: 12px; font-size: clamp(20px, 2vw, 25px); } .xht-lead { color: var(--xht-slate-700); font-size: clamp(17px, 1.6vw, 20px); line-height: 1.7; } .xht-muted { color: var(--xht-slate-500); } .xht-section--dark .xht-lead, .xht-section--dark .xht-muted { color: #bfccda; } .xht-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; } .xht-btn { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: 10px; padding: 12px 22px; border: 1px solid transparent; border-radius: var(--xht-radius-sm); font-size: 14px; font-weight: 800; letter-spacing: 0.035em; line-height: 1.25; text-align: center; text-transform: uppercase; transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease; } .xht-btn:hover, .xht-btn:focus-visible { transform: translateY(-2px); } .xht-btn:focus-visible, .xht-card-link:focus-visible { outline: 3px solid rgba(215, 38, 56, 0.28); outline-offset: 3px; } .xht-btn--primary { color: var(--xht-white) !important; background: var(--xht-red-600); } .xht-btn--primary:hover, .xht-btn--primary:focus-visible { background: var(--xht-red-700); } .xht-btn--secondary { color: var(--xht-navy-900) !important; border-color: var(--xht-slate-300); background: var(--xht-white); } .xht-btn--ghost { color: var(--xht-white) !important; border-color: rgba(255, 255, 255, 0.38); background: transparent; } .xht-hero { position: relative; color: var(--xht-white); background: radial-gradient(circle at 76% 18%, rgba(28, 93, 146, 0.45), transparent 31%), linear-gradient(118deg, var(--xht-navy-950) 0%, var(--xht-navy-900) 60%, #123b63 100%); } .xht-hero::after { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 42px 42px; pointer-events: none; content: ""; } .xht-hero__inner { position: relative; z-index: 1; display: grid; min-height: 650px; grid-template-columns: minmax(0, 1.05fr) minmax(380px, 0.95fr); gap: 60px; align-items: center; padding: 82px 0 70px; } .xht-hero__copy { max-width: 710px; } .xht-hero h1 { font-size: clamp(38px, 4.65vw, 62px); } .xht-hero .xht-lead { max-width: 690px; color: #d6e1ec; } .xht-visual { position: relative; overflow: hidden; min-height: 420px; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: var(--xht-radius-lg); background: radial-gradient(circle at 50% 38%, rgba(255, 255, 255, .96), rgba(232, 237, 242, .92) 36%, rgba(156, 171, 186, .6) 68%, rgba(11, 33, 61, .55) 100%), var(--xht-slate-200); box-shadow: var(--xht-shadow-md); } .xht-visual::before, .xht-visual::after { position: absolute; border: 22px solid rgba(7, 24, 44, 0.33); border-radius: 30%; content: ""; } .xht-visual::before { width: 230px; height: 230px; top: 20%; left: 20%; transform: rotate(28deg); } .xht-visual::after { width: 135px; height: 135px; right: 12%; bottom: 9%; transform: rotate(-12deg); } .xht-visual__label { position: absolute; z-index: 2; right: 18px; bottom: 18px; left: 18px; padding: 13px 15px; border-radius: var(--xht-radius-sm); color: #dce6ef; background: rgba(7, 24, 44, 0.9); font-size: 13px; line-height: 1.45; } .xht-trust-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid rgba(255, 255, 255, 0.14); border-bottom: 1px solid rgba(255, 255, 255, 0.14); } .xht-trust-strip__item { padding: 20px 18px; border-right: 1px solid rgba(255, 255, 255, 0.14); } .xht-trust-strip__item:last-child { border-right: 0; } .xht-trust-strip strong { display: block; margin-bottom: 3px; color: var(--xht-white); font-size: 15px; } .xht-trust-strip span { color: #aebdcb; font-size: 13px; } .xht-grid { display: grid; gap: 24px; } .xht-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .xht-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .xht-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .xht-card { position: relative; overflow: hidden; border: 1px solid var(--xht-slate-200); border-radius: var(--xht-radius-md); background: var(--xht-white); box-shadow: var(--xht-shadow-sm); transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease; } .xht-card:hover { transform: translateY(-4px); border-color: #aab7c6; box-shadow: var(--xht-shadow-md); } .xht-card__body { padding: 25px; } .xht-card__body p:last-child { margin-bottom: 0; } .xht-card__icon { display: inline-grid; width: 46px; height: 46px; place-items: center; margin-bottom: 20px; border-radius: 12px; color: var(--xht-red-600); background: #fff0f2; font-size: 18px; font-weight: 900; } .xht-card__media { position: relative; display: grid; min-height: 210px; place-items: center; overflow: hidden; border-bottom: 1px solid var(--xht-slate-200); background: radial-gradient(circle, #ffffff 0%, #eef2f6 60%, #dde4eb 100%); } .xht-card__media::before { width: 105px; height: 105px; border: 18px solid #93a2b1; border-radius: 26%; box-shadow: inset 0 0 0 2px #6f7f90, 0 18px 28px rgba(7, 24, 44, .16); transform: rotate(18deg); content: ""; } .xht-card__media-label { position: absolute; right: 12px; bottom: 10px; left: 12px; color: var(--xht-slate-500); font-size: 11px; text-align: center; } .xht-card-link { display: inline-flex; align-items: center; gap: 8px; color: var(--xht-red-600) !important; font-size: 14px; font-weight: 800; } .xht-card-link::after { content: "→"; } .xht-tags { display: flex; flex-wrap: wrap; gap: 7px; margin: 18px 0; padding: 0; list-style: none; } .xht-tags li { padding: 5px 9px; border: 1px solid var(--xht-slate-200); border-radius: 999px; color: var(--xht-slate-700); background: var(--xht-slate-100); font-size: 12px; line-height: 1.3; } .xht-steps { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; counter-reset: xht-step; } .xht-step { position: relative; padding: 28px 24px; border-top: 1px solid var(--xht-slate-300); counter-increment: xht-step; } .xht-step::before { display: grid; width: 40px; height: 40px; place-items: center; margin: -49px 0 20px; border: 6px solid var(--xht-white); border-radius: 50%; color: var(--xht-white); background: var(--xht-red-600); box-sizing: content-box; font-size: 14px; font-weight: 800; content: counter(xht-step, decimal-leading-zero); } .xht-step h3 { font-size: 19px; } .xht-step p { margin-bottom: 0; color: var(--xht-slate-700); font-size: 14px; } .xht-evidence { display: grid; grid-template-columns: 1.1fr .9fr; gap: 24px; } .xht-evidence__large, .xht-evidence__small { position: relative; overflow: hidden; min-height: 260px; border-radius: var(--xht-radius-md); background: linear-gradient(135deg, #cad4de, #f8fafc 55%, #a8b6c4); } .xht-evidence__large { min-height: 544px; } .xht-evidence__stack { display: grid; gap: 24px; } .xht-evidence__caption { position: absolute; right: 0; bottom: 0; left: 0; padding: 24px; color: var(--xht-white); background: linear-gradient(transparent, rgba(7, 24, 44, .92)); } .xht-evidence__caption strong { display: block; font-size: 20px; } .xht-evidence__caption span { color: #d5e0ea; font-size: 13px; } .xht-rfq { display: grid; grid-template-columns: minmax(0, .78fr) minmax(420px, 1.22fr); gap: 46px; align-items: start; } .xht-checklist { margin: 28px 0 0; padding: 0; list-style: none; } .xht-checklist li { position: relative; margin-bottom: 13px; padding-left: 30px; } .xht-checklist li::before { position: absolute; top: .08em; left: 0; color: var(--xht-success); font-weight: 900; content: "✓"; } .xht-form-shell { padding: 30px; border: 1px solid var(--xht-slate-200); border-radius: var(--xht-radius-lg); background: var(--xht-white); box-shadow: var(--xht-shadow-md); } .xht-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } .xht-field--full { grid-column: 1 / -1; } .xht-form-shell label, .xht-site .wpcf7-form label { display: block; margin-bottom: 7px; color: var(--xht-slate-900); font-size: 13px; font-weight: 800; } .xht-form-shell input, .xht-form-shell select, .xht-form-shell textarea, .xht-site .wpcf7-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), .xht-site .wpcf7-form select, .xht-site .wpcf7-form textarea { width: 100%; min-height: 48px; padding: 12px 13px; border: 1px solid var(--xht-slate-300); border-radius: var(--xht-radius-sm); color: var(--xht-slate-900); background: var(--xht-white); font: inherit; } .xht-form-shell textarea, .xht-site .wpcf7-form textarea { min-height: 126px; resize: vertical; } .xht-form-shell input:focus, .xht-form-shell select:focus, .xht-form-shell textarea:focus, .xht-site .wpcf7-form input:focus, .xht-site .wpcf7-form select:focus, .xht-site .wpcf7-form textarea:focus { border-color: var(--xht-blue-600); outline: 3px solid rgba(28, 93, 146, .14); } .xht-form-shell button, .xht-site .wpcf7-form input[type="submit"] { min-height: 50px; padding: 13px 22px; border: 0; border-radius: var(--xht-radius-sm); color: var(--xht-white); background: var(--xht-red-600); font-size: 14px; font-weight: 800; letter-spacing: .035em; text-transform: uppercase; cursor: pointer; } .xht-table-wrap { overflow-x: auto; border: 1px solid var(--xht-slate-200); border-radius: var(--xht-radius-md); } .xht-table { width: 100%; min-width: 620px; border-collapse: collapse; background: var(--xht-white); } .xht-table th, .xht-table td { padding: 14px 16px; border-bottom: 1px solid var(--xht-slate-200); text-align: left; vertical-align: top; } .xht-table th { color: var(--xht-navy-900); background: var(--xht-slate-100); font-size: 13px; font-weight: 800; } .xht-table tr:last-child td { border-bottom: 0; } .xht-note { padding: 18px 20px; border-left: 4px solid var(--xht-red-600); border-radius: 0 var(--xht-radius-sm) var(--xht-radius-sm) 0; color: var(--xht-slate-700); background: #fff4f5; font-size: 14px; } .xht-cta-band { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 30px; align-items: center; padding: 38px 42px; border-radius: var(--xht-radius-lg); color: var(--xht-white); background: linear-gradient(112deg, var(--xht-navy-900), #164c78); } .xht-cta-band h2 { margin-bottom: 8px; font-size: clamp(28px, 3vw, 40px); } .xht-cta-band p { margin-bottom: 0; color: #c9d6e2; } .xht-mobile-actions { display: none; } [dir="rtl"] .xht-eyebrow::before, .rtl .xht-eyebrow::before { order: 2; } [dir="rtl"] .xht-checklist li, .rtl .xht-checklist li { padding-right: 30px; padding-left: 0; } [dir="rtl"] .xht-checklist li::before, .rtl .xht-checklist li::before { right: 0; left: auto; } [dir="rtl"] .xht-table th, [dir="rtl"] .xht-table td, .rtl .xht-table th, .rtl .xht-table td { text-align: right; } @media (max-width: 1024px) { .xht-hero__inner { min-height: auto; grid-template-columns: 1fr 380px; gap: 38px; } .xht-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .xht-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 54px; } } @media (max-width: 820px) { .xht-section { padding: 66px 0; } .xht-hero__inner, .xht-section-head, .xht-rfq, .xht-evidence { grid-template-columns: 1fr; } .xht-hero__inner { padding-top: 68px; } .xht-visual { min-height: 360px; } .xht-trust-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); } .xht-trust-strip__item:nth-child(2) { border-right: 0; } .xht-trust-strip__item:nth-child(-n+2) { border-bottom: 1px solid rgba(255, 255, 255, .14); } .xht-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .xht-cta-band { grid-template-columns: 1fr; } } @media (max-width: 600px) { .xht-container { width: min(100% - 28px, var(--xht-container)); } .xht-section { padding: 54px 0; } .xht-site h1 { font-size: 39px; } .xht-site h2 { font-size: 31px; } .xht-actions, .xht-actions .xht-btn { width: 100%; } .xht-visual { min-height: 300px; } .xht-grid--2, .xht-grid--3, .xht-grid--4, .xht-steps, .xht-form-grid { grid-template-columns: 1fr; } .xht-step { margin-left: 22px; border-top: 0; border-left: 1px solid var(--xht-slate-300); } .xht-step::before { margin: 0 0 18px -51px; } .xht-evidence__large { min-height: 380px; } .xht-rfq { gap: 30px; } .xht-form-shell, .xht-card__body, .xht-cta-band { padding: 24px; } .xht-mobile-actions { position: fixed; z-index: 9999; right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: 1fr 1fr; padding: 8px; gap: 8px; border-top: 1px solid var(--xht-slate-200); background: rgba(255, 255, 255, .97); box-shadow: 0 -8px 26px rgba(7, 24, 44, .12); } .xht-mobile-actions a { display: grid; min-height: 46px; place-items: center; border-radius: var(--xht-radius-sm); color: var(--xht-white) !important; background: var(--xht-red-600); font-size: 13px; font-weight: 800; } .xht-mobile-actions a:last-child { background: #188758; } } @media (prefers-reduced-motion: reduce) { .xht-site *, .xht-site *::before, .xht-site *::after { scroll-behavior: auto !important; transition: none !important; } }
.xht-site .xht-section { padding:72px 0; }
.xht-product-reference { position:relative; display:grid; min-height:560px; place-items:center; overflow:hidden; border:1px solid var(--xht-slate-200); border-radius:var(--xht-radius-md); background:#f7f9fb; box-shadow:var(--xht-shadow-sm); }
.xht-product-reference img { width:100%; height:100%; min-height:560px; padding:24px; object-fit:contain; background:#fff; }
.xht-product-reference__caption { position:absolute; right:0; bottom:0; left:0; padding:42px 22px 20px; color:#fff; background:linear-gradient(transparent,rgba(7,24,44,.92)); }
.xht-product-reference__caption strong { display:block; margin-bottom:3px; font-size:16px; }
.xht-product-reference__caption span { color:#d7e2ec; font-size:12px; line-height:1.5; }
.xht-live-rfq h3 { margin-bottom:10px; color:var(--xht-navy-900); }
.xht-live-rfq p:not(.xht-eyebrow) { color:var(--xht-slate-700); }
.xht-live-rfq .xht-actions { margin-top:22px; }
.xht-card:hover { transform:translateY(-6px); border-color:rgba(215,38,56,.42); }
.xht-card:hover .xht-card__icon { color:#fff; background:var(--xht-red-600); transform:scale(1.04); }
.xht-card__icon { transition:color 180ms ease,background-color 180ms ease,transform 180ms ease; }
.xht-card:hover .xht-card-link::after { transform:translateX(4px); }
.xht-card-link::after { transition:transform 180ms ease; }
.xht-reveal { opacity:0; transform:translateY(18px); }
.xht-reveal.xht-inview { opacity:1; transform:none; transition:opacity 500ms ease,transform 500ms ease,border-color 180ms ease,box-shadow 180ms ease; transition-delay:var(--xht-reveal-delay,0ms); }
.xht-card.xht-reveal.xht-inview:hover { transform:translateY(-6px); transition-delay:0ms; }
@media (max-width:900px) {
  .xht-product-reference,.xht-product-reference img { min-height:420px; }
}
@media (max-width:640px) {
  .xht-site .xht-section { padding:56px 0; }
  .xht-product-reference,.xht-product-reference img { min-height:330px; }
  .xht-product-reference img { padding:14px; }
  .xht-product-reference__caption { padding:36px 16px 15px; }
}</p>
<p>.xht-product-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}
.xht-product-gallery figure{margin:0;border:1px solid var(--xht-slate-200);border-radius:16px;overflow:hidden;background:#fff;box-shadow:var(--xht-shadow-sm)}
.xht-product-gallery img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:#fff}
.xht-product-gallery figcaption{padding:13px 15px;color:var(--xht-slate-700);font-size:14px;line-height:1.45}
@media(max-width:760px){.xht-product-gallery{grid-template-columns:1fr}}

/* XHT dock channel visuals v2 */
.xht-contact-dock .xht-dock-wechat>.xht-dock-action{color:#07a94f}.xht-contact-dock .xht-dock-email{color:#e11d2e}.xht-contact-dock .xht-dock-whatsapp>.xht-dock-action{color:#20b858}.xht-contact-dock .xht-dock-phone{color:#2563eb}
.xht-contact-dock .xht-dock-wechat>.xht-dock-action:hover,.xht-contact-dock .xht-dock-wechat[open]>.xht-dock-action{color:#078a43;background:#ecfdf3}.xht-contact-dock .xht-dock-email:hover,.xht-contact-dock .xht-dock-email:focus-visible{color:#be123c;background:#fff1f2}.xht-contact-dock .xht-dock-whatsapp>.xht-dock-action:hover,.xht-contact-dock .xht-dock-whatsapp[open]>.xht-dock-action{color:#168c45;background:#ecfdf3}.xht-contact-dock .xht-dock-phone:hover,.xht-contact-dock .xht-dock-phone:focus-visible{color:#1d4ed8;background:#eff6ff}
.xht-contact-dock .xht-dock-icon{width:25px;height:25px}.xht-contact-dock .xht-dock-qr-card{overflow:hidden;border-top:3px solid #dbe5ef}.xht-contact-dock .xht-dock-wechat-card{border-top-color:#07a94f}.xht-contact-dock .xht-dock-whatsapp-card{border-top-color:#20b858}
.xht-contact-dock .xht-dock-card-head{display:flex;align-items:center;gap:10px;width:100%;padding:2px 2px 10px;text-align:left;border-bottom:1px solid #e8eef4}.xht-contact-dock .xht-dock-card-badge{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:#ecfdf3;color:#078a43}.xht-contact-dock .xht-dock-card-badge svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.xht-contact-dock .xht-dock-card-copy{display:grid;min-width:0}.xht-contact-dock .xht-dock-card-copy strong{font-size:14px}.xht-contact-dock .xht-dock-card-copy small{font-size:10px;line-height:1.35}.xht-contact-dock .xht-wechat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.xht-contact-dock .xht-wechat-item{padding:10px;border:1px solid #e8eef4;border-radius:14px;background:#f8fafc}.xht-contact-dock .xht-dock-whatsapp-card .xht-dock-card-head{margin-bottom:2px}
.xht-contact-dock .xht-dock-email .xht-dock-tip,.xht-contact-dock .xht-dock-phone .xht-dock-tip{padding:8px 11px;text-align:left}.xht-contact-dock .xht-dock-tip strong,.xht-contact-dock .xht-dock-tip small{display:block}.xht-contact-dock .xht-dock-tip strong{font-size:11px}.xht-contact-dock .xht-dock-tip small{margin-top:2px;color:#dbe7f3;font-size:10px;font-weight:600}
@media(max-width:520px){.xht-contact-dock .xht-dock-wechat-card{width:min(260px,calc(100vw - 72px))!important}.xht-contact-dock .xht-wechat-grid{grid-template-columns:1fr!important}.xht-contact-dock .xht-wechat-item{padding:8px}.xht-contact-dock .xht-dock-card-head{padding-bottom:8px}}

/* XHT dock hover readability v3 */
.xht-contact-dock .xht-dock-tip{min-width:220px;padding:12px 14px!important;border-radius:11px!important;font-size:14px!important;line-height:1.4!important}
.xht-contact-dock .xht-dock-tip strong{font-size:14px!important;line-height:1.3!important}
.xht-contact-dock .xht-dock-tip small{margin-top:4px!important;font-size:13px!important;line-height:1.4!important;font-weight:600}
.xht-contact-dock .xht-dock-card-copy strong,.xht-contact-dock .xht-dock-qr-card>strong{font-size:15px!important;line-height:1.3}
.xht-contact-dock .xht-dock-card-copy small,.xht-contact-dock .xht-dock-qr-card>small{font-size:12px!important;line-height:1.45}
.xht-contact-dock .xht-dock-action,.xht-contact-dock>a{transition:transform .18s ease,background-color .18s ease,color .18s ease}
@media (hover:hover) and (pointer:fine){
.xht-contact-dock .xht-dock-action:hover,.xht-contact-dock>a:hover,.xht-contact-dock .xht-dock-action:focus-visible,.xht-contact-dock>a:focus-visible{transform:scale(1.07)}
.xht-contact-dock .xht-dock-wechat:hover>.xht-dock-qr-card,.xht-contact-dock .xht-dock-whatsapp:hover>.xht-dock-qr-card{display:flex}
.xht-contact-dock .xht-dock-email:hover>.xht-dock-tip,.xht-contact-dock .xht-dock-phone:hover>.xht-dock-tip{display:block}
}
@media(max-width:782px){.xht-contact-dock .xht-dock-tip{display:none!important}}
@media(prefers-reduced-motion:reduce){.xht-contact-dock .xht-dock-action,.xht-contact-dock>a{transition:none!important;transform:none!important}}

/* XHT dock QR hover v4 */
.xht-contact-dock .xht-dock-wechat>.xht-dock-qr-card,.xht-contact-dock .xht-dock-whatsapp>.xht-dock-qr-card{display:none!important}
.xht-contact-dock .xht-dock-wechat:focus-within>.xht-dock-qr-card,.xht-contact-dock .xht-dock-whatsapp:focus-within>.xht-dock-qr-card{display:flex!important}
@media (hover:hover) and (pointer:fine){
.xht-contact-dock .xht-dock-wechat:hover>.xht-dock-qr-card,.xht-contact-dock .xht-dock-whatsapp:hover>.xht-dock-qr-card{display:flex!important}
}

/* XHT dock QR compact v5 */
.xht-contact-dock .xht-dock-wechat-card{width:min(290px,calc(100vw - 76px))!important;max-width:290px!important;padding:12px!important}
.xht-contact-dock .xht-wechat-grid{gap:9px!important}
.xht-contact-dock .xht-wechat-item{padding:7px!important}
.xht-contact-dock .xht-wechat-qr{width:100px!important;margin-bottom:7px!important}
.xht-contact-dock .xht-dock-whatsapp-card{width:min(210px,calc(100vw - 76px))!important;max-width:210px!important;padding:12px!important}
.xht-contact-dock .xht-dock-whatsapp-qr{width:150px!important;max-width:100%!important;height:auto!important}

/* XHT dock native disclosure + contact mobile de-duplication v6 */
.xht-contact-dock details[open]>.xht-dock-qr-card{display:flex!important}
.xht-contact-dock summary.xht-dock-action{list-style:none}
@media(max-width:600px){html[lang^="en"] body.page-id-62 .xht-contact-dock{display:none!important}}

/* XHT dock disclosure state correction v7 */
.xht-contact-dock details:not([open])>.xht-dock-qr-card{display:none!important}
.xht-contact-dock details[open]>.xht-dock-qr-card{display:flex!important}
@media (hover:hover) and (pointer:fine){.xht-contact-dock details:not([open]):hover>.xht-dock-qr-card{display:flex!important}}

/* XHT dock touch-close specificity v8 */
.xht-contact-dock details.xht-dock-wechat:not([open]):focus-within>.xht-dock-qr-card,.xht-contact-dock details.xht-dock-whatsapp:not([open]):focus-within>.xht-dock-qr-card{display:none!important}
@media (hover:hover) and (pointer:fine){.xht-contact-dock details.xht-dock-wechat:not([open]):hover>.xht-dock-qr-card,.xht-contact-dock details.xht-dock-whatsapp:not([open]):hover>.xht-dock-qr-card{display:flex!important}}

/* XHT dock hybrid-pointer hover compatibility v9 */
@media (any-hover:hover){.xht-contact-dock details.xht-dock-wechat:hover>.xht-dock-qr-card,.xht-contact-dock details.xht-dock-whatsapp:hover>.xht-dock-qr-card{display:flex!important}}