/* RelaisImmo — visibilité du modèle sans commission sur les ventes.
   Règles limitées aux trois zones éditoriales de la landing bêta.
   Ne touche ni à l'en-tête, ni aux champs de formulaire, ni au JS. */
.ri-beta-v3 .ri-no-commission-hero {
  display:flex; align-items:center; gap:17px; max-width:590px;
  margin-top:24px; padding:16px 19px 16px 17px;
  border:1px solid rgba(145,202,255,.32); border-radius:15px;
  background:linear-gradient(120deg,rgba(71,140,227,.17),rgba(18,50,99,.58));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 12px 30px rgba(4,14,37,.12);
}
.ri-beta-v3 .ri-no-commission-hero .ri-nc-number {
  flex:0 0 auto; display:block; min-width:94px; padding-right:16px;
  border-right:1px solid rgba(160,202,255,.33);
  color:#fff; font-size:52px; font-weight:850; line-height:1;
  letter-spacing:-.075em; font-variant-numeric:tabular-nums;
}
.ri-beta-v3 .ri-no-commission-hero .ri-nc-number span {font-size:.66em;letter-spacing:-.035em;color:#8fc9ff;}
.ri-beta-v3 .ri-no-commission-hero .ri-nc-copy {display:grid;gap:5px;min-width:0;}
.ri-beta-v3 .ri-no-commission-hero .ri-nc-copy strong {
  display:block; margin:0; color:#fff; font-size:15px; font-weight:800;
  line-height:1.32; letter-spacing:-.017em;
}
.ri-beta-v3 .ri-no-commission-hero .ri-nc-copy span {
  display:block; color:#c8daf1; font-size:11.5px; line-height:1.55;
}
.ri-beta-v3 .rb-benefits-grid > .ri-no-commission-benefit {
  display:flex; gap:14px; align-items:center; margin:13px 0; padding:19px;
  border:1px solid #d4e4fa; border-radius:13px;
  background:linear-gradient(140deg,#e9f3ff,#f6faff);
  box-shadow:0 8px 24px rgba(34,90,161,.065);
}
.ri-beta-v3 .rb-benefits-grid > .ri-no-commission-benefit .ri-nc-benefit-mark {
  display:grid;place-items:center;flex:0 0 68px;height:58px;
  border-radius:11px; background:#163864; color:#fff;
  font-size:23px; font-weight:850; letter-spacing:-.05em;
}
.ri-beta-v3 .ri-no-commission-benefit .ri-nc-benefit-copy {min-width:0;}
.ri-beta-v3 .ri-no-commission-benefit .ri-nc-benefit-copy strong {
  display:block; margin-bottom:5px; color:#193d6b; font-size:14px;line-height:1.25;
}
.ri-beta-v3 .ri-no-commission-benefit .ri-nc-benefit-copy span {
  display:block; color:#547394;font-size:12px;line-height:1.5;
}
.ri-beta-v3 .ri-db-perk.ri-no-commission-perk {
  display:flex;align-items:center;gap:11px;
  border:1px solid #c7dcf8; border-radius:10px;
  padding:12px 13px; background:#edf5ff;
}
.ri-beta-v3 .ri-no-commission-perk .ri-nc-perk-mark {
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:7px; background:#173e75; color:white;
  min-width:45px; min-height:29px; padding:3px 6px; font-weight:800; font-size:13px;
  white-space:nowrap;
}
.ri-beta-v3 .ri-no-commission-perk strong {color:#163864;line-height:1.35;}
@media(max-width:850px){
  .ri-beta-v3 .rb-benefits-grid > .ri-no-commission-benefit {margin:9px 0;}
}
@media(max-width:390px){
  .ri-beta-v3 .ri-no-commission-hero {gap:11px;padding:14px 12px;border-radius:12px;}
  .ri-beta-v3 .ri-no-commission-hero .ri-nc-number {min-width:68px;font-size:42px;padding-right:10px;}
  .ri-beta-v3 .ri-no-commission-hero .ri-nc-copy strong {font-size:13px;}
  .ri-beta-v3 .ri-no-commission-hero .ri-nc-copy span {font-size:10.5px;}
  .ri-beta-v3 .rb-benefits-grid > .ri-no-commission-benefit {gap:10px;padding:14px;}
  .ri-beta-v3 .rb-benefits-grid > .ri-no-commission-benefit .ri-nc-benefit-mark {flex-basis:56px;height:52px;font-size:21px;}
}
@media(prefers-reduced-motion:reduce){.ri-beta-v3 .ri-no-commission-hero {scroll-behavior:auto;}}
