/* Nommera -- /services/preparer-parution/ v2 (2026-11-03). Tout est préfixé .pr3- ; variables de site.css.
   Échelle d'espacement 4/8/12/16/24/32/48/72 ; rayons 16 (cartes), 999 (boutons, pastilles).
   Mouvement : transform + opacité uniquement, désactivé avec prefers-reduced-motion. */
.pr3{--pr-green:#02704d;--pr-line:var(--border);--pr-tint:rgba(236,233,221,.55);color:var(--ink);}
.pr3 *{box-sizing:border-box;}
.pr3-wrap{max-width:1200px;margin:0 auto;padding:0 32px;}
:where(.pr3) :where(h1,h2,h3){margin:0;font-weight:800;letter-spacing:-.02em;line-height:1.12;text-wrap:balance;}
:where(.pr3) p{margin:0;}
:where(.pr3) a{color:inherit;text-decoration:none;}
:where(.pr3) ul,:where(.pr3) ol{margin:0;padding:0;list-style:none;}
.pr3 :focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:6px;}
.pr3-sec{padding:72px 0;}
.pr3-sec--tint{background:var(--pr-tint);border-top:1px solid var(--pr-line);border-bottom:1px solid var(--pr-line);}
.pr3-head{margin-bottom:32px;max-width:720px;}
.pr3-head h2{font-size:clamp(26px,3.2vw,38px);}
.pr3-eyebrow{font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--pr-green);margin-bottom:12px;}

.pr3-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border-radius:999px;font:700 15.5px/1.2 inherit;font-family:inherit;border:2px solid transparent;cursor:pointer;text-align:center;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;}
.pr3-btn:hover{transform:translateY(-1px);}
.pr3-btn:active{transform:translateY(1px) scale(.98);}
.pr3-btn--primary{background:var(--green);color:#042a1f;border-color:var(--green);}
.pr3-btn--primary:hover{background:#13e3a6;border-color:#13e3a6;}
.pr3-btn--ghost{background:transparent;color:var(--ink);border-color:var(--ink);}
.pr3-btn--ghost:hover{background:var(--ink);color:#fff;}
.pr3-btn--lg{min-height:56px;padding:14px 36px;font-size:17px;}

/* 1 · hero */
.pr3-hero{padding:56px 0 64px;position:relative;overflow:hidden;}
.pr3-hero::before{content:"";position:absolute;right:-10%;top:-35%;width:58%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(2,208,152,.15),rgba(2,208,152,0) 66%);pointer-events:none;}
.pr3-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center;}
.pr3-tag{display:inline-block;padding:6px 14px;border-radius:999px;background:var(--tan);font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;margin-bottom:24px;}
.pr3-hero h1{font-size:clamp(34px,4.2vw,54px);max-width:15em;}
.pr3-lede{margin-top:24px;font-size:clamp(17px,1.5vw,20px);line-height:1.5;color:var(--ink-soft);max-width:34em;}
.pr3-facts{margin-top:24px;display:grid;gap:12px;}
.pr3-facts li{display:flex;flex-direction:column;gap:2px;font-size:15px;line-height:1.45;}
.pr3-facts b{font-size:17px;}
.pr3-facts span{color:var(--ink-soft);}
.pr3-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px;}
.pr3-note{margin-top:16px;max-width:48ch;font-size:14.5px;line-height:1.5;color:var(--ink-soft);scroll-margin-top:100px;}
.pr3-note a{color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--green);}
.pr3-note a:hover{color:var(--pr-green);}

