/* Site public « Papier et encre » : les polices, les jetons et les quatre éléments communs à toutes
   les pages (bouton, étiquette, légende, titre). Écrits une fois, ici : chaque page publique reçoit cette feuille. */
@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(./instrument-serif-400-latin.woff2) format("woff2")}
@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(./instrument-serif-400-italic-latin.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:400 600;font-display:swap;src:url(./inter-400-600-latin.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(./ibm-plex-mono-400-latin.woff2) format("woff2")}
/* Caractères de repli aux mesures des caractères servis : la page ne bouge pas quand ils arrivent. */
@font-face{font-family:"Instrument Serif Repli";font-style:normal;src:local("Times New Roman"),local("Times");size-adjust:83.8%;ascent-override:118.2%;descent-override:37%;line-gap-override:0%}
@font-face{font-family:"Instrument Serif Repli";font-style:italic;src:local("Times New Roman Italic"),local("Times New Roman"),local("Times");size-adjust:87.5%;ascent-override:113.1%;descent-override:35.4%;line-gap-override:0%}
@font-face{font-family:"Inter Repli";src:local("Arial"),local("Helvetica");size-adjust:107%;ascent-override:90.6%;descent-override:22.5%;line-gap-override:0%}
:root{
  --pe-stone:#F3F2EE; --pe-mat:#FBFAF7; --pe-ink:#191815; --pe-ink-2:#4A4842; --pe-grey:#6E6B64; --pe-hair:#D6D3CA; --pe-blue:#1D3B5A;
  --pe-bone:#ECE8DF; --pe-sky:#9DB9D8;
  /* échelle des titres ; espacements : multiples de 8 */
  --pe-t-1:11px; --pe-t1:28px; --pe-t2:42px; --pe-t3:68px; --pe-t4:104px; --pe-verb:88px;
  --pe-display:"Instrument Serif","Instrument Serif Repli","Times New Roman",serif;
  --pe-text:"Inter","Inter Repli",system-ui,-apple-system,"Segoe UI",sans-serif;
  --pe-mono:"IBM Plex Mono",ui-monospace,Consolas,monospace;
  --pe-ease:cubic-bezier(.2,.7,.2,1);
  --pe-gutter:96px; --pe-rail:168px; --pe-section:104px;
  --pe-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 12' fill='none' stroke='%23F3F2EE' stroke-width='1.4'%3E%3Cpath d='M0 6h16M11 1l5 5-5 5'/%3E%3C/svg%3E");
}
@media (max-width:1359px){:root{--pe-gutter:64px;--pe-rail:136px;--pe-t4:92px}}
@media (max-width:1023px){:root{--pe-gutter:48px;--pe-rail:96px;--pe-t4:88px;--pe-verb:72px;--pe-t3:54px;--pe-t2:34px;--pe-t1:26px}}
@media (max-width:719px){:root{--pe-gutter:20px;--pe-rail:0px;--pe-t4:60px;--pe-verb:56px;--pe-t3:42px;--pe-t2:30px;--pe-t1:24px;--pe-section:72px}}
.pe-wrap{width:min(100% - 2*var(--pe-gutter),1248px);margin-inline:auto}

/* Étiquette (petites capitales à chasse fixe), légende, statut, donnée */
.pe-sc{margin:0;font-family:var(--pe-mono);font-size:var(--pe-t-1);line-height:1.6;letter-spacing:.16em;text-transform:uppercase;color:var(--pe-grey);font-weight:400;font-variant-numeric:tabular-nums}
.pe-sc b{font-weight:400;color:var(--pe-ink)}
.pe-cap{letter-spacing:.1em}
.pe-st::before,.pe-d{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--pe-blue);flex:none}
.pe-st::before{margin-right:10px;vertical-align:1px}
.pe-st:is([data-status="en-construction"],[data-status="Aperçu"])::before{background:transparent;box-shadow:inset 0 0 0 1px var(--pe-blue)}
.pe-d--n{background:transparent;box-shadow:inset 0 0 0 1px var(--pe-grey)}
.pe-mono{font-family:var(--pe-mono);font-size:var(--pe-t-1);line-height:1.6;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--pe-grey)}
.pe-mono b{font-weight:400;color:var(--pe-ink)}
.pe-bl,.pe-mono .pe-bl{color:var(--pe-blue)}

/* Titres : la serif d'affichage, le dernier mot en italique quand il y en a un */
.pe-h1,.pe-h2,.pe-h3{font-family:var(--pe-display);font-weight:400;letter-spacing:-.025em;margin:0;color:inherit;font-synthesis:none}
.pe-h1,.pe-h2{font-size:var(--pe-t4);line-height:.98;margin-left:-.03em}
.pe-h2--section{font-size:var(--pe-t3);line-height:1}
.pe-h3{font-size:var(--pe-t2);line-height:1;letter-spacing:-.02em}
.pe-h1 em,.pe-h2 em{font-style:italic}

/* Bouton : un bloc d'encre usiné, la flèche dans sa case ; le second est un simple contour.
   Mêmes hauteurs, même anneau de focus, sur toutes les pages. */
