.lsr-comparison {
  min-height: 1138px;
  padding-block: 110px;
  background: var(--siliteh-color-midnight-navy);
}

.lsr-comparison__inner {
  width: min(1320px, calc(100% - 80px));
  margin-inline: auto;
}

.lsr-comparison .home-eyebrow {
  color: var(--siliteh-color-medium-gray);
}

.lsr-comparison h2 {
  max-width: 1180px;
  margin: 14px 0 64px;
  color: var(--siliteh-color-ghost-white);
  font-size: 58px;
  font-weight: 500;
  letter-spacing: -1.16px;
  line-height: 1.16;
}

.lsr-comparison__main {
	display: grid;
	grid-template-columns: minmax(0, 780px) 500px;
	gap: 40px;
	align-items: start;
}

.lsr-comparison__table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	table-layout: fixed;
}

.lsr-comparison__table thead tr {
	display: grid;
	grid-template-columns: 36.1538% minmax(0, 1fr) minmax(0, 1fr);
	height: 28px;
}

.lsr-comparison__table thead th {
	padding: 0 24px;
	border: 0;
  color: var(--siliteh-color-light-blue);
  font-size: 14px;
  font-weight: 800;
  text-align: left;
}

.lsr-comparison__table thead th:last-child {
  color: var(--siliteh-color-ghost-white);
}

.lsr-comparison__table tbody tr {
	display: grid;
	grid-template-columns: 36.1538% minmax(0, 1fr) minmax(0, 1fr);
	min-height: 88px;
}

.lsr-comparison__table tbody tr:not(:last-child) {
  margin-bottom: 12px;
}

.lsr-comparison__table tbody th,
.lsr-comparison__table tbody td {
	min-width: 0;
	padding: 24px;
  border-top: 1px solid var(--siliteh-color-medium-gray-20);
  border-bottom: 1px solid var(--siliteh-color-medium-gray-20);
  background: var(--siliteh-color-navy-surface);
  color: var(--siliteh-color-ghost-white);
  font-size: 16px;
  text-align: left;
  vertical-align: middle;
}

.lsr-comparison__table tbody th {
  border-left: 1px solid var(--siliteh-color-medium-gray-20);
  border-radius: 12px 0 0 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.lsr-comparison__table tbody td {
	padding: 0;
}

.lsr-comparison__table tbody td:last-child {
  border-right: 1px solid var(--siliteh-color-medium-gray-20);
  border-radius: 0 12px 12px 0;
}

.lsr-comparison__table tbody td span {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	max-width: 100%;
	min-height: 40px;
	padding: 8px 16px;
  border-radius: 100px;
  color: var(--siliteh-color-light-blue);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
}

.lsr-comparison__table tbody td:nth-child(2) span {
	width: calc(100% - 20px);
	background: var(--siliteh-color-bright-gray-20);
}

.lsr-comparison__table tbody td:nth-child(3) span {
	width: calc(100% - 20px);
  background: var(--siliteh-color-light-blue-50);
  color: var(--siliteh-color-white);
  font-weight: 700;
}

.lsr-comparison__image {
  width: 500px;
  height: 516px;
  border-radius: 24px;
  object-fit: cover;
}

.lsr-comparison__cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 40px;
  padding: 24px 0;
  color: var(--siliteh-color-white);
}

.lsr-comparison__cta p {
  max-width: 1079px;
  margin: 0;
  color: var(--siliteh-color-medium-gray);
  font-size: 28px;
  font-weight: 500;
  line-height: 1.25;
}

@media (max-width: 1359px) and (min-width: 1025px) {
	.lsr-comparison__main {
		grid-template-columns: minmax(0, 1fr) 500px;
	}
}

@media (max-width: 1024px) {
	.lsr-comparison {
		min-height: 0;
	}

	.lsr-comparison__main {
		grid-template-columns: 1fr;
	}

	.lsr-comparison__image {
		width: 100%;
		height: 320px;
	}

	.lsr-comparison__cta {
		margin-top: 40px;
	}

	.lsr-comparison__cta p {
		max-width: 754px;
	}
}

@media (max-width: 600px) {
  .lsr-comparison {
    min-height: 0;
    padding-block: 64px;
  }

	.lsr-comparison__inner {
		width: calc(100% - 40px);
  }

	.lsr-comparison h2 {
		font-size: 40px;
		letter-spacing: -0.8px;
		line-height: 1.15;
	}

	.lsr-comparison__table thead {
		display: none;
	}

	.lsr-comparison__table tbody {
		display: grid;
		gap: 12px;
	}

	.lsr-comparison__table tbody tr,
	.lsr-comparison__table tbody tr:not(:last-child) {
		display: block;
		min-height: 196px;
		margin: 0;
		padding: 10px;
		border: 1px solid var(--siliteh-color-medium-gray-20);
		border-radius: 12px;
		background: var(--siliteh-color-navy-surface);
	}

	.lsr-comparison__table tbody :is(th, td) {
		display: block;
		width: auto;
		padding: 0;
		border: 0;
		border-radius: 0;
		background: transparent;
	}

	.lsr-comparison__table tbody th {
		margin-bottom: 12px;
		font-size: 16px;
		line-height: 22px;
	}

	.lsr-comparison__table tbody td + td {
		margin-top: 8px;
	}

	.lsr-comparison__table tbody td::before {
		display: block;
		margin-bottom: 8px;
		color: var(--siliteh-color-ghost-white);
		content: attr(data-column-label);
		font-size: 14px;
		font-weight: 800;
		line-height: 19px;
	}

	.lsr-comparison__table tbody td span,
	.lsr-comparison__table tbody td:nth-child(2) span,
	.lsr-comparison__table tbody td:nth-child(3) span {
		width: 100%;
		min-height: 36px;
		padding: 8px 24px;
		font-size: 15px;
		line-height: 20px;
		overflow-wrap: anywhere;
	}

	.lsr-comparison__image {
		height: 240px;
		margin-top: 64px;
	}

	.lsr-comparison__cta {
		align-items: flex-start;
		flex-direction: column;
		gap: 24px;
		margin-top: 40px;
		padding: 24px 0;
	}

	.lsr-comparison__cta p {
		font-size: 22px;
	}

	.lsr-comparison__button {
		box-sizing: border-box;
		width: 100%;
	}
}