/* Rulezz Éditeurs & Partenariats — V2 · Référence UX "Comment utiliser Rulezz ?"
   Feuille additionnelle, portée exclusivement par la page publique.
   Pas de changement aux pages privées editeurs.php?editeur=... ni au BO.
   Les règles ci-dessous sont volontaires et n'affectent pas la logique JS, le formulaire ou les données. */

body.rzp-page.rz-public {--rzp-ref-bg:#f7f7fb;--rzp-ref-ink:#17172f;--rzp-ref-sub:#616b86;--rzp-ref-line:#dfe3f0;--rzp-ref-lavender:#eeeaff;--rzp-ref-purple:#6745e7;}
body.rzp-page.rz-public > main#rzp-main {background:var(--rzp-ref-bg)!important;color:var(--rzp-ref-ink)!important;overflow-x:clip;}
body.rzp-page .rzp-container {width:min(1400px,calc(100% - 40px));}
body.rzp-page .rzp-section {padding:34px 0 42px;scroll-margin-top:88px;}
body.rzp-page .rzp-section-head {max-width:920px;margin-bottom:20px;}
body.rzp-page .rzp-section-head-center {margin:0 auto 24px;text-align:left;}
body.rzp-page .rzp-section-head h2 {font-size:clamp(24px,2.3vw,31px);font-weight:850;letter-spacing:-.035em;color:#1b1b36;}
body.rzp-page .rzp-section-head p {font-size:14px;color:var(--rzp-ref-sub);line-height:1.6;margin-top:7px;}
body.rzp-page .rzp-eyebrow {color:var(--rzp-ref-purple);font-size:10px;margin-bottom:7px;}

/* Bandeau : même ambiance que l'écran "Comment utiliser Rulezz ?". */
body.rzp-page .rzp-hero {margin:14px 15px 0;padding:30px 0 31px;min-height:0;border-radius:22px;
  background:linear-gradient(115deg,#19172e 0%,#211c45 52%,#33276d 100%);box-shadow:none;overflow:hidden;}
body.rzp-page .rzp-hero-grid {display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:start;}
body.rzp-page .rzp-hero-copy {max-width:1100px;}
body.rzp-page .rzp-hero-art {display:none!important;}
body.rzp-page .rzp-kicker {font-size:11px;color:#ffcc4d;letter-spacing:.15em;font-weight:850;margin-bottom:10px;gap:8px;}
body.rzp-page .rzp-glow {width:6px;height:6px;background:#ffcc4d;box-shadow:none;}
body.rzp-page .rzp-hero h1 {font-size:clamp(31px,3.6vw,43px);line-height:1.13;letter-spacing:-.035em;font-weight:900;max-width:none;color:#fff;}
body.rzp-page .rzp-hero h1 em {font-style:normal;color:#fff;}
body.rzp-page .rzp-hero-copy > p {font-size:14px;color:#e4e3f0;max-width:950px;line-height:1.55;margin:10px 0 0;}
body.rzp-page .rzp-hero-copy > p.rzp-editor-intro {color:#eae6fc!important;margin-top:10px!important;border-left-color:#bfb2ff;}
body.rzp-page .rzp-buttons {gap:10px;margin-top:20px;}
body.rzp-page .rzp-btn {min-height:43px;border-radius:12px;font-size:13px;padding:11px 16px;gap:13px;}
body.rzp-page .rzp-btn-primary {background:#7157e7;color:#fff!important;box-shadow:none;}
body.rzp-page .rzp-btn-primary:hover {background:#6145cd;}
body.rzp-page .rzp-btn-ghost {border-color:#dcd5ff5c;background:#ffffff16;color:#fff!important;}
body.rzp-page .rzp-tags {margin-top:14px;gap:14px;color:#e9e4f4;font-size:11px;}

/* Blocs blanc + pictogramme lavande, grille 2 colonnes comme la capture. */
body.rzp-page .rzp-partner-section {background:transparent;}
body.rzp-page .rzp-cards {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
body.rzp-page .rzp-card {min-width:0;display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto 1fr;
  gap:4px 13px;align-items:start;border:1px solid var(--rzp-ref-line);border-radius:17px;padding:18px;
  background:#fff;box-shadow:none;}
body.rzp-page .rzp-card-top {grid-column:1;grid-row:1 / span 2;margin:0;display:block;min-width:0;}
body.rzp-page .rzp-num {display:none;}
body.rzp-page .rzp-icon {width:43px;height:43px;border-radius:13px;border:none;background:var(--rzp-ref-lavender);color:var(--rzp-ref-purple);font-size:20px;}
body.rzp-page .rzp-card h3 {grid-column:2;grid-row:1;color:#17172f;font-size:15px;letter-spacing:-.02em;font-weight:850;margin:2px 0 0;}
body.rzp-page .rzp-card p {grid-column:2;grid-row:2;color:var(--rzp-ref-sub);font-size:12px;line-height:1.55;margin:0;}

/* Présentation et démonstration : mêmes surfaces sobres que les cartes. */
body.rzp-page .rzp-demo-section,body.rzp-page .rzp-visuals,body.rzp-page .rzp-benefits {background:transparent;}
body.rzp-page .rzp-demo-layout {grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:22px;align-items:start;}
body.rzp-page .rzp-demo-description {background:#fff;border:1px solid var(--rzp-ref-line);border-radius:17px;padding:24px;min-width:0;}
body.rzp-page .rzp-demo-label {background:var(--rzp-ref-lavender);color:#6745d3;border-radius:12px;}
body.rzp-page .rzp-demo-description h3 {font-size:clamp(28px,3vw,37px);margin:15px 0;}
body.rzp-page .rzp-demo-description>p {font-size:13px;color:var(--rzp-ref-sub);line-height:1.65;}
body.rzp-page .rzp-fact {margin-top:18px;background:#f4f1ff;border-left-color:#8163ea;font-size:12px;}
body.rzp-page .rzp-textlink {color:#6041c8;}
body.rzp-page .rzp-assistant {border:1px solid var(--rzp-ref-line);border-radius:17px;box-shadow:none;min-width:0;}
body.rzp-page .rzp-robot {background:#eeeaff;color:#6848df;}
body.rzp-page .rzp-shot-grid {gap:15px;}
body.rzp-page .rzp-shot-image {background:#fff;border-color:var(--rzp-ref-line);border-radius:17px;padding:13px;}
body.rzp-page .rzp-shot figcaption {color:#292545;font-size:13px;margin-top:9px;}

/* Avantages : même format de cartes claires avec icônes à gauche. */
body.rzp-page .rzp-feature-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
body.rzp-page .rzp-feature {min-width:0;gap:13px;padding:18px;border:1px solid var(--rzp-ref-line);border-radius:17px;background:#fff;}
body.rzp-page .rzp-feature>span {width:43px;height:43px;flex:0 0 43px;background:var(--rzp-ref-lavender);border:0;color:var(--rzp-ref-purple);border-radius:13px;}
body.rzp-page .rzp-feature h3 {font-size:15px;color:#1b1a35;margin:2px 0 6px;}
body.rzp-page .rzp-feature p {font-size:12px;color:var(--rzp-ref-sub);line-height:1.6;}
body.rzp-page .rzp-respect {margin-top:18px;padding:20px 24px;border:1px solid var(--rzp-ref-line);background:#fff;border-radius:17px;}
body.rzp-page .rzp-respect h3 {color:#1b1a35;}
body.rzp-page .rzp-respect p {color:var(--rzp-ref-sub);}

/* Formulaire d'origine intact ; seules les couleurs et surfaces changent. */
body.rzp-page .rzp-contact-section {background:transparent;color:var(--rzp-ref-ink);padding:35px 0 48px;}
body.rzp-page .rzp-contact-grid {grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:20px;}
body.rzp-page .rzp-contact-copy {padding:21px 0 0;}
body.rzp-page .rzp-contact-copy .rzp-eyebrow {color:#6c4de6;}
body.rzp-page .rzp-contact-copy h2 {color:#1b1b36;font-size:clamp(28px,3.3vw,39px);margin:10px 0;}
body.rzp-page .rzp-contact-copy>p {color:var(--rzp-ref-sub);font-size:14px;line-height:1.65;}
body.rzp-page .rzp-contact-mail>span {background:var(--rzp-ref-lavender);color:#6549d3;}
body.rzp-page .rzp-contact-mail small {color:#69708b;}
body.rzp-page .rzp-contact-mail a {color:#4b36ae;}
body.rzp-page .rzp-contact-flourish {display:none;}
body.rzp-page .rzp-form-panel {border:1px solid var(--rzp-ref-line);border-radius:17px;box-shadow:none;padding:26px;}
body.rzp-page .rzp-form :where(input:not([type=checkbox]),textarea,select) {border-color:#d9dfee;background:#fff;color:#24233e;}
body.rzp-page .rzp-fine-print {padding:22px 0 30px;}

@media(max-width:920px){
  body.rzp-page .rzp-demo-layout,body.rzp-page .rzp-contact-grid {grid-template-columns:minmax(0,1fr);gap:16px;}
  body.rzp-page .rzp-contact-copy {padding:0;}
}
@media(max-width:760px){
  body.rzp-page .rzp-container {width:calc(100% - 30px);}
  body.rzp-page .rzp-hero {margin:10px 10px 0;padding:25px 0;}
  body.rzp-page .rzp-hero h1 {font-size:clamp(30px,7vw,37px);}
  body.rzp-page .rzp-section {padding:27px 0 30px;}
  body.rzp-page .rzp-cards,body.rzp-page .rzp-feature-grid {grid-template-columns:minmax(0,1fr);}
  body.rzp-page .rzp-shot-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  body.rzp-page .rzp-section-head h2 {font-size:clamp(23px,5vw,30px);}
  body.rzp-page .rzp-respect {grid-template-columns:1fr;}
}
@media(max-width:480px){
  body.rzp-page .rzp-buttons {grid-template-columns:1fr;display:grid;}
  body.rzp-page .rzp-card {padding:15px;gap:5px 11px;}
  body.rzp-page .rzp-cards {gap:10px;}
  body.rzp-page .rzp-demo-description,body.rzp-page .rzp-form-panel {padding:18px;}
  body.rzp-page .rzp-shot-grid {grid-template-columns:1fr;}
  body.rzp-page .rzp-contact-section {padding-bottom:34px;}
  body.rzp-page .rzp-form .rzp-fields-two {grid-template-columns:minmax(0,1fr);}
}
@media(prefers-reduced-motion:reduce){body.rzp-page .rzp-btn{transition:none;}}