.hero .fig-wrap { width: min(320px, calc(100% - var(--gutter) * 2)); }
.hero .fig-wrap::before { content: none; }
.app-preview { margin: 0; }
.app-preview img { display: block; width: 100%; height: auto; border: 1px solid var(--border); border-radius: var(--r-card); box-shadow: var(--shadow-float); }
.app-preview figcaption { margin-top: 12px; text-align: center; font-size: var(--size-sm); color: var(--text-muted); }

.home-figure-note {
  max-width: var(--fig);
  margin-top: 24px;
  font-size: var(--size-sm);
  line-height: var(--line-prose);
}

.home-figure-note p {
  margin-bottom: 0;
}

.home-store-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--gap);
  margin-top: 32px;
}

.home-store-row__text {
  flex: 1 1 420px;
  max-width: 780px;
  color: var(--text-muted);
  line-height: var(--line-prose);
}

.home-store-row__text p {
  margin-bottom: 12px;
}

.home-mode-note {
  max-width: var(--reading);
  margin-top: 44px;
}

.home-mode-note h3 {
  margin-top: 0;
}

.home-mode-note p {
  color: var(--text-muted);
}

.home-step-label {
  margin-bottom: 18px;
  color: var(--accent-dark);
  font-family: var(--font-mono);
  font-size: var(--size-xs);
  letter-spacing: var(--track-label);
}

.home-step-label + h3 {
  margin-top: 0;
}

.home-section-link {
  margin-top: 28px;
  margin-bottom: 0;
}

@media (max-width: 640px) {
  .home-store-row {
    align-items: flex-start;
    flex-direction: column;
  }

  .home-store-row__text {
    flex-basis: auto;
  }
}