/**
 * TSD Trust Pillars v1.1 — Golden Trust Stage
 * Distinct from Clients Marquee (no square grid / mist).
 * Scoped under .tsd-trust-pillars (Avada-safe).
 */

.tsd-trust-pillars {
	--tp-ink: #0a1c22;
	--tp-muted: #5a6f76;
	--tp-accent: #0d5560;
	--tp-accent-2: #083d46;
	--tp-gold: #b8922e;
	--tp-gold-bright: #e8c65a;
	--tp-lime: #c8f135;
	--tp-card: #ffffff;
	--tp-line: rgba(11, 61, 74, 0.1);
	--tp-radius: 1.35rem;
	--tp-pad: clamp(2.75rem, 6.5vw, 5rem);

	position: relative;
	isolation: isolate;
	overflow: hidden;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding-block: var(--tp-pad);
	color: var(--tp-ink);
	/* Mostly white bridge between slider + clients marquee */
	background-color: #ffffff;
	background-image:
		linear-gradient(180deg, #ffffff 0%, #fbfbfc 48%, #ffffff 100%);
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	text-align: center !important;
}

.tsd-trust-pillars *,
.tsd-trust-pillars *::before,
.tsd-trust-pillars *::after {
	box-sizing: border-box;
}

.tsd-trust-pillars.tsd-trust-pillars--bleed {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
}

/* —— Soft white bokeh (not marquee grid; low chroma) —— */
.tsd-trust-pillars__aurora {
	position: absolute;
	inset: -10% -5%;
	z-index: 0;
	pointer-events: none;
	background:
		radial-gradient(ellipse 55% 45% at 18% 12%, rgba(15, 92, 104, 0.035), transparent 58%),
		radial-gradient(ellipse 50% 42% at 88% 18%, rgba(184, 146, 46, 0.05), transparent 60%),
		radial-gradient(ellipse 60% 50% at 72% 88%, rgba(15, 92, 104, 0.03), transparent 62%),
		radial-gradient(ellipse 48% 40% at 8% 78%, rgba(148, 163, 184, 0.06), transparent 55%);
	filter: none;
	opacity: 0.9;
}

.tsd-trust-pillars__orb {
	position: absolute;
	z-index: 0;
	pointer-events: none;
	border-radius: 50%;
	filter: blur(28px);
}

.tsd-trust-pillars__orb--a {
	width: min(52vw, 28rem);
	height: min(52vw, 28rem);
	top: -14%;
	right: -8%;
	background: radial-gradient(circle at 40% 40%, rgba(226, 232, 240, 0.7), rgba(241, 245, 249, 0.25) 48%, transparent 72%);
	animation: tsd-tp-drift 18s ease-in-out infinite alternate;
}

.tsd-trust-pillars__orb--b {
	width: min(44vw, 22rem);
	height: min(44vw, 22rem);
	bottom: -10%;
	left: -10%;
	background: radial-gradient(circle at 55% 45%, rgba(226, 232, 240, 0.55), rgba(248, 250, 252, 0.2) 50%, transparent 72%);
	animation: tsd-tp-drift 22s ease-in-out infinite alternate-reverse;
}

.tsd-trust-pillars__orb--c {
	width: min(30vw, 14rem);
	height: min(30vw, 14rem);
	top: 42%;
	left: 46%;
	background: radial-gradient(circle, rgba(241, 245, 249, 0.65), transparent 68%);
	animation: tsd-tp-pulse 10s ease-in-out infinite;
}

.tsd-trust-pillars__rings {
	position: absolute;
	z-index: 0;
	pointer-events: none;
	width: min(90vw, 46rem);
	height: min(90vw, 46rem);
	left: 50%;
	top: 58%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background:
		repeating-radial-gradient(
			circle at center,
			transparent 0,
			transparent 38px,
			rgba(148, 163, 184, 0.07) 38px,
			rgba(148, 163, 184, 0.07) 39px,
			transparent 40px,
			transparent 72px
		);
	-webkit-mask-image: radial-gradient(circle, #000 20%, transparent 72%);
	mask-image: radial-gradient(circle, #000 20%, transparent 72%);
	opacity: 0.45;
}

.tsd-trust-pillars__beam {
	position: absolute;
	z-index: 0;
	pointer-events: none;
	left: 50%;
	top: 0;
	width: min(70vw, 36rem);
	height: 55%;
	transform: translateX(-50%);
	background: linear-gradient(
		180deg,
		rgba(255, 255, 255, 0.85) 0%,
		rgba(248, 250, 252, 0.35) 35%,
		transparent 100%
	);
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 28%, #000 72%, transparent);
	mask-image: linear-gradient(90deg, transparent, #000 28%, #000 72%, transparent);
}

@keyframes tsd-tp-drift {
	from { transform: translate(0, 0) scale(1); }
	to { transform: translate(-3%, 4%) scale(1.06); }
}

@keyframes tsd-tp-pulse {
	0%, 100% { opacity: 0.55; transform: scale(1); }
	50% { opacity: 0.9; transform: scale(1.12); }
}

/* —— Content shell —— */
.tsd-trust-pillars__inner {
	position: relative;
	z-index: 1;
	width: min(100% - 2rem, 72rem);
	margin-inline: auto;
	padding-inline: 1rem;
}

.tsd-trust-pillars__intro {
	max-width: 46rem;
	margin: 0 auto 1.35rem;
	text-align: center !important;
}

.tsd-trust-pillars__eyebrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.55rem;
	margin: 0;
	padding: 0.42rem 1.05rem 0.42rem 0.85rem;
	border-radius: 999px;
	border: 1px solid rgba(184, 146, 46, 0.35);
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(255, 248, 230, 0.78));
	color: #8a6a18;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	line-height: 1.3;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.9) inset,
		0 10px 28px -18px rgba(184, 146, 46, 0.55);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}

.tsd-trust-pillars__eyebrow-dot {
	width: 0.45rem;
	height: 0.45rem;
	border-radius: 50%;
	background: radial-gradient(circle at 30% 30%, #f5e08a, #b8922e 70%);
	box-shadow: 0 0 0 3px rgba(184, 146, 46, 0.18);
	flex: none;
}

.tsd-trust-pillars__title {
	margin: 1.05rem 0 0;
	font-size: clamp(1.65rem, 3.4vw, 2.65rem);
	line-height: 1.18;
	letter-spacing: -0.025em;
	font-weight: 800;
	color: var(--tp-ink);
	text-wrap: balance;
	text-align: center !important;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.45);
}

.tsd-trust-pillars__rule {
	display: block;
	width: 4.5rem;
	height: 3px;
	margin: 0.95rem auto 0;
	border-radius: 999px;
	background: linear-gradient(90deg, transparent, #b8922e 20%, #e8c65a 50%, #0d5560 80%, transparent);
}

.tsd-trust-pillars__lede {
	display: block !important;
	margin: 0.95rem auto 0 !important;
	max-width: 38rem !important;
	width: 100% !important;
	color: var(--tp-muted);
	font-size: clamp(0.95rem, 1.35vw, 1.1rem);
	line-height: 1.72;
	text-align: center !important;
}

/* —— Unified metric command bar —— */
.tsd-trust-pillars__metrics {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: center;
	gap: 0;
	margin: 0 auto 1.75rem;
	max-width: 48rem;
	padding: 0.35rem;
	border-radius: 1.15rem;
	border: 1px solid rgba(226, 232, 240, 0.95);
	background:
		linear-gradient(165deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.9));
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 1) inset,
		0 14px 32px -24px rgba(15, 23, 42, 0.16);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
}

.tsd-trust-pillars__metric {
	flex: 1 1 100px;
	min-width: 90px;
	padding: 0.9rem 0.75rem 0.95rem;
}

.tsd-trust-pillars__metric-divider {
	flex: none;
	width: 1px;
	align-self: stretch;
	margin: 0.55rem 0;
	background: linear-gradient(
		180deg,
		transparent,
		rgba(184, 146, 46, 0.35) 20%,
		rgba(13, 85, 96, 0.25) 80%,
		transparent
	);
}

.tsd-trust-pillars__metric-value {
	display: block;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
	font-size: clamp(1.3rem, 2.3vw, 1.55rem) !important;
	font-weight: 800 !important;
	letter-spacing: -0.025em;
	color: #0d5560;
	line-height: 1.1 !important;
	background: linear-gradient(135deg, #0a4a54, #0f6b78);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.tsd-trust-pillars__metric-label {
	display: block;
	margin-top: 0.35rem;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.11em;
	text-transform: uppercase;
	color: #64748b;
}

/* —— Elevated stage for cards —— */
.tsd-trust-pillars__stage {
	position: relative;
	padding: 1.15rem;
	border-radius: 1.6rem;
	border: 1px solid rgba(226, 232, 240, 0.9);
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 250, 252, 0.75));
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 1) inset,
		0 22px 48px -36px rgba(15, 23, 42, 0.18);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	overflow: hidden;
}

