/* Page-scoped additions for the template-to-product workflow. */
.growth-conversion .growth-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
  margin: 1.5rem 0;
  padding: 0;
  list-style: none;
}
.growth-conversion .growth-steps > li {
  min-width: 0;
  padding: 1.35rem;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--surface);
}
.growth-conversion .growth-steps strong { color: var(--text); font-size: 1.1rem; }
.growth-conversion .growth-steps p { margin: .7rem 0 0; color: var(--muted); }
.growth-conversion .growth-screens {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
}
.growth-conversion .growth-screens figure { margin: 0; min-width: 0; }
.growth-conversion .growth-screens img { width: 100%; height: auto; display: block; }
.growth-conversion .comparison-table caption {
  padding: 1rem;
  text-align: left;
  color: var(--text);
  font-weight: 600;
}
.growth-conversion .table-wrap:focus-visible,
.growth-conversion a:focus-visible {
  outline: 3px solid var(--primary-2);
  outline-offset: 4px;
}
@media (max-width: 760px) {
  .growth-conversion .growth-steps,
  .growth-conversion .growth-screens { grid-template-columns: minmax(0, 1fr); }
  .growth-conversion .cta-row > a { width: 100%; text-align: center; }
}

.growth-conversion .growth-brand-example {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
  margin: 1.5rem 0;
}
.growth-conversion .growth-brand-example figure { margin: 0; min-width: 0; }
.growth-conversion .growth-brand-preview {
  display: block;
  aspect-ratio: 708 / 340;
  overflow: hidden;
  border-radius: 10px;
  background: #fff;
}
.growth-conversion .growth-brand-preview img { display: block; width: 100%; height: auto; }
@media (max-width: 760px) {
  .growth-conversion .growth-brand-example { grid-template-columns: minmax(0, 1fr); }
}

/* A single next step after the free sample choices. */
.sample-program-next {
  margin: 1.25rem 0;
  padding: 1.25rem;
  border: 1px solid var(--border);
  border-left: 4px solid var(--primary-2);
  border-radius: var(--radius);
  background: var(--surface);
}
.sample-program-next > strong { display: block; font-size: 1.15rem; }
.sample-program-next p { margin: .75rem 0; }
.sample-program-next .cta-row { margin: 1rem 0; }
.growth-conversion .growth-steps--four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 1050px) {
  .growth-conversion .growth-steps--four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .growth-conversion .growth-steps--four { grid-template-columns: minmax(0, 1fr); }
}