/* Nommera -- /services/corriger-un-livre/ v4 (2026-11-04). Tout est préfixé .cl3- ; s'appuie sur les variables de site.css.
   Échelle d'espacement : 4 / 8 / 12 / 16 / 24 / 32 / 48 / 72. Rayons : 16 (cartes), 12 (champs), 999 (boutons, pastilles).
   Mouvement : transform + opacité uniquement ; désactivé avec prefers-reduced-motion. */
.cl3{--cl-green:#02704d;--cl-r:16px;--cl-tint:rgba(236,233,221,.55);--cl-line:var(--border);color:var(--ink);}
.cl3 *{box-sizing:border-box;}
.cl3-wrap{max-width:1200px;margin:0 auto;padding:0 32px;}
:where(.cl3) :where(h1,h2,h3){margin:0;font-weight:800;letter-spacing:-.02em;line-height:1.12;text-wrap:balance;}
:where(.cl3) p,:where(.cl3) dl,:where(.cl3) dd{margin:0;}
:where(.cl3) a{color:inherit;}
.cl3-sec{padding:72px 0;}
.cl3-sec--tint{background:var(--cl-tint);border-top:1px solid var(--cl-line);border-bottom:1px solid var(--cl-line);}
.cl3-head{max-width:700px;margin-bottom:32px;}
.cl3-head h2,.cl3-order-copy h2{font-size:clamp(26px,3.2vw,38px);}
.cl3-eyebrow{font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--cl-green);margin-bottom:12px;}
.cl3-sub{margin-top:12px;font-size:17px;line-height:1.55;color:var(--ink-soft);max-width:64ch;}
.cl3-fine{margin-top:24px;font-size:14px;line-height:1.55;color:var(--ink-soft);max-width:72ch;}
.cl3-fine a,.cl3-note a{color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--green);}
.cl3-fine a:hover{color:var(--cl-green);}
.cl3 :focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:6px;}
#demande,#situation,#tarif{scroll-margin-top:84px;}

