.vq-hub-hero {
	padding-block: 88px 72px;
	background:
		radial-gradient(circle at 16% 20%, rgba(37,99,235,.14), transparent 30%),
		radial-gradient(circle at 84% 18%, rgba(124,58,237,.12), transparent 26%),
		linear-gradient(180deg,#F8FAFC 0%,#FFFFFF 100%);
	border-bottom:1px solid var(--vq-border);
}
.vq-hub-hero--automation {
	background:
		radial-gradient(circle at 82% 20%, rgba(8,145,178,.15), transparent 28%),
		linear-gradient(180deg,#F8FAFC 0%,#FFFFFF 100%);
}
.vq-hub-hero__inner { max-width:900px; }
.vq-hub-hero h1 {
	margin:16px 0 0;
	font-size:clamp(42px,5.7vw,66px);
	line-height:1.16;
	color:var(--vq-text);
	font-weight:850;
	letter-spacing:-.02em;
}
.vq-hub-hero__lead {
	max-width:820px;
	margin:22px 0 0;
	color:var(--vq-text-secondary);
	font-size:19px;
	line-height:1.95;
}
.vq-path {
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:16px;
	margin-top:34px;
}
.vq-path__step {
	position:relative;
	padding:22px;
	border:1px solid var(--vq-border);
	border-radius:14px;
	background:#fff;
}
.vq-path__step strong {
	display:grid;
	place-items:center;
	width:34px;
	height:34px;
	border-radius:10px;
	background:#EFF6FF;
	color:var(--vq-brand);
}
.vq-path__step h3 { margin:16px 0 0; font-size:19px; }
.vq-path__step p { margin:8px 0 0; color:var(--vq-text-secondary); line-height:1.75; }
.vq-hub-grid {
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:20px;
	margin-top:34px;
}
.vq-hub-card {
	padding:26px;
	border:1px solid var(--vq-border);
	border-radius:16px;
	background:#fff;
	box-shadow:0 8px 26px rgba(15,23,42,.035);
}
.vq-hub-card--ai { border-top:4px solid var(--vq-ai); }
.vq-hub-card--automation { border-top:4px solid var(--vq-automation); }
.vq-hub-card h3 { margin:0; font-size:22px; }
.vq-hub-card p { margin:12px 0 0; color:var(--vq-text-secondary); line-height:1.8; }
.vq-hub-card a {
	display:inline-flex;
	margin-top:18px;
	color:var(--vq-brand);
	font-weight:750;
	text-decoration:none;
}
.vq-principle {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:20px;
	margin-top:32px;
}
.vq-principle > div {
	padding:28px;
	border:1px solid var(--vq-border);
	border-radius:16px;
	background:#fff;
}
.vq-principle strong { display:block; font-size:22px; color:var(--vq-text); }
.vq-principle p { margin:10px 0 0; color:var(--vq-text-secondary); line-height:1.85; }
.vq-hub-callout {
	padding:30px;
	border:1px solid #BFDBFE;
	border-radius:18px;
	background:#EFF6FF;
}
.vq-hub-callout h2 { margin:0; font-size:30px; }
.vq-hub-callout p { margin:12px 0 0; color:#334155; line-height:1.85; }
@media(max-width:920px){
	.vq-path{grid-template-columns:repeat(2,minmax(0,1fr));}
	.vq-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:680px){
	.vq-hub-hero{padding-block:58px 48px;}
	.vq-hub-hero h1{font-size:38px;}
	.vq-path,.vq-hub-grid,.vq-principle{grid-template-columns:1fr;}
}