/*
 * trust-strip.css — S2, the slim certification band under the hero.
 *
 * A quiet line of proof: pale birch band, one small-caps sentence, then the
 * real third-party marks. The marks keep their own colours — they are
 * certificates, and a greyed-out certificate reads as a dead one. They are
 * sized optically so no single mark dominates.
 */

.trust-strip {
	background: var(--bg-alt);
	border-bottom: 1px solid var(--line);
}

.trust-strip__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--s-8);
	padding-block: var(--s-12);
	text-align: center;
}

.trust-strip__title {
	margin: 0;
	max-width: none; /* the container already caps it; lets the line stay on one row on desktop */
	font-family: var(--font-body);
	font-size: var(--fs-eyebrow);
	font-weight: 600;
	line-height: var(--lh-body);
	letter-spacing: var(--tracking-eyebrow);
	text-transform: uppercase;
	color: var(--muted);
}

.trust-strip__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: var(--s-8) clamp(var(--s-4), 3vw, var(--s-8));
	margin: 0;
	padding: 0;
	/* Capped well inside the container so the marks read as one confident bar
	   rather than five items drifting across a 1240px row. The cap plus the gap
	   above keep all five marks on a single row from 1024px up. */
	max-width: 1000px;
	list-style: none;
}

.trust-strip__item {
	margin: 0;
}

/* Optical sizing: wide wordmarks stay short, square stamps get more height so
   every mark reads at roughly the same visual weight. */
.trust-strip__item--wide .trust-strip__logo {
	height: clamp(46px, 5vw, 60px);
}

.trust-strip__item--tall .trust-strip__logo {
	height: clamp(74px, 8vw, 96px);
}

.trust-strip__logo {
	width: auto;
	object-fit: contain;
}