.tsd-trust-pillars__stage-shine {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		radial-gradient(ellipse 70% 40% at 50% -10%, rgba(226, 232, 240, 0.45), transparent 55%),
		linear-gradient(135deg, rgba(255, 255, 255, 0.5), transparent 40%);
	opacity: 0.85;
}

.tsd-trust-pillars__grid {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
	align-items: stretch;
}

@media (min-width: 768px) {
	.tsd-trust-pillars__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 1.1rem;
	}
}

.tsd-trust-pillars__card {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	min-width: 0;
	height: 100%;
	padding: 1.4rem 1.2rem 1.5rem;
	border-radius: var(--tp-radius);
	border: 1px solid rgba(13, 85, 96, 0.1);
	background:
		linear-gradient(165deg, #ffffff 0%, #fbfaf7 100%);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 1) inset,
		0 16px 36px -22px rgba(10, 28, 34, 0.42);
	text-align: center;
	transition:
		transform 0.28s ease,
		box-shadow 0.28s ease,
		border-color 0.28s ease;
}

.tsd-trust-pillars__card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 12%;
	right: 12%;
	height: 3px;
	border-radius: 0 0 6px 6px;
	background: linear-gradient(90deg, #0d5560, #e8c65a, #b8922e);
	opacity: 0.85;
}

.tsd-trust-pillars__card:hover {
	transform: translateY(-6px);
	border-color: rgba(184, 146, 46, 0.4);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 1) inset,
		0 26px 48px -22px rgba(13, 85, 96, 0.38);
}

