
:root{
  --nv:#0F2340;--nv2:#1A3A5C;--gd:#C9A84C;--gd2:#E2C97A;
  --gd-dim:rgba(201,168,76,.12);--gd-bd:rgba(201,168,76,.28);
  --cr:#F5F1EA;--cr2:#EDE8DF;--st:#8A96A3;--tx:#3D4F63;--r:7px;
}
.rb*,.rb *::before,.rb *::after{box-sizing:border-box;margin:0;padding:0}
.rb{font-family:'DM Sans',sans-serif;background:var(--cr);color:var(--nv);-webkit-font-smoothing:antialiased;overflow-x:hidden;width:100%}
.rb a{text-decoration:none;color:inherit}
.rbw{max-width:1160px;margin:0 auto;padding:0 24px}

/* ── HERO ── */
.rb-hero{background:var(--nv);padding:52px 24px 44px;position:relative;overflow:hidden}
.rb-hero::after{content:'';position:absolute;right:-80px;top:-60px;width:400px;height:400px;border-radius:50%;border:1px solid rgba(201,168,76,.06);pointer-events:none}
.rb-hi{max-width:1160px;margin:0 auto;position:relative;z-index:1}
.rb-ey{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gd);margin-bottom:12px}
.rb-h1{font-family:'Playfair Display',serif;font-size:clamp(22px,3vw,38px);font-weight:700;color:#fff;line-height:1.15;margin-bottom:12px}
.rb-h1 em{font-style:normal;color:var(--gd)}
.rb-lead{font-size:15px;color:rgba(212,220,229,.72);line-height:1.7;max-width:560px;margin-bottom:26px}
.rb-kpis{display:flex;gap:24px;flex-wrap:wrap}
.rb-kn{font-size:22px;font-weight:700;color:var(--gd);line-height:1}
.rb-kl{font-size:11px;color:var(--st);margin-top:3px}

/* ── FILTRE ── */
.rb-nav{background:#fff;border-bottom:1px solid var(--cr2);position:sticky;top:0;z-index:100;box-shadow:0 2px 10px rgba(15,35,64,.07)}
.rb-ni{max-width:1160px;margin:0 auto;padding:0 16px;display:flex;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:0}
.rb-ni::-webkit-scrollbar{display:none}
.rb-tb{background:none;border:none;border-bottom:2px solid transparent;padding:12px 13px 10px;font-size:12px;font-weight:600;color:var(--st);cursor:pointer;white-space:nowrap;transition:.15s;font-family:'DM Sans',sans-serif;display:flex;align-items:center;gap:4px;flex-shrink:0}
.rb-tb:hover{color:var(--nv)}
.rb-tb.on{color:var(--nv);border-bottom-color:var(--gd)}
.rb-cn{font-size:10px;background:var(--cr2);color:var(--st);padding:1px 5px;border-radius:8px;font-weight:700;transition:.15s}
.rb-tb.on .rb-cn{background:var(--gd-dim);color:#7a5c10}

/* ── VEDETTE ── */
.rb-fw{max-width:1160px;margin:0 auto;padding:32px 24px 0}
.rb-fl{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gd);margin-bottom:10px}
.rb-fc{display:grid;grid-template-columns:1fr 140px;background:var(--nv2);border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.07);transition:.2s}
.rb-fc:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(15,35,64,.2)}
.rb-fb{padding:28px 32px;display:flex;flex-direction:column;gap:10px}
.rb-fr{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gd)}
.rb-ft{font-family:'Playfair Display',serif;font-size:clamp(16px,1.8vw,21px);font-weight:700;color:#fff;line-height:1.25}
.rb-fe{font-size:13px;color:rgba(212,220,229,.68);line-height:1.7;flex:1}
.rb-fa{display:inline-flex;align-items:center;gap:5px;background:var(--gd);color:var(--nv);padding:8px 16px;border-radius:4px;font-size:12px;font-weight:700;transition:.15s;align-self:flex-start;margin-top:4px}
.rb-fc:hover .rb-fa{background:var(--gd2)}
.rb-fv{background:linear-gradient(135deg,rgba(201,168,76,.07),transparent);display:flex;align-items:center;justify-content:center}
.rb-fi{font-size:56px;opacity:.15}

/* ── SECTION HEADER ── */
.rb-sh{max-width:1160px;margin:0 auto;padding:28px 24px 12px;border-bottom:1px solid var(--cr2)}
.rb-sh h2{font-family:'Playfair Display',serif;font-size:18px;font-weight:700;color:var(--nv)}
.rb-sh h2 em{font-style:normal;color:var(--gd)}
.rb-sh p{font-size:12px;color:var(--st);margin-top:4px}

/* ── GRILLE ── */
.rb-gr{max-width:1160px;margin:0 auto;padding:14px 24px 6px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}

/* ── CARD ── */
.rb-card{background:#fff;border-radius:var(--r);border:1px solid var(--cr2);display:flex;flex-direction:column;transition:.18s;box-shadow:0 1px 4px rgba(15,35,64,.06)}
.rb-card:hover{transform:translateY(-3px);box-shadow:0 5px 20px rgba(15,35,64,.1);border-color:var(--gd-bd)}
.rb-band{height:3px;flex-shrink:0;border-radius:var(--r) var(--r) 0 0}
.rb-ct{background:var(--nv);padding:13px 16px 11px;display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:44px}
.rb-rp{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 7px;border-radius:3px;white-space:nowrap}
.rb-badge{font-size:9px;font-weight:700;background:rgba(201,168,76,.18);color:var(--gd2);padding:2px 6px;border-radius:3px;white-space:nowrap;flex-shrink:0}
.rb-cb{padding:14px 16px;flex:1;display:flex;flex-direction:column}
.rb-title{font-size:13px;font-weight:700;color:var(--nv);line-height:1.38;flex:1;margin-bottom:8px}
.rb-exc{font-size:11.5px;color:var(--tx);line-height:1.6;margin-bottom:10px}
.rb-cf{display:flex;align-items:center;justify-content:flex-end;padding-top:8px;border-top:1px solid var(--cr2)}
.rb-arr{font-size:16px;color:var(--gd);font-weight:700;transition:.15s}
.rb-card:hover .rb-arr{transform:translateX(3px)}

/* ── COULEURS ── */
.c-f .rb-band{background:var(--gd)}.c-f .rb-rp{background:rgba(201,168,76,.2);color:var(--gd2)}
.c-c .rb-band{background:#0E7490}.c-c .rb-rp{background:rgba(14,116,144,.2);color:#67e8f9}
.c-s .rb-band{background:#22c55e}.c-s .rb-rp{background:rgba(34,197,94,.15);color:#4ade80}
.c-r .rb-band{background:#8b5cf6}.c-r .rb-rp{background:rgba(139,92,246,.18);color:#c4b5fd}
.c-p .rb-band{background:#f97316}.c-p .rb-rp{background:rgba(249,115,22,.15);color:#fdba74}
.c-i .rb-band{background:#ec4899}.c-i .rb-rp{background:rgba(236,72,153,.15);color:#f9a8d4}
.c-e .rb-band{background:#14b8a6}.c-e .rb-rp{background:rgba(20,184,166,.15);color:#5eead4}
.c-o .rb-band{background:#E24B4A}.c-o .rb-rp{background:rgba(226,75,74,.15);color:#fca5a5}

/* ── SÉPARATEUR ── */
.rb-sep{max-width:1160px;margin:12px auto 0;padding:0 24px}
.rb-sep hr{border:none;border-top:1px solid var(--cr2)}

/* ── VIDE ── */
.rb-empty{max-width:1160px;margin:0 auto;padding:40px 24px;text-align:center;font-size:14px;color:var(--st);display:none}
.rb-empty.on{display:block}

/* ── CTA ── */
.rb-cta{background:var(--nv);padding:48px 24px;margin-top:12px;border-top:3px solid var(--gd)}
.rb-cta-in{max-width:700px;margin:0 auto;text-align:center}
.rb-cta h2{font-family:'Playfair Display',serif;font-size:clamp(18px,2.5vw,26px);color:#fff;font-weight:700;margin-bottom:10px;line-height:1.2}
.rb-cta h2 em{font-style:normal;color:var(--gd)}
.rb-cta p{font-size:13px;color:rgba(212,220,229,.72);margin-bottom:22px;line-height:1.7}
.rb-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.rb-bg{display:inline-flex;align-items:center;gap:6px;background:var(--gd);color:var(--nv);padding:11px 22px;border-radius:4px;font-size:13px;font-weight:700;transition:.15s}
.rb-bg:hover{background:var(--gd2)}
/* FIX : bouton téléphone — texte visible */
.rb-bo{display:inline-flex;align-items:center;gap:6px;
  background:rgba(255,255,255,.12);
  color:#fff;
  border:1px solid rgba(255,255,255,.3);
  padding:11px 22px;border-radius:4px;font-size:13px;font-weight:600;transition:.15s}
.rb-bo:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5)}

/* ── RESPONSIVE ── */
@media(max-width:960px){
  .rb-gr{grid-template-columns:repeat(2,1fr)}
  .rb-fv{display:none}
  .rb-fc{grid-template-columns:1fr}
}
@media(max-width:640px){
  .rb-gr{grid-template-columns:1fr}
  .rb-hero{padding:36px 16px 32px}
  .rb-kpis{gap:16px}
  .rb-kn{font-size:20px}
  .rb-fw,.rb-sh,.rb-gr,.rb-sep,.rb-empty{padding-left:16px;padding-right:16px}
  .rb-ni{padding:0 8px}
  .rb-tb{padding:11px 10px 9px;font-size:11.5px}
  .rb-fb{padding:20px 18px}
  .rb-btns{flex-direction:column;align-items:center}
  .rb-bg,.rb-bo{width:100%;max-width:280px;justify-content:center}
}
