main {
  background-color: var(--color-bg-primary);
}

.hero-main-image {
  border-radius: var(--radius-lg);
  width: 100%;
  height: auto;
  object-fit: cover;
}

.hero-offer-image-wrapper {
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

.hero-offer-note {
  font-size: var(--font-size-xs);
  max-width: 32rem;
}

.hero-cta-wrapper {
  flex-wrap: wrap;
}

.hero-note {
  max-width: 24rem;
  font-size: var(--font-size-sm);
}

.home-steps-list {
  list-style: decimal;
  padding-left: 1.25rem;
  display: grid;
  gap: var(--space-2);
  font-size: var(--font-size-sm);
  color: var(--gray-700);
}

.home-list {
  list-style: disc;
  padding-left: 1.25rem;
  display: grid;
  gap: var(--space-2);
  font-size: var(--font-size-sm);
  color: var(--gray-700);
}

.home-image-rounded {
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-lg);
}

.faq-toggle {
  font-size: var(--font-size-lg);
  color: var(--gray-500);
  margin-left: var(--space-3);
}

.convert-strip h2 {
  color: var(--color-text-light);
}

.conversion-cta {
  max-width: 20rem;
}

.pre-footer-cta {
  padding-block: var(--space-10);
  background: #050814;
  color: var(--color-text-light);
}

.pre-footer-heading {
  color: var(--color-heading);
}

.pre-footer-btn {
  white-space: nowrap;
}

.footer-nav-links-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: var(--space-2);
}

.footer-nav-links-grid a {
  font-size: var(--font-size-sm);
  color: var(--gray-600);
}

.footer-nav-links-grid a:hover {
  color: var(--color-primary-hover);
}

@media (max-width: 768px) {
  .conversion-cta {
    max-width: 100%;
    text-align: center;
  }

  .pre-footer-cta {
    text-align: center;
  }
}