/* Tablet: 1024px and below */
@media (max-width: 1024px) {
  .dm-bento {
    grid-template-columns: repeat(4, 1fr);
  }
  .dm-bento-large { grid-column: span 4; }
  .dm-bento-medium { grid-column: span 2; }
  .dm-bento-wide { grid-column: span 4; }

  .dm-front-grid { grid-template-columns: 1fr; }
  .dm-usecase-grid { grid-template-columns: repeat(2, 1fr); }
}

/* Mobile: 640px and below */
@media (max-width: 640px) {
  :root { --dm-fs-h1: 26px; --dm-fs-h2: 20px; }

  .dm-container { padding: 0 var(--dm-s2); }

  .dm-hero { padding: var(--dm-s3) 0 var(--dm-s2); }

  .dm-header-row { gap: var(--dm-s2); }
  .dm-nav-list { gap: 18px; }

  .dm-bento {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
    gap: 8px;
  }
  .dm-bento-large,
  .dm-bento-medium,
  .dm-bento-wide {
    grid-column: span 2;
  }
  .dm-bento-wide .dm-bento-card-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .dm-bento-card-inner { padding: 16px; min-height: 140px; }

  .dm-usecase-grid { grid-template-columns: 1fr; }

  .dm-email-layout { grid-template-columns: 1fr; }
  .dm-email-form { flex-direction: column; }
  .dm-email-form input { min-width: 0; width: 100%; }
  .dm-email-form button { width: 100%; }

  .dm-trust-items {
    flex-direction: column;
    gap: 4px;
    text-align: center;
  }
  .dm-trust-sep { display: none; }

  .dm-front-feature { padding: 18px; }
}