/* Quantisk Marketing polish
   - Solo layout/espaciado/legibilidad.
   - No cambia la paleta ni los colores de CTAs.
*/

/* Hero bullets */
.q-hero__bullets{
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}
.q-hero__bullets li{
  /*
    En algunos navegadores/temas, el texto anónimo dentro de un grid-item
    puede colapsar a un ancho mínimo, forzando saltos de línea palabra a palabra.
    Flex evita ese comportamiento y mantiene la maquetación estable.
  */
  display: flex;
  gap: 10px;
  align-items: flex-start;
  color: var(--q-muted, #5b6473);
  line-height: 1.45;
}
.q-hero__bullets li::before{
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 999px;
  margin-top: 6px;
  background: linear-gradient(90deg, var(--q-accent, #207AE5), var(--q-cyan, #10DAFC));
  flex: 0 0 auto;
}
.q-hero__bullets b{
  color: var(--q-ink, #0E1B3E);
  display: inline;
}

/* Micro text under CTAs */
.q-micro{
  display: inline-block;
  margin-top: 12px;
  font-size: 0.95rem;
  color: var(--q-muted, #5b6473);
}

/* Tighten section headers on small screens */
@media (max-width: 640px){
  .q-section__header h2{ line-height: 1.15; }
  .q-hero__title{ line-height: 1.08; }
}