.home-hero-media {
  padding: var(--space-4);
  border-radius: var(--radius-xl);
  border: 1px solid rgba(148, 163, 184, 0.35);
}

.home-overview-media,
.home-visuals,
.home-infographic-media {
  padding: var(--space-4);
  border-radius: var(--radius-xl);
  border: 1px solid rgba(148, 163, 184, 0.28);
}

.home-overview-grid {
  margin-top: var(--space-4);
}

.home-feature-grid,
.home-updates-grid,
.home-reviews-grid {
  align-items: stretch;
}

.home-steps {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: var(--space-4);
}

.home-step h3 {
  font-size: var(--text-lg);
  margin-bottom: var(--space-1);
}

.home-benefits {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: var(--space-4);
}

.home-benefits h3 {
  font-size: var(--text-lg);
  margin-bottom: var(--space-1);
}

.home-faq {
  width: 100%;
}

.home-faq-list {
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--space-3);
}

.home-faq-item dt {
  font-weight: 600;
  margin-bottom: var(--space-1);
}

.home-faq-item dd {
  margin: 0;
  color: var(--color-text-muted);
}

.home-infographic-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: var(--space-3);
}

.home-guides-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: var(--space-4);
}

.home-guides-list h3 {
  font-size: var(--text-lg);
  margin-bottom: var(--space-1);
}

.home-guides-aside {
  align-self: stretch;
}

.home-review blockquote {
  margin: 0 0 var(--space-3) 0;
}

.home-review-meta {
  font-size: var(--text-sm);
  color: var(--color-text-muted);
}

.home-final-cta {
  border-top: 1px solid var(--color-border-subtle);
  border-bottom: 1px solid var(--color-border-subtle);
  background: radial-gradient(circle at top left, rgba(56, 189, 248, 0.08), transparent 55%), linear-gradient(135deg, var(--color-surface), var(--color-surface-alt));
}

.home-final-links {
  align-self: stretch;
}

.home-final-list {
  list-style: none;
  padding: 0;
  margin: var(--space-3) 0 0 0;
  display: grid;
  gap: var(--space-2);
}

.home-updates-cta {
  flex-shrink: 0;
}

.home-final-list a {
  font-size: var(--text-sm);
}

@media (max-width: 768px) {
  .home-hero-media,
  .home-overview-media,
  .home-visuals,
  .home-infographic-media {
    margin-top: var(--space-4);
  }

  .home-updates-cta {
    width: 100%;
    text-align: left;
    margin-top: var(--space-4);
  }
}