/* Vertical spacing between sections */
main > section {
  margin-bottom: 4rem;
}

/* Hero breathing room */
main > section:first-child {
  margin-top: 2rem;
  margin-bottom: 5rem;
}

/* Playground section */
#playground {
  margin-bottom: 5rem;
}

/* Feature cards - ensure equal height */
main > section.grid article {
  margin-bottom: 0;
}

/* Compare card in hero */
main > section:first-child article {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Code blocks in compare card - tighter */
main > section:first-child article pre {
  margin-bottom: 1rem;
}

main > section:first-child article p {
  margin-bottom: 0.5rem;
}