/* ================================================
	HERO
	================================================ */
.hero-section {
	background: linear-gradient(135deg, var(--color-bg-dark) 0%, var(--color-primary) 60%, var(--color-bg-dark) 100%);
	position: relative;
	overflow: hidden;
	padding: 5rem 0 4rem;
	margin:0;
}

.hero-section::before {
	content: '';
	position: absolute;
	inset: 0;
	background: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M50 50c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10zM10 10c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10S0 25.523 0 20s4.477-10 10-10z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;
	pointer-events: none;
}

.hero-badge {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	background: rgba(232,97,10,.15);
	border: 1px solid rgba(232,97,10,.4);
	color: #ffb07c;
	padding: .35rem .9rem;
	border-radius: var(--radius-pill);
	margin-bottom: 1.25rem;
}

.hero-badge-text {
	font-size: .8rem;
	font-weight: 600;
}

.hero-title {
	font-family: var(--font-display);
	font-size: clamp(2rem, 5vw, 3.2rem);
	font-weight: 700;
	color: #fff;
	line-height: 1.2;
	margin-bottom: 1.25rem;
}

.hero-title b {
	color: #ffb07c;
}

.hero-description {
	font-size: 1.1rem;
	color: rgba(255,255,255,.8);
	line-height: 1.7;
	max-width: 580px;
	margin-bottom: 2rem;
}

.hero-actions {
	display: flex;
	align-items: center;
	gap: 1rem;
	flex-wrap: wrap;
}

.hero-card {
	background: rgba(255,255,255,.08);
	border: 1px solid rgba(255,255,255,.15);
	border-radius: var(--radius-lg);
	backdrop-filter: blur(12px);
	padding: 2rem;
}

.hero-meta-item {
	position: relative;
	display: block;
	padding:0 0 1rem 3.4rem;
	margin:0 0 1rem 0;
	border-bottom: 1px solid rgba(255,255,255,.1);
}
.hero-meta-item:last-child { border-bottom: none; }

.hero-meta-icon {
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 40px;
	background: rgba(232,97,10,.2);
	border-radius: var(--radius-sm);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color-accent-lt);
	font-size: 1.1rem;
	flex-shrink: 0;
}

.hero-meta-label {
	font-size: .75rem;
	color: rgba(255,255,255,.55);
	font-weight: 500;
	display: block;
	margin-bottom: .15rem;
}

.hero-meta-value {
	font-size: .95rem;
	color: #fff;
	font-weight: 600;
}