.rp-eyebrow{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--color-braise-700)}
.rp-haut{display:grid;gap:36px;align-items:center}
@media (min-width:1024px){
  .rp-haut{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:72px}
  .rp-haut--inv{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
  .rp-haut--inv .rp-visuel{order:-1}
}
.rp-sep{border-top:1px solid var(--color-ardoise-200)}
.rp-note{margin:22px 0 0;max-width:62ch;font-size:15px;line-height:1.65;color:var(--color-ardoise-600)}

.rp-liste{margin:48px 0 0;padding:0;list-style:none}
@media (min-width:820px){.rp-liste--2{column-count:2;column-gap:56px}.rp-liste--3{column-count:3;column-gap:40px}}
.rp-liste>li{break-inside:avoid;padding:16px 0 18px;border-top:1px solid var(--color-ardoise-200)}
.rp-liste h3{margin:0;font-size:17px;font-weight:700;letter-spacing:-.015em;line-height:1.3;color:var(--color-ardoise-950)}
.rp-liste p{margin:6px 0 0;font-size:15.5px;line-height:1.65;color:var(--color-ardoise-600)}

.rp-visuel{width:100%;max-width:520px;margin-inline:auto}
.rp-legende{margin:12px 4px 0;font-size:12.5px;line-height:1.5;color:var(--color-ardoise-600);text-align:center}
.rp-vis{position:relative;overflow:hidden;border:1px solid var(--color-ardoise-200);border-radius:20px;background:#fff;box-shadow:var(--shadow-flotte);padding:22px;font-size:13px;line-height:1.45;color:var(--color-ardoise-700)}
.rp-vis b{font-weight:600}
.rp-tete{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.rp-tete b{display:block;font-size:14.5px;color:var(--color-ardoise-950)}
.rp-tete small{display:block;margin-top:2px;font-size:12px;color:var(--color-ardoise-600)}

.rp-pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:3px 11px;font-size:12px;font-weight:600;line-height:1.4;white-space:nowrap;background:rgba(232,85,67,.08);color:var(--color-braise-700);box-shadow:inset 0 0 0 1px rgba(232,85,67,.22)}
.rp-pill--calme{background:rgba(116,104,136,.09);color:var(--color-ardoise-600);box-shadow:inset 0 0 0 1px rgba(116,104,136,.24)}
.rp-pill svg{width:12px;height:12px}

.rp-barre{height:4px;border-radius:2px;background:var(--color-ardoise-200);overflow:hidden}
.rp-barre i{display:block;height:100%;border-radius:2px;background:var(--color-braise-600);transform-origin:left center}
.rp-w100{width:100%}.rp-w66{width:66%}.rp-w50{width:50%}.rp-w34{width:34%}

/* prélèvement automatique */
.rp-etat{display:inline-grid;flex:none}
.rp-etat>span{grid-area:1/1;justify-self:end}
.rp-etat-a{opacity:0}
.rp-montant{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:18px 0 0}
.rp-montant b{font-size:28px;font-weight:700;letter-spacing:-.03em;line-height:1.1;color:var(--color-ardoise-950)}
.rp-montant small{font-size:12px;color:var(--color-ardoise-600)}
.rp-frise{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:26px 0 0;padding:0;list-style:none;text-align:center}
.rp-frise::before,.rp-frise::after{content:"";position:absolute;top:7px;height:2px;border-radius:2px}
.rp-frise::before{left:16.667%;right:16.667%;background:var(--color-ardoise-200)}
.rp-frise::after{left:16.667%;width:33.333%;background:var(--color-braise-600);transform-origin:left center}
.rp-frise li{position:relative;z-index:1;padding:0 4px}
.rp-frise i{display:block;width:16px;height:16px;margin:0 auto 10px;border-radius:50%;background:#fff;border:2px solid var(--color-ardoise-300)}
.rp-f1 i{background:var(--color-ardoise-400);border-color:var(--color-ardoise-400)}
.rp-f2 i{background:var(--color-braise-600);border-color:var(--color-braise-600)}
.rp-frise b{display:block;font-size:13px;color:var(--color-ardoise-950)}
.rp-frise small{display:block;font-size:12px;color:var(--color-ardoise-600)}
.rp-frise em{display:block;margin-top:5px;font-style:normal;font-size:12px;font-weight:600;color:var(--color-ardoise-600)}
.rp-f2 em{color:var(--color-braise-700)}
.rp-f3 em{font-weight:400;color:var(--color-ardoise-500)}
.rp-courriel{margin:22px 0 0;padding:12px 14px;border-radius:12px;background:var(--color-papier-doux);border:1px solid var(--color-ardoise-200);font-size:12.5px;line-height:1.55;color:var(--color-ardoise-700)}
.rp-courriel b{display:block;margin-bottom:2px;font-size:12px;color:var(--color-ardoise-600)}

/* factures de fournisseurs */
.rp-four{display:grid;grid-template-columns:96px minmax(0,1fr);gap:18px}
.rp-pj{align-self:start}
.rp-pj small{display:block;margin-top:8px;font-size:11px;text-align:center;color:var(--color-ardoise-600)}
.rp-doc{position:relative;display:flex;flex-direction:column;gap:8px;overflow:hidden;aspect-ratio:3/4;border:1px solid var(--color-ardoise-200);border-radius:10px;background:var(--color-ardoise-50);padding:14px 11px}
.rp-doc span{display:block;height:5px;border-radius:3px;background:var(--color-ardoise-300)}
.rp-doc .rp-l1{width:60%;background:var(--color-ardoise-400)}
.rp-doc .rp-l2{width:100%}.rp-doc .rp-l3{width:82%}.rp-doc .rp-l4{width:94%}.rp-doc .rp-l5{width:46%;margin-top:6px}
.rp-doc .rp-l6{width:100%}.rp-doc .rp-l7{width:70%}.rp-doc .rp-l8{width:56%;margin-top:6px;background:var(--color-ardoise-400)}
.rp-doc .rp-scan{position:absolute;left:0;right:0;top:0;height:2px;border-radius:0;background:var(--color-braise-600);opacity:0}
.rp-lignes{margin:14px 0 0;padding:0}
.rp-r{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid var(--color-ardoise-100)}
.rp-r dt{margin:0;font-size:12px;color:var(--color-ardoise-600)}
.rp-r dd{margin:0;font-size:13px;font-weight:600;text-align:right;color:var(--color-ardoise-950)}
.rp-r--total dd{font-size:15px}
.rp-ok{display:flex;align-items:center;gap:6px;margin:8px 0 0;font-size:12px;font-weight:600;color:var(--color-braise-700)}
.rp-ok svg{width:14px;height:14px;flex:none}
.rp-prop{margin:12px 0 0;padding:10px 12px;border-radius:12px;background:var(--color-papier-doux);border:1px solid var(--color-ardoise-200)}
.rp-prop small{display:block;font-size:11.5px;color:var(--color-ardoise-600)}
.rp-prop b{display:block;margin-top:1px;font-size:13px;color:var(--color-ardoise-950)}
.rp-btns{display:flex;gap:8px;margin-top:8px}
.rp-btns span{border-radius:8px;padding:3px 10px;font-size:12px;font-weight:600;color:var(--color-ardoise-700);background:#fff;box-shadow:inset 0 0 0 1px var(--color-ardoise-300)}
.rp-btns span:first-child{color:var(--color-braise-700);background:rgba(232,85,67,.08);box-shadow:inset 0 0 0 1px rgba(232,85,67,.3)}

/* CRM construction */
.rp-entonnoir{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:13px}
.rp-lg{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:6px;font-size:13px}
.rp-lg b{font-size:14px;color:var(--color-ardoise-950)}
.rp-sous{margin:20px 0 8px;font-size:12px;font-weight:600;color:var(--color-ardoise-600)}
.rp-chips{display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none}
.rp-chips li{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:4px 11px;font-size:12px;color:var(--color-ardoise-700);background:var(--color-papier-doux);box-shadow:inset 0 0 0 1px var(--color-ardoise-200)}
.rp-chips b{color:var(--color-braise-700)}
.rp-pied{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px;padding-top:14px;border-top:1px solid var(--color-ardoise-200);font-size:12.5px}

/* compétences d'OKTHAV */
.rp-conv{display:grid;gap:12px;margin-top:16px}
.rp-bulle{position:relative;max-width:92%;border-radius:14px;padding:11px 14px;font-size:13px;line-height:1.5}
.rp-bulle--moi{justify-self:end;background:rgba(232,85,67,.08);color:var(--color-ardoise-950);box-shadow:inset 0 0 0 1px rgba(232,85,67,.2)}
.rp-bulle--bot{background:var(--color-papier-doux);color:var(--color-ardoise-800);box-shadow:inset 0 0 0 1px var(--color-ardoise-200)}
.rp-src{display:inline-flex;align-items:center;gap:6px;margin-top:9px;border-radius:8px;padding:4px 9px;font-size:12px;font-weight:600;color:var(--color-braise-700);background:#fff;box-shadow:inset 0 0 0 1px rgba(232,85,67,.3)}
.rp-src svg{width:13px;height:13px;flex:none}
.rp-ecrit{position:absolute;left:14px;top:14px;display:flex;gap:4px;opacity:0}
.rp-ecrit i{width:6px;height:6px;border-radius:50%;background:var(--color-ardoise-400)}
.rp-dossier{display:flex;align-items:center;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--color-ardoise-200);font-size:12px;color:var(--color-ardoise-600)}
.rp-dossier svg{width:14px;height:14px;flex:none;color:var(--color-braise-700)}

/* mini-application dans Telegram */
.rp-tel{width:100%;max-width:290px;margin-inline:auto}
.rp-tel-cadre{overflow:hidden;border:1px solid var(--color-ardoise-300);border-radius:34px;background:#fff;box-shadow:var(--shadow-flotte);padding:14px 14px 16px}
.rp-tel-haut{display:flex;align-items:center;justify-content:space-between;padding:6px 6px 12px;font-size:14px;font-weight:600;color:var(--color-ardoise-950)}
.rp-tel-haut small{font-size:11.5px;font-weight:400;color:var(--color-ardoise-600)}
.rp-tuiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0;padding:0;list-style:none}
.rp-tuiles li{position:relative;display:flex;flex-direction:column;gap:9px;border-radius:14px;padding:12px 12px 11px;font-size:12.5px;font-weight:600;line-height:1.3;color:var(--color-ardoise-900);background:var(--color-papier-doux);box-shadow:inset 0 0 0 1px var(--color-ardoise-200)}
.rp-tuiles svg{width:19px;height:19px;color:var(--color-braise-700)}
.rp-tuiles .rp-n{position:absolute;right:10px;top:10px;min-width:19px;border-radius:999px;padding:1px 6px;font-size:11px;text-align:center;color:var(--color-braise-700);background:rgba(232,85,67,.1);box-shadow:inset 0 0 0 1px rgba(232,85,67,.25)}
.rp-reseau{display:grid;margin-top:12px;font-size:12px;color:var(--color-ardoise-600);text-align:center}
.rp-reseau>span{grid-area:1/1;border-radius:10px;padding:7px 8px;box-shadow:inset 0 0 0 1px var(--color-ardoise-200)}
.rp-reseau-a{opacity:0}
.rp-reseau>.rp-reseau-b{color:var(--color-braise-700);background:rgba(232,85,67,.06);box-shadow:inset 0 0 0 1px rgba(232,85,67,.25)}

/* sécurité : trois protections */
.rp-garde{display:grid;gap:22px;margin-top:44px}
.rp-garde>div{display:grid;gap:22px;align-items:center;padding-top:22px;border-top:1px solid var(--color-ardoise-200)}
.rp-garde>div:first-child{padding-top:0;border-top:0}
@media (min-width:820px){.rp-garde>div{grid-template-columns:260px minmax(0,1fr);gap:44px}}
.rp-garde h3{margin:0;font-size:19px;font-weight:700;letter-spacing:-.02em;line-height:1.3;color:var(--color-ardoise-950)}
.rp-garde p{margin:8px 0 0;max-width:68ch;font-size:15.5px;line-height:1.7;color:var(--color-ardoise-600)}
.rp-garde p+p{margin-top:8px}
.rp-garde .rp-petit{font-size:14px;color:var(--color-ardoise-600)}
.rp-glyphe{position:relative;overflow:hidden;border:1px solid var(--color-ardoise-200);border-radius:16px;background:#fff;box-shadow:var(--shadow-flotte);padding:16px;font-size:12px;line-height:1.4;color:var(--color-ardoise-700)}
.rp-glyphe small{display:block;font-size:11.5px;color:var(--color-ardoise-600)}
.rp-g-haut{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--color-ardoise-950)}
.rp-g-haut svg{width:15px;height:15px;flex:none;color:var(--color-braise-700)}
.rp-g-puces{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0;list-style:none}
.rp-g-puces li{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:600;color:var(--color-ardoise-700);background:var(--color-papier-doux);box-shadow:inset 0 0 0 1px var(--color-ardoise-200)}
.rp-g-puces .rp-non{color:var(--color-ardoise-500);text-decoration:line-through;text-decoration-color:var(--color-braise-600);background:#fff}
.rp-g-puces svg{width:11px;height:11px}
.rp-fich{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;overflow:hidden;border-radius:10px;padding:8px 10px;background:var(--color-papier-doux);box-shadow:inset 0 0 0 1px var(--color-ardoise-200)}
.rp-fich+.rp-fich{margin-top:8px}
.rp-fich b{font-size:12px;color:var(--color-ardoise-950);word-break:break-all}
.rp-fich .rp-scan{position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--color-braise-600);opacity:0}
.rp-jours{margin-top:10px}
.rp-jours span{display:flex;justify-content:space-between;margin-bottom:5px;font-size:11.5px;color:var(--color-ardoise-600)}
.rp-url{display:flex;align-items:center;gap:7px;margin-top:12px;border-radius:10px;padding:8px 10px;font-family:var(--font-mono);font-size:11px;color:var(--color-ardoise-700);background:var(--color-papier-doux);box-shadow:inset 0 0 0 1px var(--color-ardoise-200);overflow:hidden;white-space:nowrap}
.rp-url svg{width:12px;height:12px;flex:none;color:var(--color-braise-700)}
.rp-url span{overflow:hidden;text-overflow:ellipsis}
.rp-url u{text-decoration:none;color:var(--color-braise-700);font-weight:600}
.rp-compte{margin-top:12px}
.rp-compte span{display:flex;justify-content:space-between;margin-bottom:5px;font-size:11.5px;color:var(--color-ardoise-600)}

/* mouvements : une seule séquence à l'apparition, l'état final reste affiché */
@keyframes rp-fondu{from{opacity:0}to{opacity:1}}
@keyframes rp-entre{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes rp-croit{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes rp-sortie{from{opacity:1}to{opacity:0}}
@keyframes rp-entree{from{opacity:0}to{opacity:1}}
@keyframes rp-balayage{0%{top:0;opacity:0}12%{opacity:1}88%{opacity:1}100%{top:calc(100% - 2px);opacity:0}}
@keyframes rp-balayage-x{0%{left:0;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:calc(100% - 2px);opacity:0}}
@keyframes rp-point{from{background:#fff;border-color:var(--color-ardoise-300)}}
@keyframes rp-bulle{0%,100%{opacity:.25}50%{opacity:1}}
@keyframes rp-fenetre{0%{opacity:0}12%,80%{opacity:1}100%{opacity:0}}

@media (prefers-reduced-motion:no-preference){
  .rp-prelev.vu .rp-frise::after{animation:rp-croit 1.1s .9s cubic-bezier(.4,0,.2,1) backwards}
  .rp-prelev.vu .rp-f1 i{animation:rp-point .5s .35s backwards}
  .rp-prelev.vu .rp-f2 i{animation:rp-point .5s 1.9s backwards}
  .rp-prelev.vu .rp-f1 em{animation:rp-entree .5s .6s backwards}
  .rp-prelev.vu .rp-f2 em{animation:rp-entree .5s 2.1s backwards}
  .rp-prelev.vu .rp-f3 em{animation:rp-entree .5s 2.4s backwards}
  .rp-prelev.vu .rp-etat-a{animation:rp-sortie .5s 2.3s backwards}
  .rp-prelev.vu .rp-etat-b{animation:rp-entree .5s 2.3s backwards}
  .rp-prelev.vu .rp-courriel{animation:rp-entre .6s 2.6s backwards}

  .rp-lecture.vu .rp-doc .rp-scan{animation:rp-balayage 1.5s .4s ease-in-out}
  .rp-lecture.vu .rp-brouillon>.rp-tete{animation:rp-entre .5s .6s backwards}
  .rp-lecture.vu .rp-lignes .rp-r{animation:rp-entre .45s backwards}
  .rp-lecture.vu .rp-lignes .rp-r:nth-child(1){animation-delay:1s}
  .rp-lecture.vu .rp-lignes .rp-r:nth-child(2){animation-delay:1.2s}
  .rp-lecture.vu .rp-lignes .rp-r:nth-child(3){animation-delay:1.4s}
  .rp-lecture.vu .rp-lignes .rp-r:nth-child(4){animation-delay:1.6s}
  .rp-lecture.vu .rp-lignes .rp-r:nth-child(5){animation-delay:1.8s}
  .rp-lecture.vu .rp-brouillon>.rp-ok{animation:rp-entre .5s 2.2s backwards}
  .rp-lecture.vu .rp-brouillon>.rp-prop{animation:rp-entre .5s 2.6s backwards}
  .rp-lecture.vu .rp-brouillon>.rp-r{animation:rp-entre .5s 3s backwards}

  .rp-crm.vu .rp-barre i{animation:rp-croit .9s cubic-bezier(.4,0,.2,1) backwards}
  .rp-crm.vu .rp-entonnoir li:nth-child(1) i{animation-delay:.3s}
  .rp-crm.vu .rp-entonnoir li:nth-child(2) i{animation-delay:.55s}
  .rp-crm.vu .rp-entonnoir li:nth-child(3) i{animation-delay:.8s}
  .rp-crm.vu .rp-entonnoir b{animation:rp-entree .5s backwards}
  .rp-crm.vu .rp-entonnoir li:nth-child(1) b{animation-delay:.5s}
  .rp-crm.vu .rp-entonnoir li:nth-child(2) b{animation-delay:.75s}
  .rp-crm.vu .rp-entonnoir li:nth-child(3) b{animation-delay:1s}
  .rp-crm.vu .rp-chips li{animation:rp-entre .45s backwards}
  .rp-crm.vu .rp-chips li:nth-child(1){animation-delay:1.3s}
  .rp-crm.vu .rp-chips li:nth-child(2){animation-delay:1.45s}
  .rp-crm.vu .rp-chips li:nth-child(3){animation-delay:1.6s}
  .rp-crm.vu .rp-chips li:nth-child(4){animation-delay:1.75s}
  .rp-crm.vu .rp-pied{animation:rp-entre .5s 2.1s backwards}

  .rp-comp.vu .rp-bulle--moi{animation:rp-entre .5s .2s backwards}
  .rp-comp.vu .rp-ecrit{animation:rp-fenetre 1.2s .8s}
  .rp-comp.vu .rp-ecrit i{animation:rp-bulle .6s .8s 2}
  .rp-comp.vu .rp-ecrit i:nth-child(2){animation-delay:.95s}
  .rp-comp.vu .rp-ecrit i:nth-child(3){animation-delay:1.1s}
  .rp-comp.vu .rp-bulle--bot{animation:rp-entre .6s 2s backwards}
  .rp-comp.vu .rp-src{animation:rp-entre .5s 2.7s backwards}
  .rp-comp.vu .rp-dossier{animation:rp-entree .6s .1s backwards}

  .rp-app.vu .rp-tuiles li{animation:rp-entre .5s backwards}
  .rp-app.vu .rp-tuiles li:nth-child(1){animation-delay:.15s}
  .rp-app.vu .rp-tuiles li:nth-child(2){animation-delay:.3s}
  .rp-app.vu .rp-tuiles li:nth-child(3){animation-delay:.45s}
  .rp-app.vu .rp-tuiles li:nth-child(4){animation-delay:.6s}
  .rp-app.vu .rp-tuiles li:nth-child(5){animation-delay:.75s}
  .rp-app.vu .rp-tuiles li:nth-child(6){animation-delay:.9s}
  .rp-app.vu .rp-reseau-a{animation:rp-sortie 1s 1.6s backwards}
  .rp-app.vu .rp-reseau-b{animation:rp-entree .6s 2.9s backwards}

  .rp-g-hl.vu .rp-g-puces li{animation:rp-entre .45s backwards}
  .rp-g-hl.vu .rp-g-puces li:nth-child(1){animation-delay:.2s}
  .rp-g-hl.vu .rp-g-puces li:nth-child(2){animation-delay:.35s}
  .rp-g-hl.vu .rp-g-puces li:nth-child(3){animation-delay:.5s}
  .rp-g-hl.vu .rp-g-puces li:nth-child(4){animation-delay:.9s}
  .rp-g-hl.vu .rp-g-puces li:nth-child(5){animation-delay:1.05s}
  .rp-g-hl.vu .rp-g-puces li:nth-child(6){animation-delay:1.2s}
  .rp-g-av.vu .rp-fich .rp-scan{animation:rp-balayage-x 1.3s .3s ease-in-out}
  .rp-g-av.vu .rp-fich+.rp-fich{animation:rp-entre .5s 1.2s backwards}
  .rp-g-av.vu .rp-fich+.rp-fich .rp-scan{animation-delay:1.7s}
  .rp-g-av.vu .rp-jours{animation:rp-entre .5s 2.4s backwards}
  .rp-g-av.vu .rp-jours .rp-barre i{animation:rp-croit 1.1s 2.7s cubic-bezier(.4,0,.2,1) backwards}
  .rp-g-jt.vu .rp-url{animation:rp-entre .5s .2s backwards}
  .rp-g-jt.vu .rp-compte{animation:rp-entre .5s .7s backwards}
  .rp-g-jt.vu .rp-compte .rp-barre i{animation:rp-croit 1.1s 1.2s cubic-bezier(.4,0,.2,1) backwards}
}

@media (prefers-reduced-motion:reduce){
  .rp-visuel.vu .rp-vis,.rp-visuel.vu .rp-tel-cadre,.rp-g-hl.vu,.rp-g-av.vu,.rp-g-jt.vu{animation:rp-fondu 1.4s ease backwards}
}

@media (max-width:420px){
  .rp-vis{padding:18px 16px}
  .rp-four{grid-template-columns:78px minmax(0,1fr);gap:14px}
  .rp-montant b{font-size:25px}
  .rp-frise b{font-size:12.5px}
}