.division-grid{grid-template-columns:1fr}
@media(min-width:768px){.division-grid{grid-template-columns:1fr 1fr}}

section[aria-label="Facts about 8020 Market"] .grid{grid-template-columns:repeat(2,1fr)}
@media(min-width:768px){
  section[aria-label="Facts about 8020 Market"] .grid{grid-template-columns:repeat(4,1fr)}
}

.step-cards{
  display:grid;grid-template-columns:1fr;gap:var(--space-5);
  position:relative;
}
@media(min-width:768px){
  .step-cards{grid-template-columns:repeat(3,1fr)}
  .step-cards .step-card:not(:last-child)::after{
    content:'';position:absolute;top:2.4rem;left:calc(100% - 1.5rem);width:calc(var(--space-5) + 3rem);
    height:1px;background:linear-gradient(90deg, var(--forest-300), transparent);
  }
}
.step-card{
  position:relative;background:var(--color-surface);border-radius:var(--radius-lg);
  padding:var(--space-6) var(--space-5);box-shadow:var(--shadow-sm);
  transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);
}
.step-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.step-card .step-num{
  display:block;font-family:var(--font-display);font-size:1.1rem;font-weight:700;
  color:var(--forest-200);margin-bottom:var(--space-2);
}
.step-card .step-icon{
  display:flex;align-items:center;justify-content:center;width:48px;height:48px;
  border-radius:50%;background:var(--forest-100);color:var(--forest-700);
  margin-bottom:var(--space-4);
}
.step-card h3{font-size:1.1rem;margin-bottom:.4rem}

.cta-card .statement-quote{
  max-width:26ch;font-style:italic;color:var(--cream-50);
}
.cta-card .statement-count{
  font-style:normal;color:var(--gold-400);font-family:var(--font-accent);font-weight:700;
}