.leonlab-feature-grid-3 {
	position: relative;
}

.leonlab-feature-grid-3__header {
	max-width: 980px;
	margin: 0 auto 16px;
}

.leonlab-feature-grid-3__headline {
	margin: 0 0 6px;
	font-size: var(--leonlab-feature-grid-headline-size, 28px);
	font-weight: 900;
	letter-spacing: -0.02em;
}

.leonlab-feature-grid-3__subheadline {
	margin: 0;
	font-size: var(--leonlab-feature-grid-subheadline-size, 14px);
	opacity: 0.85;
}

.leonlab-feature-grid-3__grid {
	max-width: 1100px;
	margin: 0 auto;
	display: grid;
	gap: 14px;
}

.leonlab-feature-grid-3--cols-2 .leonlab-feature-grid-3__grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.leonlab-feature-grid-3--cols-3 .leonlab-feature-grid-3__grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.leonlab-feature-grid-3--cols-4 .leonlab-feature-grid-3__grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.leonlab-feature-grid-3__card {
	border-radius: 16px;
	border: 1px solid rgba(148, 163, 184, 0.25);
	padding: 16px;
	background: rgba(255,255,255,0.02);
}

.leonlab-feature-grid-3--card-soft .leonlab-feature-grid-3__card {
	background: linear-gradient(135deg, rgba(16,185,129,0.08), rgba(59,130,246,0.06));
}

.leonlab-feature-grid-3--card-solid .leonlab-feature-grid-3__card {
	background: rgba(17, 24, 39, 0.04);
}

.leonlab-feature-grid-3--equalHeight .leonlab-feature-grid-3__card {
	height: 100%;
}

.leonlab-feature-grid-3__iconWrap {
	width: 38px;
	height: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	margin-bottom: 10px;
	background: rgba(16, 185, 129, 0.12);
	border: 1px solid rgba(16, 185, 129, 0.22);
	color: rgba(16, 185, 129, 1);
}

.leonlab-feature-grid-3--icon-outline .leonlab-feature-grid-3__iconWrap {
	background: transparent;
}

.leonlab-feature-grid-3__icon {
	font-size: 18px;
	line-height: 1;
}

.leonlab-feature-grid-3__title {
	margin: 0 0 6px;
	font-size: var(--leonlab-feature-grid-title-size, 16px);
	font-weight: 900;
}

.leonlab-feature-grid-3__text {
	margin: 0;
	font-size: var(--leonlab-feature-grid-text-size, 13px);
	opacity: 0.86;
}

@media (max-width: 960px) {
	.leonlab-feature-grid-3--cols-4 .leonlab-feature-grid-3__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 720px) {
	.leonlab-feature-grid-3__grid {
		grid-template-columns: 1fr !important;
	}
}