.demo-hero-panel {
	background: #ffffff;
	border: 1px solid #eef0f4;
	border-radius: 1.25rem;
	box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 12px 32px -8px rgba(16, 24, 40, 0.06);
}

.demo-kicker {
	color: #6366f1;
	letter-spacing: 0.06em;
	font-size: 0.75rem;
	font-weight: 600;	
}

.demo-heading {
	color: #14152b;
	letter-spacing: -0.02em;
}

.demo-subtext {
	color: #667085;
	max-width: 34rem;
	margin-left: auto;
	margin-right: auto;
}

.btn-demo-primary {
	background: #4338ca;
	color: #ffffff;
	font-weight: 600;
	border: none;
	box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05), 0 6px 16px -4px rgba(67, 56, 202, 0.35);
	transition: background-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
	text-decoration: none;
}

	.btn-demo-primary:hover {
		background: #372dae;
		box-shadow: 0 6px 20px -4px rgba(67, 56, 202, 0.45);
		transform: translateY(-1px);
		color: #ffffff;
	}

.trust-strip span {
	color: #667085;
	font-size: 0.8rem;
}

.trust-strip i {
	color: #4338ca;
}

.demo-feature-row {
	border-bottom: 1px solid #f0f1f5;
}

	.demo-feature-row:last-child {
		border-bottom: none;
	}

	.demo-feature-row .h6 {
		color: #14152b;
	}

.demo-icon-wrapper {
	width: 38px;
	height: 38px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.05rem;
	background: #f5f4ff;
	color: #4338ca;
}

.limitations-note {
	background: #fafafc;
	border-radius: 0.75rem;
}