.pricing-card{display:flex;flex-direction:column}.pricing-card .marketing-cta{width:100%;margin-top:auto}.pricing-annual{margin:0;color:#75859a;font-size:12px}.pricing-outcome{min-height:62px;color:#435872;font-size:13px;line-height:1.55}.pricing-intro{margin-top:86px}.pricing-comparison{border:1px solid #dce5ee;margin-bottom:76px;overflow-x:auto}.pricing-comparison>div{min-width:680px}.pricing-heading,.pricing-row{display:grid;grid-template-columns:minmax(300px,1fr) repeat(3,130px);align-items:center}.pricing-heading{background:#0c3459;color:#fff;font-size:12px;font-weight:800}.pricing-heading span,.pricing-row span{padding:15px 18px}.pricing-comparison h3{min-width:680px;margin:0;padding:13px 18px;background:#f5f8fb;border-top:1px solid #dce5ee;border-bottom:1px solid #dce5ee;font:750 15px Outfit,sans-serif}.pricing-row{border-bottom:1px solid #edf1f5;font-size:13px;color:#3e526b}.pricing-row>span:first-child{font-weight:600}.pricing-yes{color:#168357;font-weight:800;text-align:center}.pricing-no{color:#a5b0bd;font-weight:700;text-align:center}

/* Au telephone, un comparatif a quatre colonnes impose un balayage lateral
   penible. Chaque ligne devient un bloc : le nom de la fonctionnalite au-dessus,
   les trois plans en dessous, chacun etiquete par son nom. */
@media (max-width: 640px){
  .pricing-comparison{overflow-x:visible}
  .pricing-comparison>div,
  .pricing-comparison h3{min-width:0}
  .pricing-heading{display:none}
  .pricing-row{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:2px 8px;
    padding:12px 14px;
  }
  .pricing-row>span{padding:0}
  .pricing-row>span:first-child{
    grid-column:1 / -1;
    margin-bottom:6px;
    font-size:13px;
    font-weight:700;
    color:#0c3459;
  }
  /* Le nom du plan precede chaque valeur, puisque l'en-tete a disparu. */
  .pricing-row>span:nth-child(2)::before{content:"Starter";}
  .pricing-row>span:nth-child(3)::before{content:"Premium";}
  .pricing-row>span:nth-child(4)::before{content:"Pro";}
  .pricing-row>span:nth-child(n+2)::before{
    display:block;
    font-size:10px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.06em;
    color:#8496a9;
    margin-bottom:2px;
  }
  .pricing-row>span:nth-child(n+2){
    text-align:center;
    padding:6px 4px;
    background:#f7fafc;
    border:1px solid #e6edf4;
    font-size:12px;
  }
}