.comparison {
  padding-block: var(--spacing-l);
  position: relative;
}
.comparison:is(:first-child) {
  padding-block-start: calc(var(--header-height) + var(--spacing-l));
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}
@media (max-width: 55rem) {
  .comparison {
    padding-block: var(--spacing-s);
  }
  .comparison:is(:first-child) {
    padding-block-start: calc(var(--header-height) + var(--spacing-s));
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
  }
}
.comparison [class*=container] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-m);
}
@media (max-width: 55rem) {
  .comparison [class*=container] {
    grid-template-columns: 1fr;
    gap: var(--spacing-s);
  }
}
.comparison.bg--dark {
  background: var(--secondary-dark);
  border-radius: var(--border-radius);
}
@media (max-width: 75rem) {
  .comparison.bg--dark {
    border-radius: 0;
  }
}
.comparison.bg--dark:is(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.comparison.bg--dark:is(:last-child), .comparison.bg--dark:has(+ .bg--dark), .comparison.bg--dark:has(+ .text-image) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.comparison.bg--dark + .bg--dark, .comparison.bg--dark + .text-image {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.comparison__title {
  text-align: center;
  padding-block-end: var(--spacing-s);
  position: relative;
}
.bg--dark .comparison__title {
  text-align: left;
}
.bg--dark .comparison__title:after {
  inset-inline-start: 0;
  translate: 0 0;
}
.comparison__title:after {
  content: "";
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 50%;
  translate: -50% 0;
  inline-size: 6.25rem;
  block-size: 0.25rem;
  background: var(--primary-dark);
}
.comparison__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--spacing-s);
}
@media (max-width: 75rem) {
  .comparison__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 55rem) {
  .comparison__list {
    grid-template-columns: 1fr;
  }
}
.comparison__item {
  padding: var(--spacing-s);
  border-radius: var(--border-radius);
  background-color: var(--neutral-white);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xxs);
  font-size: 1rem;
}
.comparison__item [class*=button] {
  margin-block-start: auto;
}
.comparison__item--featured .comparison__item-label {
  background: var(--primary-regular);
  color: var(--neutral-white);
}
.comparison__item-label {
  align-self: flex-start;
}
.comparison__item-content {
  margin-block-end: auto;
}
.comparison__item-checks {
  margin-block: calc(var(--spacing-s) - var(--spacing-xxs));
  padding-block-start: var(--spacing-s);
  border-top: 1px solid var(--neutral-border);
}
.comparison__item [class*=button] {
  justify-content: center;
  font-size: var(--font-size-body);
}
.comparison__item [class*=button] + a {
  align-self: center;
}