html body :is(.pe-btn,body.rs-pricing .cards .cta,body.rs-pricing .pricing-first-actions .cta,body.rs-pricing .guarantee a:not(.ghost),body.rs-pricing .cta-outline,body.rs-pricing .pricing-alternative .cta,body.rs-pricing .guarantee a.ghost){display:inline-flex;align-items:center;justify-content:space-between;gap:24px;box-sizing:border-box;width:auto;min-width:0;height:56px;margin:0;padding:0 24px;border:0!important;border-radius:2px!important;font-family:var(--pe-text)!important;font-size:15px;font-weight:500;line-height:1;letter-spacing:.005em;white-space:nowrap;text-decoration:none!important;text-align:left;cursor:pointer;transform:none!important;transition:background-color .4s var(--pe-ease),color .4s var(--pe-ease);overflow:visible}
html body :is(.pe-btn:not(.pe-btn--line),body.rs-pricing .cards .cta,body.rs-pricing .pricing-first-actions .cta,body.rs-pricing .guarantee a:not(.ghost)){padding-right:0;background:var(--pe-ink)!important;color:var(--pe-stone)!important;box-shadow:inset 0 0 0 1px var(--pe-ink),inset 0 0 0 2px rgba(243,242,238,.16)!important}
html body :is(.pe-btn:not(.pe-btn--line),body.rs-pricing .cards .cta,body.rs-pricing .pricing-first-actions .cta,body.rs-pricing .guarantee a:not(.ghost))::after{content:""!important;position:static!important;display:block!important;flex:none;align-self:stretch;width:56px;height:auto!important;border-left:1px solid rgba(243,242,238,.22);background:var(--pe-arrow) center/18px 12px no-repeat!important;transform:none!important;transition:background-position .4s var(--pe-ease)}
html body :is(.pe-btn:not(.pe-btn--line),body.rs-pricing .cards .cta,body.rs-pricing .pricing-first-actions .cta,body.rs-pricing .guarantee a:not(.ghost)):hover{background:var(--pe-blue)!important;color:var(--pe-stone)!important}
html body :is(.pe-btn:not(.pe-btn--line),body.rs-pricing .cards .cta,body.rs-pricing .pricing-first-actions .cta,body.rs-pricing .guarantee a:not(.ghost)):hover::after{background-position:calc(50% + 3px) 50%!important}
html body :is(.pe-btn--line,body.rs-pricing .cta-outline,body.rs-pricing .pricing-alternative .cta,body.rs-pricing .guarantee a.ghost){background:transparent!important;color:var(--pe-ink)!important;box-shadow:inset 0 0 0 1px var(--pe-ink)!important}
html body :is(.pe-btn--line,body.rs-pricing .cta-outline,body.rs-pricing .pricing-alternative .cta,body.rs-pricing .guarantee a.ghost)::after{content:none!important}
html body :is(.pe-btn--line,body.rs-pricing .cta-outline,body.rs-pricing .pricing-alternative .cta,body.rs-pricing .guarantee a.ghost):hover{background:var(--pe-ink)!important;color:var(--pe-stone)!important}
html body :is(.pe-btn,body.rs-pricing .cards .cta,body.rs-pricing .pricing-first-actions .cta,body.rs-pricing .guarantee a:not(.ghost),body.rs-pricing .cta-outline,body.rs-pricing .pricing-alternative .cta,body.rs-pricing .guarantee a.ghost):focus-visible{outline:2px solid var(--pe-blue)!important;outline-offset:3px!important}
html body :is(.pe-btn,body.rs-pricing .cards .cta,body.rs-pricing .pricing-first-actions .cta,body.rs-pricing .guarantee a:not(.ghost),body.rs-pricing .cta-outline,body.rs-pricing .pricing-alternative .cta,body.rs-pricing .guarantee a.ghost)[disabled]{opacity:.6;cursor:default}
@media (max-width:719px){
  html body :is(.pe-btn,body.rs-pricing .cards .cta,body.rs-pricing .pricing-first-actions .cta,body.rs-pricing .guarantee a:not(.ghost),body.rs-pricing .cta-outline,body.rs-pricing .pricing-alternative .cta,body.rs-pricing .guarantee a.ghost){height:52px;padding:0 18px;gap:18px}
  html body :is(.pe-btn:not(.pe-btn--line),body.rs-pricing .cards .cta,body.rs-pricing .pricing-first-actions .cta,body.rs-pricing .guarantee a:not(.ghost)){padding-right:0}
  html body :is(.pe-btn:not(.pe-btn--line),body.rs-pricing .cards .cta,body.rs-pricing .pricing-first-actions .cta,body.rs-pricing .guarantee a:not(.ghost))::after{width:46px}
}
@media (prefers-reduced-motion:reduce){html body :is(.pe-btn,body.rs-pricing .cards .cta,body.rs-pricing .pricing-first-actions .cta,body.rs-pricing .guarantee a:not(.ghost),body.rs-pricing .cta-outline,body.rs-pricing .pricing-alternative .cta,body.rs-pricing .guarantee a.ghost),html body :is(.pe-btn:not(.pe-btn--line),body.rs-pricing .cards .cta,body.rs-pricing .pricing-first-actions .cta,body.rs-pricing .guarantee a:not(.ghost))::after{transition:none}}
