/* La page d'accueil : la matière de la page du Desktop, rien de plus. */
h1.voix.titre-site { font-size: 40px; line-height: 1.1; margin: 6px 0 18px; max-width: 30rem; }
.signature { margin: 0; }
.page { padding-bottom: 60px; }
.corps section { margin-top: 44px; }
.corps p.voix { font-size: 21px; }
.corps p.voix.titre { font-size: 26px; margin-top: 0; margin-bottom: 12px; }
.corps a.lien { color: var(--vert); }
.preuve { margin-top: 14px; }
.demo { margin-top: 40px; padding-left: 18px; border-left: 2px solid color-mix(in srgb, var(--encre-3) 45%, transparent); }
.demo p.voix { margin-bottom: 8px; }
.plan { font-family: var(--voix); font-size: 21px; line-height: 1.4; margin: 0; padding-left: 26px; }
.plan li { margin-bottom: 8px; }
.telechargements li, .tarifs li { display: flex; flex-direction: column; gap: 2px; padding: 12px 0; border-top: 1px solid color-mix(in srgb, var(--encre-3) 40%, transparent); border-bottom: 1px solid color-mix(in srgb, var(--encre-3) 40%, transparent); }
.telechargements .quoi, .tarifs .quoi { font-size: 22px; }
.telechargements code { font: 12px/1.5 ui-monospace, "SF Mono", Menlo, monospace; color: var(--encre-2); overflow-wrap: anywhere; }
.telechargements .petit, .tarifs .petit { overflow-wrap: anywhere; }
.fin { margin-top: 56px; }
.pied { margin-top: 56px; }
@media (max-width: 720px) {
  h1.voix.titre-site { font-size: 32px; }
  .corps p.voix { font-size: 20px; }
  .plan { font-size: 20px; }
}
.tarifs li + li { border-top: 0; }