.page {
  padding-top:
    75px;

  padding-bottom:
    100px;
}

.page-header {
  max-width:
    760px;

  margin-bottom:
    50px;
}

.eyebrow {
  margin-bottom:
    15px;

  font-size:
    11px;

  font-weight:
    850;

  letter-spacing:
    0.13em;

  text-transform:
    uppercase;
}

.page-header h1 {
  margin:
    0;

  font-size:
    clamp(
      46px,
      7vw,
      76px
    );

  line-height:
    0.98;

  letter-spacing:
    -0.065em;
}

.page-header p {
  margin:
    20px 0 0;

  color:
    var(--text-soft);

  font-size:
    18px;

  line-height:
    1.6;
}

.price-grid {
  display:
    grid;

  grid-template-columns:
    repeat(
      3,
      minmax(0, 1fr)
    );

  gap:
    18px;
}

.price-card {
  min-height:
    430px;

  padding:
    30px;

  display:
    flex;

  flex-direction:
    column;
}

.price-card.featured {
  border-color:
    var(--black);
}

.price-name {
  font-size:
    13px;

  font-weight:
    850;

  letter-spacing:
    0.04em;

  text-transform:
    uppercase;
}

.price {
  margin-top:
    25px;

  font-size:
    50px;

  font-weight:
    900;

  letter-spacing:
    -0.06em;
}

.price-note {
  margin-top:
    6px;

  color:
    var(--text-soft);

  font-size:
    13px;
}

.price-card p {
  margin:
    28px 0 0;

  color:
    var(--text-soft);

  line-height:
    1.6;
}

.price-list {
  margin:
    28px 0;

  padding:
    0;

  list-style:
    none;
}

.price-list li {
  padding:
    11px 0;

  border-bottom:
    1px solid var(--line);

  font-size:
    14px;
}

.price-card > .btn {
  width:
    100%;

  margin-top:
    auto;
}

.empty {
  color:
    var(--text-soft);

  font-size:
    14px;

  line-height:
    1.55;
}

.footer {
  padding:
    40px 0;

  border-top:
    1px solid var(--line);

  color:
    var(--text-soft);

  font-size:
    13px;
}

@media (
  max-width: 900px
) {
  .price-grid {
    grid-template-columns:
      1fr;
  }

  .price-card {
    min-height:
      auto;
  }
}

@media (
  max-width: 540px
) {
  .page {
    padding-top:
      50px;
  }

  .page-header {
    margin-bottom:
      35px;
  }
}