/* Five Pillars — vertical stack of full-width cards, no grid equivalent exists in style.css */
.pillars {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

@media (max-width: 640px) {
	.pillars .trust-item {
		flex-direction: column;
	}
}

/* Numbered badge + alternating accent border, matching the source design. */
.pillar {
	border-left: 6px solid var(--p);
}

.pillar--gold {
	border-left-color: var(--s);
}

.pillar__badge {
	flex-shrink: 0;
	width: 64px;
	height: 64px;
	border-radius: 16px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: .25rem;
	background: #12506012;
}

.pillar--gold .pillar__badge {
	background: #bc8d5312;
}

.pillar__icon {
	font-size: 1.4rem;
	line-height: 1;
}

.pillar__num {
	font-size: .65rem;
	font-weight: 800;
	letter-spacing: 1px;
	color: var(--p);
}

.pillar--gold .pillar__num {
	color: var(--s);
}