.hero-section {
	background: linear-gradient(135deg, var(--primary-bg-color) 0%, var(--secondary-white) 100%);
	position: relative;
	overflow: hidden;
}

.hero-blob {
	position: absolute;
	top: -50px;
	right: -50px;
	width: 300px;
	height: 300px;
	background: rgba(4, 0, 25, 0.08);
	border-radius: 50%;
	z-index: 0;
}

.hero-content {
	position: relative;
	z-index: 1;
}

.hero-title {
	line-height: 1.2;
}

.hero-qr-container {
	box-shadow: 0 10px 40px rgba(15, 23, 42, 0.1);
	position: relative;
	z-index: 1;
}

.feature-icon {
	font-size: 2.5rem;
	margin-bottom: 0.75rem;
}

.team-icon,
.note-icon {
	font-size: 2rem;
	margin-bottom: 0.75rem;
}

.feature-icon,
.team-icon,
.note-icon {
	color: var(--primary);
}

.hs-icon {
	color: var(--hubspot-primary-color);
}

.benefit-check {
	color: var(--positive-green);
	font-weight: bold;
	font-size: 1.5rem;
}

.chart-icon {
	color: var(--primary);
	font-size: 5rem;
}

.emoji {
	font-size: 6rem;
	color: var(--primary);
}