.webina-widget {
	padding: 1.5rem 0;
}

.webina-widget__heading {
	font-size: clamp(1.75rem, 3vw, 2.75rem);
	margin: 0 0 0.75rem;
	color: var(--webina-text, #fafafa);
}

.webina-widget__desc {
	color: var(--webina-muted, #a1a1aa);
	max-width: 60ch;
}

.webina-widget--hero-cinematic {
	min-height: 60vh;
	display: grid;
	align-items: center;
	background: linear-gradient(135deg, var(--webina-primary, #0a0a0b), var(--webina-secondary, #18181b));
	padding: 4rem 1.5rem;
}

.webina-widget--cta-fullbleed {
	background: linear-gradient(90deg, var(--webina-accent, #c9a227), #e8c547);
	color: var(--webina-primary, #0a0a0b);
	padding: 3rem 1.5rem;
	text-align: center;
}

.webina-widget--bento-grid .webina-bento {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 1rem;
}

.webina-bento__item {
	background: var(--webina-surface, #141416);
	border-radius: 12px;
	padding: 1.25rem;
	border: 1px solid rgba(255, 255, 255, 0.06);
}

.webina-stats {
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem;
}

.webina-stats__item strong {
	display: block;
	font-size: 1.75rem;
	color: var(--webina-accent, #c9a227);
}

.webina-faq details {
	background: var(--webina-surface, #141416);
	border-radius: 8px;
	padding: 1rem;
	margin-bottom: 0.75rem;
}

.webina-portfolio-filter {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-bottom: 1.5rem;
}

.webina-portfolio-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 1rem;
}

.webina-logo-marquee {
	display: flex;
	gap: 2rem;
	overflow: hidden;
	opacity: 0.85;
}

.webina-logo-marquee span {
	padding: 0.5rem 1rem;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 999px;
}