/**
 * Trust Strip — light band of short trust claims. Typography via utilities.
 */

.flexible-section.trust-strip {
	background: var(--color-bg);
	border-top: 1px solid var(--color-border);
	padding-inline: var(--section-pad-x);
	/*
	 * The mockups' `.res-trust` is `padding: 60px 72px` — identical in all ELEVEN
	 * mockups that carry the strip — so the calibrated target is 60 × 1.25 = 75px
	 * block, 90px inline. Without this the section fell back to
	 * `.flexible-section`'s `--section-pad-y` (100px at the ceiling) and was 25px
	 * too tall on each edge. The inline 90px already matches `--section-pad-x`,
	 * so only the block axis is declared here.
	 *
	 * Clamp built with the file's standard formula, min scaled by the same 0.44
	 * ratio the `--section-pad-y` token uses (44/100): min 33, A = (75-33)/12.4,
	 * B = 33 - 42 × 0.290322.
	 */
	padding-block: clamp(33px, 3.39vw + 20.81px, 75px);
}

.trust-strip-in {
	max-width: 1250px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: clamp(18px, 1vw + 12px, 30px);
}

.trust-pill {
	display: flex;
	align-items: center;
	gap: 12px;
	justify-content: center;
}

.trust-pill .d {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--color-gold2);
	flex-shrink: 0;
}

@media (max-width: 700px) {
	.trust-strip-in { grid-template-columns: 1fr; gap: 16px; }
	.trust-pill { justify-content: flex-start; }
}