/* hero : fiche livre puis points de départ, séquence unique d'environ 4 s */
.pr3-desk{position:relative;display:grid;gap:0;max-width:480px;margin-left:auto;width:100%;}
.pr3-desk::before{content:"";position:absolute;inset:-32px -24px;background-image:radial-gradient(rgba(17,17,17,.13) 1px,transparent 1.2px);background-size:16px 16px;-webkit-mask-image:radial-gradient(ellipse at center,#000 40%,transparent 72%);mask-image:radial-gradient(ellipse at center,#000 40%,transparent 72%);z-index:-1;}
.pr3-card{position:relative;overflow:hidden;background:var(--paper);border:1px solid #cfcbbb;border-radius:12px;box-shadow:0 1px 0 rgba(17,17,17,.04),0 28px 44px -32px rgba(17,17,17,.35);}
.pr3-card .hd{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-bottom:1px solid #e6e3d6;background:#faf9f4;font-size:11.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;}
.pr3-card .hd em{font-style:normal;font-weight:600;letter-spacing:.02em;text-transform:none;color:var(--ink-soft);font-size:12px;}
.pr3-card .rows{margin:0;padding:4px 20px 8px;}
.pr3-card .rows>div{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;align-items:center;padding:10px 0;border-bottom:1px dashed #dedbcd;}
.pr3-card .rows>div:last-child{border-bottom:0;}
.pr3-card dt{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);}
.pr3-card dd{margin:0;display:flex;align-items:center;gap:12px;font:600 15px/1.2 "SFMono-Regular",ui-monospace,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums;color:var(--ink);}
.pr3-card dd>span{display:inline-block;white-space:nowrap;clip-path:inset(0 0 0 0);animation:pr3-type .7s steps(14,end) calc(.5s + var(--i)*.45s) 1 backwards;}
.pr3-card .flag{font:800 11px/1 Inter,sans-serif;letter-spacing:.04em;padding:4px 8px;border-radius:6px;white-space:nowrap;animation:pr3-flag .35s ease calc(1.1s + var(--i)*.45s) 1 backwards;}
.pr3-card .flag--warn{background:#fff0cc;color:#6b4300;box-shadow:inset 0 0 0 1px rgba(194,122,0,.35);}
.pr3-card .scan{position:absolute;left:0;right:0;top:0;height:56px;background:linear-gradient(180deg,rgba(2,208,152,0),rgba(2,208,152,.18) 85%,rgba(2,208,152,.55) 100%);border-bottom:1px solid rgba(2,208,152,.7);transform:translateY(-60px);pointer-events:none;animation:pr3-scan 2.2s cubic-bezier(.45,0,.25,1) .45s 1 both;}
.pr3-link{height:36px;display:flex;justify-content:center;}
.pr3-link i{display:block;width:1px;height:100%;background:repeating-linear-gradient(180deg,#9a9a8c 0 4px,transparent 4px 8px);transform-origin:top;animation:pr3-grow .5s ease 2.5s 1 backwards;}
.pr3-card .next{margin:0;padding:6px 0;}
.pr3-card .next li{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:8px;padding:11px 20px;color:var(--ink-soft);border-left:3px solid transparent;animation:pr3-row .45s ease calc(2.8s + var(--i)*.12s) 1 backwards;}
.pr3-card .next .x{font:700 12px/1 "SFMono-Regular",ui-monospace,Menlo,Consolas,monospace;color:#8b8f95;}
.pr3-card .next .t{font-size:15.5px;font-weight:700;}
.pr3-card .next b{font-size:11.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);}
.pr3-card .next li.on{color:var(--ink);background:linear-gradient(90deg,rgba(2,208,152,.14),rgba(2,208,152,0) 85%);border-left-color:var(--green);}
.pr3-card .next li.on .x{color:var(--pr-green);}
.pr3-card .next li.on b{color:#03593e;background:#dff5ec;padding:4px 8px;border-radius:6px;}
@keyframes pr3-type{from{clip-path:inset(0 100% 0 0);}}
@keyframes pr3-flag{from{opacity:0;transform:scale(.8);}}
@keyframes pr3-scan{from{transform:translateY(-60px);}to{transform:translateY(260px);}}
@keyframes pr3-grow{from{transform:scaleY(0);}}
@keyframes pr3-row{from{opacity:0;transform:translateX(-10px);}}

/* 2 · situations */
.pr3-routes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
.pr3-route{position:relative;display:flex;flex-direction:column;padding:32px;background:var(--paper);border:1.5px solid var(--pr-line);border-radius:16px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;}
.pr3-route:hover,.pr3-route:focus-within{transform:translateY(-4px);border-color:var(--green);box-shadow:0 22px 36px -26px rgba(2,112,77,.55);}
.pr3-route:active{transform:translateY(0) scale(.99);border-color:var(--pr-green);}
.pr3-route--main{border-color:var(--ink);}
.pr3-route .ic{width:48px;height:48px;border-radius:14px;background:var(--tan);display:inline-flex;align-items:center;justify-content:center;margin-bottom:24px;transition:background-color .25s ease;}
.pr3-route .ic svg{width:26px;height:26px;}
.pr3-route:hover .ic,.pr3-route:focus-within .ic{background:#dff5ec;}
.pr3-route .kicker{font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:8px;}
.pr3-route h3{font-size:clamp(21px,2vw,26px);}
.pr3-route h3 a{display:inline-flex;align-items:center;gap:8px;}
.pr3-route h3 a::after{content:"";position:absolute;inset:0;border-radius:16px;}
.pr3-route h3 a:focus-visible{outline:none;}
.pr3-route:has(h3 a:focus-visible){outline:3px solid var(--blue);outline-offset:3px;}
.pr3-route .arr{width:22px;height:22px;flex:none;transition:transform .25s ease;}
.pr3-route:hover .arr,.pr3-route:focus-within .arr{transform:translateX(6px);}
.pr3-route .what{margin-top:12px;font-size:15.5px;line-height:1.5;color:var(--ink-soft);flex:1;}
.pr3-route .tag{align-self:flex-start;margin-top:24px;padding:6px 14px;border-radius:999px;font-size:13.5px;font-weight:800;}
.pr3-route .tag--paid{background:var(--ink);color:#fff;}
.pr3-route .tag--free{background:#dff5ec;color:#03593e;}
.pr3-route .sub{position:relative;z-index:1;margin-top:16px;padding-top:16px;border-top:1px solid #eeece3;font-size:14px;color:var(--ink-soft);}
.pr3-route .sub a{font-weight:700;color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--green);}

/* 3 · résultats */
.pr3-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative;}
.pr3-flow li{position:relative;padding:0 0 0 56px;}
.pr3-flow li:not(:last-child)::after{content:"";position:absolute;left:calc(100% - 4px);top:20px;width:16px;height:2px;background:rgba(17,17,17,.25);}
.pr3-flow .n{position:absolute;left:0;top:0;width:40px;height:40px;border-radius:50%;background:var(--ink);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;}
.pr3-flow h3{font-size:20px;margin:6px 0 8px;}
.pr3-flow p{font-size:15px;line-height:1.5;color:var(--ink-soft);}
.pr3-states{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px 32px;align-items:center;margin-top:48px;padding:24px 32px;background:var(--paper);border:1px solid var(--pr-line);border-radius:16px;}
.pr3-states .neq{display:flex;align-items:center;gap:12px;font-weight:800;font-size:15px;flex-wrap:wrap;}
.pr3-states .neq span{padding:6px 16px;border-radius:999px;background:var(--cream);border:1px solid var(--pr-line);}
.pr3-states .neq i{font-style:normal;color:var(--ink-soft);font-size:20px;}
.pr3-states p{font-size:15px;line-height:1.55;color:var(--ink-soft);}
.pr3-states a{color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--green);}
.pr3-states a:hover{color:var(--pr-green);}

/* 5 · contact final */
.pr3-final-sec{padding-top:24px;}
.pr3-final{position:relative;overflow:hidden;text-align:center;padding:64px 32px;border-radius:24px;background:var(--ink);color:#fff;isolation:isolate;}
.pr3-final::before{content:"";position:absolute;left:50%;top:100%;width:640px;height:640px;margin:-420px 0 0 -320px;border-radius:50%;background:radial-gradient(circle,rgba(2,208,152,.5),rgba(2,208,152,0) 65%);z-index:-1;animation:pr3-glow 6s ease-in-out infinite;}
.pr3-final h2{font-size:clamp(28px,3.6vw,44px);color:#fff;}
.pr3-final p{margin:16px auto 32px;max-width:46ch;font-size:17px;line-height:1.5;color:#d2d6db;}
@keyframes pr3-glow{0%,100%{opacity:.55;transform:scale(.94);}50%{opacity:1;transform:scale(1.06);}}

/* FAQ : composants communs .faq-list / .faq-item de site.css */

.pr3-js .pr3-rv{opacity:0;transform:translateY(16px);}
.pr3-js .pr3-rv.is-in{opacity:1;transform:none;transition:opacity .4s ease calc(var(--i,0)*90ms),transform .4s ease calc(var(--i,0)*90ms),border-color .25s ease,box-shadow .25s ease;}
.pr3-js .pr3-route.pr3-rv.is-in:hover,.pr3-js .pr3-route.pr3-rv.is-in:focus-within{transform:translateY(-4px);}

@media (max-width:1000px){
  .pr3-hero-grid{grid-template-columns:1fr;gap:32px;}
  .pr3-desk{display:none;}
  .pr3-flow{grid-template-columns:1fr;gap:24px;}
  .pr3-flow li::after{display:none;}
  .pr3-states{grid-template-columns:1fr;}
}
@media (max-width:720px){
  .pr3-wrap{padding:0 16px;}
  .pr3-sec{padding:48px 0;}
  .pr3-hero{padding:32px 0 40px;}
  .pr3-tag{margin-bottom:16px;}
  .pr3-lede{margin-top:16px;}
  .pr3-facts{margin-top:16px;}
  .pr3-cta-row{margin-top:24px;flex-direction:column;}
  .pr3-cta-row .pr3-btn{width:100%;}
  .pr3-head{margin-bottom:24px;}
  .pr3-routes{grid-template-columns:1fr;gap:16px;}
  .pr3-route{padding:24px 16px;}
  .pr3-route .ic{margin-bottom:16px;}
  .pr3-states{padding:24px 16px;margin-top:32px;}
  .pr3-final{padding:48px 16px;border-radius:16px;}
  .pr3-btn--lg{width:100%;padding:14px 16px;}
}
@media (prefers-reduced-motion:reduce){
  .pr3 *,.pr3 *::before,.pr3 *::after{animation:none!important;transition:none!important;}
  .pr3-js .pr3-rv{opacity:1;transform:none;}
  .pr3-route:hover,.pr3-route:focus-within{transform:none;}
}