.btn,
.text-link {
  justify-content: center;
  text-align: center;
}

.btn {
  border-radius: 8px;
}

.value-card,
.value-icon,
.feature-card,
.billing-toggle,
.billing-toggle button,
.plan-card,
.testimonial-grid article,
.contact-items a > span,
.back-top,
form,
input,
select,
textarea {
  border-radius: 8px;
}

.popular-tag {
  border-radius: 0 8px 0 8px;
}

.value-card {
  text-align: center;
}

.value-card:first-child {
  padding-left: 28px;
}

.value-icon {
  margin-right: auto;
  margin-left: auto;
}

.footer-cta .btn-primary:hover,
.footer-cta .btn-primary:focus-visible {
  color: var(--ink);
}

.value-icon.value-icon-svg {
  display: flex;
  align-items: center;
  justify-content: center;
}

.value-icon.value-icon-svg img {
  display: block;
  width: 30px;
  height: 30px;
  max-width: 100%;
  object-fit: contain;
}

@media (max-width: 640px) {
  .value-card:first-child {
    padding-left: 0;
  }

  .value-icon.value-icon-svg img {
    width: 28px;
    height: 28px;
  }
}

/* Keep the existing login action available when the navigation collapses. */
@media (max-width: 1100px) {
  .site-header .header-actions {
    display: flex;
    order: 2;
    margin-left: auto;
  }

  .site-header .header-actions .btn-primary {
    display: none;
  }

  .site-header .menu-button {
    order: 3;
    margin-left: 0;
  }
}

@media (max-width: 760px) {
  .site-header {
    gap: 10px;
  }

  .site-header .logo-image {
    width: 145px;
  }

  .site-header .header-actions .btn {
    min-height: 36px;
    padding: 0 12px;
  }
}

@media (max-width: 360px) {
  .site-header {
    padding-right: 14px;
    padding-left: 14px;
  }

  .site-header .logo-image {
    width: 130px;
  }
}