/* Nommera -- /services/audit-visibilite/ v3 (2026-11-04). Tout est préfixé .av3- ; 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. */
.av3{--av-green:#02704d;--av-r:16px;--av-tint:rgba(236,233,221,.55);--av-line:var(--border);color:var(--ink);}
.av3 *{box-sizing:border-box;}
.av3-wrap{max-width:1200px;margin:0 auto;padding:0 32px;}
:where(.av3) :where(h1,h2,h3){margin:0;font-weight:800;letter-spacing:-.02em;line-height:1.12;text-wrap:balance;}
:where(.av3) p,:where(.av3) dl,:where(.av3) dd{margin:0;}
:where(.av3) a{color:inherit;}
.av3-sec{padding:72px 0;}
.av3-sec--tint{background:var(--av-tint);border-top:1px solid var(--av-line);border-bottom:1px solid var(--av-line);}
.av3-head{max-width:700px;margin-bottom:32px;}
.av3-head h2,.av3-order-copy h2{font-size:clamp(26px,3.2vw,38px);}
.av3-eyebrow{font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--av-green);margin-bottom:12px;}
.av3-sub{margin-top:12px;font-size:17px;line-height:1.55;color:var(--ink-soft);max-width:64ch;}
.av3-fine{margin-top:24px;font-size:14px;line-height:1.55;color:var(--ink-soft);max-width:72ch;}
.av3-fine a,.av3-note a{color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--green);}
.av3-fine a:hover{color:var(--av-green);}
.av3 :focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:6px;}

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

/* pastilles de statut : texte + forme, jamais la couleur seule */
.av3 .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;}
.av3 .st svg{width:13px;height:13px;flex:none;}
.av3 .st--ok{background:#dff5ec;color:#03593e;}
.av3 .st--warn{background:#fff0cc;color:#6b4300;}
.av3 .st--warn::before{content:"";width:7px;height:7px;border-radius:50%;background:#c27a00;}
.av3-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 */
.av3-hero{padding:56px 0 64px;position:relative;overflow:hidden;}
.av3-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;}
.av3-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center;}
.av3-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;}
.av3-hero h1{font-size:clamp(34px,4.2vw,52px);max-width:16em;}
.av3-lede{margin-top:24px;font-size:clamp(17px,1.5vw,20px);line-height:1.5;color:var(--ink-soft);max-width:34em;}
.av3-facts{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:8px;font-size:15.5px;}
.av3-facts li{display:flex;flex-wrap:wrap;gap:2px 8px;align-items:baseline;}
.av3-facts b{font-size:17px;}
.av3-facts span{color:var(--ink-soft);}
.av3-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px;}
.av3-note{margin-top:16px;font-size:14.5px;line-height:1.5;color:var(--ink-soft);}

/* journal d'intervention */
.av3-panel{background:var(--paper);border:1px solid var(--av-line);border-radius:var(--av-r);box-shadow:0 24px 48px -28px rgba(17,17,17,.28);overflow:hidden;}
.av3-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;border-bottom:1px solid var(--av-line);}
.av3-panel-title{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;}
.av3-panel-title i{width:8px;height:8px;border-radius:50%;background:var(--green);}
.av3-demo-book{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:16px 24px;}
.av3-demo-book small{flex:1 1 100%;font-size:12px;font-weight:600;color:var(--ink-soft);}
.av3-demo-book b{font-size:19px;letter-spacing:-.01em;}
.av3-demo-book span{font-size:14px;color:var(--ink-soft);font-weight:600;}
.av3-demo-foot{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px 24px;background:#faf9f4;border-top:1px solid var(--av-line);}
.av3-demo-foot b{display:block;font-size:20px;line-height:1;}
.av3-demo-foot small{display:block;margin-top:4px;font-size:12px;color:var(--ink-soft);font-weight:600;line-height:1.3;}

/* 2 · situation */

/* 3 · tarif */
.av3-list li,.av3-dots li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;line-height:1.4;}
.av3-list svg{flex:none;width:20px;height:20px;margin-top:1px;padding:3px;border-radius:50%;background:#dff5ec;color:#03593e;}
.av3-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 */

/* 5 · résultat */

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

/* apparition : contenu toujours visible sans JS */
.av3-js .av3-rv{opacity:0;transform:translateY(16px);}
.av3-js .av3-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) */
.av3-demo{position:relative;}
.sw{display:inline-grid;justify-items:end;}
.sw>*{grid-area:1/1;}
.sw .st--pre{background:#eeece3;color:#50555c;animation:av3-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:av3-spin .8s linear .35s 3;}
.sw .fin{opacity:1;animation:av3-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:av3-draw .4s ease calc(1.1s + var(--i,0)*.5s) 1 backwards;}
.av3-demo-foot div{animation:av3-in .4s ease 3.3s 1 backwards;}
@keyframes av3-fill{from{transform:scaleX(0);}}
@keyframes av3-out{to{opacity:0;transform:scale(.9);}}
@keyframes av3-pop{from{opacity:0;transform:scale(.7);}}
@keyframes av3-draw{from{stroke-dashoffset:24;}to{stroke-dashoffset:0;}}
@keyframes av3-in{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}


/* scroll + sélection */
#demande,#rapport,#perimetre,#suite,#faq{scroll-margin-top:84px;}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden;}

/* cartes et listes */
.av3-card{background:var(--paper);border:1px solid var(--av-line);border-radius:var(--av-r);padding:32px;box-shadow:0 24px 48px -34px rgba(17,17,17,.3);}
.av3-card h3{font-size:19px;margin-bottom:16px;}
.av3-card p+p{margin-top:12px;}
.av3-list,.av3-dash{list-style:none;margin:0;padding:0;display:grid;gap:12px;}
.av3-list li,.av3-dash li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;line-height:1.4;}
.av3-list svg{flex:none;width:20px;height:20px;margin-top:1px;padding:3px;border-radius:50%;background:#dff5ec;color:#03593e;}
.av3-dash li::before{content:"";flex:none;width:10px;height:2px;margin:10px 4px 0 5px;background:var(--ink);opacity:.45;}
.av3-card--not{background:var(--cream);}
.av3-card-note{margin-top:24px;padding-top:16px;border-top:1px solid var(--av-line);font-size:14.5px;line-height:1.5;color:var(--ink-soft);}
.av3-card-note a{color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--green);}
.av3-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch;}

