.calavent-hub{
	margin:28px 0 34px;
	padding:26px 24px 30px;
	border-radius:24px;
	background:
		radial-gradient(circle at 10% 0%,rgba(255,255,255,.95),transparent 34%),
		linear-gradient(145deg,#fff 0%,#f7fbf8 55%,#fff7f3 100%);
	border:1px solid rgba(0,96,48,.12);
	box-shadow:0 14px 34px rgba(0,0,0,.08);
}

.calavent-hub *{
	box-sizing:border-box;
}

.calavent-hub__head{
	text-align:center;
	max-width:760px;
	margin:0 auto 24px;
}

.calavent-hub__eyebrow{
	display:inline-block;
	margin-bottom:7px;
	font-size:.78rem;
	font-weight:800;
	letter-spacing:.08em;
	text-transform:uppercase;
	color:#087342;
	background:#eaf8f0;
	padding:7px 12px;
	border-radius:999px;
}

.calavent-hub__head h2{
	margin:0 0 8px!important;
	padding:0!important;
	background:none!important;
	color:#18352a!important;
	font-size:clamp(1.55rem,3vw,2.15rem)!important;
	line-height:1.15;
}

.calavent-hub__head p{
	margin:0!important;
	color:#5e6863;
	font-size:1rem;
}

.calavent-hub__grid{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:15px;
	margin:0;
}

.calavent-hub__card{
	position:relative;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	min-height:138px;
	padding:22px 10px 17px;
	border-radius:20px;
	background:#f3f4f3;
	border:1px solid rgba(0,0,0,.04);
	text-decoration:none!important;
	color:#111!important;
	text-align:center;
	overflow:hidden;
	transition:
		transform .22s cubic-bezier(.34,1.56,.64,1),
		box-shadow .22s ease,
		background .22s ease;
}

.calavent-hub__card:before{
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(255,255,255,0));
	pointer-events:none;
}

.calavent-hub__card:hover{
	transform:translateY(-5px);
	box-shadow:0 14px 25px rgba(0,0,0,.12);
	background:#fff;
	color:#087342!important;
}

.calavent-hub__emoji{
	position:relative;
	z-index:1;
	display:flex;
	align-items:center;
	justify-content:center;
	width:66px;
	height:66px;
	margin:-15px auto 8px;
	font-size:46px;
	line-height:1;
	filter:drop-shadow(0 7px 8px rgba(0,0,0,.12));
	transition:transform .22s ease;
}

.calavent-hub__card:hover .calavent-hub__emoji{
	transform:scale(1.1) rotate(-3deg);
}

.calavent-hub__label{
	position:relative;
	z-index:1;
	display:block;
	font-size:.98rem;
	font-weight:800;
	line-height:1.15;
}

.calavent-hub__all{
	display:flex;
	justify-content:center;
	margin-top:22px;
}

.calavent-hub__all a{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	padding:11px 22px;
	border:2px solid #173d2d;
	border-radius:999px;
	color:#173d2d!important;
	font-weight:800;
	text-decoration:none!important;
	background:#fff;
	transition:.2s ease;
}

.calavent-hub__all a:hover{
	background:#173d2d;
	color:#fff!important;
	transform:translateY(-2px);
}

@media(max-width:900px){
	.calavent-hub__grid{
		grid-template-columns:repeat(3,minmax(0,1fr));
	}
}

@media(max-width:650px){
	.calavent-hub{
		padding:22px 14px 25px;
		border-radius:18px;
	}

	.calavent-hub__grid{
		grid-template-columns:repeat(2,minmax(0,1fr));
		gap:11px;
	}

	.calavent-hub__card{
		min-height:120px;
		padding:17px 7px 14px;
		border-radius:16px;
	}

	.calavent-hub__emoji{
		width:55px;
		height:55px;
		font-size:39px;
		margin:-9px auto 7px;
	}

	.calavent-hub__label{
		font-size:.9rem;
	}
}

.calavent-hero-actions{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	margin:18px 0 2px;
}

.calavent-hero-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:44px;
	padding:10px 16px;
	border-radius:999px;
	background:#fff;
	border:1px solid rgba(7,85,70,.22);
	color:#073b32!important;
	font-size:.92rem;
	font-weight:800;
	line-height:1.15;
	text-decoration:none!important;
	box-shadow:0 5px 14px rgba(0,0,0,.06);
	transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}

.calavent-hero-btn:hover{
	transform:translateY(-2px);
	background:#f3faf6;
	box-shadow:0 8px 18px rgba(0,0,0,.10);
}

@media(max-width:650px){
	.calavent-hero-actions{
		display:grid;
		grid-template-columns:1fr;
	}

	.calavent-hero-btn{
		width:100%;
	}
}