.tsd-trust-pillars__media {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 11.5rem;
	aspect-ratio: 420 / 372;
	margin: 0.35rem auto 0.9rem;
	padding: 0.6rem;
	border-radius: 1.15rem;
	background:
		radial-gradient(circle at 50% 25%, rgba(232, 198, 90, 0.28), transparent 55%),
		radial-gradient(circle at 70% 80%, rgba(13, 85, 96, 0.1), transparent 50%),
		linear-gradient(160deg, #f7f3ea, #e8f1ef);
	border: 1px solid rgba(184, 146, 46, 0.14);
	box-shadow: 0 8px 20px -14px rgba(10, 28, 34, 0.3);
}

.tsd-trust-pillars__media img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
	object-fit: contain;
	filter: drop-shadow(0 12px 20px rgba(10, 28, 34, 0.2));
}

.tsd-trust-pillars__kicker {
	margin: 0 0 0.35rem;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.11em;
	text-transform: uppercase;
	color: #9a7a28;
}

.tsd-trust-pillars__card-title,
.tsd-trust-pillars h3.tsd-trust-pillars__card-title,
.tsd-trust-pillars .tsd-trust-pillars__card-title.fusion-responsive-typography-calculated {
	margin: 0 !important;
	/* Beat Avada responsive typography (was forcing ~36px) */
	font-size: 1.05rem !important;
	line-height: 1.4 !important;
	letter-spacing: -0.015em;
	font-weight: 800 !important;
	color: var(--tp-ink);
	text-wrap: balance;
	--fontSize: 16.8 !important;
}

.tsd-trust-pillars__card-body {
	margin: 0.35rem 0 1rem !important;
	flex: 1 1 auto;
	color: var(--tp-muted);
	font-size: 0.94rem;
	line-height: 1.7;
}

.tsd-trust-pillars__more {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	margin-top: auto;
	padding: 0.15rem 0;
	color: var(--tp-accent);
	font-size: 0.92rem;
	font-weight: 700;
	text-decoration: none;
	border-bottom: 1px solid rgba(13, 85, 96, 0.35);
	transition:
		color 0.2s ease,
		gap 0.2s ease,
		border-color 0.2s ease;
}

.tsd-trust-pillars__more:hover,
.tsd-trust-pillars__more:focus {
	color: var(--tp-accent-2);
	gap: 0.55rem;
	border-bottom-color: rgba(8, 61, 70, 0.55);
	text-decoration: none;
}

.tsd-trust-pillars__more-icon {
	flex: none;
	transition: transform 0.2s ease;
}