/* boutons */
.cl3-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;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;text-align:center;}
.cl3-btn:hover{transform:translateY(-1px);}
.cl3-btn--primary{background:var(--green);color:#042a1f;border-color:var(--green);}
.cl3-btn--primary:hover{background:#13e3a6;border-color:#13e3a6;}
.cl3-btn--dark{background:var(--ink);color:#fff;border-color:var(--ink);}
.cl3-btn--dark:hover{background:#2a2e33;}
.cl3-btn--ghost{background:transparent;color:var(--ink);border-color:var(--ink);}
.cl3-btn--ghost:hover{background:var(--ink);color:#fff;}
.cl3-btn[disabled]{opacity:.6;cursor:progress;transform:none;}
.cl3-btn[hidden]{display:none;}

/* pastilles de statut : texte + forme, jamais la couleur seule */
.cl3 .st{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:12.5px;font-weight:800;white-space:nowrap;}
.cl3 .st svg{width:13px;height:13px;flex:none;}
.cl3 .st--ok{background:#dff5ec;color:#03593e;}
.cl3 .st--warn{background:#fff0cc;color:#6b4300;}
.cl3 .st--warn::before{content:"";width:7px;height:7px;border-radius:50%;background:#c27a00;}
.cl3-badge{display:inline-block;padding:4px 12px;border-radius:999px;background:var(--paper);border:1px dashed #b7b3a4;color:var(--ink-soft);font-size:12px;font-weight:700;white-space:nowrap;}

/* 1 · hero */
.cl3-hero{padding:56px 0 64px;position:relative;overflow:hidden;}
.cl3-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,.16),rgba(2,208,152,0) 66%);pointer-events:none;}
.cl3-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center;}
.cl3-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;}
.cl3-hero h1{font-size:clamp(34px,4.2vw,52px);max-width:16em;}
.cl3-lede{margin-top:24px;font-size:clamp(17px,1.5vw,20px);line-height:1.5;color:var(--ink-soft);max-width:34em;}
.cl3-facts{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:8px;font-size:15.5px;}
.cl3-facts li{display:flex;flex-wrap:wrap;gap:2px 8px;align-items:baseline;}
.cl3-facts b{font-size:17px;}
.cl3-facts span{color:var(--ink-soft);}
.cl3-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px;}
.cl3-note{margin-top:16px;font-size:14.5px;line-height:1.5;color:var(--ink-soft);}

/* journal d'intervention */
.cl3-panel{background:var(--paper);border:1px solid var(--cl-line);border-radius:var(--cl-r);box-shadow:0 24px 48px -28px rgba(17,17,17,.28);overflow:hidden;}
.cl3-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;border-bottom:1px solid var(--cl-line);}
.cl3-panel-title{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;}
.cl3-panel-title i{width:8px;height:8px;border-radius:50%;background:var(--green);}
.cl3-demo-book{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:16px 24px;}
.cl3-demo-book small{flex:1 1 100%;font-size:12px;font-weight:600;color:var(--ink-soft);}
.cl3-demo-book b{font-size:19px;letter-spacing:-.01em;}
.cl3-demo-book span{font-size:14px;color:var(--ink-soft);font-weight:600;}
.cl3-stages{list-style:none;margin:0;padding:0 24px 8px;position:relative;}
.cl3-stages li{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;}
.cl3-stages li::after{content:"";position:absolute;left:15px;top:44px;bottom:-12px;width:2px;background:#e4e1d4;}
.cl3-stages li:last-child::after{display:none;}
.cl3-stage-n{position:relative;z-index:1;width:32px;height:32px;border-radius:50%;background:var(--ink);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;}
.cl3-stage-t b{display:block;font-size:15.5px;line-height:1.25;}
.cl3-stage-t small{display:block;margin-top:2px;font-size:13px;line-height:1.35;color:var(--ink-soft);}
.cl3-demo-foot{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px 24px;background:#faf9f4;border-top:1px solid var(--cl-line);}
.cl3-demo-foot b{display:block;font-size:20px;line-height:1;}
.cl3-demo-foot small{display:block;margin-top:4px;font-size:12px;color:var(--ink-soft);font-weight:600;line-height:1.3;}

/* 2 · situation */
.cl3-routes{list-style:none;margin:0;padding:0;border-top:1px solid var(--cl-line);}
.cl3-route{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) 190px;gap:16px 32px;align-items:center;padding:24px 16px;border-bottom:1px solid var(--cl-line);transition:background-color .2s ease;}
.cl3-route:hover{background:rgba(255,255,255,.7);}
.cl3-route.is-self{background:var(--paper);border:2px solid var(--ink);border-radius:var(--cl-r);margin:8px 0;box-shadow:0 18px 34px -26px rgba(17,17,17,.4);}
.cl3-route.is-self+.cl3-route{border-top:0;}
.cl3-route-when{font-size:19px;font-weight:800;letter-spacing:-.01em;line-height:1.25;}
.cl3-route-what b{display:block;font-size:15.5px;}
.cl3-route-what small{display:block;margin-top:2px;font-size:14px;line-height:1.45;color:var(--ink-soft);}
.cl3-route-go{justify-self:end;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:800;font-size:15px;text-decoration:none;white-space:nowrap;}
.cl3-route-go::after{content:"";position:absolute;inset:0;}
.cl3-route-go svg{width:18px;height:18px;transition:transform .2s ease;}
.cl3-route:hover .cl3-route-go svg,.cl3-route-go:focus-visible svg{transform:translateX(4px);}
.cl3-route-go:focus-visible{outline-offset:-3px;border-radius:var(--cl-r);}
.cl3-route.is-self .cl3-route-go{color:var(--cl-green);}
.cl3-route:active{background:rgba(255,255,255,.95);}

/* 3 · tarif */
.cl3-price-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:48px;align-items:start;}
.cl3-price-card{background:var(--paper);border:2px solid var(--ink);border-radius:var(--cl-r);padding:32px;box-shadow:0 24px 40px -30px rgba(17,17,17,.45);}
.cl3-plan-for{font-size:12.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-soft);}
.cl3-price{margin-top:16px;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;}
.cl3-price span{font-size:15px;font-weight:700;color:var(--ink-soft);}
.cl3-price b{font-size:clamp(40px,4.4vw,52px);line-height:1;letter-spacing:-.03em;font-weight:800;}
.cl3-ttc{margin-top:8px;font-size:14px;color:var(--ink-soft);font-weight:600;}
.cl3-price-note{margin:16px 0 24px;font-size:15px;line-height:1.5;color:var(--ink-soft);}
.cl3-price-card .cl3-btn{width:100%;}
.cl3-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px 48px;}
.cl3-cols h3{font-size:17px;margin-bottom:16px;}
.cl3-list,.cl3-dots{list-style:none;margin:0;padding:0;display:grid;gap:12px;}
.cl3-list li,.cl3-dots li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;line-height:1.4;}
.cl3-list svg{flex:none;width:20px;height:20px;margin-top:1px;padding:3px;border-radius:50%;background:#dff5ec;color:#03593e;}
.cl3-dots li::before{content:"";flex:none;width:8px;height:8px;margin:7px 6px 0 6px;border-radius:50%;background:var(--ink);opacity:.35;}

/* 4 · processus */
.cl3-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative;}
.cl3-steps::before{content:"";position:absolute;left:20px;right:20px;top:20px;height:2px;background:var(--ink);opacity:.14;}
.cl3-steps li{position:relative;}
.cl3-steps .n{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--ink);color:#fff;font-weight:800;font-size:16px;margin-bottom:16px;}
.cl3-steps h3{font-size:21px;margin-bottom:8px;}
.cl3-steps p{font-size:15px;line-height:1.5;color:var(--ink-soft);}

