.ct-compare {
	--ct-bg: #101211;
	--ct-border: #292c2a;
	--ct-text: #f0f2ef;
	--ct-muted: #9a9f9b;
	--ct-accent: #58ff00;
	width: 100%;
	box-sizing: border-box;
}

.ct-compare *,
.ct-compare *::before,
.ct-compare *::after {
	box-sizing: border-box;
}

.ct-eyebrow {
	margin: 0 0 16px;
	font-size: 15px;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: .02em;
	color: var(--ct-accent);
	text-transform: uppercase;
}

.ct-title {
	margin: 0;
	max-width: 760px;
	color: var(--ct-text);
	font-size: clamp(34px, 4.2vw, 58px);
	font-weight: 800;
	line-height: .98;
	letter-spacing: -0.045em;
}

.ct-description {
	margin-top: 16px;
	max-width: 800px;
	color: var(--ct-muted);
	font-size: 18px;
	line-height: 1.35;
}

.ct-table-wrap {
	margin-top: 55px;
	overflow: hidden;
	background: var(--ct-bg);
	border: 1px solid var(--ct-border);
	border-radius: 24px;
}

.ct-grid {
	display: grid;
	grid-template-columns: minmax(230px, 25%) repeat(3, minmax(0, 1fr));
}

.ct-head {
	min-height: 58px;
	border-bottom: 1px solid var(--ct-border);
}

.ct-head-cell {
	display: flex;
	align-items: center;
	padding: 18px 22px;
	color: #e8ebe8;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	border-right: 1px solid rgba(255,255,255,.02);
}

.ct-head-cell:last-child {
	border-right: 0;
}

.ct-head .ct-main-col {
	position: relative;
	background: rgba(88,255,0,.08);
	border-top: 3px solid var(--ct-accent);
	padding-top: 15px;
	color: var(--ct-accent);
}

.ct-row {
	min-height: 86px;
	border-bottom: 1px solid var(--ct-border);
}

.ct-row:last-child {
	border-bottom: 0;
}

.ct-parameter,
.ct-cell {
	display: flex;
	align-items: center;
	padding: 20px 22px;
	line-height: 1.35;
}

.ct-parameter {
	color: #e7eae7;
	font-size: 16px;
	font-weight: 650;
}

.ct-cell {
	color: #a5aaa6;
	font-size: 15px;
	font-weight: 500;
}

.ct-row .ct-main-col {
	background: rgba(88,255,0,.045);
}

.ct-cell-inner {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	min-width: 0;
}

.ct-cell-text {
	display: block;
	min-width: 0;
}

.ct-status {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 19px;
	height: 19px;
	min-width: 19px;
	margin-top: 1px;
	border-radius: 50%;
	font-size: 13px;
	font-weight: 900;
	line-height: 1;
	flex: 0 0 auto;
}

.ct-status.success {
	color: #071006;
	background: var(--ct-accent);
}

.ct-status.danger {
	color: #f1b5b5;
	background: rgba(214,67,67,.18);
}

.ct-status.neutral {
	color: #d5bf45;
	background: rgba(202,177,23,.14);
	font-size: 8px;
	letter-spacing: -1px;
}

@media (max-width: 767px) {
	.ct-title {
		font-size: 36px;
	}

	.ct-description {
		font-size: 16px;
	}

	.ct-table-wrap {
		margin-top: 36px;
		overflow-x: auto;
		border-radius: 18px;
	}

	.ct-grid {
		min-width: 600px;
        grid-template-columns: 140px repeat(3, minmax(140px, 1fr));
	}

	.ct-head-cell,
	.ct-parameter,
	.ct-cell {
		padding-left: 16px;
		padding-right: 16px;
	}
}