.tsd-trust-pillars__more:hover .tsd-trust-pillars__more-icon {
	transform: translate(2px, -2px);
}

/* —— Dark theme —— */
.tsd-trust-pillars--dark {
	--tp-ink: #f4f7fb;
	--tp-muted: #9aa3b5;
	--tp-accent: #3de0f5;
	--tp-accent-2: #7aeffa;
	--tp-card: rgba(255, 255, 255, 0.06);
	background-color: #061018;
	background-image:
		linear-gradient(145deg, #040c12 0%, #071820 45%, #0a1a22 100%);
	color: var(--tp-ink);
}

.tsd-trust-pillars--dark .tsd-trust-pillars__aurora {
	background:
		radial-gradient(ellipse 55% 45% at 18% 12%, rgba(200, 241, 53, 0.14), transparent 58%),
		radial-gradient(ellipse 50% 42% at 88% 18%, rgba(232, 198, 90, 0.18), transparent 60%),
		radial-gradient(ellipse 60% 50% at 72% 88%, rgba(61, 224, 245, 0.14), transparent 62%),
		radial-gradient(ellipse 48% 40% at 8% 78%, rgba(13, 85, 96, 0.35), transparent 55%);
}

.tsd-trust-pillars--dark .tsd-trust-pillars__orb--a {
	background: radial-gradient(circle at 40% 40%, rgba(232, 198, 90, 0.32), rgba(184, 146, 46, 0.08) 48%, transparent 70%);
}

.tsd-trust-pillars--dark .tsd-trust-pillars__orb--b {
	background: radial-gradient(circle at 55% 45%, rgba(61, 224, 245, 0.22), rgba(13, 85, 96, 0.08) 50%, transparent 72%);
}

.tsd-trust-pillars--dark .tsd-trust-pillars__rings {
	background:
		repeating-radial-gradient(
			circle at center,
			transparent 0,
			transparent 38px,
			rgba(232, 198, 90, 0.12) 38px,
			rgba(232, 198, 90, 0.12) 39px,
			transparent 40px,
			transparent 72px
		);
}

.tsd-trust-pillars--dark .tsd-trust-pillars__beam {
	background: linear-gradient(
		180deg,
		rgba(61, 224, 245, 0.12) 0%,
		rgba(232, 198, 90, 0.06) 35%,
		transparent 100%
	);
}

.tsd-trust-pillars--dark .tsd-trust-pillars__eyebrow {
	border-color: rgba(232, 198, 90, 0.3);
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(7, 24, 32, 0.7));
	color: #e8c65a;
	box-shadow: 0 10px 28px -18px rgba(0, 0, 0, 0.7);
}

.tsd-trust-pillars--dark .tsd-trust-pillars__title {
	color: #ffffff;
	text-shadow: 0 2px 24px rgba(61, 224, 245, 0.15);
}

.tsd-trust-pillars--dark .tsd-trust-pillars__metrics {
	border-color: rgba(255, 255, 255, 0.1);
	background: linear-gradient(165deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03));
	box-shadow: 0 18px 40px -24px rgba(0, 0, 0, 0.7);
}

.tsd-trust-pillars--dark .tsd-trust-pillars__metric-divider {
	background: linear-gradient(
		180deg,
		transparent,
		rgba(232, 198, 90, 0.35) 20%,
		rgba(61, 224, 245, 0.25) 80%,
		transparent
	);
}

.tsd-trust-pillars--dark .tsd-trust-pillars__metric-value {
	background: linear-gradient(135deg, #3de0f5, #7aeffa);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.tsd-trust-pillars--dark .tsd-trust-pillars__metric-label {
	color: #94a3b8;
}

.tsd-trust-pillars--dark .tsd-trust-pillars__stage {
	border-color: rgba(255, 255, 255, 0.08);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02));
	box-shadow: 0 28px 60px -36px rgba(0, 0, 0, 0.75);
}

.tsd-trust-pillars--dark .tsd-trust-pillars__card {
	border-color: rgba(255, 255, 255, 0.1);
	background: linear-gradient(165deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.03));
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.06),
		0 18px 40px -28px rgba(0, 0, 0, 0.75);
}

.tsd-trust-pillars--dark .tsd-trust-pillars__card:hover {
	border-color: rgba(232, 198, 90, 0.4);
}