/* 5 · résultat */
.cl3-result{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.cl3-card{background:var(--paper);border:1px solid var(--cl-line);border-radius:var(--cl-r);padding:32px;box-shadow:0 24px 48px -34px rgba(17,17,17,.3);}
.cl3-result .cl3-card h3{font-size:19px;margin-bottom:16px;}
.cl3-rec div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid #eeece3;font-size:15px;}
.cl3-rec dt{font-weight:800;}
.cl3-rec dd{text-align:right;color:var(--ink-soft);}
.cl3-modes{display:grid;gap:16px;}
.cl3-modes>div{padding:16px;border-radius:12px;background:var(--cream);border:1px solid var(--cl-line);}
.cl3-modes b{display:block;font-size:15.5px;margin-bottom:4px;}
.cl3-modes p{font-size:14.5px;line-height:1.5;color:var(--ink-soft);}
.cl3-states{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:16px;align-items:center;margin-top:24px;padding:24px 32px;border-radius:var(--cl-r);background:var(--ink);color:#fff;}
.cl3-states b{display:block;font-size:19px;letter-spacing:-.01em;}
.cl3-states span{display:block;margin-top:4px;font-size:14px;line-height:1.4;color:#d4d7da;}
.cl3-states i{font-style:normal;font-size:26px;font-weight:800;color:var(--green);}

/* 7 · demande */
.cl3-order{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:start;}
.cl3-order-terms{list-style:none;margin:24px 0 0;padding:0;border-top:1px solid var(--cl-line);}
.cl3-order-terms li{display:flex;flex-direction:column;gap:2px;padding:12px 0;border-bottom:1px solid var(--cl-line);font-size:15px;}
.cl3-order-terms b{font-size:17px;}
.cl3-order-terms span{color:var(--ink-soft);}
.cl3-success{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:800;margin-bottom:12px;}
.cl3-success svg{width:28px;height:28px;padding:6px;border-radius:50%;background:var(--green);color:#042a1f;flex:none;}
.cl3-alert{margin-bottom:24px;padding:12px 16px;border-radius:12px;background:#fce9e9;color:#8f2525;font-size:14.5px;font-weight:600;}
.cl3-progress{list-style:none;margin:0 0 24px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.cl3-progress li{display:flex;align-items:center;gap:8px;padding-top:12px;border-top:3px solid var(--cl-line);font-size:14px;font-weight:700;color:var(--ink-soft);}
.cl3-progress .n{width:24px;height:24px;border-radius:50%;background:var(--tan);display:inline-flex;align-items:center;justify-content:center;font-size:12px;flex:none;}
.cl3-progress li.is-cur{border-top-color:var(--ink);color:var(--ink);}
.cl3-progress li.is-cur .n{background:var(--ink);color:#fff;}
.cl3-progress li.is-done{border-top-color:var(--green);color:var(--cl-green);}
.cl3-progress li.is-done .n{background:var(--green);color:#042a1f;}
.cl3-multi .cl3-step{display:none;}
.cl3-multi .cl3-step.is-cur{display:block;animation:cl3-in .3s ease both;}
.cl3-step>*+*{margin-top:20px;}
.cl3-step+.cl3-step{margin-top:32px;}
.cl3-multi .cl3-step+.cl3-step{margin-top:0;}
.cl3-fs{border:0;margin:0;padding:0;min-width:0;}
.cl3-fs legend{padding:0;margin:0 0 8px;font-size:14px;font-weight:700;}
.cl3-field label{display:block;margin-bottom:6px;font-size:14px;font-weight:700;}
.cl3-field .opt{font-weight:500;color:var(--ink-soft);}
.cl3-field small{display:block;margin-top:6px;font-size:13px;color:var(--ink-soft);}
.cl3 input[type=text],.cl3 input[type=email],.cl3 input[type=url],.cl3 select,.cl3 textarea{width:100%;min-height:48px;padding:12px 16px;border:1.5px solid #cfcbbb;border-radius:12px;background:var(--cream);font:16px/1.3 inherit;font-family:inherit;color:var(--ink);}
.cl3 textarea{min-height:112px;resize:vertical;}
.cl3 input:focus,.cl3 select:focus,.cl3 textarea:focus{outline:3px solid var(--blue);outline-offset:1px;background:#fff;}
.cl3 [aria-invalid="true"]:not(div){border-color:#b42318;background:#fff8f7;}
.cl3 .cl3-radios[aria-invalid="true"]{border-radius:12px;outline:2px solid #b42318;outline-offset:4px;}
.cl3-err{margin-top:6px;font-size:13.5px;font-weight:600;color:#b42318;}
.cl3-row2{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.cl3-radios{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.cl3-radios label{display:flex;align-items:center;gap:12px;min-height:48px;padding:8px 12px;border:1.5px solid var(--cl-line);border-radius:12px;font-size:15px;line-height:1.3;cursor:pointer;background:var(--cream);transition:border-color .2s ease,background-color .2s ease;}
.cl3-radios label:hover{border-color:#a9a595;}
.cl3-radios label:has(input:checked){border-color:var(--ink);background:#fff;font-weight:700;}
.cl3-radios input,.cl3-consent input{width:20px;height:20px;flex:none;margin:0;accent-color:var(--ink);}
.cl3-consent{display:flex;align-items:flex-start;gap:12px;font-size:13.5px;line-height:1.5;color:var(--ink-soft);cursor:pointer;}
.cl3-consent input{margin-top:1px;}
.cl3-consent a{text-decoration:underline;color:var(--ink);}
.cl3-nav{display:flex;gap:12px;justify-content:space-between;margin-top:24px;}
.cl3-nav .cl3-btn{flex:1 1 0;}
.cl3-nav .cl3-btn--ghost{flex:0 0 auto;}
.cl3 abbr{text-decoration:none;}

/* apparition : contenu toujours visible sans JS */
.cl3-js .cl3-rv{opacity:0;transform:translateY(16px);}
.cl3-js .cl3-rv.is-in{opacity:1;transform:none;transition:opacity .4s ease calc(var(--i,0)*90ms),transform .4s ease calc(var(--i,0)*90ms),background-color .2s ease;}
/* hero : le journal se remplit étape par étape (une seule séquence, ~4 s) */
.cl3-demo{position:relative;}
.cl3-demo::after{content:"";position:absolute;left:0;right:0;top:0;height:90px;background:linear-gradient(180deg,rgba(2,208,152,0),rgba(2,208,152,.16) 70%,rgba(2,208,152,0));transform:translateY(-100px);pointer-events:none;animation:cl3-scan 3.6s cubic-bezier(.4,0,.3,1) .35s 1 both;}
.cl3-demo-bar{height:3px;background:#eeece3;overflow:hidden;}
.cl3-demo-bar span{display:block;height:100%;width:100%;background:var(--green);transform-origin:left;transform:scaleX(.75);animation:cl3-fill 3.4s cubic-bezier(.3,.6,.3,1) .5s 1 backwards;}
.cl3-stage-n{animation:cl3-pop .4s cubic-bezier(.2,.9,.3,1.3) calc(.5s + var(--i,0)*.5s) 1 backwards;}
.cl3-stages li{--i:0;}
.cl3-stages li::after{transform-origin:top;animation:cl3-grow .5s ease calc(.8s + var(--i,0)*.5s) 1 backwards;}
.sw{display:inline-grid;justify-items:end;}
.sw>*{grid-area:1/1;}
.sw .st--pre{background:#eeece3;color:#50555c;animation:cl3-out .3s ease calc(.9s + var(--i,0)*.5s) 1 forwards;}
.sw .st--pre i{width:10px;height:10px;border-radius:50%;border:2px solid #9a9a8c;border-top-color:var(--ink);animation:cl3-spin .8s linear .35s 3;}
.sw .fin{opacity:1;animation:cl3-pop .45s cubic-bezier(.2,.9,.3,1.3) calc(.9s + var(--i,0)*.5s) 1 backwards;}
.sw .fin svg path{stroke-dasharray:24;animation:cl3-draw .4s ease calc(1.1s + var(--i,0)*.5s) 1 backwards;}
.cl3-demo-foot div{animation:cl3-in .4s ease 3.3s 1 backwards;}
@keyframes cl3-scan{from{transform:translateY(-100px);}to{transform:translateY(460px);}}
@keyframes cl3-fill{from{transform:scaleX(0);}}
@keyframes cl3-grow{from{transform:scaleY(0);}}
@keyframes cl3-out{to{opacity:0;transform:scale(.9);}}
@keyframes cl3-pop{from{opacity:0;transform:scale(.7);}}
@keyframes cl3-draw{from{stroke-dashoffset:24;}to{stroke-dashoffset:0;}}
@keyframes cl3-spin{to{transform:rotate(360deg);}}
@keyframes cl3-in{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}

@media (max-width:1000px){
  .cl3-hero-grid{grid-template-columns:1fr;gap:32px;}
  .cl3-route{grid-template-columns:1fr;gap:8px;padding:20px 16px;}
  .cl3-price-grid,.cl3-order{grid-template-columns:1fr;gap:32px;}
  .cl3-steps{grid-template-columns:1fr 1fr;gap:32px 24px;}
  .cl3-steps::before{display:none;}
  .cl3-result{grid-template-columns:1fr;}
}
@media (max-width:720px){
  .cl3-wrap{padding:0 16px;}
  .cl3-sec{padding:48px 0;}
  .cl3-hero{padding:32px 0 48px;}
  .cl3-tag{margin-bottom:16px;}
  .cl3-lede{margin-top:16px;}
  .cl3-facts{margin-top:16px;}
  .cl3-cta-row{margin-top:24px;flex-direction:column;}
  .cl3-cta-row .cl3-btn{width:100%;}
  .cl3-head{margin-bottom:24px;}
  .cl3-panel-head,.cl3-demo-book,.cl3-demo-foot{padding-left:16px;padding-right:16px;}
  .cl3-stages{padding:0 16px 8px;}
  .cl3-stages li{grid-template-columns:32px minmax(0,1fr);}
  .cl3-stages .sw{grid-column:2;justify-items:start;}
  .cl3-stages li::after{bottom:-4px;}
  .cl3-route-when{font-size:17px;}
  .cl3-route-go{margin-top:4px;}
  .cl3-card,.cl3-price-card{padding:24px 16px;}
  .cl3-cols{grid-template-columns:1fr;}
  .cl3-steps{grid-template-columns:1fr;gap:0;}
  .cl3-steps li{padding:0 0 24px 56px;}
  .cl3-steps li::before{content:"";position:absolute;left:19px;top:44px;bottom:4px;width:2px;background:rgba(17,17,17,.14);}
  .cl3-steps li:last-child::before{display:none;}
  .cl3-steps .n{position:absolute;left:0;top:0;margin:0;}
  .cl3-steps h3{padding-top:6px;}
  .cl3-rec div{flex-direction:column;gap:2px;}
  .cl3-rec dd{text-align:left;}
  .cl3-states{grid-template-columns:1fr;gap:8px;padding:24px 16px;}
  .cl3-states i{display:none;}
  .cl3-states>div+i+div{padding-top:8px;border-top:1px solid rgba(255,255,255,.18);}
  .cl3-row2,.cl3-radios{grid-template-columns:1fr;}
  .cl3-nav{flex-direction:column-reverse;}
  .cl3-nav .cl3-btn--ghost{flex:1 1 auto;}
}
@media (prefers-reduced-motion:reduce){
  .cl3 *,.cl3 *::before,.cl3 *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}
  .cl3-js .cl3-rv{opacity:1;transform:none;}
  .sw .st--pre,.cl3-demo::after{display:none;}
}