/* Pagina /marketing-musicale/: card delle leve e delle due strade (store / Project Management) */
.mm-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-top: 36px;
}
.mm-grid--two { grid-template-columns: repeat(2, 1fr); }
.mm-card {
  padding: 28px 26px;
  border: 1px solid var(--ic-rule);
  border-radius: 14px;
  background: var(--ic-bg-soft);
}
.mm-card .mm-num {
  margin: 0 0 10px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ic-green);
}
.mm-card h3 { margin: 0 0 10px; font-size: 20px; letter-spacing: -0.02em; }
.mm-card p { margin: 0; color: var(--ic-muted); font-size: 15px; line-height: 1.6; }
.mm-card p + p { margin-top: 10px; }
.mm-card a:not(.btn) { color: var(--ic-text); text-decoration: underline; text-underline-offset: 3px; }
.mm-card--store {
  border-color: rgba(var(--ic-green-cta-rgb), 0.45);
  background: linear-gradient(140deg, rgba(var(--ic-green-cta-rgb), 0.12), rgba(var(--ic-green-cta-rgb), 0.02) 60%), var(--ic-bg-soft);
}
.mm-card .btn { margin-top: 22px; }
.mm-card .store-code { margin-top: 18px; }
.mm-stats { display: flex; flex-wrap: wrap; gap: 14px 40px; margin-top: 28px; }
.mm-stat-value { font-size: clamp(36px, 5vw, 52px); font-weight: 800; letter-spacing: -0.03em; color: var(--ic-green); line-height: 1; }
.mm-stat-label { margin-top: 6px; font-size: 13px; color: var(--ic-muted); text-transform: uppercase; letter-spacing: 0.08em; }
@media (max-width: 900px) {
  .mm-grid, .mm-grid--two { grid-template-columns: 1fr; }
}

/* Pagina /store/: pulsante allo store subito sotto il titolo */
.store-hero-cta { display: flex; flex-direction: column; align-items: center; gap: 16px; margin-top: 28px; position: relative; z-index: 1; }
.mm-card h3 a { color: var(--ic-text); text-decoration: none; }
.mm-card h3 a:hover { color: var(--ic-green); }