/* hero : fiche de référence */
.av3-demo{position:relative;}
.av3-demo-bar{height:3px;background:#eeece3;overflow:hidden;}
.av3-demo-bar span{display:block;height:100%;width:100%;background:var(--green);transform-origin:left;transform:scaleX(.66);animation:av3-fill 3s cubic-bezier(.3,.6,.3,1) .5s 1 backwards;}
.av3-demo-list{list-style:none;margin:0;padding:8px 24px;}
.av3-demo-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #eeece3;}
.av3-demo-list li:first-child{border-top:0;}
.av3-demo-name{font-size:15.5px;font-weight:800;}

/* 4 · interventions */
.av3-routes{list-style:none;margin:0;padding:0;border-top:1px solid var(--av-line);}
.av3-route{position:relative;display:grid;grid-template-columns:110px minmax(0,1fr) minmax(0,1.1fr) 170px;gap:16px 24px;align-items:center;padding:24px 16px;border-bottom:1px solid var(--av-line);transition:background-color .2s ease;}
.av3-route:hover{background:rgba(255,255,255,.7);}
.av3-route.is-self{background:var(--paper);border:2px solid var(--ink);border-radius:var(--av-r);margin:8px 0;box-shadow:0 18px 34px -26px rgba(17,17,17,.4);}
.av3-route.is-self+.av3-route{border-top:0;}
.av3-route-verb{font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--av-green);}
.av3-route-when{font-size:18px;font-weight:800;letter-spacing:-.01em;line-height:1.25;}
.av3-here{display:inline-block;margin-left:8px;padding:2px 10px;border-radius:999px;background:var(--green);color:#042a1f;font-size:11.5px;font-style:normal;font-weight:800;letter-spacing:0;vertical-align:2px;white-space:nowrap;}
.av3-route-what b{display:block;font-size:15.5px;}
.av3-route-what small{display:block;margin-top:2px;font-size:14px;line-height:1.45;color:var(--ink-soft);}
.av3-route-go{justify-self:end;display:inline-flex;align-items:center;gap:12px;min-height:44px;text-decoration:none;white-space:nowrap;text-align:right;}
.av3-route-go b{display:block;font-size:16px;}
.av3-route-go small{display:block;font-size:12.5px;color:var(--ink-soft);font-weight:600;}
.av3-route-go::after{content:"";position:absolute;inset:0;}
.av3-route-go svg{width:18px;height:18px;transition:transform .2s ease;}
.av3-route:hover .av3-route-go svg,.av3-route-go:focus-visible svg{transform:translateX(4px);}
.av3-route-go:focus-visible{outline-offset:-3px;border-radius:var(--av-r);}
.av3-route.is-self .av3-route-go{color:var(--av-green);}

/* 5 · demande */
.av3-order{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:start;}
.av3-order-terms{list-style:none;margin:24px 0 0;padding:0;border-top:1px solid var(--av-line);}
.av3-order-terms li{display:flex;flex-direction:column;gap:2px;padding:12px 0;border-bottom:1px solid var(--av-line);font-size:15px;}
.av3-order-terms b{font-size:17px;}
.av3-order-terms span{color:var(--ink-soft);}
.av3-order-terms a{color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--green);}

