/**
 * Homepage section styles — stat pills, CTA buttons, FAQ chevron
 */

.dab-home-stat-pill {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	padding: 0.375rem 0.875rem;
	border-radius: 9999px;
	font-size: 0.8125rem;
	font-weight: 600;
	background: rgb(37 99 235 / 0.1);
	color: rgb(29 78 216 / 1);
	border: 1px solid rgb(37 99 235 / 0.15);
}

.dab-home-cta-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.875rem 1.5rem 0.875rem 1.75rem;
	border-radius: 9999px;
	font-size: 0.9375rem;
	font-weight: 600;
	color: #fff;
	background: linear-gradient(to right, rgb(37 99 235), rgb(29 78 216));
	transition: background 0.2s ease, opacity 0.2s ease;
	text-decoration: none;
}

.dab-home-cta-btn:hover {
	background: linear-gradient(to right, rgb(29 78 216), rgb(30 64 175));
	color: #fff;
}

.dab-home-cta-btn__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	border-radius: 9999px;
	background: rgb(255 255 255 / 0.2);
	transition: transform 0.25s ease;
}

.dab-home-cta-btn:hover .dab-home-cta-btn__icon {
	transform: rotate(0deg);
}

details[open] > summary .faq-chevron {
	transform: rotate(180deg);
}

details > summary .faq-chevron {
	transition: transform 0.2s ease;
}