/* Landing Autohotspot — /autohotspot/. Componenti comuni in app.css e app-landing.css */

.hero .cta-row { margin-top: 32px; }

/* Pulsanti di download per piattaforma (icona macOS / Android) */
.dl-ic { flex: none; }
.ic-android { display: block; }

/* Screenshot del menu: usato esattamente com'è, senza ombre, bordi o didascalie */
.shot-ah { max-width: 584px; margin: 0 0 0 auto; }
.shot-ah img { display: block; width: 100%; height: auto; }

/* Come funziona */
.mini-menu { width: 100%; max-width: 250px; background: #F6F6F4; border: 1px solid #DEDED8; border-radius: 12px; padding: 8px; font: 14px -apple-system, BlinkMacSystemFont, system-ui, sans-serif; color: var(--ink); box-shadow: 0 10px 24px -14px rgba(23, 23, 23, .3); }
.mini-menu .mm-s { color: var(--ink-3); padding: 4px 8px; border-bottom: 1px solid #E2E2DC; margin-bottom: 4px; }
.mini-menu .mm-i { padding: 6px 8px; border-radius: 6px; display: flex; align-items: center; gap: 8px; }
.mini-menu .mm-on { background: var(--ink); color: #FFFFFF; }

/* Vantaggi */
.pros-t { margin-bottom: 48px; }
.pros { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; margin: 0; padding: 0; list-style: none; }
.pro { border-top: 1px solid var(--ink); padding-top: 22px; }
.pro-ic { width: 44px; height: 44px; border-radius: 12px; background: var(--hover-bg); display: flex; align-items: center; justify-content: center; margin: 0 0 18px; }
.pro h3 { font-size: 22px; letter-spacing: -.015em; font-weight: 650; margin: 0 0 8px; }
.pro p { margin: 0; font-size: 17px; color: var(--ink-2); }

@media (max-width: 960px) {
  .pros { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .shot-ah { margin: 0 auto; }
}