/* Hero & VS Battle Card */
.inzc-vs-hero {
	background: #07080f;
	background-image: radial-gradient(circle at 50% 0%, rgba(var(--inzc-color-primary-rgb, 85, 81, 233), 0.2), transparent 70%);
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	padding: calc(var(--inzc-nav-height, 70px) + 60px) 0 var(--inzc-section-pad-bottom, 80px) 0;
}
.inzc-vs-hero__container {
	max-width: 1080px;
	margin: 0 auto;
	text-align: center;
}
.inzc-vs-hero__eyebrow {
	background: rgba(255, 255, 255, 0.06);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border: 1px solid rgba(255, 255, 255, 0.14);
	color: #c4b5fd;
	font-size: 0.78rem;
	font-weight: var(--inzc-font-weight-bold, 700);
	padding: 6px 16px;
	border-radius: var(--inzc-radius-md, 8px);
	text-transform: uppercase;
	letter-spacing: 0.08em;
	display: inline-block;
	margin-bottom: 1.25rem;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}
.inzc-vs-hero__heading {
	font-size: 2.8rem;
	font-weight: var(--inzc-font-weight-extrabold, 800);
	color: var(--inzc-color-text-white, #ffffff);
	margin-bottom: 1rem;
	line-height: 1.2;
}
.inzc-vs-hero__sub {
	font-size: 1.15rem;
	color: #94a3b8;
	max-width: 760px;
	margin: 0 auto 2rem auto;
	line-height: 1.6;
}
.inzc-vs-hero__actions {
	display: flex;
	gap: 1rem;
	justify-content: center;
	margin-bottom: 2.5rem;
}
.inzc-vs-battle-card {
	background: rgba(14, 16, 32, 0.85);
	border: 1px solid rgba(var(--inzc-color-primary-rgb, 85, 81, 233), 0.3);
	border-radius: var(--inzc-radius-lg, 12px);
	padding: 1.5rem 2rem;
	backdrop-filter: blur(12px);
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	gap: 1.5rem;
	align-items: center;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}
.inzc-vs-battle-side {
	display: flex;
	align-items: center;
	gap: 1rem;
}
.inzc-vs-battle-side--left { text-align: left; }
.inzc-vs-battle-side--right { text-align: right; justify-content: flex-end; }
.inzc-vs-battle-icon {
	width: 44px;
	height: 44px;
	border-radius: var(--inzc-radius-lg, 12px);
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: var(--inzc-font-weight-bold, 700);
	font-size: 1.25rem;
	flex-shrink: 0;
}
.inzc-vs-battle-icon--check {
	background: var(--inzc-color-success-bg, rgba(46, 213, 115, 0.12));
	border: 1px solid rgba(var(--inzc-color-success-rgb, 46, 213, 115), 0.3);
	color: var(--inzc-color-success, #2ed573);
}
.inzc-vs-battle-icon--cross {
	background: rgba(239, 68, 68, 0.15);
	border: 1px solid rgba(239, 68, 68, 0.3);
	color: #ef4444;
}
.inzc-vs-battle-tag {
	font-size: 0.72rem;
	font-weight: var(--inzc-font-weight-bold, 700);
	letter-spacing: 0.06em;
	text-transform: uppercase;
	display: block;
}
.inzc-vs-battle-tag--green { color: var(--inzc-color-success, #2ed573); }
.inzc-vs-battle-tag--amber { color: var(--inzc-color-star, #f2b827); }
.inzc-vs-battle-title {
	margin: 2px 0 0 0;
	font-size: 1.2rem;
	font-weight: var(--inzc-font-weight-bold, 700);
}
.inzc-vs-battle-title--white { color: var(--inzc-color-text-white, #ffffff); }
.inzc-vs-battle-title--gray { color: #cbd5e1; }
.inzc-vs-battle-desc {
	font-size: 0.82rem;
	display: block;
	margin-top: 2px;
}
.inzc-vs-battle-desc--light { color: #94a3b8; }
.inzc-vs-battle-desc--dark { color: #64748b; }
.inzc-vs-badge {
	justify-self: center;
	background: linear-gradient(135deg, var(--inzc-color-primary, #5551e9), var(--inzc-color-primary-grad-end, #908df0));
	color: var(--inzc-color-text-white, #ffffff);
	font-weight: var(--inzc-font-weight-black, 900);
	font-size: 0.85rem;
	padding: 8px 18px;
	border-radius: var(--inzc-radius-xl, 20px);
	text-transform: uppercase;
	letter-spacing: 0.1em;
	box-shadow: 0 4px 16px rgba(var(--inzc-color-primary-rgb, 85, 81, 233), 0.4);
	flex-shrink: 0;
}

/* Trust Strip */
.inzc-vs-trust-strip {
	background: #0b0c16;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	padding: 1.25rem 0;
}
.inzc-vs-trust-container {
	max-width: var(--inzc-container-width, 1350px);
	margin: 0 auto;
	width: 100%;
}
.inzc-vs-trust-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1rem;
	align-items: stretch;
}
.inzc-vs-trust-item {
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: var(--inzc-radius-md, 8px);
	padding: 0.75rem 1rem;
	display: flex;
	align-items: center;
	gap: 0.75rem;
	backdrop-filter: blur(8px);
	justify-content: flex-start;
}
.inzc-vs-trust-icon {
	width: 32px;
	height: 32px;
	border-radius: var(--inzc-radius-md, 8px);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.inzc-vs-trust-icon--purple {
	background: rgba(var(--inzc-color-primary-rgb, 85, 81, 233), 0.15);
	border: 1px solid rgba(var(--inzc-color-primary-rgb, 85, 81, 233), 0.3);
	color: var(--inzc-color-primary, #5551e9);
}
.inzc-vs-trust-icon--green {
	background: var(--inzc-color-success-bg, rgba(46, 213, 115, 0.12));
	border: 1px solid rgba(var(--inzc-color-success-rgb, 46, 213, 115), 0.3);
	color: var(--inzc-color-success, #2ed573);
}
.inzc-vs-trust-icon--cyan {
	background: rgba(6, 182, 212, 0.15);
	border: 1px solid rgba(6, 182, 212, 0.3);
	color: #06b6d4;
}
.inzc-vs-trust-icon--amber {
	background: rgba(245, 158, 11, 0.15);
	border: 1px solid rgba(245, 158, 11, 0.3);
	color: var(--inzc-color-star, #f2b827);
}
.inzc-vs-trust-text {
	color: #f1f5f9;
	font-size: 0.85rem;
	font-weight: var(--inzc-font-weight-semibold, 600);
	line-height: 1.35;
}

/* Feature Comparison Matrix Table */
.inzc-vs-matrix-section {
	background: var(--inzc-color-bg-gray, #f5f5f5);
	border-top: 1px solid #e2e8f0;
	border-bottom: 1px solid #e2e8f0;
	padding: var(--inzc-section-pad-top, 80px) 0 var(--inzc-section-pad-bottom, 80px) 0;
	scroll-margin-top: 100px;
}
.inzc-vs-matrix-container {
	max-width: 1200px;
	margin: 0 auto;
}
.inzc-vs-mobile-swipe-hint {
	display: none;
}
.inzc-vs-matrix-wrap {
	overflow-x: auto;
	margin-top: 2.5rem;
	border-radius: var(--inzc-radius-lg, 12px);
	border: 1px solid #e2e8f0;
	background: var(--inzc-color-bg-white, #ffffff);
	box-shadow: var(--inzc-shadow-card, 0 2px 20px rgba(0, 0, 0, 0.08));
}
.inzc-vs-table {
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	min-width: 760px;
}
.inzc-vs-table tbody {
	font-size: 0.9rem;
	color: #334155;
}
.inzc-vs-table tr {
	border-bottom: 1px solid #e2e8f0;
	background: var(--inzc-color-bg-white, #ffffff);
}
.inzc-vs-table tr.inzc-vs-row-alt {
	background: #f8fafc;
}
.inzc-vs-table th,
.inzc-vs-table td {
	padding: 1.35rem 1.75rem;
	vertical-align: middle;
}
.inzc-vs-table th {
	padding-top: 1.4rem;
	padding-bottom: 1.4rem;
}
.inzc-vs-th-feature {
	font-size: 0.85rem;
	font-weight: var(--inzc-font-weight-bold, 700);
	color: var(--inzc-color-text-white, #ffffff);
	width: 38%;
	background: var(--inzc-color-bg-navy, #16192e);
	text-transform: uppercase;
	letter-spacing: 0.08em;
}
.inzc-vs-th-primary {
	width: 32%;
	background: var(--inzc-color-primary, #5551e9);
	color: var(--inzc-color-text-white, #ffffff);
	text-align: center;
	border: none;
	position: relative;
}
.inzc-vs-th-primary-title {
	font-size: 1.08rem;
	font-weight: var(--inzc-font-weight-extrabold, 800);
	color: var(--inzc-color-text-white, #ffffff);
	margin-bottom: 0.45rem;
	letter-spacing: -0.01em;
}
.inzc-vs-th-competitor {
	font-size: 0.95rem;
	font-weight: var(--inzc-font-weight-semibold, 600);
	width: 30%;
	text-align: center;
	background: var(--inzc-color-bg-dark, #1e1d23);
	color: #94a3b8;
}
.inzc-vs-row-title {
	font-size: 0.95rem;
	color: var(--inzc-color-text-heading, #111111);
	font-weight: var(--inzc-font-weight-bold, 700);
	line-height: 1.3;
}
.inzc-vs-row-sub {
	font-size: 0.8rem;
	color: var(--inzc-color-text-body, #6f6f6f);
	font-weight: var(--inzc-font-weight-regular, 400);
	margin-top: 0.4rem;
	line-height: 1.4;
}
.inzc-vs-td-primary {
	text-align: center;
	font-weight: var(--inzc-font-weight-bold, 700);
	color: var(--inzc-color-secondary, #1a9a58);
	border-left: 2px solid #e2e8f0;
	border-right: 2px solid #e2e8f0;
}
.inzc-vs-td-competitor {
	text-align: center;
	color: #475569;
}
.inzc-vs-badge-check,
.inzc-vs-badge-cross {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	padding: 0.38rem 0.85rem;
	border-radius: var(--inzc-radius-md, 8px);
	font-size: 0.85rem;
	white-space: nowrap;
}
.inzc-vs-badge-check {
	background: var(--inzc-color-success-bg, rgba(46, 213, 115, 0.12));
	border: 1px solid rgba(var(--inzc-color-success-rgb, 46, 213, 115), 0.3);
	color: var(--inzc-color-secondary, #1a9a58);
	font-weight: var(--inzc-font-weight-semibold, 600);
}
.inzc-vs-badge-cross {
	background: #fef2f2;
	border: 1px solid #fecaca;
	color: #dc2626;
	font-weight: var(--inzc-font-weight-medium, 500);
}
.inzc-vs-badge-check svg,
.inzc-vs-badge-cross svg {
	flex-shrink: 0;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.inzc-vs-badge-check svg { stroke-width: 3; }
.inzc-vs-badge-cross svg { stroke-width: 2.5; }

.inzc-header-cta-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.3rem;
	background: rgba(255, 255, 255, 0.18);
	color: var(--inzc-color-text-white, #ffffff);
	font-size: 0.72rem;
	font-weight: var(--inzc-font-weight-bold, 700);
	text-transform: uppercase;
	letter-spacing: 0.07em;
	padding: 0.28rem 0.8rem;
	border-radius: var(--inzc-radius-sm, 6px);
	border: 1px solid rgba(255, 255, 255, 0.35);
	text-decoration: none;
	font-family: inherit;
	transition: var(--inzc-transition-fast, 0.18s ease);
}
.inzc-header-cta-btn:hover,
.inzc-header-cta-btn:focus {
	background: #ffffff !important;
	color: var(--inzc-color-primary, #5551e9) !important;
	border-color: #ffffff !important;
	transform: translateY(-1px);
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
}
.inzc-pricing-section-tight {
	padding-top: var(--inzc-section-pad-top, 80px) !important;
}

/* Responsive Breakpoints */
@media (max-width: 1240px) {
	.inzc-vs-trust-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 768px) {
	.inzc-vs-hero__heading {
		font-size: 2rem;
	}
	.inzc-vs-hero__sub {
		font-size: 1rem;
	}
	.inzc-vs-hero__actions {
		display: inline-flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		width: max-content !important;
		max-width: 92% !important;
		margin: 0 auto 2.25rem auto !important;
		gap: 0.75rem !important;
	}
	.inzc-vs-hero__actions .inzc-btn {
		width: 100% !important;
		justify-content: center !important;
		box-sizing: border-box !important;
		white-space: nowrap !important;
	}
	.inzc-vs-battle-card {
		grid-template-columns: 1fr;
		gap: 1rem;
		padding: 1.25rem;
		text-align: left;
	}
	.inzc-vs-battle-side {
		display: flex;
		flex-direction: row;
		align-items: center;
		text-align: left;
		gap: 0.85rem;
		width: 100%;
		justify-content: flex-start;
	}
	.inzc-vs-battle-side--left,
	.inzc-vs-battle-side--right {
		text-align: left;
		justify-content: flex-start;
		flex-direction: row;
		width: 100%;
	}
	.inzc-vs-battle-side--right .inzc-vs-battle-icon {
		order: 1;
	}
	.inzc-vs-battle-side--right > div:not(.inzc-vs-battle-icon) {
		order: 2;
		text-align: left;
	}
	.inzc-vs-battle-tag,
	.inzc-vs-battle-title,
	.inzc-vs-battle-desc {
		text-align: left;
	}
	.inzc-vs-badge {
		margin: 0.35rem 0;
		display: inline-flex;
		align-self: flex-start;
	}
	.inzc-vs-mobile-swipe-hint {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0.4rem;
		background: #f1f5f9;
		border: 1px solid #cbd5e1;
		color: #475569;
		font-size: 0.76rem;
		font-weight: var(--inzc-font-weight-semibold, 600);
		padding: 0.4rem 0.9rem;
		border-radius: var(--inzc-radius-xl, 20px);
		margin: 1.25rem auto 0.75rem auto;
		text-align: center;
		max-width: max-content;
	}
	.inzc-vs-matrix-wrap {
		margin-top: 0.5rem;
		-webkit-overflow-scrolling: touch;
	}
	.inzc-vs-table {
		min-width: 580px;
	}
	.inzc-vs-table th,
	.inzc-vs-table td {
		padding: 1rem 0.85rem;
	}
	.inzc-vs-th-feature,
	.inzc-vs-table tbody td:first-child {
		position: sticky;
		left: 0;
		z-index: 2;
		padding-left: 1.35rem !important;
		padding-right: 1.15rem !important;
		box-shadow: 3px 0 8px rgba(0, 0, 0, 0.06);
	}
	.inzc-vs-th-feature {
		background: var(--inzc-color-bg-navy, #16192e) !important;
		z-index: 3;
	}
	.inzc-vs-table tr:not(.inzc-vs-row-alt) td:first-child {
		background: var(--inzc-color-bg-white, #ffffff) !important;
	}
	.inzc-vs-table tr.inzc-vs-row-alt td:first-child {
		background: #f8fafc !important;
	}
	.inzc-vs-badge-check,
	.inzc-vs-badge-cross {
		white-space: normal;
		text-align: left;
		line-height: 1.3;
		padding: 0.35rem 0.6rem;
		font-size: 0.78rem;
		width: 100%;
		box-sizing: border-box;
	}
}

@media (max-width: 480px) {
	.inzc-vs-hero__heading {
		font-size: 1.65rem;
	}
	.inzc-vs-battle-card {
		padding: 1rem;
	}
	.inzc-vs-battle-side {
		gap: 0.75rem;
	}
	.inzc-vs-battle-title {
		font-size: 1.05rem;
	}
	.inzc-vs-battle-desc {
		font-size: 0.78rem;
	}
	.inzc-vs-trust-grid {
		grid-template-columns: 1fr !important;
		gap: 0 !important;
	}
	.inzc-vs-trust-item {
		width: 100%;
		background: transparent !important;
		border: none !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
		border-radius: 0 !important;
		padding: 0.85rem 0.5rem !important;
		justify-content: flex-start !important;
	}
	.inzc-vs-trust-item:last-child {
		border-bottom: none !important;
	}
}