/* Per consulenti · sezione Diventa partner (#partner, 03/11: prima era la pagina partner.html).
   Liste, modi e interruttore vengono da superpowers.css, il filo dei passi da bisogni.css.
   Il momento vivo è la frase al cliente «prima» e «con Quisquilia» (partner.js). */

/* cosa ricevi: punti a due colonne con icona */
.punto-icona .lista-icona { margin-bottom: 16px; }

/* marchio: la frase al cliente cambia, il cliente resta */
.etichetta-po { display: inline-block; margin-right: 10px; padding: 4px 10px; border-radius: 999px; background: rgba(14, 46, 62, .07); color: var(--nebbia); font: 500 var(--t-micro, .75rem)/1.2 var(--display); vertical-align: .15em; }
.etichetta-po--ora { background: rgba(142, 183, 206, .28); color: var(--sky); }
.marchio-sez { align-items: end; }
.marchio-sotto { margin-top: 16px; color: var(--sky); }
.scambio { display: grid; gap: 22px; }
.scambio-voci { display: grid; gap: 28px; }
.scambio-voce .etichetta-po { margin-bottom: 14px; }
.scambio-voce p { font: 500 var(--t-t3)/1.12 var(--voce); letter-spacing: -.02em; text-wrap: pretty; }
.scambio-voce--prima p { color: var(--nebbia); }
.js .scambio-voci > * { grid-area: 1 / 1; transition: opacity .6s var(--esce), transform .6s var(--esce), filter .6s var(--esce), visibility .6s; }
.js .scambio-voci > :not(.attiva) { opacity: 0; transform: translateY(10px); filter: blur(6px); visibility: hidden; }

@media (prefers-reduced-motion: reduce) {
  .js .scambio-voci > * { transition: none; }
}