.cts-apt {
  --cts-apt-columns: 3;
  box-sizing: border-box;
  margin: 2rem 0;
}

.cts-apt *,
.cts-apt *::before,
.cts-apt *::after {
  box-sizing: border-box;
}

.cts-apt h2 {
  margin: 0 0 0.5rem;
}

.cts-apt__intro {
  color: #50575e;
  margin: 0 0 1.5rem;
  max-width: 48rem;
}

.cts-apt__plans {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(var(--cts-apt-columns), minmax(0, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
}

.cts-apt__plan {
  border: 1px solid #c3c4c7;
  border-radius: 0.75rem;
  margin: 0;
  padding: 1.5rem;
}

.cts-apt__plan--featured {
  border: 3px solid #3858e9;
  padding: calc(1.5rem - 2px);
}

.cts-apt__badge {
  color: #3858e9;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  margin: 0 0 0.75rem;
  text-transform: uppercase;
}

.cts-apt__plan h3 {
  font-size: 1.3rem;
  margin: 0 0 0.5rem;
}

.cts-apt__price {
  font-size: 2rem;
  font-weight: 800;
  line-height: 1.15;
  margin: 0 0 0.75rem;
}

.cts-apt__cadence {
  color: #50575e;
  font-size: 1rem;
  font-weight: 400;
}

.cts-apt__description {
  color: #50575e;
}

.cts-apt__features {
  list-style: none;
  margin: 1rem 0;
  padding: 0;
}

.cts-apt__features li + li {
  margin-top: 0.45rem;
}

.cts-apt__feature {
  padding-left: 1.6rem;
  position: relative;
}

.cts-apt__feature::before {
  color: #16713f;
  content: "✓";
  font-weight: 800;
  left: 0;
  position: absolute;
}

.cts-apt__feature--unavailable {
  color: #646970;
}

.cts-apt__feature--unavailable::before {
  color: #8c8f94;
  content: "—";
}

.cts-apt__action {
  margin: 1.25rem 0 0;
}

.cts-apt__button {
  background: #1d2327;
  border: 2px solid #1d2327;
  border-radius: 0.35rem;
  color: #fff;
  display: inline-block;
  font-weight: 700;
  padding: 0.65rem 1rem;
  text-decoration: none;
}

.cts-apt__button--outline {
  background: transparent;
  color: #1d2327;
}

.cts-apt__button:focus-visible {
  outline: 3px solid #3858e9;
  outline-offset: 3px;
}

.cts-apt__footer-note {
  color: #50575e;
  font-size: 0.9rem;
  margin: 1rem 0 0;
}

.cts-apt .screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

@media (max-width: 900px) {
  .cts-apt__plans {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .cts-apt__plans {
    grid-template-columns: 1fr;
  }
}
