/* Page styles for template-parts/pages/home.php — enqueued only on that page, after tailwind.css. */

body { font-family: 'Inter', system-ui, sans-serif; }
.dot-grid { background-image: radial-gradient(rgba(255,255,255,.07) 1px, transparent 1px); background-size: 28px 28px; }

/* ── Hero image float ── */
@keyframes mn-float {
  0%, 100% { transform: translateY(0px); }
  50%       { transform: translateY(-10px); }
}
.mn-hero-img {
  filter: drop-shadow(0 24px 52px rgba(4, 30, 63, 0.18));
  animation: mn-float 5s ease-in-out infinite;
  display: block;
  max-width: 100%;
  height: auto;
}

/* ── Audience split cards ── */
.mn-audience-card {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.mn-audience-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 24px 64px rgba(4, 30, 63, 0.12);
}

/* ── Feature strip tiles ── */
.mn-feature-tile {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.mn-feature-tile:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(4, 30, 63, 0.10);
  background-color: #ffffff;
}