/* Mobile: single column */
.bento-grid {
  grid-template-columns: 1fr;
  grid-template-areas:
    "hero"
    "confidence"
    "format"
    "pricing"
    "logistics"
    "cta";
}

/* Tablet: 2 columns */
@media (min-width: 768px) {
  .bento-grid {
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "hero hero"
      "confidence confidence"
      "format format"
      "pricing pricing"
      "logistics logistics"
      "cta cta";
  }
}

/* Desktop: 3 columns, format spans right */
@media (min-width: 1024px) {
  .bento-grid {
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas:
      "hero hero hero"
      "confidence confidence pricing"
      "format format pricing"
      "logistics logistics cta";
  }
}