.tsd-trust-pillars--dark .tsd-trust-pillars__media {
	background:
		radial-gradient(circle at 50% 25%, rgba(232, 198, 90, 0.16), transparent 55%),
		radial-gradient(circle at 70% 80%, rgba(61, 224, 245, 0.1), transparent 50%),
		linear-gradient(160deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03));
	border-color: rgba(255, 255, 255, 0.08);
}

.tsd-trust-pillars--dark .tsd-trust-pillars__kicker {
	color: #e0c35a;
}

.tsd-trust-pillars--dark .tsd-trust-pillars__card-title {
	color: #ffffff;
}

.tsd-trust-pillars--dark .tsd-trust-pillars__more {
	color: #3de0f5;
	border-bottom-color: rgba(61, 224, 245, 0.4);
}

.tsd-trust-pillars--dark .tsd-trust-pillars__more:hover,
.tsd-trust-pillars--dark .tsd-trust-pillars__more:focus {
	color: #7aeffa;
}

/* Reveal */
.tsd-trust-pillars__card.is-in {
	animation: tsd-tp-rise 0.55s ease both;
	animation-delay: calc(var(--pillar-i, 0) * 0.08s);
}

@keyframes tsd-tp-rise {
	from {
		opacity: 0;
		transform: translateY(16px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (prefers-reduced-motion: reduce) {
	.tsd-trust-pillars__card,
	.tsd-trust-pillars__card.is-in,
	.tsd-trust-pillars__card:hover,
	.tsd-trust-pillars__orb--a,
	.tsd-trust-pillars__orb--b,
	.tsd-trust-pillars__orb--c {
		animation: none;
		transform: none;
		transition: none;
	}
}

@media (hover: none) {
	.tsd-trust-pillars__card:hover {
		transform: none;
	}
}

/* Mobile ship overrides — last */
@media (max-width: 767px) {
	.tsd-trust-pillars {
		padding-block: clamp(2.25rem, 6vh, 3.35rem);
	}

	.tsd-trust-pillars.tsd-trust-pillars--bleed {
		width: 100vw !important;
		max-width: 100vw !important;
		margin-left: calc(50% - 50vw) !important;
		margin-right: calc(50% - 50vw) !important;
	}

	.tsd-trust-pillars__inner {
		width: 100%;
		padding-inline: 16px;
	}

	.tsd-trust-pillars__rings {
		opacity: 0.55;
		width: 120vw;
		height: 120vw;
	}

	.tsd-trust-pillars__eyebrow {
		letter-spacing: 0.08em;
		font-size: 0.64rem;
		max-width: 100%;
	}

	.tsd-trust-pillars__title {
		font-size: clamp(1.4rem, 6.4vw, 1.75rem);
		line-height: 1.28;
		overflow-wrap: anywhere;
	}

	.tsd-trust-pillars__lede {
		font-size: 0.92rem;
		line-height: 1.7;
	}

	.tsd-trust-pillars__metrics {
		margin-bottom: 1.25rem;
		padding: 0.25rem;
	}

	.tsd-trust-pillars__metric {
		flex: 1 1 calc(50% - 1px);
		min-width: 0;
		padding: 0.7rem 0.45rem;
	}

	.tsd-trust-pillars__metric-divider {
		display: none;
	}

	.tsd-trust-pillars__metric:nth-child(odd) {
		border-right: 1px solid rgba(184, 146, 46, 0.18);
	}

	.tsd-trust-pillars__metric:nth-child(-n+3) {
		border-bottom: 1px solid rgba(184, 146, 46, 0.12);
	}

	.tsd-trust-pillars--dark .tsd-trust-pillars__metric:nth-child(odd) {
		border-right-color: rgba(255, 255, 255, 0.1);
	}

	.tsd-trust-pillars--dark .tsd-trust-pillars__metric:nth-child(-n+3) {
		border-bottom-color: rgba(255, 255, 255, 0.08);
	}

	.tsd-trust-pillars__stage {
		padding: 0.75rem;
		border-radius: 1.25rem;
	}

	.tsd-trust-pillars__grid {
		gap: 0.85rem;
	}

	.tsd-trust-pillars__card {
		padding: 1.15rem 1rem 1.25rem;
	}

	.tsd-trust-pillars__card-title,
	.tsd-trust-pillars h3.tsd-trust-pillars__card-title {
		font-size: 1rem !important;
		line-height: 1.4 !important;
		--fontSize: 16 !important;
	}

	.tsd-trust-pillars__media {
		max-width: 9.5rem;
	}
}