.steps,
.pricing-grid,
.deals-grid,
.faq-list {
  display: grid;
  gap: 16px;
}

.steps {
  padding: 0;
  margin: 0;
  list-style: none;
}

.steps__item,
.price-card,
.deal-card,
.faq-list__item,
.legal-shell,
.status-panel,
.info-panel {
  position: relative;
  border-radius: var(--radius-card);
  background: var(--color-white);
  box-shadow: var(--shadow-line);
  padding: 20px;
}

.steps__ghost {
  position: absolute;
  top: 8px;
  right: 16px;
  color: rgba(15, 107, 114, 0.13);
  font-family: var(--font-display);
  font-size: 4rem;
  font-weight: 800;
  line-height: 1;
}

.steps__title,
.price-card__title,
.deal-card__route,
.faq-list__question,
.legal-shell__title,
.status-panel__title,
.info-panel__title {
  position: relative;
  margin: 0;
  font-family: var(--font-display);
  line-height: 1.12;
}

.steps__text,
.price-card__text,
.deal-card__meta,
.deal-card__total,
.deal-card__deadline,
.deal-card__reason,
.faq-list__answer,
.legal-shell__text,
.status-panel__text,
.info-panel__text {
  margin: 10px 0 0;
  color: var(--color-ink-soft);
}

.badge {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  border-radius: var(--radius-pill);
  padding: 4px 10px;
  font-size: 0.76rem;
  font-weight: 850;
}

.badge--live {
  background: var(--color-green);
  color: var(--color-white);
}

.badge--soon,
.badge--sample {
  background: var(--color-amber-soft);
  color: var(--color-amber);
}

.badge--urgent {
  background: var(--color-red);
  color: var(--color-white);
}

.deal-card__top {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 14px;
}

.deal-card__price,
.price-card__price {
  margin: 14px 0 0;
  color: var(--color-teal-dark);
  font-family: var(--font-display);
  font-size: 2.25rem;
  font-weight: 800;
  line-height: 1;
}

.deal-card__bar {
  display: block;
  height: 8px;
  margin-top: 16px;
  overflow: hidden;
  border-radius: var(--radius-pill);
  background: var(--color-cream-strong);
}

.deal-card__bar-fill {
  display: block;
  width: 0;
  height: 100%;
  background: var(--color-teal);
  transition: width 900ms ease;
}

.deal-card.reveal--visible .deal-card__bar-fill--low {
  width: 52%;
}

.deal-card.reveal--visible .deal-card__bar-fill--mid {
  width: 68%;
}

.deal-card.reveal--visible .deal-card__bar-fill--high {
  width: 84%;
}

.price-card--ready {
  border: 2px solid var(--color-green);
}

.feature-list {
  margin: 16px 0 0;
  padding-left: 22px;
  color: var(--color-ink-soft);
}

.feature-list__item + .feature-list__item {
  margin-top: 8px;
}

.hunt-form {
  margin-top: 0;
}

.hunt-form__grid {
  display: grid;
  gap: 14px;
}

.field {
  display: grid;
  gap: 6px;
}

.hunt-form__consent {
  margin: 16px 0;
}

.text-link,
.footer-nav__link {
  color: var(--color-teal-dark);
  font-weight: 800;
}

.text-link:hover,
.footer-nav__link:hover {
  color: var(--color-coral-dark);
}

.site-footer {
  background: var(--color-ink);
  color: var(--color-white);
  padding: 42px 0;
}

.site-footer__inner {
  display: grid;
  gap: 28px;
}

.site-footer__note,
.site-footer__copy {
  color: #d7ece8;
}

.footer-nav {
  display: grid;
  gap: 22px;
}

.footer-nav__title {
  margin: 0 0 8px;
  color: var(--color-cream);
  font-size: 0.9rem;
  text-transform: uppercase;
}

.footer-nav__link {
  display: block;
  min-height: 44px;
  color: #d7ece8;
  text-decoration: none;
}

.footer-nav__link[aria-current="page"] {
  color: var(--color-white);
}

@media (min-width: 700px) {
  .steps,
  .pricing-grid,
  .deals-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .pricing-grid--wide {
    align-items: stretch;
  }

  .hunt-form__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .field--wide {
    grid-column: 1 / -1;
  }

  .faq-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .site-footer__inner {
    grid-template-columns: minmax(0, 1fr) minmax(380px, 1.1fr);
  }

  .footer-nav {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .site-footer__copy {
    grid-column: 1 / -1;
  }
}