/* ═══ SentryReply — /start ══════════════════════════════════════════════════
   Troisième couche, et rien de plus. connect.css porte la colonne, le papier
   crème, le mât, le pied, le registre (.ledger), le bouton et les étapes
   numérotées (.steps) ; legal.css porte les sections numérotées et les
   paragraphes d'un document qu'on lit en entier.

   Il ne manquait qu'une chose qu'aucune des deux n'avait à porter : un prix.
   Un prix se lit avant le reste de la page ou il ne se lit pas — d'où un corps
   plus grand que le .h1 de connect.css, qui est déjà le plus grand du site.

   Volontairement court. Si cette feuille se met à grossir, c'est que la page
   invente un système au lieu de réutiliser celui qui existe.                 */

/* ═══ le prix ═══ */
.price{
  font-size:clamp(72px,15vw,136px);
  line-height:.9;letter-spacing:-.035em;
  margin-bottom:14px;
}
.price-unit{
  font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--ink-faint);margin-bottom:30px;
}

/* ═══ le registre, deux fois sur la page ═══
   Le second parle de ce qui n'est PAS compris : ses tags ne sont pas des
   refus de permission mais des exclusions, et connect.css les rend déjà en
   gris faible via .no. Rien à ajouter — seulement de l'air entre un titre de
   section et le registre qui le suit. */
.sec .ledger{margin-top:26px}

/* ═══ étapes ═══
   .steps vient de connect.css (page /connected). Dans une section numérotée,
   le premier filet doublerait celui de .sec : on le retire. */
.sec .steps{margin-top:8px}
.sec .step:first-child{border-top:0;padding-top:0}

/* legal.css cadre les paragraphes du corps à 58ch ; ceux d'une étape sont des
   phrases courtes sous un titre, ils respirent mieux un peu plus étroits. */
.sec .step p{max-width:52ch}

/* ═══ l'engagement de remboursement ═══
   Pas un encadré, pas un bandeau : le filet accent de .note, en plus épais et
   en taille de lecture. Une promesse qu'on met en valeur comme une alerte se
   lit comme une clause ; celle-ci doit se lire comme une phrase. */
.pledge{
  margin-top:28px;padding-left:22px;
  border-left:2px solid var(--accent);
  max-width:56ch;
}
.pledge p{font-size:17px;line-height:1.68}
.pledge p+p{margin-top:14px}

@media (max-width:520px){
  .price{letter-spacing:-.03em}
  .pledge{padding-left:18px}
}