/* ════════════════════════════════════════════════════════════
   Cronable — page "accompagnement SaaS" (saas.cronable.fr)
   Complément de styles.css, jamais un remplacement : tous les
   tokens, primitives et composants (nav, .card, .tarif,
   .bandeau, .steps, .machine-cta, .btn) viennent de styles.css.
   On n'ajoute ici que ce qui n'existe pas encore.
   ════════════════════════════════════════════════════════════ */

/* ---------- hero : une seule colonne (pas de console produit ici) ---------- */
.saas-hero{
  max-width:1120px;margin:0 auto;
  padding:9.5rem 1.5rem 3.5rem;
}
/* la colonne de texte garde la mesure du hero de la landing */
.saas-hero-copy{max-width:44rem;}

/* ---------- cartes d'offre : le gain, puis la condition ---------- */
/* ligne de valeur en orange texte, même rôle que le pied de console */
.offre-gain{
  margin-top:1.1rem;font-size:.9rem;font-weight:600;
  color:var(--orange-deep);
}
/* la mécanique commerciale, en retrait sous un filet */
.offre-tail{
  margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--line);
  font-size:.86rem;color:var(--ink-3);
}

/* ---------- bandeau "à noter" ---------- */
.saas-note{max-width:46rem;}

/* ---------- responsive ---------- */
@media (max-width:900px){
  .saas-hero{padding-top:7.5rem;}
}