.ocera-hero{
	position:relative;
	min-height:calc(100vh - 100px);
	background-size:cover;
	background-position:center;
	display:flex;
	align-items:center;
	padding:0 60px;
}
.ocera-hero::before{
	content:"";
	position:absolute;inset:0;
	background:rgba(8,15,32,.45);
	z-index:0;
}
.ocera-hero__content{ position:relative; z-index:1; max-width:620px;color:var(--ocera-white);}
.ocera-hero__tag{
	display:block;
	color:var(--ocera-gold);
	font-size:13px;
	letter-spacing:1px;
	margin-bottom:16px;
}
.ocera-hero__content h1{
	font-size:56px;
	line-height:1.1;
	margin:0 0 20px;
}
.ocera-hero__content h1 em{
	color:var(--ocera-gold);
	font-style:italic;
	font-family:Georgia,serif;
}
.ocera-hero__content p{
	font-size:15px;
	line-height:1.6;
	color:#dfe1e8;
	max-width:460px;
	margin:0 0 28px;
}
.ocera-hero__actions{display:flex;gap:16px;margin-bottom:50px;}
.btn--ghost{background:transparent;color:var(--ocera-white);border:1px solid rgba(255,255,255,.4);}

.ocera-hero__stats{display:flex;gap:50px;}
.ocera-hero__stats strong{
	display:block;
	color:var(--ocera-gold);
	font-size:26px;
}
.ocera-hero__stats span{
	font-size:12px;
	letter-spacing:1px;
	color:#c9ccd6;
	text-transform:uppercase;
}

.ocera-hero__badge{
	position:absolute;
	z-index:1;
	bottom:30px;left:50%;
	transform:translateX(-50%);
	background:rgba(8,15,32,.6);
	border:1px solid var(--ocera-gold);
	color:var(--ocera-white);
	padding:15px 28px;
	border-radius:30px;
	font-size:30px;
	letter-spacing:1px;
	display:flex;
	align-items:center;
	gap:15px;
}
.ocera-hero__badge .dot{
	width:16px;height:16px;
	background:var(--ocera-gold);
	border-radius:50%;
}

.ocera-hero__mobile-img{display:none;}
.ocera-hero__badge-inline{display:none;}

@media (max-width:768px){
	.ocera-hero{
		display:block;
		background-image:none !important;
		background:rgb(8,15,32);
		min-height:auto;
		padding:0;
	}
	.ocera-hero__mobile-img{
		display:block;
		width:100%;
		height:240px;
		object-fit:cover;
	}
	.ocera-hero__content{
		max-width:none;
		padding:30px 20px 40px;
		display:flex;
		flex-direction:column;
		align-items:center;
		text-align:center;
	}
	.ocera-hero__tag{text-align:center;}
	.ocera-hero__badge-inline{
		display:flex;
		align-items:center;
		gap:10px;
		background:rgba(255,255,255,.05);
		border:1px solid var(--ocera-gold);
		color:var(--ocera-white);
		padding:8px 18px;
		border-radius:30px;
		font-size:12px;
		letter-spacing:1px;
		text-transform:uppercase;
		margin:16px 0 24px;
	}
	.ocera-hero__badge-inline .dot{width:8px;height:8px;background:var(--ocera-gold);border-radius:50%;}
	.ocera-hero__badge{display:none;}
	.ocera-hero__content h1{font-size:36px;text-align:center;}
	.ocera-hero__content p{text-align:center;max-width:none;}
	.ocera-hero__actions{flex-direction:column;width:100%;gap:14px;margin-bottom:30px;}
	.ocera-hero__actions .btn{width:100%;}
	.ocera-hero__stats{gap:28px;justify-content:center;text-align:center;}
}