/* statuts supplémentaires */
.av3 .st--chk{background:#e6eefc;color:#173f8f;}
.av3 .st--chk::before{content:"?";font-weight:800;}
.av3 .st--off{background:#eeece3;color:#50555c;}
.av3-demo-name{font-size:15px;font-weight:800;}
.av3-micro{margin-top:12px;font-size:13.5px;color:var(--ink-soft);text-align:center;}
.av3-form .av3-btn{width:100%;margin-top:8px;}
.av3-form>*+*{margin-top:20px;}
.av3-form>.av3-btn{margin-top:24px;}
.av3-form>.hp{margin:0;}
.av3-fs{border:0;margin:0;padding:0;}
.av3-route-go--static{cursor:default;}
.av3-route-go--static::after{display:none;}

/* 2 · exemple de rapport (visuel principal) */
.av3-report{background:var(--paper);border:2px solid var(--ink);border-radius:var(--av-r);padding:32px;box-shadow:0 28px 52px -34px rgba(17,17,17,.45);}
.av3-report-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--av-line);}
.av3-report-title{font-size:15.5px;}
.av3-cmp{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);gap:16px;align-items:stretch;margin-top:24px;}
.av3-cmp-col{padding:16px 20px;border-radius:12px;background:var(--cream);border:1px solid var(--av-line);}
.av3-cmp-col--obs{background:#fff8e6;border-color:#e9c777;}
.av3-cmp-col small{display:block;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:6px;}
.av3-cmp-col p{font-size:17px;font-weight:700;line-height:1.35;}
.av3-cmp-vs{align-self:center;justify-self:center;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--ink);color:#fff;font-weight:800;}
.av3-gap{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:20px;font-size:15.5px;font-weight:600;}
.av3-facts-dl{margin:24px 0 0;display:grid;}
.av3-facts-dl>div{display:grid;grid-template-columns:190px minmax(0,1fr);gap:16px;padding:14px 0;border-top:1px solid #eeece3;font-size:15.5px;line-height:1.5;}
.av3-facts-dl dt{font-weight:800;}
.av3-facts-dl dd{margin:0;color:var(--ink-soft);}
.av3-facts-dl dd span{font-size:13px;}
.av3-states{margin-top:24px;padding:20px 24px;border-radius:12px;background:#faf9f4;border:1px solid var(--av-line);}
.av3-states-t{font-size:14px;font-weight:700;margin-bottom:12px;}
.av3-states ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 24px;}
.av3-states li{display:flex;flex-direction:column;align-items:flex-start;gap:6px;}
.av3-states li span{font-size:13.5px;color:var(--ink-soft);}

/* 3 · périmètre, 4 · suites */
.av3-three .av3-card{height:100%;}
.av3-route-verb{white-space:nowrap;}

@media (max-width:1000px){
  .av3-hero-grid,.av3-order{grid-template-columns:1fr;gap:32px;}
  .av3-three{grid-template-columns:1fr;}
  .av3-route{grid-template-columns:1fr;gap:8px;padding:20px 16px;}
  .av3-route-go{justify-self:start;margin-top:4px;text-align:left;}
  .av3-states ul{grid-template-columns:1fr;}
}
@media (max-width:720px){
  .av3-wrap{padding:0 16px;}
  .av3-sec{padding:48px 0;}
  .av3-hero{padding:32px 0 48px;}
  .av3-tag{margin-bottom:16px;}
  .av3-lede{margin-top:16px;}
  .av3-facts{margin-top:16px;}
  .av3-cta-row{margin-top:24px;flex-direction:column;}
  .av3-cta-row .av3-btn{width:100%;}
  .av3-head{margin-bottom:24px;}
  .av3-panel-head,.av3-demo-book,.av3-demo-foot{padding-left:16px;padding-right:16px;}
  .av3-demo-list{padding:8px 16px;}
  .av3-demo-list li{flex-wrap:wrap;}
  .av3-route-when{font-size:17px;}
  .av3-card{padding:24px 16px;}
  .av3-report{padding:20px 16px;}
  .av3-cmp{grid-template-columns:1fr;gap:8px;}
  .av3-cmp-vs{transform:rotate(90deg);}
  .av3-facts-dl>div{grid-template-columns:1fr;gap:2px;}
  .av3-row2{grid-template-columns:1fr;}
}
@media (prefers-reduced-motion:reduce){
  .av3 *,.av3 *::before,.av3 *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}
  .av3-js .av3-rv{opacity:1;transform:none;}
  .sw .st--pre{display:none;}
}
.av3-foot{margin-top:8px;font-size:13px;line-height:1.5;color:var(--ink-soft);max-width:44em;}
.av3-cmp-vs{font-size:18px;}