.hero{
	background:linear-gradient(135deg,var(--vs-dark),#222);
	padding:90px 0;
	color:#fff;
	overflow:hidden;
}

.hero-wrapper{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:70px;
}

.hero-content{
	width:55%;
}

.hero-badge{
	display:inline-block;
	background:var(--vs-primary);
	padding:10px 20px;
	border-radius:30px;
	margin-bottom:20px;
	font-weight:bold;
	font-size:14px;
}

.hero h1{
	font-size:48px;
	line-height:1.45;
	margin-bottom:20px;
}

.hero p{
	font-size:18px;
	color:#ddd;
	line-height:2;
	margin-bottom:30px;
}

.hero-buttons{
	display:flex;
	gap:20px;
	margin-bottom:40px;
	flex-wrap:wrap;
}

.hero-info{
	display:flex;
	gap:45px;
}

.hero-info strong{
	display:block;
	font-size:28px;
	color:var(--vs-primary);
}

.hero-info span{
	color:#ddd;
	font-size:14px;
}

.hero-image{
	width:45%;
	display:flex;
	justify-content:center;
}

.hero-placeholder{
	width:400px;
	height:400px;
	max-width:100%;
	border-radius:30px;
	background:#2b2b2b;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:110px;
	box-shadow:var(--vs-shadow-lg);
}

/* Stats strip, shown right under the hero */
.stats{
	padding:60px 0;
	background:#fff;
}

.stats-grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:25px;
}

.stat-box{
	background:#fff;
	border-radius:var(--vs-radius);
	padding:35px;
	text-align:center;
	box-shadow:var(--vs-shadow);
	transition:var(--vs-transition);
}

.stat-box:hover{
	transform:translateY(-8px);
}

.stat-box h2{
	font-size:38px;
	color:var(--vs-primary);
	margin-bottom:8px;
}

.stat-box span{
	font-size:16px;
	color:var(--vs-text-muted);
}