/* Landing « accueil » — feuille complète (Tastellers, refonte validée le 14/10/2026).
   Générée par rails_build/make_rails.py à partir des pages validées ; CHAQUE sélecteur est préfixé par `.acc-doc` (classe posée sur <html> par le layout `landing`) :
   rien ici ne peut toucher une autre page de l'app. Placée dans vendor/assets/stylesheets/ exprès : `stylesheet_link_tag :app` ne la sert pas,
   seule la landing la charge (`stylesheet_link_tag "accueil"`). Polices : app/assets/fonts (URL résolues par Propshaft).
   Les jetons (--gold-*, --ink, --n-*…) sont ceux de design_tokens.css quand la valeur est identique. */
/* Tastellers — landing v2 (passe « design system »).
   Tout est écrit avec les jetons du DS (app/assets/stylesheets/design_tokens.css) :
   échelle gold 50→800, neutres, rayons 8/12/16/20, espacements 4→64, transition .18s.
   Écarts assumés par rapport au DS, documentés dans AUDIT-DESIGN-SYSTEME.md. */
@font-face{font-family:Geist;font-weight:300;font-display:swap;src:url("/assets/geist-300-e5c2f810.woff2") format("woff2")}
@font-face{font-family:Geist;font-weight:400;font-display:swap;src:url("/assets/geist-400-e5c2f810.woff2") format("woff2")}
@font-face{font-family:Geist;font-weight:500;font-display:swap;src:url("/assets/geist-500-e5c2f810.woff2") format("woff2")}
@font-face{font-family:Geist;font-weight:600;font-display:swap;src:url("/assets/geist-600-e5c2f810.woff2") format("woff2")}
@font-face{font-family:Geist;font-weight:700;font-display:swap;src:url("/assets/geist-700-e5c2f810.woff2") format("woff2")}

.acc-doc{
  /* ── jetons DS (copie exacte de design_tokens.css) ── */
  --gold-50:#FBF7EE; --gold-100:#F4EBD2; --gold-200:#E6D5A4; --gold-300:#D0B87E; --gold-400:#BFA15C;
  --gold-500:#A38543; --gold-600:#8A6F37; --gold-700:#6E582C; --gold-800:#4A3C1E;
  --gold-primary:#C4A559; --gold-deep:#8A6B1F;
  --gold-fill:linear-gradient(135deg,#C4A559 0%,#D4BC7A 40%,#E5D4A0 70%,#EFE2B8 100%);
  --on-gold:#FFFFFF; --on-gold-shadow:0 1px 2px rgba(60,44,10,.45);
  --n-0:#FFFFFF; --n-100:#F4F2EE; --n-200:#E5E2DC; --n-300:#C9C5BC; --n-700:#4A4640;
  --ink:#1A1614;
  --green:#1B7A4E;
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-8:32px; --sp-10:40px; --sp-12:48px; --sp-16:64px;
  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-xl:20px; --r-pill:999px;
  --t:.18s ease;

  /* ── jetons propres à la landing (dérivés du DS, un seul endroit) ── */
  /* titres dorés : couleurs DS (gold-500, gold-primary, gold-200) disposées autour d'un reflet clair */
  --gold-title-grad:linear-gradient(100deg,#A38543 0%,#C4A559 34%,#DDC98F 50%,#C4A559 66%,#A38543 100%);
  --text-2:var(--n-700);           /* texte courant */
  --text-3:#6B6560;                /* texte discret, déjà utilisé par landing.css (--t2), 5,5:1 sur blanc */
  --line:#E8E2D6;                  /* = --preview-line / --ts-border des cartes talents */
  --sh-1:0 2px 14px rgba(44,44,44,.05);    /* ombre de .ts-card */
  --sh-2:0 10px 30px rgba(44,44,44,.10);   /* ombre au survol de .ts-card */
  /* grille DS : 1264 px de contenu au desktop (marges 88), marges 16 en tablette et mobile, gouttières 24 / 16 / 12 */
  --wrap:min(1264px,100% - 32px);   /* 1440 → marges 88 / 744 → 712 de contenu / 375 → 343 */
  --gap:24px;
  --sec-y:clamp(56px,5.56vw,80px);
  --canvas:linear-gradient(180deg,#FFFFFF 0%,#FDFBF6 24%,#FBF7EE 58%,#F8F4ED 100%);
}
.acc-doc *{box-sizing:border-box;margin:0;padding:0}
.acc-doc{overflow-x:clip;scroll-behavior:smooth;scroll-padding-top:96px;-webkit-text-size-adjust:100%;background:var(--canvas)}
.acc-doc body{font:400 16px/24px Geist,system-ui,sans-serif;color:var(--ink);background:transparent;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.acc-doc img,.acc-doc video{max-width:100%}
.acc-doc video{display:block}
.acc-doc a{color:inherit;text-decoration:none}
.acc-doc button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.acc-doc ul{list-style:none}
.acc-doc :focus-visible{outline:2px solid var(--gold-700);outline-offset:3px;border-radius:var(--r-sm)}
.acc-doc .skip{position:absolute;left:12px;top:-60px;z-index:100;background:#000;color:#fff;padding:12px 20px;border-radius:var(--r-pill)}
.acc-doc .skip:focus{top:12px}
.acc-doc .wrap{width:var(--wrap);margin-inline:auto}
.acc-doc .sec{padding-block:var(--sec-y)}

/* ── échelle typographique DS : H1 60/-2px, H2 48/-1px, H3 36/-1px, titres 24/20/16, corps 16, légende 12 ── */
.acc-doc .display{font:400 clamp(40px,4.17vw,60px)/1.1 Geist,sans-serif;letter-spacing:-2px;text-wrap:balance}
.acc-doc .h2{font:400 clamp(32px,3.34vw,48px)/1.1 Geist,sans-serif;letter-spacing:-1px;text-wrap:balance}
.acc-doc .lede{font:400 20px/28px Geist,sans-serif;color:var(--text-2);max-width:30em}
.acc-doc .cap{font:400 12px/18px Geist,sans-serif;color:var(--text-3)}
/* titres dorés : dégradé DS avec reflet léger, jamais coupé (anti-crop) */
.acc-doc .ds-gold-text{background:var(--gold-title-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;display:inline;padding-right:.14em;margin-right:-.14em;-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* ── boutons DS : or (texte blanc + ombre de lisibilité), noir, contour. md 44 px (14/20), lg 52 px (16/24) ── */
.acc-doc .btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:44px;padding:0 var(--sp-6);border-radius:var(--r-pill);font:600 14px/20px Geist,sans-serif;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:transform var(--t),box-shadow var(--t),opacity var(--t),border-color var(--t),background-color var(--t)}
.acc-doc .btn-lg{height:52px;padding:0 28px;font-size:16px;line-height:24px}
.acc-doc .btn:active{transform:translateY(1px)}
.acc-doc .btn-gold{background:var(--gold-fill);color:var(--on-gold);text-shadow:0 1px 1px rgba(0,0,0,.15);box-shadow:0 2px 10px rgba(184,145,42,.32),inset 0 1px 0 rgba(255,255,255,.4)}
.acc-doc .btn-gold:hover{opacity:.9;transform:translateY(-1px)}
.acc-doc .btn-black{background:#000;color:#fff}
.acc-doc .btn-black:hover{opacity:.9;transform:translateY(-1px)}
.acc-doc .btn-outline{background:#fff;color:var(--gold-700);border:1px solid var(--gold-300)}
.acc-doc .btn-outline:hover{background:var(--gold-50);border-color:var(--gold-500)}
.acc-doc .link{display:inline-flex;align-items:center;gap:var(--sp-3);min-height:44px;font:600 14px/20px Geist,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-600)}
.acc-doc .link svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--t)}
.acc-doc .link:hover svg{transform:translateX(4px)}

/* ── navbar ── */
.acc-doc .nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.82);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color var(--t)}
.acc-doc .nav.is-stuck{border-color:var(--line)}
.acc-doc .nav-in{height:76px;display:flex;align-items:center;gap:var(--sp-8);width:min(1356px,100% - 2 * clamp(16px,2.9vw,42px));margin-inline:auto}
.acc-doc .nav-logo{display:flex}
.acc-doc .nav-logo img{display:block;height:44px;width:auto;margin-left:-6px}
.acc-doc .nav-links{display:flex;gap:var(--sp-2)}
.acc-doc .nav-links a{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 var(--sp-4);font:500 16px/24px Geist,sans-serif;color:var(--n-700);transition:color var(--t)}
.acc-doc .nav-links a::after{content:"";position:absolute;left:var(--sp-4);right:var(--sp-4);bottom:6px;height:1px;background:var(--gold-500);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.acc-doc .nav-links a:hover::after{transform:scaleX(1)}
.acc-doc .nav-links a.is-active{color:var(--gold-600)}
.acc-doc .nav-links a.is-active::after{transform:scaleX(1)}
.acc-doc .nav-right{margin-left:auto;display:flex;align-items:center;gap:var(--sp-5)}
.acc-doc .lang{display:flex;font:500 14px/20px Geist,sans-serif}
.acc-doc .lang button{min-width:44px;min-height:44px;border-radius:var(--r-sm);color:var(--text-3)}
.acc-doc .lang button[aria-pressed=true]{color:var(--ink);font-weight:600}
.acc-doc .nav-signin{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--sp-1);font:500 16px/24px Geist,sans-serif;color:var(--n-700)}
.acc-doc .nav-signin:hover{color:var(--ink)}
.acc-doc .burger{display:none;width:44px;height:44px;border:1px solid var(--n-300);border-radius:50%;align-items:center;justify-content:center}
.acc-doc .burger svg{width:20px;height:20px;stroke:var(--ink);fill:none;stroke-width:1.6;stroke-linecap:round}
.acc-doc .sheet{display:none;border-top:1px solid var(--line);background:#fff;padding:var(--sp-3) var(--sp-6) var(--sp-6)}
.acc-doc .sheet a:not(.btn){display:block;padding:var(--sp-4) 0;border-bottom:1px solid var(--line);font:500 18px/24px Geist,sans-serif}
.acc-doc .sheet .btn{margin-top:var(--sp-5);width:100%}

/* ── hero ── */
.acc-doc .hero{position:relative;overflow:hidden}
.acc-doc .hero::before{content:"";position:absolute;right:-12%;top:-18%;width:70%;height:90%;background:radial-gradient(closest-side,rgba(196,165,89,.13),rgba(196,165,89,0));pointer-events:none}
.acc-doc .hero-in{position:relative;display:grid;grid-template-columns:minmax(0,1.28fr) minmax(0,1fr);gap:var(--sp-12);align-items:center;width:var(--wrap);margin-inline:auto;padding-block:var(--sp-12) var(--sp-16);min-height:min(780px,calc(100svh - 76px))}
.acc-doc .chip{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:32px;padding:var(--sp-1) var(--sp-4) var(--sp-1) var(--sp-3);border:1px solid var(--gold-200);background:var(--gold-50);border-radius:var(--r-pill);font:500 14px/20px Geist,sans-serif;color:var(--gold-700)}
.acc-doc .chip::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold-500);flex:none}
.acc-doc .hero .display{margin:var(--sp-6) 0}
.acc-doc .cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3) var(--sp-8);margin-top:var(--sp-8)}
.acc-doc .stage{position:relative;height:min(660px,80svh);overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 7%,#000 93%,transparent)}
.acc-doc .stage-in{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-inline:var(--sp-1)}
.acc-doc .stage .sc{display:flex;flex-direction:column;gap:14px}
.acc-doc .stage .sc-u{animation:su 34s linear infinite}
.acc-doc .stage .sc-d{animation:sd 34s linear infinite}
.acc-doc .stage:hover .sc{animation-play-state:paused}
@keyframes su{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@keyframes sd{from{transform:translateY(-50%)}to{transform:translateY(0)}}
.acc-doc .rise{opacity:0;transform:translateY(16px);animation:rise .9s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(var(--i,0)*90ms + 120ms)}
@keyframes rise{to{opacity:1;transform:none}}

/* ── vidéo ── */
.acc-doc .video-sec{padding-bottom:var(--sec-y)}
.acc-doc .video{position:relative;width:min(1144px,var(--wrap));margin-inline:auto;aspect-ratio:1144/605;border-radius:var(--r-xl);overflow:hidden;background:#0b0905;box-shadow:var(--sh-2)}
.acc-doc .video video{width:100%;height:100%;object-fit:cover}
.acc-doc .video-play{position:absolute;inset:0;display:flex;align-items:flex-end;gap:var(--sp-4);padding:0 var(--sp-6) var(--sp-6);text-align:left;color:#fff;transition:opacity .35s}
.acc-doc .video-play::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.55))}
.acc-doc .video-play .disc{position:relative;flex:none;width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.94);display:grid;place-items:center;box-shadow:0 12px 32px -10px rgba(0,0,0,.6);transition:transform var(--t)}
.acc-doc .video-play:hover .disc{transform:scale(1.07)}
.acc-doc .video-play .disc svg{width:22px;height:22px;margin-left:3px;fill:var(--gold-600)}
.acc-doc .video-cap{position:relative;padding-bottom:var(--sp-1)}
.acc-doc .video-cap b{display:block;font:500 20px/28px Geist,sans-serif}
.acc-doc .video-cap span{font:400 14px/20px Geist,sans-serif;opacity:.9}
.acc-doc .video.is-playing .video-play{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s,visibility 0s .35s}

/* ── en-têtes de section communs ── */
.acc-doc .head-c{text-align:center}
.acc-doc .head-c .lede{margin:var(--sp-4) auto 0}

/* ── bandeau « Ils nous font confiance » ── */
.acc-doc .marq{margin-top:var(--sp-12);-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);overflow:hidden}
.acc-doc .marq-track{display:flex;gap:var(--sp-4);width:max-content;animation:marq 70s linear infinite}
.acc-doc .marq:hover .marq-track{animation-play-state:paused}
@keyframes marq{to{transform:translateX(-50%)}}
.acc-doc .house{position:relative;flex:none;width:270px;height:348px;border-radius:var(--r-xl);overflow:hidden;color:#fff;isolation:isolate}
.acc-doc .house img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .8s ease}
.acc-doc .house::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,8,4,0) 20%,rgba(10,8,4,.5) 46%,rgba(10,8,4,.88) 100%)}
.acc-doc .house:hover img{transform:scale(1.05)}
.acc-doc .house-in{position:absolute;left:var(--sp-6);right:var(--sp-6);bottom:var(--sp-6)}
.acc-doc .house h3{font:400 36px/38px Geist,sans-serif;letter-spacing:-1px}
.acc-doc .house p{margin-top:var(--sp-3);font:400 16px/24px Geist,sans-serif;color:var(--gold-200)}
.acc-doc .loc{display:inline-flex;align-items:center;gap:6px;margin-top:var(--sp-4);height:32px;padding:0 var(--sp-3) 0 var(--sp-2);border-radius:var(--r-pill);background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:500 14px/20px Geist,sans-serif}
.acc-doc .loc svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.acc-doc .center-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-3);margin-top:var(--sp-12);padding-inline:var(--sp-5)}

/* ── vitrine talent (onglets) ── */
.acc-doc .split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;align-items:start}
.acc-doc .split .h2{margin-bottom:var(--sp-4)}
.acc-doc .tabs{margin-top:var(--sp-10);border-top:1px solid var(--line)}
.acc-doc .tabitem{position:relative;padding-left:var(--sp-6);border-bottom:1px solid var(--line)}
.acc-doc .tabitem::before{content:"";position:absolute;left:0;top:var(--sp-5);bottom:var(--sp-5);width:2px;background:var(--line);transition:background var(--t)}
.acc-doc .tabitem.is-on::before{background:var(--gold-500)}
.acc-doc .tab{display:block;width:100%;text-align:left;padding:var(--sp-5) 0 var(--sp-3);min-height:44px}
.acc-doc .tt{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-3);font:500 24px/32px Geist,sans-serif;color:var(--text-3);transition:color var(--t)}
.acc-doc .tab:hover .tt,.acc-doc .tab[aria-selected=true] .tt{color:var(--ink)}
.acc-doc .new{padding:2px var(--sp-2);border:1px solid var(--gold-300);border-radius:var(--r-pill);font:600 12px/18px Geist,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-700)}
.acc-doc .more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}
.acc-doc .more>div{overflow:hidden}
.acc-doc .tabitem.is-on .more{grid-template-rows:1fr}
.acc-doc .more p{padding:0 0 var(--sp-5);font:400 16px/24px Geist,sans-serif;color:var(--text-2);max-width:30em}
.acc-doc .split-cta{margin-top:var(--sp-8)}
.acc-doc .panes{position:relative;height:560px;border-radius:var(--r-xl);overflow:hidden;background:linear-gradient(160deg,var(--gold-50),#fff 62%);border:1px solid var(--line);box-shadow:var(--sh-1)}
.acc-doc .pane{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .35s ease,transform .4s ease,visibility 0s .35s}
.acc-doc .pane.is-on{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.acc-doc .pane-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.acc-doc .pane-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.4))}
.acc-doc .mini{position:absolute;background:#fff;border-radius:var(--r-lg);box-shadow:var(--sh-2);padding:var(--sp-5)}
.acc-doc .mini-profile{left:var(--sp-6);bottom:var(--sp-6);width:min(340px,calc(100% - 48px));z-index:1}
.acc-doc .person{display:flex;align-items:center;gap:var(--sp-3)}
.acc-doc .person>img{width:48px;height:48px;border-radius:50%;object-fit:cover}
.acc-doc .person b{display:block;font:600 16px/24px Geist,sans-serif}
.acc-doc .person div span{font:400 14px/20px Geist,sans-serif;color:var(--text-3)}
.acc-doc .vtag{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px 0 8px;border-radius:var(--r-sm);background:var(--gold-fill);font:700 12px/16px Geist,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#2A2110}
.acc-doc .vtag img{width:10px;height:12px}
.acc-doc .avail{display:inline-flex;align-items:center;gap:6px;margin-top:var(--sp-3);font:600 14px/20px Geist,sans-serif;color:var(--green)}
.acc-doc .avail::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.acc-doc .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--sp-3)}
.acc-doc .tags span{padding:var(--sp-1) var(--sp-3);border:1px solid var(--n-200);border-radius:var(--r-pill);font:500 12px/16px Geist,sans-serif;color:var(--n-700)}
.acc-doc .pane-list{padding:var(--sp-8);display:flex;flex-direction:column;gap:var(--sp-3);justify-content:center}
.acc-doc .pane-title{font:500 16px/24px Geist,sans-serif;color:var(--text-3);margin-bottom:var(--sp-1)}
.acc-doc .row-card{display:flex;align-items:center;gap:var(--sp-4);background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-3) var(--sp-4);box-shadow:var(--sh-1)}
.acc-doc .row-card:nth-child(3){margin-left:var(--sp-6)}
.acc-doc .row-card:nth-child(4){margin-left:var(--sp-12)}
.acc-doc .row-card>img{width:60px;height:60px;border-radius:var(--r-md);object-fit:cover;flex:none}
.acc-doc .row-card b{display:block;font:500 16px/24px Geist,sans-serif}
.acc-doc .row-card div span{font:400 14px/20px Geist,sans-serif;color:var(--text-3)}
.acc-doc .match{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font:600 14px/20px Geist,sans-serif;color:var(--green);white-space:nowrap}
.acc-doc .match.mid{color:var(--gold-600)}
.acc-doc .match svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.acc-doc .course{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-5) var(--sp-6);box-shadow:var(--sh-1)}
.acc-doc .course small{font:600 12px/18px Geist,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-600)}
.acc-doc .course h4{margin-top:var(--sp-1);font:500 20px/28px Geist,sans-serif}
.acc-doc .course p{margin-top:2px;font:400 14px/20px Geist,sans-serif;color:var(--text-3)}
.acc-doc .bar{height:4px;margin-top:var(--sp-4);border-radius:4px;background:var(--n-200)}
.acc-doc .bar i{display:block;height:100%;width:var(--w,50%);border-radius:4px;background:var(--gold-fill)}
.acc-doc .mission{width:min(460px,calc(100% - 64px));left:50%;top:50%;transform:translate(-50%,-50%);padding:var(--sp-6)}
.acc-doc .mission h4{font:500 24px/32px Geist,sans-serif}
.acc-doc .mission p{margin-top:var(--sp-1);font:400 16px/24px Geist,sans-serif;color:var(--text-3)}
.acc-doc .seg{display:grid;grid-template-columns:repeat(3,1fr);margin-top:var(--sp-5);padding:var(--sp-1);border:1px solid var(--n-200);border-radius:var(--r-pill)}
.acc-doc .seg button{height:40px;border-radius:var(--r-pill);font:500 14px/20px Geist,sans-serif;color:var(--text-3);border:1px solid transparent;transition:color var(--t),border-color var(--t)}
.acc-doc .seg button[aria-pressed=true]{color:var(--ink);border-color:var(--gold-500)}
.acc-doc .field{margin-top:var(--sp-3);display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 var(--sp-4);border:1px solid var(--n-300);border-radius:var(--r-md);font:400 16px/24px Geist,sans-serif;color:var(--text-3)}
.acc-doc .field b{font:500 16px/24px Geist,sans-serif;color:var(--ink)}
.acc-doc .pane-note{position:absolute;right:var(--sp-5);bottom:var(--sp-3);font:400 12px/18px Geist,sans-serif;color:var(--text-3)}

/* ── Verified ── */
.acc-doc .verified-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:96px;align-items:center}
.acc-doc .vd{background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh-2);padding:var(--sp-8)}
.acc-doc .vd-top{display:flex;align-items:center;gap:var(--sp-4)}
.acc-doc .vd-top>img{width:68px;height:68px;border-radius:50%;object-fit:cover}
.acc-doc .vd-top b{display:block;font:600 20px/28px Geist,sans-serif}
.acc-doc .vd-top div span{font:400 16px/24px Geist,sans-serif;color:var(--text-3)}
.acc-doc .vd-state{margin-left:auto;white-space:nowrap;display:inline-flex;align-items:center;height:32px;padding:0 var(--sp-3);border:1px solid var(--n-300);border-radius:var(--r-sm);font:600 12px/16px Geist,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);transition:all var(--t)}
.acc-doc .vd.is-done .vd-state{border-color:transparent;background:var(--gold-fill);color:#2A2110}
.acc-doc .steps{margin-top:var(--sp-6);border-top:1px solid var(--line)}
.acc-doc .step{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4) 0;border-bottom:1px solid var(--line)}
.acc-doc .dot{position:relative;flex:none;width:28px;height:28px;border:1.5px solid var(--n-300);border-radius:50%;transition:border-color var(--t),background var(--t)}
.acc-doc .dot svg{position:absolute;inset:5px;width:calc(100% - 10px);height:calc(100% - 10px);stroke:#2A2110;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;opacity:0;transition:stroke-dashoffset .4s ease .1s,opacity .1s}
.acc-doc .step b{font:500 16px/24px Geist,sans-serif}
.acc-doc .step span.st{margin-left:auto;white-space:nowrap;font:400 14px/20px Geist,sans-serif;color:var(--text-3);transition:color var(--t)}
.acc-doc .step.is-ok .dot{border-color:transparent;background:var(--gold-fill)}
.acc-doc .step.is-ok .dot svg{stroke-dashoffset:0;opacity:1}
.acc-doc .step.is-ok .st{color:var(--green);font-weight:600}
.acc-doc .vd-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);margin-top:var(--sp-5)}
.acc-doc .vd-foot p{font:400 14px/20px Geist,sans-serif;color:var(--text-3);max-width:15em}
.acc-doc .vd.is-done .vd-foot p{color:var(--ink);font-weight:500}
.acc-doc .verified .lede{margin-top:var(--sp-5)}
.acc-doc .verified .link{margin-top:var(--sp-6)}
.acc-doc .verified small{display:block;margin-top:var(--sp-5);font:400 14px/20px Geist,sans-serif;color:var(--text-3);max-width:30em}

/* ── offres ── */
.acc-doc .offers-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-6);flex-wrap:wrap}
.acc-doc .arrows{display:flex;gap:var(--sp-3)}
.acc-doc .arrow{width:44px;height:44px;border:1px solid var(--n-300);border-radius:50%;display:grid;place-items:center;transition:border-color var(--t),opacity var(--t)}
.acc-doc .arrow:hover:not([aria-disabled=true]){border-color:var(--gold-500)}
.acc-doc .arrow[aria-disabled=true]{opacity:.35;cursor:default}
.acc-doc .arrow svg{width:20px;height:20px;stroke:var(--ink);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.acc-doc .filters{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-8)}
.acc-doc .fchip{height:44px;padding:0 var(--sp-5);border:1px solid var(--n-300);border-radius:var(--r-pill);background:#fff;font:500 14px/20px Geist,sans-serif;color:var(--n-700);transition:border-color var(--t),color var(--t)}
.acc-doc .fchip:hover{border-color:var(--gold-400)}
.acc-doc .fchip[aria-pressed=true]{border-color:var(--gold-500);color:var(--gold-700);font-weight:600}
.acc-doc .track{display:flex;gap:var(--sp-5);margin-top:var(--sp-8);overflow-x:auto;scroll-snap-type:x mandatory;padding:6px max(16px,calc((100% - 1264px)/2)) var(--sp-8);scroll-padding-inline:max(16px,calc((100% - 1264px)/2));scrollbar-width:none}
.acc-doc .track::-webkit-scrollbar{display:none}
.acc-doc .offer{flex:none;scroll-snap-align:start;width:300px;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);padding:var(--sp-6);box-shadow:var(--sh-1);transition:transform var(--t),box-shadow var(--t)}
.acc-doc .offer:hover{transform:translateY(-4px);box-shadow:var(--sh-2)}
.acc-doc .offer[hidden]{display:none}
.acc-doc .offer-house{display:flex;align-items:center;gap:var(--sp-3)}
.acc-doc .offer-house img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.acc-doc .offer-house b{display:block;font:600 16px/24px Geist,sans-serif;color:var(--gold-600)}
.acc-doc .offer-house span{font:400 14px/20px Geist,sans-serif;color:var(--text-3)}
.acc-doc .offer h3{margin-top:var(--sp-6);padding-top:var(--sp-5);border-top:1px solid var(--line);font:500 24px/32px Geist,sans-serif;min-height:calc(var(--sp-5) + 64px)}
.acc-doc .facts{display:flex;flex-wrap:wrap;gap:6px var(--sp-4);margin:var(--sp-4) 0 var(--sp-6);font:400 14px/20px Geist,sans-serif;color:var(--text-2)}
.acc-doc .facts span{display:inline-flex;align-items:center;gap:6px}
.acc-doc .facts svg{width:15px;height:15px;stroke:var(--text-3);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.acc-doc .offer .btn{margin-top:auto;width:100%}
.acc-doc .note{margin-top:var(--sp-1);font:400 12px/18px Geist,sans-serif;color:var(--text-3)}

/* ── recruteurs : démo Auguste ── */
.acc-doc .recruit-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:72px;align-items:center}
.acc-doc .why{margin-top:var(--sp-8);border-top:1px solid var(--line)}
.acc-doc .why li{padding:var(--sp-5) 0;border-bottom:1px solid var(--line)}
.acc-doc .why h3{font:500 20px/28px Geist,sans-serif}
.acc-doc .why p{margin-top:var(--sp-1);font:400 16px/24px Geist,sans-serif;color:var(--text-2);max-width:32em}
.acc-doc .recruit-grid .btn{margin-top:var(--sp-8)}
.acc-doc .auguste{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--sh-2);padding:var(--sp-6)}
.acc-doc .aug-head{display:flex;align-items:center;gap:var(--sp-3)}
.acc-doc .aug-head img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.acc-doc .aug-head b{display:block;font:600 16px/24px Geist,sans-serif}
.acc-doc .aug-head span{font:400 14px/20px Geist,sans-serif;color:var(--text-3)}
.acc-doc .brief{margin-top:var(--sp-5);min-height:84px;padding:var(--sp-4) var(--sp-5);border:1px solid var(--n-300);border-radius:var(--r-lg);font:400 16px/24px Geist,sans-serif;color:var(--ink)}
.acc-doc .brief .caret{display:inline-block;width:2px;height:1.1em;margin-left:2px;vertical-align:text-bottom;background:var(--gold-500);animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:0}}
.acc-doc .try{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin-top:var(--sp-3);font:400 14px/20px Geist,sans-serif;color:var(--text-3)}
.acc-doc .try button{height:44px;padding:0 var(--sp-4);border:1px solid var(--n-300);border-radius:var(--r-pill);background:#fff;font:500 14px/20px Geist,sans-serif;color:var(--n-700);transition:border-color var(--t),color var(--t)}
.acc-doc .try button:hover{border-color:var(--gold-400)}
.acc-doc .try button[aria-pressed=true]{border-color:var(--gold-500);color:var(--gold-700);font-weight:600}
.acc-doc .res-head{display:flex;justify-content:space-between;margin-top:var(--sp-6);padding-bottom:var(--sp-3);border-bottom:1px solid var(--line);font:500 14px/20px Geist,sans-serif;color:var(--text-3)}
.acc-doc .res li{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-3) 0;border-bottom:1px solid var(--line);opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .4s ease;transition-delay:calc(var(--k)*70ms)}
.acc-doc .res.is-in li{opacity:1;transform:none}
.acc-doc .res li>img{width:46px;height:46px;border-radius:50%;object-fit:cover;flex:none}
.acc-doc .res b{display:flex;align-items:center;gap:var(--sp-2);font:500 16px/24px Geist,sans-serif}
.acc-doc .res b .vtag{height:22px;padding:0 8px 0 6px;font-size:12px}
.acc-doc .res span.sub{font:400 14px/20px Geist,sans-serif;color:var(--text-3)}
.acc-doc .ring{position:relative;margin-left:auto;width:46px;height:46px;flex:none}
.acc-doc .ring svg{width:46px;height:46px;transform:rotate(-90deg)}
.acc-doc .ring circle{fill:none;stroke-width:3}
.acc-doc .ring .tr{stroke:var(--n-200)}
.acc-doc .ring .pg{stroke:var(--gold-500);stroke-linecap:round;stroke-dasharray:113.1;stroke-dashoffset:113.1;transition:stroke-dashoffset .9s ease;transition-delay:calc(var(--k)*70ms + 150ms)}
.acc-doc .res.is-in .ring .pg{stroke-dashoffset:calc(113.1 - 113.1 * var(--s) / 100)}
.acc-doc .ring i{position:absolute;inset:0;display:grid;place-items:center;font:600 14px/20px Geist,sans-serif;font-style:normal;font-variant-numeric:tabular-nums}
.acc-doc .demo-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-top:var(--sp-4);font:400 12px/18px Geist,sans-serif;color:var(--text-3)}

/* ── appel final : même canevas que le reste de la page ── */
.acc-doc .final{text-align:center;overflow:hidden;padding-top:var(--sec-y)}
.acc-doc .final .lede{margin:var(--sp-4) auto 0}
.acc-doc .ribbon{margin-top:var(--sp-16);height:360px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(180deg,#000 72%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(180deg,#000 72%,transparent);mask-composite:intersect}
.acc-doc .ribbon-track{display:flex;gap:14px;width:max-content;animation:marq 80s linear infinite;text-align:left}
.acc-doc .ribbon:hover .ribbon-track{animation-play-state:paused}
.acc-doc .ribbon article.ts-card{flex:none;width:224px}
.acc-doc .ribbon article.ts-card:nth-child(even){margin-top:36px}

/* ── footer DS : logo + signature, 3 colonnes, motif voilages, langue + © + réseaux ── */
.acc-doc .footer{position:relative;overflow:hidden;border-top:1px solid var(--line)}
.acc-doc .footer::before{content:"";position:absolute;inset:auto 0 0 0;height:240px;background:url("/assets/landing/accueil/pattern-voilages-cream-3b75b3a9.svg") center bottom/cover no-repeat;opacity:.55;pointer-events:none}
.acc-doc .footer-in{position:relative;width:var(--wrap);margin-inline:auto;padding-block:var(--sp-16) var(--sp-8)}
.acc-doc .footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:var(--sp-12)}
.acc-doc .footer-top img{display:block;height:50px;width:auto;margin-left:-6px}
.acc-doc .footer-top p{margin-top:var(--sp-5);max-width:24em;font:400 16px/24px Geist,sans-serif;color:var(--text-2)}
.acc-doc .footer h4{font:600 16px/24px Geist,sans-serif;margin-bottom:var(--sp-3)}
.acc-doc .footer li a{display:inline-flex;align-items:center;min-height:44px;font:400 16px/24px Geist,sans-serif;color:var(--text-2);transition:color var(--t)}
.acc-doc .footer li a:hover{color:var(--ink)}
.acc-doc .footer-bot{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-5);margin-top:var(--sp-16);padding-top:var(--sp-6);border-top:1px solid var(--line);font:400 14px/20px Geist,sans-serif;color:var(--text-2)}
.acc-doc .footer-lang{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:44px}
.acc-doc .footer-lang svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.acc-doc .soc{display:flex;gap:var(--sp-3)}
.acc-doc .soc a{width:44px;height:44px;border:1px solid var(--n-300);border-radius:50%;background:#fff;display:grid;place-items:center;transition:border-color var(--t)}
.acc-doc .soc a:hover{border-color:var(--gold-500)}
.acc-doc .soc svg{width:17px;height:17px;stroke:var(--n-700);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* ── pause des défilements (WCAG 2.2.2) ── */
.acc-doc .pause{position:absolute;right:6px;bottom:6px;z-index:3;width:44px;height:44px;border:1px solid var(--n-300);border-radius:50%;background:#fff;display:grid;place-items:center}
.acc-doc .pause svg{width:18px;height:18px;stroke:var(--ink);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.acc-doc .pause .i-play{display:none}
.acc-doc .pause[aria-pressed=true] .i-play{display:block}
.acc-doc .pause[aria-pressed=true] .i-pause{display:none}
.acc-doc body.is-paused *,.acc-doc body.is-paused *::before{animation-play-state:paused!important}
/* cartes talents (composant existant) : jamais de reset global sur leurs images et icônes */
.acc-doc img:not(.ts-card img),.acc-doc svg:not(.ts-card svg){display:block}
.acc-doc a:not(.btn) svg{display:inline-block}
.acc-doc .stage article.ts-card{width:100%}

/* ── responsive : gouttières DS 24 → 16 (tablette) → 12 (mobile) ── */
@media (max-width:1100px){
  .acc-doc{--gap:16px}
  .acc-doc .hero-in{grid-template-columns:minmax(0,1fr);gap:var(--sp-10);min-height:0;padding-block:var(--sp-10) var(--sp-12)}
  .acc-doc .stage{height:560px}
  .acc-doc .split,.acc-doc .recruit-grid,.acc-doc .verified-grid{grid-template-columns:minmax(0,1fr);gap:var(--sp-12)}
  .acc-doc .panes{height:520px}
  .acc-doc .footer-top{grid-template-columns:1fr 1fr}
  .acc-doc .footer-top>div:first-child{grid-column:1/-1}
}
@media (max-width:960px){
  .acc-doc .nav-links,.acc-doc .nav-signin,.acc-doc .nav-right .btn{display:none}
  .acc-doc .burger{display:flex}
  .acc-doc .sheet.is-open{display:block}
}
@media (max-width:640px){
  .acc-doc{--gap:12px}
  .acc-doc body{font-size:16px}
  .acc-doc .hero-in{padding-block:var(--sp-6) var(--sp-10)}
  .acc-doc .lede{font-size:18px;line-height:28px}
  .acc-doc .stage{height:460px}
  .acc-doc .video{aspect-ratio:16/11;border-radius:var(--r-lg)}
  .acc-doc .video-play{padding:0 var(--sp-4) var(--sp-4);gap:var(--sp-3)}
  .acc-doc .video-play .disc{width:54px;height:54px}
  .acc-doc .video-cap b{font-size:16px;line-height:24px}
  .acc-doc .house{width:240px;height:320px}
  .acc-doc .panes{height:500px}
  .acc-doc .mini-profile{left:var(--sp-4);bottom:var(--sp-4);width:calc(100% - 32px)}
  .acc-doc .pane-list{padding:var(--sp-5)}
  .acc-doc .row-card:nth-child(3),.acc-doc .row-card:nth-child(4){margin-left:0}
  .acc-doc .row-card .match{display:none}
  .acc-doc .vd{padding:var(--sp-5)}
  .acc-doc .vd-top>img{width:56px;height:56px}
  .acc-doc .vd-top{gap:var(--sp-3)}
  .acc-doc .vd-foot{flex-direction:column;align-items:stretch}
  .acc-doc .offer{width:272px}
  .acc-doc .ribbon{height:320px}
  .acc-doc .footer-top{grid-template-columns:1fr}
  .acc-doc .footer-bot{flex-direction:column;align-items:flex-start}
  .acc-doc .btn{padding:0 var(--sp-5)}
  .acc-doc .cta-row .btn,.acc-doc .center-cta .btn{flex:1 1 auto}
}
@media (prefers-reduced-motion:reduce){
  .acc-doc{scroll-behavior:auto}
  .acc-doc *,.acc-doc *::before,.acc-doc *::after{animation:none!important;transition-duration:.01ms!important;transition-delay:0s!important}
  .acc-doc .rise{opacity:1;transform:none}
  .acc-doc .marq-track>[aria-hidden=true],.acc-doc .ribbon-track>[aria-hidden=true],.acc-doc .stage .sc>[aria-hidden=true]{display:none}
  .acc-doc .marq-track,.acc-doc .ribbon-track{width:auto;flex-wrap:wrap;justify-content:center;padding-inline:var(--sp-5)}
  .acc-doc .marq,.acc-doc .ribbon{-webkit-mask-image:none;mask-image:none;overflow:visible;height:auto}
  .acc-doc .ribbon{padding-bottom:var(--sp-10)}
}

/* Hero v2 — fond blanc, 3 essais de défilement, 3 types de cartes (Talent, Expert, Maison). Jetons : base.css (= design system). */
.acc-doc{background:#fff}

/* ── mise en page : texte à gauche, scène à droite ── */
.acc-doc .hh{position:relative;overflow:hidden;background:#fff}
.acc-doc .hh-in{position:relative;display:grid;grid-template-columns:minmax(0,min(684px,56%)) minmax(0,1fr);column-gap:var(--sp-8);align-items:center;padding-left:max(16px,calc((100% - 1264px)/2));min-height:min(800px,calc(100svh - 76px))}
.acc-doc .hh-copy{padding-block:var(--sp-12)}
.acc-doc .hh-copy .display{margin:var(--sp-6) 0}
.acc-doc .hh-copy .lede{max-width:28em}
.acc-doc .hs{position:relative;height:min(740px,88svh);min-width:0;padding-right:max(16px,calc((100vw - 1264px)/2 - 24px))}
.acc-doc .hs-box{position:absolute;inset:0 0 56px 0}
.acc-doc .hs-cap{position:absolute;left:0;right:0;bottom:16px;text-align:center;font:400 13px/18px Geist,sans-serif;color:#5C5650;pointer-events:none}

/* ── la carte du réseau (Talent · Expert · Maison) ── */
.acc-doc .hs{--cw:244px;--ph:176px;--fh:76px}
.acc-doc .hc{position:relative;flex:none;width:var(--cw);background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:0 2px 14px rgba(44,44,44,.05),0 22px 44px -26px rgba(44,44,44,.22);padding:var(--sp-2);transition:box-shadow .3s ease,border-color .3s ease,opacity .5s ease}
.acc-doc .hc-ph{position:relative;height:var(--ph);border-radius:var(--r-md);overflow:hidden;background:var(--gold-100)}
.acc-doc .hc-ph>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}
.acc-doc .hc-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 58%,rgba(0,0,0,.3));pointer-events:none}
.acc-doc .hc-v{position:absolute;z-index:1;left:var(--sp-2);top:var(--sp-2);display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px 0 8px;border-radius:var(--r-sm);background:var(--gold-fill);font:700 11px/16px Geist,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#2A2110}
.acc-doc .hc-v img{width:10px;height:12px}
.acc-doc .hc-v svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.acc-doc .hc-tag{position:absolute;z-index:1;left:var(--sp-2);bottom:var(--sp-2);display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 12px 0 10px;border-radius:var(--r-pill);background:#fff;font:600 12px/16px Geist,sans-serif;color:var(--green);box-shadow:0 1px 6px rgba(0,0,0,.14)}
.acc-doc .hc-tag::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.acc-doc .hc-tag.is-soon{color:#9A6A1E}
.acc-doc .hc-tag.is-expert{color:var(--gold-700)}
.acc-doc .hc-tag.is-maison{color:var(--gold-700)}
.acc-doc .hc-tag.is-maison::before{background:var(--gold-500)}
.acc-doc .hc-bd{padding:var(--sp-3) 6px 0}
.acc-doc .hc-n{display:flex;align-items:center;gap:var(--sp-2);font:600 18px/26px Geist,sans-serif;color:var(--ink)}
.acc-doc .hc-n span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acc-doc .hc-n svg{width:17px;height:12px;border-radius:2px;box-shadow:0 0 0 .5px rgba(0,0,0,.14);flex:none}
.acc-doc .hc-r{font:500 15px/22px Geist,sans-serif;color:var(--gold-600)}
.acc-doc .hc-l{display:flex;align-items:center;gap:5px;font:400 14px/20px Geist,sans-serif;color:var(--text-3)}
.acc-doc .hc-l svg{width:14px;height:14px;flex:none;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
/* zone « fonctionnalités du profil » */
.acc-doc .hc-ft{position:relative;height:var(--fh);margin:10px 6px 0;padding-top:10px;border-top:1px solid var(--line)}
.acc-doc .hc-tabs{display:flex;gap:var(--sp-4)}
.acc-doc .hc-tabs button{position:relative;min-height:34px;margin-top:-12px;padding:12px 0 6px;font:500 12px/16px Geist,sans-serif;color:var(--text-3);transition:color var(--t)}
.acc-doc .hc-tabs button[aria-selected=true]{color:var(--ink);font-weight:600}
.acc-doc .hc-tabs button::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--n-200)}
.acc-doc .hc-tabs button::before{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--gold-500);transform-origin:left;transform:scaleX(0);z-index:1}
.acc-doc .hc-tabs button[aria-selected=true]::before{transform:scaleX(1)}
.acc-doc .hc.is-live .hc-tabs button[aria-selected=true]::before{transform:scaleX(0);animation:hcp var(--pd,2s) linear forwards}
@keyframes hcp{to{transform:scaleX(1)}}
.acc-doc .hc-pn{position:absolute;left:0;right:0;top:34px;bottom:0;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .3s ease,transform .35s ease,visibility 0s .3s;pointer-events:none}
.acc-doc .hc-pn.is-on{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.acc-doc .hc-bk{display:flex;gap:var(--sp-2);height:100%}
.acc-doc .hc-bk img{flex:1;min-width:0;height:100%;max-height:64px;border-radius:10px;object-fit:cover}
.acc-doc .hc-ck{display:grid;gap:3px;font:400 13px/18px Geist,sans-serif;color:var(--n-700)}
.acc-doc .hc-ck li{display:flex;align-items:center;gap:var(--sp-2)}
.acc-doc .hc-ck svg{width:15px;height:15px;flex:none;stroke:var(--gold-600);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.acc-doc .hc.is-live .hc-pn.is-on .hc-ck li{animation:hci .4s ease backwards}
.acc-doc .hc.is-live .hc-pn.is-on .hc-ck li:nth-child(2){animation-delay:.18s}
.acc-doc .hc.is-live .hc-pn.is-on .hc-ck li:nth-child(3){animation-delay:.36s}
@keyframes hci{from{opacity:0;transform:translateX(-6px)}}
.acc-doc .hc-ln{display:flex;align-items:center;gap:var(--sp-3);font:500 14px/20px Geist,sans-serif;color:var(--ink)}
.acc-doc .hc-ln svg{width:22px;height:22px;flex:none;stroke:var(--gold-600);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.acc-doc .hc-ln small{display:block;font:400 12px/16px Geist,sans-serif;color:var(--text-3)}
/* bandeau Book fixe (essai 2) */
.acc-doc .hc-bs{display:flex;align-items:center;gap:var(--sp-2);height:100%}
.acc-doc .hc-bs>span{flex:none;font:500 12px/16px Geist,sans-serif;color:var(--text-3);margin-right:2px}
.acc-doc .hc-bs img{width:44px;height:44px;border-radius:10px;object-fit:cover}


/* ══ Hero : variables de taille (déjà « dézoomé » ≈ −12 %) ══ */
.acc-doc .hs{--cw:196px;--ph:108px;--fh:52px;--lkg:40px}
.acc-doc .hs .ov{--cw:224px;--ph:150px;--fh:92px}
.acc-doc .hs .hc-bs img{width:34px;height:34px;border-radius:8px}

/* maison : pastille d'étoiles Michelin (vrai pictogramme du produit) */
.acc-doc .hc-mi{position:absolute;z-index:1;right:var(--sp-2);bottom:var(--sp-2);display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 11px;border-radius:var(--r-pill);background:rgba(24,20,12,.62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.22)}
.acc-doc .hc-mi img{display:block;width:14px;height:16px}
.acc-doc .mw-st{display:inline-flex;gap:2px;margin:0 4px;vertical-align:-2px}
.acc-doc .mw-st img{width:11px;height:12px}

/* rails : deux colonnes verticales */
.acc-doc .hs-box,.acc-doc .hv{position:absolute;inset:0 0 50px 0}
.acc-doc .hs-nav{position:absolute;right:76px;bottom:-50px;display:flex;flex-direction:row;gap:var(--sp-3);z-index:6}
.acc-doc .hs-ar{width:44px;height:44px;border:1px solid var(--n-300);border-radius:50%;background:#fff;display:grid;place-items:center;transition:border-color var(--t)}
.acc-doc .hs-ar:hover{border-color:var(--gold-500)}
.acc-doc .hs-ar svg{width:20px;height:20px;stroke:var(--ink);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.acc-doc .hs-pause{position:absolute;z-index:6;right:20px;bottom:-50px}
.acc-doc .vE{position:absolute;inset:0;display:flex;justify-content:center;gap:var(--sp-4)}
.acc-doc .vE .cw{position:relative;flex:none;width:var(--cw);height:100%;overflow-y:clip;overflow-x:visible;transition:opacity .5s ease}
.acc-doc .vE .cw{transition:opacity .5s ease,filter .5s ease}
.acc-doc .vE.is-dim .cw{opacity:.14;filter:blur(2.5px)}
.acc-doc .ctr{display:flex;flex-direction:column;gap:var(--sp-4);will-change:transform}
.acc-doc .vE::before,.acc-doc .vE::after{content:"";position:absolute;left:-10px;right:-10px;height:84px;z-index:12;pointer-events:none}
.acc-doc .vE::before{top:0;background:linear-gradient(180deg,#fff 10%,rgba(255,255,255,0))}
.acc-doc .vE::after{bottom:0;background:linear-gradient(0deg,#fff 10%,rgba(255,255,255,0))}

/* premier plan : la paire */
.acc-doc .ov{position:absolute;inset:0;z-index:25;pointer-events:none}
.acc-doc .ovc{position:absolute;top:calc(50% - 22px);width:var(--cw);opacity:0;transform:translateY(-50%) scale(.92);transition:opacity .45s ease,transform .6s cubic-bezier(.2,.9,.3,1.1);pointer-events:none}
.acc-doc .ovc.is-on{opacity:1;transform:translateY(-50%);pointer-events:auto}
.acc-doc .ovl{left:calc(50% - var(--cw) - var(--lkg))}
.acc-doc .ovr{left:calc(50% + var(--lkg))}
.acc-doc .ovr:not(.is-on){transform:translateY(-50%) translateX(36px) scale(.94)}
.acc-doc .ovc .hc{box-shadow:0 2px 14px rgba(44,44,44,.06),0 34px 60px -28px rgba(44,44,44,.34);border-color:var(--gold-200)}

/* le lien : un trait doré et, au milieu, le logo T de Tastellers */
.acc-doc .lk{pointer-events:none}
.acc-doc .lk-h{position:absolute;left:calc(50% - var(--lkg));width:calc(var(--lkg) * 2);height:2px;margin-top:-1px;z-index:30}
.acc-doc .lk-h .lk-line{position:absolute;inset:0;border-radius:2px;background:linear-gradient(90deg,var(--gold-300),var(--gold-500) 50%,var(--gold-300));transform:scaleX(0);transition:transform .5s cubic-bezier(.3,.7,.2,1)}
.acc-doc .lk-h.is-on .lk-line{transform:none}
.acc-doc .lk-bd{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px var(--gold-200),0 14px 30px -10px rgba(44,44,44,.45);opacity:0;transform:scale(.55);transition:opacity .3s ease .25s,transform .55s cubic-bezier(.2,.9,.3,1.35) .25s}
.acc-doc .lk.is-on .lk-bd{opacity:1;transform:none}
.acc-doc .lk.is-on .lk-bd::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1.5px solid var(--gold-400);opacity:0;animation:lkring 2.4s ease-out .9s infinite}
@keyframes lkring{0%{transform:scale(.8);opacity:.7}100%{transform:scale(1.7);opacity:0}}
.acc-doc .lk-bd img{width:30px;height:30px;display:block}
.acc-doc .ov .lk,.acc-doc .ov .ovc{transition:opacity .3s ease,transform .6s cubic-bezier(.2,.9,.3,1.1)}

/* b · bouton, curseur de démonstration, fiche de proposition */
.acc-doc .cta{position:absolute;left:50%;z-index:35;transform:translate(-50%,8px);opacity:0;pointer-events:none;transition:opacity .35s ease,transform .4s cubic-bezier(.2,.9,.3,1.2),box-shadow var(--t)}
.acc-doc .cta.is-on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.acc-doc .cta.is-press{transform:translate(-50%,0) scale(.95)}
.acc-doc .btn.is-press:not(.cta){transform:scale(.95)}
.acc-doc .cur{position:absolute;left:0;top:0;z-index:40;width:26px;height:26px;opacity:0;pointer-events:none;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}
.acc-doc .cur svg{width:26px;height:26px;display:block}
.acc-doc .cur.is-click::after{content:"";position:absolute;left:-4px;top:-4px;width:30px;height:30px;border-radius:50%;border:2px solid var(--gold-500);animation:hcrip .55s ease-out forwards}
@keyframes hcrip{from{transform:scale(.3);opacity:1}to{transform:scale(2);opacity:0}}
.acc-doc .ov.is-chat .ovc{opacity:0;transform:translateY(-50%) scale(.93);pointer-events:none}
.acc-doc .ov.is-chat .lk{opacity:0}
.acc-doc .mw{position:absolute;left:50%;top:calc(50% - 22px);z-index:30;width:calc(var(--cw) * 2 + var(--lkg) * 2);height:calc(var(--ph) + 196px);display:flex;flex-direction:column;background:#fff;border:1px solid var(--gold-200);border-radius:var(--r-xl);box-shadow:0 2px 14px rgba(44,44,44,.06),0 40px 70px -30px rgba(44,44,44,.42);opacity:0;transform:translate(-50%,-50%) scale(.94);transition:opacity .35s ease,transform .5s cubic-bezier(.2,.9,.3,1.1);pointer-events:none;overflow:hidden}
.acc-doc .mw.is-on{opacity:1;transform:translate(-50%,-50%)}
.acc-doc .mw.is-manual{pointer-events:auto}
.acc-doc .mw-hd{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--line)}
.acc-doc .mw-av{display:flex;flex:none}
.acc-doc .mw-av img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 0 0 1px var(--line)}
.acc-doc .mw-av img+img{margin-left:-12px}
.acc-doc .mw-t{min-width:0;flex:1}
.acc-doc .mw-t b{display:block;font:600 15px/20px Geist,sans-serif;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acc-doc .mw-t small{display:block;font:400 13px/18px Geist,sans-serif;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acc-doc .mw-x{display:none;place-items:center;flex:none;width:44px;height:44px;margin:-8px -10px -8px 0;border-radius:50%;color:var(--ink)}
.acc-doc .mw-x svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round}
.acc-doc .mw.is-manual .mw-x{display:grid}
.acc-doc .mw-bd{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;padding:var(--sp-3) var(--sp-5)}
.acc-doc .mw-ft{display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4) var(--sp-4);border-top:1px solid var(--line)}
.acc-doc .pp-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--line);opacity:0;transform:translateY(6px)}
.acc-doc .mw.is-on .pp-row{animation:ppin .45s ease forwards}
.acc-doc .mw.is-on .pp-row:nth-child(2){animation-delay:.14s}
.acc-doc .mw.is-on .pp-row:nth-child(3){animation-delay:.28s}
@keyframes ppin{to{opacity:1;transform:none}}
.acc-doc .pp-row svg{width:20px;height:20px;flex:none;stroke:var(--gold-600);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.acc-doc .pp-row span{width:64px;flex:none;font:400 13px/18px Geist,sans-serif;color:var(--text-3)}
.acc-doc .pp-row b{font:600 15px/22px Geist,sans-serif;color:var(--ink)}
.acc-doc .pp-ok{display:none;flex-direction:column;align-items:center;gap:var(--sp-2);text-align:center;padding:var(--sp-5) 0}
.acc-doc .pp-ck{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#fff;border:2px solid var(--gold-500);box-shadow:0 12px 26px -10px rgba(44,44,44,.4)}
.acc-doc .pp-ck svg{width:26px;height:26px;stroke:var(--gold-600);fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.acc-doc .pp-ok b{font:600 17px/24px Geist,sans-serif;color:var(--ink)}
.acc-doc .pp-ok small{font:400 14px/20px Geist,sans-serif;color:var(--text-3)}
.acc-doc .mw.s-ok .pp-row,.acc-doc .mw.s-ok .pp-ft{display:none}
.acc-doc .mw.s-ok .pp-ok{display:flex;animation:mwin .45s cubic-bezier(.2,.9,.3,1.2)}
@keyframes mwin{from{opacity:0;transform:translateY(8px) scale(.97)}}

.acc-doc .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.acc-doc .hx-bar{position:fixed;z-index:99;left:16px;bottom:16px;display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px;border-radius:var(--r-pill);background:#fff;box-shadow:0 4px 24px rgba(0,0,0,.18);font:500 13px/1 Geist,sans-serif}
.acc-doc .hx-bar button{height:36px;padding:0 14px;border-radius:var(--r-pill);border:1px solid transparent;background:#fff;color:var(--ink);font:inherit;cursor:pointer;white-space:nowrap}
.acc-doc .hx-bar button[aria-pressed=true]{background:#1A1614;color:#fff}
.acc-doc .hx-bar em{font-style:normal;color:var(--text-3);padding:0 8px;align-self:center}
.acc-doc .hx-bar i{width:1px;height:20px;background:var(--n-300);margin:0 4px}
.acc-doc img:not(.hc img):not(.th-card img){}

@media (max-width:640px){
  .acc-doc .hs{--cw:150px;--ph:92px;--fh:46px;--lkg:18px}
  .acc-doc .hs .ov{--cw:min(152px,calc((100vw - 32px - 2 * var(--lkg)) / 2));--ph:130px}
  .acc-doc .hs .ov .hc-ft{display:none}
  .acc-doc .vE.is-dim .cw{opacity:.1}
  .acc-doc .hs-box,.acc-doc .hv{inset:0 0 104px 0}
  .acc-doc .hs-nav{bottom:-100px;right:68px}
  .acc-doc .hs-pause{bottom:-100px;right:12px}
  .acc-doc .lk-bd{width:40px;height:40px;margin:-20px 0 0 -20px}
  .acc-doc .lk-bd img{width:24px;height:24px}
  .acc-doc .mw{height:calc(var(--ph) + 170px)}
  .acc-doc .mw-hd{padding:var(--sp-3) var(--sp-4)}
  .acc-doc .mw-bd{padding:var(--sp-2) var(--sp-4)}
  .acc-doc .pp-row span{width:52px}
  .acc-doc .pp-row b{font-size:14px}
  .acc-doc .hc-n{font-size:16px;line-height:22px}
  .acc-doc .hc-r{font-size:14px;line-height:20px}
  .acc-doc .hc-v .vl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .acc-doc .hc-mi{height:24px;padding:0 8px}
  .acc-doc .hx-bar{left:8px;right:8px;bottom:8px;justify-content:center;border-radius:20px}
  .acc-doc .hx-bar em{display:none}
}
@media (prefers-reduced-motion:reduce){
  .acc-doc .cta,.acc-doc .cur,.acc-doc .mw,.acc-doc .pp-row,.acc-doc .pp-ok,.acc-doc .ov .ovc,.acc-doc .ov .lk,.acc-doc .lk-bd{transition:none;animation:none}
  .acc-doc .pp-row{opacity:1;transform:none}
  .acc-doc .cur.is-click::after,.acc-doc .lk.is-on .lk-bd::after{animation:none}
}

/* ── hero : dézoom (≈ −12 %) pour qu'on arrive moins « près » ; la section suivante dépasse en bas ── */
.acc-doc body{overflow-x:clip}
/* retour de Tatianna (15/10) : les 2 CTA « Je suis un talent / Je suis un recruteur » sont TOUJOURS affichés et FIXES dans le hero (ils remplacent « Rejoindre le réseau ») : sur tablette / mobile ils sont sous le texte (ci-dessous), sur grand écran ceux du calque .hv servent aux deux écrans (voir screens.css) */
.acc-doc .hh-copy .cta-row{column-gap:var(--sp-3)}
.acc-doc .hh-copy .cta-row .link{margin-left:var(--sp-5)}
.acc-doc .hh-copy .cta-row .btn-black{background:linear-gradient(100deg,#0B0907 0%,#2B241B 55%,#4A3D28 100%);box-shadow:0 2px 10px rgba(30,22,8,.35),inset 0 1px 0 rgba(255,255,255,.14)}
.acc-doc .hh-copy .hv-in{flex-basis:auto;text-align:left;margin-top:var(--sp-4)}
@media (max-width:640px){.acc-doc .hh-copy .cta-row .link{margin-left:0}}
/* sélecteur de langue du menu : deux liens (une page par langue) */
.acc-doc .lang a{display:inline-grid;place-items:center;min-width:44px;min-height:44px;border-radius:var(--r-sm);color:var(--text-3);text-decoration:none}
.acc-doc .lang a.is-active{color:var(--ink);font-weight:600}
@media (min-width:1101px){
  .acc-doc .nav-in{height:68px}
  .acc-doc .nav-logo img{height:40px}
  .acc-doc .nav-links a{font-size:15px}
  .acc-doc .hh-in{min-height:calc(1.15 * min(620px,calc(100svh - 68px - 130px)));column-gap:var(--sp-6)}
  .acc-doc .hh-copy{padding-block:var(--sp-8)}
  .acc-doc .display{font-size:clamp(34px,3.35vw,50px);letter-spacing:-1.5px}
  .acc-doc .hh-copy .display{margin:var(--sp-5) 0}
  .acc-doc .lede{font-size:18px;line-height:27px}
  .acc-doc .chip{font-size:13px;min-height:30px}
  .acc-doc .btn-lg{height:48px;font-size:15px;padding:0 24px}
  .acc-doc .cta-row{margin-top:var(--sp-6)}
  .acc-doc .hs{height:calc(1.15 * min(620px,74svh))}
  .acc-doc .hs-cap{bottom:14px}
}
@media (max-width:1100px){
  .acc-doc .hh-in{grid-template-columns:minmax(0,1fr);padding-left:16px;padding-right:16px;min-height:0}
  .acc-doc .hh-copy{padding-block:var(--sp-10) var(--sp-6)}
  .acc-doc .hs{height:700px;padding-right:0}
}

/* ══════════════════════════════════════════════════════════════════════════════════════════════════
   Visuel de liaison : « Tastellers, Connecting Premium Hospitality, in an instant. » — après le lien (T), le texte de gauche ET les cartes
   s'effacent : le visuel occupe le centre du héros. 4 compositions (`data-v` sur .hv) : a Logo & titre · b Réseau · c Signature · d Écosystème
   Tailles en cqw : le visuel s'adapte à la largeur du héros. Sur mobile, le texte reste et le visuel remplace seulement les cartes.
   ══════════════════════════════════════════════════════════════════════════════════════════════════ */
.acc-doc .hv{inset:0;z-index:1;container-type:size;display:grid;align-content:center;justify-items:center;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .6s ease,visibility 0s .6s}
.acc-doc .hh.is-vis .hv{opacity:1;visibility:visible;transition:opacity .8s ease .35s,visibility 0s}
.acc-doc .vE,.acc-doc .hh-copy,.acc-doc .hs-cap{transition:opacity .5s ease}
.acc-doc .hh.is-vis .vE,.acc-doc .hh.is-vis .hh-copy{opacity:0;visibility:hidden;transition:opacity .5s ease,visibility 0s .5s}
.acc-doc .hh.is-vis .hs-cap{opacity:0}
.acc-doc .hv-cta{position:relative;z-index:3;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-3);margin-top:clamp(40px,7cqh,72px);pointer-events:auto}
.acc-doc .hv-in{flex-basis:100%;text-align:center;font:400 15px/22px Geist,sans-serif;color:var(--text-2);margin-top:6px}
.acc-doc .hv-in a{font-weight:600;color:var(--gold-700);text-decoration:underline;text-underline-offset:3px}
.acc-doc .hh.is-vis .hs-pause{visibility:hidden}
.acc-doc .st-wrap{position:relative;z-index:1;width:100%;padding-inline:4cqw;display:grid;justify-items:center;gap:clamp(16px,2.4cqw,36px);text-align:center}
.acc-doc .st-mark{display:block;width:clamp(48px,5.4cqw,84px);height:auto;aspect-ratio:1;filter:drop-shadow(0 14px 22px rgba(138,107,31,.38))}
.acc-doc .hv .st-wm,.acc-doc .hv .st-rule,.acc-doc .hv .st-net,.acc-doc .hv .st-orb{display:none}
.acc-doc .st-h{font:400 clamp(26px,7.2cqw,104px)/1.02 Geist,sans-serif;letter-spacing:-.04em}
.acc-doc .st-l{display:block;white-space:nowrap}

/* entrée : le logo puis les trois lignes (sans JS tout reste visible) */
.acc-doc.js .st-mark,.acc-doc.js .st-wm,.acc-doc.js .st-l,.acc-doc.js .st-rule{opacity:0;transition:opacity .9s ease,transform 1s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0) * 140ms + 600ms)}
.acc-doc.js .st-mark{transform:scale(.7)}
.acc-doc.js .st-l{transform:translateY(.32em)}
.acc-doc.js .st-wm{transform:translateX(-16px)}
.acc-doc.js .st-rule{transform:scaleX(0);transform-origin:0 50%}
.acc-doc.js .hh.is-vis .st-mark,.acc-doc.js .hh.is-vis .st-wm,.acc-doc.js .hh.is-vis .st-l,.acc-doc.js .hh.is-vis .st-rule{opacity:1;transform:none}

/* a · Logo & titre : le logo posé sur un halo doré, trois lignes centrées */
.acc-doc .hv[data-v="a"] .st-wrap::before{content:"";position:absolute;left:50%;top:0;width:min(56cqw,800px);aspect-ratio:1;transform:translate(-50%,-30%);background:radial-gradient(closest-side,rgba(196,165,89,.12),rgba(196,165,89,0));z-index:-1;pointer-events:none}

/* b · Réseau : talents → Tastellers → maisons, les liens se dessinent à l'entrée */
.acc-doc .hv[data-v="b"] .st-mark{display:none}
.acc-doc .hv[data-v="b"] .st-h{font-size:clamp(26px,4.2cqw,64px);line-height:1.04}
.acc-doc .hv[data-v="b"] .st-net{display:block;position:relative;width:min(900px,60cqw);aspect-ratio:1000/300}
.acc-doc .nt-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.acc-doc .nt-p{fill:none;stroke:var(--gold-400);stroke-width:1.5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:.9}
.acc-doc .is-vis .nt-p{animation:ntdraw 1.5s cubic-bezier(.3,.7,.2,1) forwards;animation-delay:calc(var(--i) * 110ms + 900ms)}
@keyframes ntdraw{to{stroke-dashoffset:0}}
.acc-doc .nt-dot{fill:var(--gold-500);visibility:hidden}
.acc-doc .is-vis .nt-dot{visibility:visible}
.acc-doc .nd{position:absolute;width:6.6%;aspect-ratio:1;border-radius:50%;overflow:hidden;border:3px solid #fff;box-shadow:0 0 0 1px rgba(196,165,89,.35),0 16px 30px -14px rgba(44,44,44,.5);transform:translate(-50%,-50%) scale(.4);opacity:0;transition:opacity .5s ease,transform .7s cubic-bezier(.2,.9,.3,1.3);transition-delay:calc(var(--i) * 90ms + 700ms)}
.acc-doc .nd img{width:100%;height:100%;object-fit:cover;display:block}
.acc-doc .nd-h{border-radius:26%}
.acc-doc .is-vis .nd{opacity:1;transform:translate(-50%,-50%)}
.acc-doc .nt-c{position:absolute;left:50%;top:50%;width:11%;aspect-ratio:1;transform:translate(-50%,-50%) scale(.6);opacity:0;display:grid;place-items:center;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(196,165,89,.4),0 26px 50px -16px rgba(110,88,44,.55);transition:opacity .5s ease .8s,transform .7s cubic-bezier(.2,.9,.3,1.3) .8s}
.acc-doc .is-vis .nt-c{opacity:1;transform:translate(-50%,-50%)}
.acc-doc .nt-c img{width:56%;height:56%;display:block}
.acc-doc .nt-c::before,.acc-doc .nt-c::after{content:"";position:absolute;inset:-10%;border-radius:50%;border:1.5px solid var(--gold-400);opacity:0}
.acc-doc .is-vis .nt-c::before{animation:lkring 3s ease-out 2.2s infinite}
.acc-doc .is-vis .nt-c::after{animation:lkring 3s ease-out 3.7s infinite}

/* c · Signature : la marque, un filet doré, la promesse — comme une signature */
.acc-doc .hv[data-v="c"] .st-mark{display:none}
.acc-doc .hv[data-v="c"] .st-wrap{width:min(100%,1280px);margin-inline:auto;grid-template-columns:auto auto minmax(0,1fr);justify-items:start;align-items:center;justify-content:center;column-gap:clamp(24px,4cqw,64px);padding-inline:6cqw;text-align:left}
.acc-doc .hv[data-v="c"] .st-wm{display:block;width:clamp(220px,24cqw,400px);height:auto}
.acc-doc .hv[data-v="c"] .st-rule{display:block;width:1.5px;height:clamp(140px,16cqw,250px);background:linear-gradient(180deg,rgba(196,165,89,0),var(--gold-500) 30%,var(--gold-500) 70%,rgba(196,165,89,0));transform:scaleY(0);transform-origin:50% 0}
.acc-doc.js .hh.is-vis .hv[data-v="c"] .st-rule{transform:none}
.acc-doc .hv[data-v="c"] .st-h{font-size:clamp(26px,5cqw,76px)}

/* d · Écosystème : anneaux concentriques autour du titre, talents à gauche et maisons à droite */
.acc-doc .hv[data-v="d"] .st-h{font-size:clamp(24px,4.6cqw,66px)}
.acc-doc .hv[data-v="d"] .st-orb{display:block;--u:min(1cqw,14.4px);position:absolute;inset:0;pointer-events:none}
.acc-doc .st-ring{position:absolute;left:50%;top:50%;width:calc(var(--u) * var(--d));aspect-ratio:1;border-radius:50%;border:1px solid rgba(163,133,67,var(--o,.18));translate:-50% -50%}
.acc-doc .st-n{position:absolute;left:50%;top:50%;width:max(44px,calc(var(--u) * 5.4));aspect-ratio:1;border-radius:50%;overflow:hidden;border:3px solid #fff;box-shadow:0 0 0 1px rgba(196,165,89,.35),0 16px 30px -14px rgba(44,44,44,.5);translate:-50% -50%;transform:rotate(var(--a)) translateX(calc(var(--u) * var(--r))) rotate(calc(var(--a) * -1))}
.acc-doc .st-n img{width:100%;height:100%;object-fit:cover;display:block}
.acc-doc .st-nh{border-radius:26%}
.acc-doc .st-orbc{display:none;position:absolute;left:50%;top:50%;width:calc(var(--u) * 16);aspect-ratio:1;translate:-50% -50%;place-items:center;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(196,165,89,.4),0 22px 40px -14px rgba(110,88,44,.5)}
.acc-doc .st-orbc img{width:56%;height:56%;display:block}
.acc-doc.js .st-ring,.acc-doc.js .st-n,.acc-doc.js .st-orbc{opacity:0;scale:.86;transition:opacity .9s ease,scale 1.1s cubic-bezier(.2,.9,.3,1.15);transition-delay:calc(var(--i,0) * 110ms + 600ms)}
.acc-doc.js .hh.is-vis .st-ring,.acc-doc.js .hh.is-vis .st-n,.acc-doc.js .hh.is-vis .st-orbc{opacity:1;scale:1}

/* colonne étroite : c s'empile, d passe sous le titre, le réseau grossit */
@container (max-width:899px){
  .acc-doc .hv[data-v="c"] .st-wrap{grid-template-columns:minmax(0,1fr);justify-items:start;row-gap:5cqw;padding-inline:7cqw}
  .acc-doc .hv[data-v="c"] .st-wm{width:clamp(200px,52cqw,360px)}
  .acc-doc .hv[data-v="c"] .st-rule{width:16cqw;height:1.5px;background:linear-gradient(90deg,var(--gold-500),rgba(196,165,89,0));transform:scaleX(0);transform-origin:0 50%}
  .acc-doc .hv[data-v="c"] .st-h{font-size:clamp(26px,8.4cqw,68px)}
  .acc-doc .hv[data-v="b"] .st-net{width:100%;aspect-ratio:1000/320}
  .acc-doc .hv[data-v="b"] .st-h{font-size:clamp(26px,7.2cqw,64px)}
  .acc-doc .nd{width:9%;border-width:2px}
  .acc-doc .nt-c{width:15%}
  .acc-doc .st-h{font-size:clamp(26px,8.8cqw,76px)}
}
@container (max-width:520px){
  .acc-doc .hv[data-v="d"] .st-h{font-size:clamp(26px,8.6cqw,44px)}
  .acc-doc .hv[data-v="d"] .st-mark{display:none}
  .acc-doc .hv[data-v="d"] .st-wrap{gap:4cqw}
  .acc-doc .hv[data-v="d"] .st-orb{--u:.8cqw;position:relative;inset:auto;overflow:hidden;width:100%;height:calc(var(--u) * 86)}
  .acc-doc .hv[data-v="d"] .st-orbc{display:grid}
  .acc-doc .nd{width:9.6%}
}
@container (min-width:521px) and (max-width:899px){
  .acc-doc .hv[data-v="d"] .st-h{font-size:clamp(26px,5.6cqw,48px)}
}
/* mobile / tablette : le texte du héros reste, le visuel remplace seulement les cartes */
@media (max-width:1100px){
  .acc-doc .hv{top:auto;bottom:104px;height:596px}
  .acc-doc .hh.is-vis .hh-copy{opacity:1;visibility:visible}
}

/* ══════════════════════════════════════════════════════════════════════════════════════════════════
   Écran 3 · la vidéo en motion design : le titre et le logo posés sur la plaque sombre, cadre « verre »
   ══════════════════════════════════════════════════════════════════════════════════════════════════ */
.acc-doc .cx{margin-top:calc(-.25 * (160px + max(0px, (100svh - 823px) / 2)));margin-bottom:calc(-.4 * (128px + max(0px, (100svh - 823px) / 2)));position:relative;overflow:hidden;min-height:calc(100svh - 68px);display:grid;align-content:center;justify-items:center;padding-block:var(--sp-16);background:#fff}
.acc-doc .cx::before{content:"";position:absolute;inset:0;background:radial-gradient(64% 38% at 50% 52%,rgba(196,165,89,.15),rgba(196,165,89,0));pointer-events:none}
.acc-doc .cx-wrap{position:relative;z-index:1;width:min(1080px,var(--wrap));display:grid;grid-template-rows:1fr}
.acc-doc .cx-head{grid-area:1/1;position:relative;z-index:3;align-self:center;justify-self:start;display:grid;justify-items:start;gap:var(--sp-5);text-align:left;width:min(640px,64%);padding:clamp(24px,4.4vw,64px);color:#fff;pointer-events:none}
.acc-doc .cx-mark{display:block;width:60px;height:60px;filter:drop-shadow(0 10px 18px rgba(138,107,31,.35))}
.acc-doc .cx-h{font:400 clamp(30px,3.9vw,60px)/1.04 Geist,sans-serif;letter-spacing:-.035em;text-wrap:balance}
.acc-doc .cx-head .ds-gold-text{background-image:linear-gradient(100deg,#D0B87E 0%,#F4EBD2 46%,#E6D5A4 62%,#D0B87E 100%)}
.acc-doc .cx-stage{grid-area:1/1;position:relative;z-index:1;width:100%}
.acc-doc .cx-wrap:has(.is-playing) .cx-head{opacity:0;visibility:hidden;transition:opacity .4s}

.acc-doc .vs-bezel{position:relative;padding:10px;border-radius:34px;background:linear-gradient(150deg,rgba(255,255,255,.95),rgba(255,255,255,.45) 55%,rgba(255,255,255,.8));border:1px solid rgba(196,165,89,.28);box-shadow:0 2px 14px rgba(44,44,44,.06),0 36px 64px -34px rgba(110,88,44,.5),0 0 0 1px rgba(196,165,89,.18)}
.acc-doc .cx .video{position:relative;width:100%;aspect-ratio:16/9;margin:0;border-radius:var(--r-xl);overflow:hidden;background:#0b0905;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}
.acc-doc .cx .video video{width:100%;height:100%;object-fit:cover;display:block}
.acc-doc .cx .video-play{position:absolute;inset:0;display:grid;place-items:end center;padding-bottom:clamp(20px,3.4vw,40px);color:#fff;transition:opacity .35s}
.acc-doc .video-play:focus-visible{outline:none}
.acc-doc .video-play:focus-visible .vp{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px rgba(0,0,0,.55),0 20px 50px -14px rgba(0,0,0,.6)}
.acc-doc .cx .video-play::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 62%,rgba(0,0,0,.35))}
.acc-doc .vp{position:relative;display:inline-flex;align-items:center;gap:var(--sp-4);height:64px;padding:0 var(--sp-6) 0 var(--sp-3);border-radius:var(--r-pill);background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.7);-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);box-shadow:0 20px 50px -14px rgba(0,0,0,.6);transition:transform .3s cubic-bezier(.2,.9,.3,1.2),background .2s}
.acc-doc .video-play:hover .vp{transform:translateY(-2px) scale(1.03);background:rgba(255,255,255,.3)}
.acc-doc .vp-d{position:relative;display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:#fff}
.acc-doc .vp-d::before{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px solid rgba(255,255,255,.65);animation:vspulse 2.6s ease-out infinite}
@keyframes vspulse{from{transform:scale(.8);opacity:.9}to{transform:scale(1.4);opacity:0}}
.acc-doc .vp-d svg{width:18px;height:18px;margin-left:3px;fill:var(--gold-600)}
.acc-doc .vp-t{font:600 17px/24px Geist,sans-serif;letter-spacing:.01em;white-space:nowrap}
.acc-doc .vp-m{font:500 13px/16px Geist,sans-serif;opacity:.85;padding-left:var(--sp-3);border-left:1px solid rgba(255,255,255,.5)}
.acc-doc .cx .video.is-playing .video-play{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s,visibility 0s .35s}
.acc-doc .cx-plate{position:absolute;inset:0;background:radial-gradient(70% 90% at 82% 8%,rgba(196,165,89,.42),rgba(196,165,89,0) 62%),radial-gradient(60% 70% at 8% 100%,rgba(138,107,31,.35),rgba(138,107,31,0) 60%),linear-gradient(140deg,#1D160A 0%,#0F0C06 58%,#261C0B 100%);transition:opacity .5s ease}
.acc-doc .cx-plate::after{content:"";position:absolute;inset:0;background:url("/assets/landing/accueil/pattern-voilages-shimmer-bce922eb.svg") right center/cover no-repeat;mix-blend-mode:screen;opacity:.55;-webkit-mask-image:linear-gradient(270deg,#000 0%,rgba(0,0,0,.55) 38%,transparent 66%);mask-image:linear-gradient(270deg,#000 0%,rgba(0,0,0,.55) 38%,transparent 66%)}
.acc-doc .cx .video.is-playing .cx-plate{opacity:0;visibility:hidden}

/* ══════════════════════════════════════════════════════════════════════════════════════════════════
   Écran 4 · They Trust Us — fond blanc, cartes de maisons, défilement horizontal, pastilles inchangées
   ══════════════════════════════════════════════════════════════════════════════════════════════════ */
.acc-doc .tr{position:relative;overflow:hidden;padding-block:var(--sp-16) 112px;background:#fff}
.acc-doc .tr-head{position:relative;z-index:2;text-align:center;display:grid;justify-items:center;gap:var(--sp-4);width:var(--wrap);margin:0 auto var(--sp-12)}
.acc-doc .tr-eb{display:inline-flex;align-items:center;gap:var(--sp-2);font:600 13px/20px Geist,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-700)}
.acc-doc .tr-eb::before,.acc-doc .tr-eb::after{content:"";width:28px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-500))}
.acc-doc .tr-eb::after{transform:scaleX(-1)}
.acc-doc .tr-h{font:400 clamp(34px,3.6vw,52px)/1.08 Geist,sans-serif;letter-spacing:-.03em}
.acc-doc .tr-sub{font:400 18px/28px Geist,sans-serif;color:var(--text-2);max-width:34em}
.acc-doc .th-marq{position:relative;z-index:2;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.acc-doc .th-track{display:flex;align-items:center;gap:24px;width:max-content;padding:20px 12px 72px;animation:thmq 90s linear infinite}
.acc-doc .th-marq:hover .th-track,.acc-doc .th-marq.is-paused .th-track{animation-play-state:paused}
@keyframes thmq{to{transform:translateX(-50%)}}
.acc-doc .th-card{will-change:scale;position:relative;flex:none;width:300px;height:400px;border-radius:26px;overflow:hidden;isolation:isolate;color:#fff;box-shadow:0 2px 14px rgba(44,44,44,.08),0 34px 64px -30px rgba(44,44,44,.55);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease}
.acc-doc .th-card:hover{transform:translateY(-8px);box-shadow:0 0 0 1.5px rgba(229,212,160,.95),0 2px 14px rgba(44,44,44,.08),0 44px 70px -30px rgba(110,88,44,.65)}
.acc-doc .th-ph{position:absolute;top:0;left:-9%;width:118%;max-width:none;height:100%;object-fit:cover;z-index:-2;translate:calc(var(--px,0) * 1px) 0;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.acc-doc .th-card:hover .th-ph{transform:scale(1.07)}
.acc-doc .th-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(14,10,4,.42) 0%,rgba(14,10,4,0) 30%,rgba(14,10,4,.22) 48%,rgba(14,10,4,.88) 100%)}
.acc-doc .th-card::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.22) 50%,transparent 65%);transform:translateX(-120%);transition:transform .9s ease;pointer-events:none}
.acc-doc .th-card:hover::before{transform:translateX(120%)}
.acc-doc .th-top{position:absolute;z-index:2;left:var(--sp-5);right:var(--sp-5);top:var(--sp-5);display:flex;align-items:center;justify-content:space-between}
.acc-doc .th-logo{display:grid;place-items:center;height:64px;padding:0 20px;border-radius:var(--r-pill);background:#fff;box-shadow:0 10px 24px -10px rgba(0,0,0,.55)}
.acc-doc .th-logo img{display:block;max-height:40px;max-width:108px;width:auto;height:auto}
.acc-doc .th-ver{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px 0 8px;border-radius:var(--r-sm);background:var(--gold-fill);font:700 11px/16px Geist,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#2A2110}
.acc-doc .th-ver img{width:10px;height:12px}
.acc-doc .th-bot{position:absolute;z-index:2;left:var(--sp-6);right:var(--sp-6);bottom:var(--sp-6)}
.acc-doc .th-bot h3{font:400 32px/1.08 Geist,sans-serif;letter-spacing:-.025em}
.acc-doc .th-bot p{display:flex;align-items:center;gap:6px;margin-top:var(--sp-3);font:500 15px/22px Geist,sans-serif;color:var(--gold-200)}
.acc-doc .th-bot p svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.acc-doc .th-ctl{position:relative;z-index:3;display:flex;justify-content:flex-end;width:min(1264px,var(--wrap));margin:var(--sp-2) auto 0}
.acc-doc .tr-cta{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-3);margin-top:var(--sp-8);padding-inline:var(--sp-5)}

/* ── responsive ── */
@media (max-width:1100px){
  .acc-doc .cx{padding-block:var(--sp-12)}
  .acc-doc .cx-head{width:min(560px,80%)}
}
@media (max-width:899px){
}
@media (max-width:640px){
  .acc-doc .cx{min-height:0;padding-block:var(--sp-10);margin-top:-20px;margin-bottom:-36px}
  .acc-doc .vs-bezel{padding:6px;border-radius:24px}
  .acc-doc .cx .video{border-radius:var(--r-lg)}
  .acc-doc .cx .video-play{padding-bottom:8px}
  .acc-doc .vp{height:48px;gap:var(--sp-3);padding:0 var(--sp-4) 0 var(--sp-2)}
  .acc-doc .vp-d{width:36px;height:36px}
  .acc-doc .vp-t{font-size:14px;line-height:20px}
  .acc-doc .vp-m{display:none}
  .acc-doc .cx-head{width:100%;padding:var(--sp-4);align-self:start;gap:var(--sp-3)}
  .acc-doc .cx-h{font-size:clamp(22px,6.4vw,30px)}
  .acc-doc .cx-mark{width:36px;height:36px}
  .acc-doc .tr{padding-block:var(--sp-12) 80px}
  .acc-doc .tr-sub{font-size:16px;line-height:24px}
  .acc-doc .th-card{width:244px;height:340px}
  .acc-doc .th-bot h3{font-size:26px}
  .acc-doc .th-ctl{justify-content:center}
}
@media (prefers-reduced-motion:reduce){
  .acc-doc.js .st-mark,.acc-doc.js .st-wm,.acc-doc.js .st-l,.acc-doc.js .st-rule{opacity:1;transform:none;transition:none}
  .acc-doc.js .st-ring,.acc-doc.js .st-n,.acc-doc.js .st-orbc{opacity:1;scale:1;transition:none}
  .acc-doc .nt-p{stroke-dashoffset:0;animation:none}
  .acc-doc .nd,.acc-doc .nt-c{opacity:1;transform:translate(-50%,-50%);transition:none}
  .acc-doc .nt-dot{display:none}
  .acc-doc .vp-d::before,.acc-doc .is-vis .nt-c::before,.acc-doc .is-vis .nt-c::after{animation:none}
  .acc-doc .th-marq{-webkit-mask-image:none;mask-image:none;overflow-x:auto}
  .acc-doc .th-track{animation:none}
  .acc-doc .th-ctl{display:none}
  .acc-doc .th-track>[aria-hidden=true]{display:none}
}

/* pastille du héros : médaillon doré (le glyphe T), fine bordure dorée, un seul reflet à l'arrivée */
.acc-doc .hh-copy .chip{position:relative;overflow:hidden;isolation:isolate;gap:10px;min-height:40px;padding:4px 20px 4px 4px;border:0;background:#fff;color:var(--ink);font:500 14px/20px Geist,sans-serif;letter-spacing:-.005em;box-shadow:0 0 0 1px rgba(196,165,89,.4),0 16px 30px -18px rgba(110,88,44,.6),inset 0 1px 0 #fff}
.acc-doc .hh-copy .chip::before{content:none}
.acc-doc .chip-mk{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:var(--gold-fill);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 8px 14px -6px rgba(138,107,31,.75)}
.acc-doc .chip-mk img{width:11px;height:13px;display:block}
.acc-doc .hh-copy .chip b{font-weight:600;color:var(--gold-700)}
.acc-doc .hh-copy .chip::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 35%,rgba(229,212,160,.55) 50%,transparent 65%);transform:translateX(-120%);animation:chipshine 1.6s ease 1.4s 1 forwards}
@keyframes chipshine{to{transform:translateX(120%)}}
@media (prefers-reduced-motion:reduce){.acc-doc .hh-copy .chip::after{animation:none;display:none}}

/* paires de CTA : le noir reçoit le même traitement que le doré (dégradé + halo), pour que les deux pèsent autant */
.acc-doc .hv-cta .btn-black,.acc-doc .tr-cta .btn-black{background:linear-gradient(100deg,#0B0907 0%,#2B241B 55%,#4A3D28 100%);box-shadow:0 2px 10px rgba(30,22,8,.35),inset 0 1px 0 rgba(255,255,255,.14)}

/* ligne « Hotels & Restaurants · Private Service » sous la signature */
.acc-doc .hv-line{position:relative;z-index:3;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;margin-top:clamp(22px,4cqh,40px);font:600 13px/20px Geist,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--gold-700)}
.acc-doc .hv-line i{width:clamp(28px,5cqw,64px);height:1px;background:linear-gradient(90deg,rgba(196,165,89,0),var(--gold-500))}
.acc-doc .hv-line i:last-child{transform:scaleX(-1)}
.acc-doc .hv-line span{display:inline-flex;align-items:center;gap:8px}
.acc-doc .hv-line svg{width:18px;height:18px;stroke:var(--gold-600);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.acc-doc .hv-line b{width:5px;height:5px;border-radius:50%;background:var(--gold-500)}
.acc-doc .hv-cta{margin-top:clamp(18px,3cqh,30px)!important}
.acc-doc.js .hv-line{opacity:0;translate:0 10px;transition:opacity .8s ease,translate .9s cubic-bezier(.2,.8,.2,1)}
.acc-doc.js .hh.is-vis .hv-line{opacity:1;translate:0 0;transition-delay:1.6s}
@media (max-width:640px){.acc-doc .hv-line{font-size:11px;gap:10px}.acc-doc .hv-line i{display:none}}

/* pastilles « Hotels & Restaurants · Private Service » : verre blanc, bordure dorée, losange doré, sans icônes */
.acc-doc .hv-line{gap:12px}
.acc-doc .hv-line .pl{display:inline-flex;align-items:center;gap:11px;height:42px;padding:0 22px 0 16px;border-radius:var(--r-pill);background:#fff;box-shadow:0 0 0 1px rgba(196,165,89,.45),0 18px 32px -20px rgba(110,88,44,.65),inset 0 1px 0 #fff;font:600 12.5px/18px Geist,sans-serif;letter-spacing:.11em;text-transform:uppercase;color:#5E4710}
.acc-doc .hv-line .pl i{display:block;flex:none;width:9px;height:9px;border-radius:2px;rotate:45deg;background:var(--gold-fill);box-shadow:0 0 0 3.5px rgba(196,165,89,.18);transform:none}
@media (max-width:640px){.acc-doc .hv-line .pl{height:36px;padding:0 14px 0 12px;font-size:10.5px;letter-spacing:.08em}}

/* arrivée des pastilles « Hotels & Restaurants · Private Service » quand l'écran Signature apparaît — 4 essais (`?pl=a|b|c|d`) */
.acc-doc.js .hv-line,.acc-doc.js .hh.is-vis .hv-line{opacity:1;translate:0 0;transition:none}
.acc-doc.js .hv-line .pl{opacity:0}
.acc-doc .hv-line .pl{position:relative}
.acc-doc .hv-line .pl i{animation:none}
.acc-doc .hh.is-vis .hv-line .pl{animation-fill-mode:both;animation-duration:1s;animation-timing-function:cubic-bezier(.2,.9,.3,1)}
/* a · Glissement : l'un arrive de la gauche, l'autre de la droite, et chacun prend sa place avec un léger rebond */
.acc-doc .hh.is-vis .hv-line[data-pl="a"] .pl.l{animation-name:plAL;animation-delay:1s}
.acc-doc .hh.is-vis .hv-line[data-pl="a"] .pl.r{animation-name:plAR;animation-delay:1.12s}
@keyframes plAL{0%{opacity:0;translate:-140px 0}60%{opacity:1;translate:9px 0}100%{opacity:1;translate:0 0}}
@keyframes plAR{0%{opacity:0;translate:140px 0}60%{opacity:1;translate:-9px 0}100%{opacity:1;translate:0 0}}
/* b · Éclosion : les deux pastilles naissent l'une sur l'autre au centre, puis s'écartent */
.acc-doc .hh.is-vis .hv-line[data-pl="b"] .pl.l{animation-name:plBL;animation-delay:1s}
.acc-doc .hh.is-vis .hv-line[data-pl="b"] .pl.r{animation-name:plBR;animation-delay:1s}
@keyframes plBL{0%{opacity:0;translate:56% 0;scale:.6}35%{opacity:1;translate:56% 0;scale:.96}100%{opacity:1;translate:0 0;scale:1}}
@keyframes plBR{0%{opacity:0;translate:-56% 0;scale:.6}35%{opacity:1;translate:-56% 0;scale:.96}100%{opacity:1;translate:0 0;scale:1}}
/* c · Filante : elles traversent l'écran depuis les bords en laissant une traînée dorée qui se rétracte */
.acc-doc .hh.is-vis .hv-line[data-pl="c"] .pl.l{animation-name:plCL;animation-delay:.9s;animation-duration:1.2s}
.acc-doc .hh.is-vis .hv-line[data-pl="c"] .pl.r{animation-name:plCR;animation-delay:1.05s;animation-duration:1.2s}
@keyframes plCL{0%{opacity:0;translate:-42vw 0;filter:blur(6px)}25%{opacity:1}100%{opacity:1;translate:0 0;filter:blur(0)}}
@keyframes plCR{0%{opacity:0;translate:42vw 0;filter:blur(6px)}25%{opacity:1}100%{opacity:1;translate:0 0;filter:blur(0)}}
.acc-doc .hh.is-vis .hv-line[data-pl="c"] .pl::after{content:"";position:absolute;top:50%;height:1.5px;width:34vw;pointer-events:none;animation:plTr 1.4s ease-out both}
.acc-doc .hh.is-vis .hv-line[data-pl="c"] .pl.l::after{right:100%;background:linear-gradient(90deg,rgba(196,165,89,0),var(--gold-500));transform-origin:100% 50%;animation-delay:.9s}
.acc-doc .hh.is-vis .hv-line[data-pl="c"] .pl.r::after{left:100%;background:linear-gradient(270deg,rgba(196,165,89,0),var(--gold-500));transform-origin:0 50%;animation-delay:1.05s}
@keyframes plTr{0%{opacity:.9;scale:1 1}100%{opacity:0;scale:.05 1}}
/* d · Montée : elles montent d'un cran, du flou à la netteté, le losange doré fait un tour */
.acc-doc .hh.is-vis .hv-line[data-pl="d"] .pl.l{animation-name:plD;animation-delay:1s}
.acc-doc .hh.is-vis .hv-line[data-pl="d"] .pl.r{animation-name:plD;animation-delay:1.18s}
@keyframes plD{0%{opacity:0;translate:0 28px;filter:blur(8px)}100%{opacity:1;translate:0 0;filter:blur(0)}}
.acc-doc .hh.is-vis .hv-line[data-pl="d"] .pl i{animation:plDi 1.1s cubic-bezier(.2,.9,.3,1) 1.2s both}
@keyframes plDi{from{rotate:-135deg;scale:.3}to{rotate:45deg;scale:1}}
@media (prefers-reduced-motion:reduce){.acc-doc.js .hv-line .pl{opacity:1}.acc-doc .hh.is-vis .hv-line .pl,.acc-doc .hh.is-vis .hv-line .pl i,.acc-doc .hh.is-vis .hv-line .pl::after{animation:none!important}}

/* ligne typographique : plus de pastilles (elles doublonnaient avec les boutons), plus petite, deux filets et un losange */
.acc-doc .hv-line{gap:16px;font:600 12px/18px Geist,sans-serif;letter-spacing:.24em;color:var(--gold-700)}
.acc-doc .hv-line .pl{height:auto;padding:0;background:none;box-shadow:none;border-radius:0;font:inherit;letter-spacing:inherit;color:inherit}
.acc-doc .hv-line b{width:6px;height:6px;border-radius:1px;rotate:45deg;background:var(--gold-fill)}
.acc-doc .hv-line i{width:clamp(36px,7cqw,96px)}
@media (max-width:640px){.acc-doc .hv-line{font-size:10.5px;letter-spacing:.16em;gap:10px}.acc-doc .hv-line i{display:none}}
/* They Trust Us : cartes 25 % moins hautes */
.acc-doc .th-card{height:300px}
.acc-doc .th-logo{height:56px}
.acc-doc .th-bot{bottom:var(--sp-5)}
.acc-doc .th-bot h3{font-size:28px}
@media (max-width:640px){.acc-doc .th-card{width:244px;height:255px}.acc-doc .th-bot h3{font-size:23px}}

/* écran Signature plus bas dans le héros : moins de vide avant la vidéo */
.acc-doc .hv{padding-top:clamp(24px,30cqh,230px)}
/* dès que l'animation a été vue une fois, la ligne et les CTA reviennent presque tout de suite à chaque tour */
.acc-doc .hh.seen.is-vis .hv-line .pl{animation-delay:.25s!important}
.acc-doc.js .hh.seen.is-vis .hv-line{transition-delay:.3s}

/* retour de Tatianna (15/10) : les 2 CTA « Je suis un talent / Je suis un recruteur » sont FIXES — toujours affichés, au même endroit, sur l'écran des cartes comme sur l'écran « Connecting… ».
   Bureau (≥ 1101 px) : le calque .hv reste en place et ne fait apparaître / disparaître que son contenu (logo, titre, ligne) ; ses CTA (au bas du hero) servent aux deux écrans, ceux du texte de gauche sont cachés.
   Tablette / mobile : le texte ne s'efface jamais, les CTA restent dessous ; ceux du calque restent invisibles (ils gardent leur place : le titre ne bouge pas, et jamais de doublon). */
@media (min-width:1101px){
  .acc-doc .hv,.acc-doc .hh.is-vis .hv{opacity:1;visibility:visible;transition:none}
  .acc-doc .hv>:not(.hv-cta){opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s .6s}
  .acc-doc .hh.is-vis .hv>:not(.hv-cta){opacity:1;visibility:visible;transition:opacity .8s ease .35s,visibility 0s}
  .acc-doc .hh-copy .cta-row .btn,.acc-doc .hh-copy .hv-in{display:none}
  .acc-doc .hh-copy .cta-row .link{margin-left:0}
}
@media (max-width:1100px){.acc-doc .hv-cta{visibility:hidden;pointer-events:none}}

/* ══════════════════════════════════════════════════════════════════════════════════════════════════
   « Your career deserves more than just a CV » — version B retenue (11/10), retravaillée.
   Gauche : 4 cartes interactives (la ligne active se remplit d'un filet doré, puis passe à la suivante).
   Droite : scène en verre — le portrait suit le curseur (inclinaison + reflet), anneaux dorés, vignettes de talents et de maisons.
   Texte de gauche et images de droite = provisoires (à retravailler).
   ══════════════════════════════════════════════════════════════════════════════════════════════════ */
@property --p{syntax:'<number>';inherits:false;initial-value:0}
.acc-doc .cv{position:relative;overflow:hidden;background:#fff;padding-block:clamp(72px,min(9vw,9.5vh),128px)}
.acc-doc .cv::before{content:"";position:absolute;right:-8%;top:50%;width:62%;aspect-ratio:1;translate:0 -50%;background:radial-gradient(closest-side,rgba(196,165,89,.09),rgba(196,165,89,0));pointer-events:none}
.acc-doc .cv-in{position:relative;width:min(1264px,var(--wrap));margin-inline:auto;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5.5vw,96px);align-items:center}
.acc-doc .cv-h{font:400 clamp(32px,3.4vw,52px)/1.06 Geist,sans-serif;letter-spacing:-.04em}
.acc-doc .cv-h .ds-gold-text{display:block;width:fit-content;margin-right:0}

/* cartes interactives */
.acc-doc .cv-list{margin:clamp(28px,3vw,44px) 0 clamp(28px,3vw,40px);padding:0;display:grid;gap:12px}
.acc-doc .cv-it{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;width:100%;min-height:76px;padding:12px 18px 12px 12px;border:0;border-radius:24px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;cursor:pointer;font:400 19px/27px Geist,sans-serif;letter-spacing:-.01em;color:var(--text-2);box-shadow:0 0 0 1px rgba(196,165,89,.28),0 18px 32px -24px rgba(44,44,44,.45);transition:box-shadow .3s ease,transform .3s cubic-bezier(.2,.8,.2,1),color .2s}
.acc-doc .cv-it:hover{transform:translateX(5px);color:var(--ink)}
.acc-doc .cv-it:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.acc-doc .cv-it::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:conic-gradient(from 0deg,var(--gold-500) calc(var(--p) * 1%),rgba(196,165,89,0) 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;pointer-events:none}
.acc-doc .cv-it.is-on{color:var(--ink);box-shadow:0 0 0 1px rgba(196,165,89,.45),0 28px 48px -26px rgba(110,88,44,.6)}
.acc-doc .cv-it.is-on::before{opacity:1;--p:100}
.acc-doc .cv-go .cv-it.is-on::before{--p:0;animation:cvp 6.5s linear forwards}
.acc-doc .cv-list:has(.cv-it:focus-visible) .cv-it.is-on::before{animation-play-state:paused}
@keyframes cvp{to{--p:100}}
.acc-doc .cv-ic{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:#fff;box-shadow:0 0 0 1px rgba(196,165,89,.45);transition:background .3s,box-shadow .3s}
.acc-doc .cv-ic svg{width:24px;height:24px;stroke:var(--gold-600);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s}
.acc-doc .cv-it.is-on .cv-ic{background:var(--gold-fill);box-shadow:0 14px 26px -10px rgba(138,107,31,.75),inset 0 1px 0 rgba(255,255,255,.5)}
.acc-doc .cv-it.is-on .cv-ic svg{stroke:#fff}
.acc-doc .cv-ar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ink);opacity:0;scale:.6;transition:opacity .3s,scale .4s cubic-bezier(.2,.9,.3,1.3)}
.acc-doc .cv-ar svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.acc-doc .cv-it.is-on .cv-ar{opacity:1;scale:1}

/* scène en verre */
.acc-doc .cv-orb{position:relative;aspect-ratio:7/6;container-type:size;--rx:0;--ry:0;--gx:50%;--gy:30%}
.acc-doc .cv-orb .rg{position:absolute;left:50%;top:50%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(163,133,67,var(--o));translate:-50% -50%}
.acc-doc .cv-orb .rp{position:absolute;left:50%;top:50%;width:40%;aspect-ratio:1;border-radius:50%;border:1.5px solid var(--gold-400);translate:-50% -50%;opacity:0;pointer-events:none}
.acc-doc .cv-orb.is-ping .rp{animation:cvping 1.3s cubic-bezier(.2,.7,.2,1)}
@keyframes cvping{from{opacity:.8;scale:.9}to{opacity:0;scale:2.1}}
.acc-doc .cv-card{position:absolute;left:50%;top:50%;width:37%;aspect-ratio:3/4.15;translate:-50% -50%;z-index:2;border-radius:32px;background:#fff;padding:6px;transform:perspective(1000px) rotateX(calc(var(--ry) * 1deg)) rotateY(calc(var(--rx) * 1deg));transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 0 1px rgba(196,165,89,.5),0 2px 10px rgba(44,44,44,.06),0 50px 80px -34px rgba(60,44,12,.65)}
.acc-doc .cv-photos{position:relative;width:100%;height:100%;border-radius:26px;overflow:hidden;isolation:isolate}
.acc-doc .cv-p{position:absolute;inset:0;opacity:0;scale:1.06;transition:opacity .7s ease,scale 1.4s cubic-bezier(.2,.8,.2,1)}
.acc-doc .cv-p.is-on{opacity:1;scale:1}
.acc-doc .cv-p:not(.cu) img{width:100%;height:100%;object-fit:cover;display:block}
.acc-doc .cv-p::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,10,4,.28) 0%,rgba(14,10,4,0) 26%,rgba(14,10,4,0) 58%,rgba(14,10,4,.55) 100%)}
.acc-doc .cv-glare{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(60% 45% at var(--gx) var(--gy),rgba(255,255,255,.22),rgba(255,255,255,0));mix-blend-mode:soft-light;z-index:3}
.acc-doc .cv-badge{position:absolute;z-index:4;left:6%;top:4.5%;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px 0 9px;border-radius:var(--r-pill);background:rgba(24,17,7,.34);-webkit-backdrop-filter:blur(14px) saturate(1.5);backdrop-filter:blur(14px) saturate(1.5);border:1px solid rgba(255,255,255,.35);font:700 11px/16px Geist,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:#fff}
.acc-doc .cv-badge img{width:11px;height:13px;filter:brightness(0) invert(1)}
.acc-doc .cv-meta{position:absolute;z-index:4;left:5%;right:5%;bottom:4%;display:grid;gap:2px;padding:12px 14px;border-radius:20px;background:rgba(24,17,7,.36);-webkit-backdrop-filter:blur(16px) saturate(1.6);backdrop-filter:blur(16px) saturate(1.6);border:1px solid rgba(255,255,255,.35);color:#fff}
.acc-doc .cv-meta b{font:600 15px/20px Geist,sans-serif}
.acc-doc .cv-meta span{font:500 13px/18px Geist,sans-serif;color:#F4EBD2}
.acc-doc .cv-meta i{position:absolute;right:12px;top:12px;display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px 0 7px;border-radius:var(--r-pill);background:#fff;font:600 11px/14px Geist,sans-serif;font-style:normal;color:#0F7B4A}
.acc-doc .cv-meta i::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.acc-doc .cv-orb .sat{position:absolute;width:15cqw;aspect-ratio:1;border-radius:50%;overflow:hidden;border:3px solid #fff;box-shadow:0 0 0 1px rgba(196,165,89,.4),0 22px 36px -16px rgba(44,44,44,.55);z-index:3;translate:-50% -50%;transform:translate(calc(var(--rx) * var(--z) * -1px),calc(var(--ry) * var(--z) * 1px));transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.acc-doc .cv-orb .sat.h{border-radius:26%}
.acc-doc .cv-orb .sat img{width:100%;height:100%;object-fit:cover;display:block}

@media (max-width:1000px){
  .acc-doc .cv-in{grid-template-columns:minmax(0,1fr)}
  .acc-doc .cv-orb{max-width:640px;width:100%;margin-inline:auto}
}
@media (max-width:640px){
  .acc-doc .cv-it{font-size:17px;line-height:24px;gap:14px;min-height:68px;grid-template-columns:auto minmax(0,1fr)}
  .acc-doc .cv-ic{width:46px;height:46px}
  .acc-doc .cv-ar{display:none}
  .acc-doc .cv-orb{aspect-ratio:1/1}
  .acc-doc .cv-orb .sat{width:17cqw}
  .acc-doc .cv-card{width:50%;border-radius:26px}
  .acc-doc .cv-photos{border-radius:21px}
  .acc-doc .cv-meta{padding:8px 10px;border-radius:14px}
  .acc-doc .cv-meta b{font-size:13px;line-height:17px}
  .acc-doc .cv-meta span{font-size:11px;line-height:15px}
  .acc-doc .cv-meta i{position:static;justify-self:start;margin-top:4px;height:20px;font-size:10px}
  .acc-doc .cv-badge{height:24px;font-size:9px;padding:0 8px 0 7px}
}
@media (prefers-reduced-motion:reduce){
  .acc-doc .cv-card,.acc-doc .cv-orb .sat,.acc-doc .cv-p,.acc-doc .cv-it,.acc-doc .cv-ar{transition:none}
  .acc-doc .cv-it:hover{transform:none}
  .acc-doc .cv-orb.is-ping .rp{animation:none}
}

.acc-doc .cv-badge svg{width:13px;height:13px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.acc-doc .cv-rc::before{right:auto;left:-8%}
.acc-doc .cv-rc::before{background:radial-gradient(closest-side,rgba(196,165,89,.055),rgba(196,165,89,0))}

/* ── carte centrale explicative seule (plus de réseau) : une grande carte, photo en haut, texte qui change avec la carte de gauche ── */
.acc-doc .cv-orb{display:grid;place-items:center;aspect-ratio:auto;min-height:520px}
.acc-doc .cv-orb .rg,.acc-doc .cv-orb .rp,.acc-doc .cv-orb .sat{display:none}
.acc-doc .cv-card{position:relative;left:auto;top:auto;translate:none;width:min(400px,78%);aspect-ratio:auto;height:min(500px,100%);min-height:480px}
.acc-doc .cv-photos{display:grid}
.acc-doc .cv-p{display:flex;flex-direction:column;background:#fff;scale:1;transition:opacity .6s ease}
.acc-doc .cv-p::after{content:none}
.acc-doc .cv-p:not(.is-on){pointer-events:none}
.acc-doc .cv-im{position:relative;flex:1 1 56%;min-height:0;overflow:hidden}
.acc-doc .cv-im img{width:100%;height:100%;object-fit:cover;display:block;scale:1.06;transition:scale 1.6s cubic-bezier(.2,.8,.2,1)}
.acc-doc .cv-p.is-on .cv-im img{scale:1}
.acc-doc .cv-im::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,10,4,.18),rgba(14,10,4,0) 40%)}
.acc-doc .cv-tx{flex:none;padding:20px 22px 24px}
.acc-doc .cv-ti{display:grid;place-items:center;width:44px;height:44px;margin-top:-42px;margin-bottom:12px;position:relative;border-radius:14px;background:var(--gold-fill);box-shadow:0 14px 24px -10px rgba(138,107,31,.75),inset 0 1px 0 rgba(255,255,255,.5),0 0 0 4px #fff}
.acc-doc .cv-ti svg{width:22px;height:22px;stroke:#fff;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.acc-doc .cv-tx h3{font:600 20px/26px Geist,sans-serif;letter-spacing:-.02em}
.acc-doc .cv-tx p{margin-top:6px;font:400 15px/23px Geist,sans-serif;color:var(--text-2)}
.acc-doc .cv-p .cv-tx>*{opacity:0;translate:0 10px;transition:opacity .5s ease,translate .6s cubic-bezier(.2,.8,.2,1)}
.acc-doc .cv-p.is-on .cv-tx>*{opacity:1;translate:0 0}
.acc-doc .cv-p.is-on .cv-tx h3{transition-delay:.08s}.acc-doc .cv-p.is-on .cv-tx p{transition-delay:.16s}
@media (max-width:1000px){.acc-doc .cv-orb{min-height:0}.acc-doc .cv-card{width:min(420px,100%);min-height:460px}}
@media (max-width:640px){.acc-doc .cv-card{min-height:440px}.acc-doc .cv-tx h3{font-size:18px}.acc-doc .cv-tx p{font-size:14px;line-height:21px}}
@media (prefers-reduced-motion:reduce){.acc-doc .cv-p .cv-tx>*,.acc-doc .cv-im img{transition:none}}

/* « Recruitment reinvented » : la carte passe à gauche, la liste à droite, pour ne pas répéter « Your career » juste au-dessus */
@media (min-width:1001px){
  .acc-doc .cv-rc .cv-in{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
  .acc-doc .cv-rc .cv-orb{order:-1}
  .acc-doc .cv-rc::before{left:auto;right:-8%}
}

/* ══════════════════════════════════════════════════════════════════════════════════════════════════
   « Verified by Tastellers » — version A retenue (11/10), refaite autour de la plateforme :
   une fenêtre de recherche réelle (liste de talents) ; les trois contrôles se cochent, le badge se pose,
   et le profil vérifié remonte en tête des résultats. Fond blanc.
   Le badge est le vrai : pastille dorée, glyphe T, « VERIFIED ».
   ══════════════════════════════════════════════════════════════════════════════════════════════════ */
.acc-doc .vf{position:relative;overflow:hidden;background:#fff;padding-block:clamp(72px,min(9vw,9.5vh),128px)}
.acc-doc .vf-in{position:relative;width:min(1264px,var(--wrap));margin-inline:auto;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5.5vw,96px);align-items:center}
.acc-doc .vf-h{font:400 clamp(34px,3.6vw,56px)/1.06 Geist,sans-serif;letter-spacing:-.04em}
.acc-doc .vf-h .ds-gold-text{display:block;width:fit-content;margin-right:0}
.acc-doc .vf-p{margin:clamp(18px,2vw,28px) 0 clamp(24px,2.6vw,36px);max-width:30em;font:400 18px/29px Geist,sans-serif;color:var(--text-2)}

/* le vrai badge */
.acc-doc .vbadge{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px 0 8px;border-radius:var(--r-sm);background:var(--gold-fill);font:700 11px/16px Geist,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#2A2110;box-shadow:0 10px 22px -10px rgba(138,107,31,.7),inset 0 1px 0 rgba(255,255,255,.45)}
.acc-doc .vbadge img{width:10px;height:12px}

.acc-doc .vf-stage{position:relative;container-type:inline-size;display:grid;align-items:center;padding-block:clamp(16px,3.2vh,40px);--rh:clamp(60px,9.4cqw,78px);--gp:10px}
.acc-doc .vf-stage{width:min(100%,clamp(480px,70vh,760px));justify-self:center}      /* recul (13/10) : la scène suit la hauteur de la fenêtre au lieu de remplir toute sa colonne */
.acc-doc .vf-stage::before{content:"";position:absolute;left:-6%;top:50%;width:84%;aspect-ratio:1;translate:0 -50%;background:radial-gradient(closest-side,rgba(196,165,89,.09),rgba(196,165,89,0));pointer-events:none}
.acc-doc .vf-win{position:relative;width:min(100%,84cqw);padding:clamp(12px,2.2cqw,20px);border-radius:30px;background:#fff;box-shadow:0 0 0 1px rgba(196,165,89,.35),0 2px 10px rgba(44,44,44,.05),0 60px 90px -40px rgba(60,44,12,.5)}
.acc-doc .vf-bar{display:flex;align-items:center;gap:10px;margin-bottom:clamp(12px,1.8cqw,16px)}
.acc-doc .vf-search{flex:1;display:flex;align-items:center;gap:10px;height:46px;padding:0 16px;border-radius:var(--r-pill);background:#fff;box-shadow:inset 0 0 0 1px rgba(196,165,89,.4);font:400 15px/20px Geist,sans-serif;color:var(--text-3,#7A7168);min-width:0}
.acc-doc .vf-search svg{flex:none;width:18px;height:18px;stroke:var(--gold-700);fill:none;stroke-width:1.8;stroke-linecap:round}
.acc-doc .vf-search span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acc-doc .vf-sort{flex:none;display:inline-flex;align-items:center;gap:7px;height:46px;padding:0 16px 0 12px;border-radius:var(--r-pill);background:var(--gold-fill);font:600 14px/20px Geist,sans-serif;color:#2A2110;box-shadow:0 12px 24px -12px rgba(138,107,31,.7)}
.acc-doc .vf-sort img{width:10px;height:12px}
.acc-doc .vf-list{position:relative;list-style:none;margin:0;padding:0;height:calc(4 * var(--rh) + 3 * var(--gp))}
.acc-doc .vf-r{position:absolute;left:0;right:0;top:0;height:var(--rh);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:0 18px 0 10px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px rgba(196,165,89,.28),0 14px 26px -22px rgba(44,44,44,.45);transform:translateY(calc(var(--i) * (var(--rh) + var(--gp))));transition:transform .9s cubic-bezier(.3,.9,.2,1),box-shadow .6s ease}
.acc-doc .vf-r img.av{width:calc(var(--rh) - 18px);aspect-ratio:1;border-radius:50%;object-fit:cover;object-position:50% 20%;box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(196,165,89,.45)}
.acc-doc .vf-r b{display:flex;align-items:center;gap:9px;font:600 16px/22px Geist,sans-serif;white-space:nowrap}
.acc-doc .vf-r small{display:block;font:500 14px/20px Geist,sans-serif;color:var(--gold-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@keyframes vfstamp{0%{opacity:0;scale:1.9;rotate:-9deg}55%{opacity:1;scale:.94;rotate:2deg}100%{opacity:1;scale:1;rotate:0deg}}
.acc-doc .vf-r .go{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(196,165,89,.4)}
.acc-doc .vf-r .go svg{width:15px;height:15px;stroke:var(--gold-700);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.acc-doc .vf-r.is-top{box-shadow:0 0 0 1.5px var(--gold-400),0 0 0 8px rgba(196,165,89,.13),0 26px 46px -24px rgba(110,88,44,.65);z-index:2}

/* phase 1 : le profil vérifié */
.acc-doc .vf-stage{grid-template-columns:minmax(0,1fr);align-items:center;align-content:center;row-gap:clamp(18px,2.4cqw,28px)}
.acc-doc .vf-ph{grid-area:1/1;justify-self:center;width:100%;transition:opacity .7s ease,translate .8s cubic-bezier(.2,.8,.2,1),scale .8s cubic-bezier(.2,.8,.2,1),visibility 0s}
.acc-doc .vf-ph1{width:min(62cqw,430px)}
/* une seule phase visible à la fois : 0 le badge · 1 le profil · 2 la recherche */
.acc-doc .vf-stage:not([data-ph="0"]) .vf-ph0,.acc-doc .vf-stage:not([data-ph="1"]) .vf-ph1,.acc-doc .vf-stage:not([data-ph="2"]) .vf-ph2{opacity:0;visibility:hidden;translate:0 18px;scale:.97;transition:opacity .6s ease,translate .7s ease,scale .7s ease,visibility 0s .7s}
.acc-doc .vf-card{padding:6px;border-radius:30px;background:#fff;transition:box-shadow .8s ease;box-shadow:0 0 0 1px rgba(196,165,89,.35),0 2px 10px rgba(44,44,44,.05),0 50px 80px -36px rgba(60,44,12,.55)}
.acc-doc .vf-card.is-ok{box-shadow:0 0 0 1.5px var(--gold-400),0 0 0 10px rgba(196,165,89,.14),0 60px 90px -34px rgba(110,88,44,.7)}
.acc-doc .vf-photo{position:relative;aspect-ratio:16/10;border-radius:24px;overflow:hidden}
.acc-doc .vf-photo>img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;display:block}
.acc-doc .vf-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,10,4,.22),rgba(14,10,4,0) 40%,rgba(14,10,4,.35))}
.acc-doc .vf-photo .vbadge{position:absolute;z-index:2;right:14px;top:14px;transform-origin:80% 50%;opacity:0;scale:1.9;rotate:-9deg;transform-origin:20% 50%}
.acc-doc .vf-card.is-ok .vbadge{animation:vfstamp .7s cubic-bezier(.2,1.5,.3,1) forwards}
.acc-doc .vf-flash{position:absolute;z-index:1;right:14px;top:14px;width:200px;height:30px;border-radius:12px;box-shadow:0 0 0 0 rgba(229,212,160,.9);opacity:0}
.acc-doc .vf-card.is-ok .vf-flash{animation:vfflash 1s ease-out .35s}
@keyframes vfflash{0%{opacity:1;box-shadow:0 0 0 0 rgba(229,212,160,.9)}100%{opacity:0;box-shadow:0 0 0 46px rgba(229,212,160,0)}}
.acc-doc .vf-body{padding:16px 18px 14px}
.acc-doc .vf-steps{grid-area:2/1;justify-self:center;display:inline-flex;gap:6px;padding:5px;border-radius:var(--r-pill);background:#fff;box-shadow:0 0 0 1px rgba(196,165,89,.4)}
.acc-doc .vf-steps button{height:40px;padding:0 18px;border:0;border-radius:var(--r-pill);background:#fff;font:600 14px/20px Geist,sans-serif;color:var(--text-2);cursor:pointer;transition:background .25s,color .25s}
.acc-doc .vf-steps button[aria-pressed=true]{background:var(--ink);color:#fff}
.acc-doc .vf-steps button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.acc-doc .vf-who{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-bottom:10px;border-bottom:1px solid rgba(196,165,89,.28)}
.acc-doc .vf-who b{font:600 16px/22px Geist,sans-serif}
.acc-doc .vf-who span{font:500 13px/18px Geist,sans-serif;color:var(--gold-700)}
.acc-doc .vf-checks{list-style:none;margin:4px 0 0;padding:0}
.acc-doc .vf-checks li{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:8px 0;font:400 15px/22px Geist,sans-serif;color:var(--text-3,#7A7168);transition:color .4s}
.acc-doc .vf-checks li.is-ok{color:var(--ink)}
.acc-doc .vf-dot{position:relative;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(196,165,89,.5);transition:background .35s,box-shadow .35s}
.acc-doc .vf-dot svg{width:14px;height:14px;stroke:#fff;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .5s ease .15s}
/* contrôle validé = coche VERTE (retour de Kevin) */
.acc-doc .vf-checks li.is-ok .vf-dot{background:linear-gradient(180deg,#3FCB8B,#1E9E62);box-shadow:0 8px 16px -6px rgba(30,158,98,.65),inset 0 1px 0 rgba(255,255,255,.35)}
.acc-doc .vf-checks li.is-ok .vf-dot svg{stroke-dashoffset:0}
.acc-doc .vf-checks li.is-run .vf-dot::after{content:"";position:absolute;inset:-1.5px;border-radius:50%;border:2px solid transparent;border-top-color:var(--gold-500);animation:vfspin .7s linear infinite}
@keyframes vfspin{to{rotate:360deg}}

/* légende : le profil vérifié remonte */
.acc-doc .vf-call{position:absolute;z-index:5;right:-14px;top:-34px;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px 0 10px;border-radius:var(--r-pill);background:var(--ink);color:#fff;font:600 13px/18px Geist,sans-serif;white-space:nowrap;opacity:0;translate:12px 0;transition:opacity .5s ease,translate .6s cubic-bezier(.2,.9,.3,1.2)}
.acc-doc .vf-call.is-on{opacity:1;translate:0 0}
.acc-doc .vf-call svg{width:18px;height:18px;stroke:var(--gold-400);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.acc-doc .vf-replay{position:absolute;left:0;bottom:0;z-index:6;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid rgba(196,165,89,.5);cursor:pointer;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .2s}
.acc-doc .vf-replay:hover{transform:rotate(-90deg);border-color:var(--gold-500)}
.acc-doc .vf-replay:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.acc-doc .vf-replay svg{width:18px;height:18px;stroke:var(--gold-700);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

@media (max-width:1000px){
  .acc-doc .vf-in{grid-template-columns:minmax(0,1fr)}
  .acc-doc .vf-stage{max-width:660px;width:100%;margin-inline:auto;order:-1}
  .acc-doc .vf-call{display:none}
}
@media (max-width:640px){
  .acc-doc .vf-p{font-size:16px;line-height:26px}
  .acc-doc .vf-win{width:100%;padding:10px;border-radius:24px}
  .acc-doc .vf-search{height:40px;font-size:13px;padding:0 12px}
  .acc-doc .vf-sort{height:40px;font-size:12px;padding:0 12px 0 10px}
  .acc-doc .vf-r{padding:0 12px 0 8px;gap:10px}
  .acc-doc .vf-r .go{display:none}
  .acc-doc .vf-r b{font-size:14px}
  .acc-doc .vf-r small{font-size:12px}
  .acc-doc .vf-ph1{width:92%}
  .acc-doc .vf-steps button{padding:0 12px;font-size:13px}
}
@media (prefers-reduced-motion:reduce){
  .acc-doc .vf-r,.acc-doc .vf-dot,.acc-doc .vf-dot svg,.acc-doc .vf-call{transition:none}
  .acc-doc .vf-card .vbadge{opacity:1;scale:1;rotate:0deg;animation:none!important}
  .acc-doc .vf-checks li.is-run .vf-dot::after{animation:none}
}

.acc-doc .vbt{height:30px;padding:0 13px 0 10px;white-space:nowrap}
.acc-doc .vf-r .vbt{justify-self:end}
.acc-doc .vf-r.is-top .vbt{animation:vfstamp .7s cubic-bezier(.2,1.5,.3,1) both}
.acc-doc .vf-copy .link{background:var(--gold-title-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;width:fit-content}
.acc-doc .vf-copy .link svg{stroke:var(--gold-500)}
@media (max-width:640px){.acc-doc .vbt .by{display:none}}


.acc-doc .vf-checks li{grid-template-columns:auto minmax(0,1fr) auto}
.acc-doc .vf-mini{display:block;width:76px;height:52px;opacity:0;scale:.7;transform-origin:100% 50%;transition:opacity .5s ease .1s,scale .6s cubic-bezier(.2,1.3,.3,1) .1s}
.acc-doc .vf-mini svg{display:block;width:100%;height:100%;filter:drop-shadow(0 8px 10px rgba(110,88,44,.22))}
.acc-doc .vf-checks li.is-ok .vf-mini{opacity:1;scale:1}
@media (prefers-reduced-motion:reduce){.acc-doc .vf-mini{transition:none}}

/* phase 0 : gros plan sur le badge de la plateforme — la pastille [T] VERIFIED, puis « by Tastellers. » (le mot-symbole noir et or du logo) qui arrive dessous */
.acc-doc .vf-ph0{display:grid;justify-items:center;align-content:center;row-gap:clamp(22px,3.4cqw,40px);text-align:center}
.acc-doc .vf-seal{position:relative;--bs:clamp(18px,6.2cqw,40px);display:grid;place-items:center;width:100%;padding:clamp(24px,5cqw,52px) 0}
.acc-doc .vf-halo{position:absolute;left:50%;top:50%;width:min(72cqw,520px);aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,238,184,.55),rgba(214,184,106,.14) 56%,rgba(196,165,89,0));pointer-events:none}
.acc-doc .vf-lock{position:relative;display:grid;justify-items:center;row-gap:calc(var(--bs) * .6)}
.acc-doc .vf-bw{position:relative;display:inline-grid;font-size:var(--bs)}
.acc-doc .vf-ring{position:absolute;inset:0;border-radius:.8em;border:1.5px solid rgba(196,165,89,.55);opacity:0;pointer-events:none}
.acc-doc .vbadge.xl{position:relative;font-size:1em;line-height:1.2;height:2.9em;gap:.72em;padding:0 1.35em 0 1.1em;border-radius:.8em;letter-spacing:.09em;box-shadow:0 38px 60px -26px rgba(138,107,31,.85),0 0 0 1px rgba(255,255,255,.45),inset 0 1px 0 rgba(255,255,255,.65),inset 0 -12px 20px -12px rgba(110,88,44,.4)}
.acc-doc .vbadge.xl img{width:1.08em;height:1.3em}
.acc-doc .vf-sheen{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}
.acc-doc .vf-sheen::after{content:"";position:absolute;top:-30%;bottom:-30%;left:-35%;width:26%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.8),rgba(255,255,255,0));opacity:0;transform:translateX(0) skewX(-18deg)}
.acc-doc .vf-by{display:flex;align-items:baseline;justify-content:center;gap:.32em;font-size:var(--bs)}
.acc-doc .vf-by em{position:relative;top:-.1em;font:italic 400 .62em/1 "Playfair Display",Georgia,serif;color:var(--text-2);letter-spacing:.01em}
.acc-doc .vf-by img{display:block;height:.74em;width:auto}
.acc-doc .vf-cap{margin:0;max-width:24em;font:400 clamp(14.5px,2.2cqw,17.5px)/1.55 Geist,sans-serif;color:var(--text-2)}
.acc-doc.js .vf-ph0 .vbadge.xl,.acc-doc.js .vf-ph0 .vf-halo{opacity:0}
.acc-doc.js .vf-ph0 .vf-by em{opacity:0;translate:-10px 0;transition:opacity .5s ease,translate .7s cubic-bezier(.2,.8,.2,1)}
.acc-doc.js .vf-ph0 .vf-by img{opacity:0;clip-path:inset(0 100% 0 0);translate:-16px 0;transition:clip-path 1s cubic-bezier(.3,.7,.2,1),opacity .45s ease,translate 1s cubic-bezier(.2,.8,.2,1)}
.acc-doc.js .vf-ph0 .vf-cap{opacity:0;translate:0 12px;transition:opacity .7s ease,translate .8s cubic-bezier(.2,.8,.2,1)}
.acc-doc .vf-ph0.is-on .vbadge.xl{animation:vfpop0 1.1s cubic-bezier(.2,1.2,.3,1) both}
.acc-doc .vf-ph0.is-on .vf-halo{animation:vfhalo 2.4s ease-out .05s both}
.acc-doc .vf-ph0.is-on .vf-ring{animation:vfring 1.7s ease-out .55s both}
.acc-doc .vf-ph0.is-on .vf-ring.r2{animation-delay:.8s}
.acc-doc .vf-ph0.is-on .vf-sheen::after{animation:vfsheen 1.3s ease 1s both}
.acc-doc .vf-ph0.is-on .vf-by em{opacity:1;translate:0 0;transition-delay:1.2s}
.acc-doc .vf-ph0.is-on .vf-by img{opacity:1;clip-path:inset(0);translate:0 0;transition-delay:1.4s}
.acc-doc .vf-ph0.is-on .vf-cap{opacity:1;translate:0 0;transition-delay:2.3s}
@keyframes vfpop0{0%{opacity:0;scale:.7;translate:0 22px;filter:blur(8px)}55%{opacity:1;filter:blur(0)}100%{opacity:1;scale:1;translate:0 0;filter:blur(0)}}
@keyframes vfhalo{0%{opacity:0;scale:.55}50%{opacity:1}100%{opacity:.9;scale:1}}
@keyframes vfring{0%{opacity:0;scale:1}18%{opacity:.8}100%{opacity:0;scale:1.32 2.1}}
@keyframes vfsheen{0%{opacity:1;transform:translateX(0) skewX(-18deg)}100%{opacity:1;transform:translateX(620%) skewX(-18deg)}}
@media (prefers-reduced-motion:reduce){
  .acc-doc.js .vf-ph0 .vbadge.xl{opacity:1}
  .acc-doc.js .vf-ph0 .vf-halo{opacity:.9}
  .acc-doc.js .vf-ph0 .vf-by em,.acc-doc.js .vf-ph0 .vf-by img,.acc-doc.js .vf-ph0 .vf-cap{opacity:1;translate:none;clip-path:none;transition:none}
  .acc-doc .vf-ring,.acc-doc .vf-sheen{display:none}
  .acc-doc .vf-ph0.is-on .vbadge.xl,.acc-doc .vf-ph0.is-on .vf-halo{animation:none}
}

.acc-doc .vf-au{flex:none;width:26px;height:26px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(196,165,89,.55)}
.acc-doc .vf-au{background:radial-gradient(circle at 50% 30%,#8A6244,#2A1B12);object-position:50% 14%}

/* ══════════════════════════════════════════════════════════════════════════════════════════════════
   « Latest offers » — retouche de Kevin (14/10) : cartes PHOTO PLEINE (survol, anneau doré, zoom et reflet repris de « They Trust Us »), panneau de verre en bas
   (poste, contrat · ville, rond doré à flèche), marqueur de l'offre en haut à gauche et pastille « Nouveau » en haut à droite, FILTRE par univers à pastille glissante,
   défilement À LA MAIN (balayage, flèches), marron expresso à la place du noir (palette d'Auguste). Puis le bandeau d'activité.
   Annonces ANONYMISÉES : ni nom, ni logo, ni photo d'établissement reconnaissable ; le bandeau n'a ni visages ni photos (pictogrammes de métier).
   Données = exemples, à brancher sur de vraies offres et de vraies inscriptions.
   Marqueurs : Palace #111 (texte champagne), Private aubergine #200834 ; « Restaurant étoilé » en blanc (pas de couleur officielle relevée) ; « Hôtel boutique » en champagne.
   ══════════════════════════════════════════════════════════════════════════════════════════════════ */
.acc-doc .of{--ex-a:#3A2618;--ex-b:#2B1A10;position:relative;overflow:hidden;background:#fff;padding-block:clamp(64px,8vw,112px) clamp(40px,5vw,72px)}
.acc-doc .of-head{display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(1264px,var(--wrap));margin:0 auto clamp(20px,2.4vw,32px)}
.acc-doc .of-h{font:400 clamp(32px,3.6vw,52px)/1.08 Geist,sans-serif;letter-spacing:-.04em}

/* filtre par univers + flèches */
.acc-doc .of-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;width:min(1264px,var(--wrap));margin:0 auto clamp(14px,1.8vw,22px)}
.acc-doc .of-fl{--fx:0px;--fw:0px;position:relative;isolation:isolate;display:inline-flex;max-width:100%;gap:2px;padding:5px;border-radius:var(--r-pill);background:#fff;box-shadow:0 0 0 1px rgba(196,165,89,.5),0 14px 28px -20px rgba(110,88,44,.55);overflow-x:auto;scrollbar-width:none}
.acc-doc .of-fl::-webkit-scrollbar{display:none}
.acc-doc .of-fp{position:absolute;z-index:-1;left:0;top:5px;bottom:5px;width:var(--fw);translate:var(--fx) 0;border-radius:var(--r-pill);background:linear-gradient(150deg,var(--ex-a),var(--ex-b));box-shadow:0 10px 18px -10px rgba(43,26,16,.8),inset 0 1px 0 rgba(255,255,255,.14);transition:translate .45s cubic-bezier(.2,.8,.2,1),width .45s cubic-bezier(.2,.8,.2,1)}
.acc-doc .of-fl button{position:relative;flex:none;min-height:44px;padding:0 18px;border-radius:var(--r-pill);font:500 14px/20px Geist,sans-serif;color:var(--ink);white-space:nowrap;transition:color .3s ease}
.acc-doc .of-fl button[aria-pressed=true]{color:#fff}
.acc-doc .of-fl button:not([aria-pressed=true]):hover{color:var(--gold-700)}
.acc-doc .of-ar{display:flex;gap:10px}
.acc-doc .of-ar button{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(196,165,89,.5);transition:background .25s,box-shadow .25s,opacity .25s}
.acc-doc .of-ar svg{width:20px;height:20px;stroke:var(--gold-700);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.acc-doc .of-ar button:hover:not(:disabled){background:var(--gold-fill);box-shadow:0 12px 22px -10px rgba(138,107,31,.7)}
.acc-doc .of-ar button:hover:not(:disabled) svg{stroke:#fff}
.acc-doc .of-ar button:disabled{opacity:.38;cursor:default}

/* le défilement : à la main, calé sur les cartes ; le premier bord s'aligne sur le titre */
.acc-doc .of-car{--pad:max(16px,calc((100% - 1264px) / 2));overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding:14px var(--pad) 40px;scroll-padding-inline:var(--pad)}
.acc-doc .of-car::-webkit-scrollbar{display:none}
.acc-doc .of-track{display:flex;gap:20px;width:max-content;list-style:none}
.acc-doc .of-c{flex:none;scroll-snap-align:start}
.acc-doc .of-c[hidden]{display:none}
.acc-doc .of-c.is-in{animation:ofIn .55s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--k,0) * 55ms)}
@keyframes ofIn{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}

/* la carte : photo pleine, voile expresso, reflet en diagonale, anneau doré au survol */
.acc-doc .of-card{will-change:scale;position:relative;display:block;width:300px;height:400px;border-radius:26px;overflow:hidden;isolation:isolate;color:#fff;box-shadow:0 2px 14px rgba(44,44,44,.08),0 34px 64px -30px rgba(43,26,16,.6);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease}
.acc-doc .of-card:hover{transform:translateY(-8px);box-shadow:0 0 0 1.5px rgba(229,212,160,.95),0 2px 14px rgba(44,44,44,.08),0 44px 70px -30px rgba(110,88,44,.65)}
.acc-doc .of-card:focus-visible{outline:2px solid var(--gold-700);outline-offset:4px}
.acc-doc .of-ph{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;z-index:-2;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.acc-doc .of-card:hover .of-ph{transform:scale(1.07)}
.acc-doc .of-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(26,16,9,.4) 0%,rgba(26,16,9,0) 30%,rgba(26,16,9,.2) 52%,rgba(26,16,9,.86) 100%)}
.acc-doc .of-card::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.22) 50%,transparent 65%);transform:translateX(-120%);transition:transform .9s ease;pointer-events:none}
.acc-doc .of-card:hover::before{transform:translateX(120%)}
.acc-doc .of-mk,.acc-doc .of-new{position:absolute;z-index:2;top:16px;display:inline-flex;align-items:center;height:26px;font:700 10.5px/1 Geist,sans-serif;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}
.acc-doc .of-mk{left:16px;padding:0 11px;border-radius:8px;box-shadow:0 8px 16px -8px rgba(0,0,0,.6)}
.acc-doc .of-mk-palace{background:#111;color:var(--gold-200)}
.acc-doc .of-mk-starred{background:#fff;color:var(--ink)}
.acc-doc .of-mk-private{background:#200834;color:#fff}
.acc-doc .of-mk-boutique{background:var(--gold-100);color:var(--gold-800)}
.acc-doc .of-new{right:16px;gap:7px;padding:0 12px 0 10px;border-radius:var(--r-pill);background:rgba(26,16,9,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);letter-spacing:.04em;text-transform:none;font-size:11.5px;color:#fff}
.acc-doc .of-new i{width:7px;height:7px;border-radius:50%;background:#58D39A;box-shadow:0 0 0 3px rgba(88,211,154,.24)}

/* le panneau de verre : poste, contrat · ville, rond doré à flèche */
.acc-doc .of-gl{position:absolute;z-index:2;left:12px;right:12px;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 14px 14px 18px;border-radius:20px;background:linear-gradient(135deg,rgba(66,42,26,.6),rgba(32,20,12,.5));-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 18px 32px -18px rgba(0,0,0,.7)}
.acc-doc .of-tx{min-width:0}
.acc-doc .of-role{display:block;text-wrap:balance;font:600 18px/24px Geist,sans-serif;letter-spacing:-.01em;color:#fff}
.acc-doc .of-meta{display:block;margin-top:2px;font:400 14px/20px Geist,sans-serif;color:rgba(255,255,255,.78)}
.acc-doc .of-go{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--gold-fill);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 10px 18px -8px rgba(138,107,31,.8);transition:translate .35s cubic-bezier(.2,.8,.2,1)}
.acc-doc .of-go svg{width:18px;height:18px;stroke:#2A2110;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.acc-doc .of-card:hover .of-go{translate:3px 0}

/* bandeau d'activité : pastilles blanches à bordure dorée, pictogramme de métier (pas de visages) ; il défile tout seul (ce sont des pastilles, pas des offres) */
.acc-doc .of-act{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.acc-doc .of-atrack{display:flex;align-items:center;gap:12px;width:max-content;padding:8px 6px 14px;animation:thmq 90s linear infinite reverse}
.acc-doc .of-act:hover .of-atrack{animation-play-state:paused}
.acc-doc .of-tk{flex:none;display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 20px 0 6px;border-radius:var(--r-pill);background:#fff;box-shadow:0 0 0 1px rgba(196,165,89,.42),0 14px 26px -18px rgba(44,44,44,.4);font:500 14px/20px Geist,sans-serif;white-space:nowrap}
.acc-doc .of-tk small{font:400 13px/18px Geist,sans-serif;color:var(--text-2)}
.acc-doc .of-ai{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--gold-fill);box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
.acc-doc .of-ai svg{width:18px;height:18px;stroke:#2A2110;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

@media (max-width:640px){
  .acc-doc .of-head{flex-wrap:wrap}
  .acc-doc .of-fl button{padding:0 11px;font-size:13px}
  .acc-doc .of-card{width:244px;height:340px}
  .acc-doc .of-role{font-size:17px}
  .acc-doc .of-ar{display:none}
  .acc-doc .of-bar{justify-content:flex-start}
}
@media (prefers-reduced-motion:reduce){
  .acc-doc .of-act{-webkit-mask-image:none;mask-image:none;overflow-x:auto}
  .acc-doc .of-atrack{animation:none}
  .acc-doc .of-atrack>[aria-hidden=true]{display:none}
  .acc-doc .of-fp,.acc-doc .of-card,.acc-doc .of-ph,.acc-doc .of-card::before,.acc-doc .of-go{transition:none}
  .acc-doc .of-c.is-in{animation:none}
}

/* pastille d'activité : orbe d'or (coche noire) + onde qui pulse + heure en petites capitales */
.acc-doc .of-ai{overflow:hidden;background:none;box-shadow:0 8px 16px -8px rgba(138,107,31,.7)}
.acc-doc .of-ai img{display:block;width:36px;height:36px}
.acc-doc .of-ai{position:relative;flex:none;width:36px;height:36px;border-radius:50%;overflow:visible;background:conic-gradient(from 200deg,#8A6B1F,#E5D4A0,#C4A559,#F4EBD2,#A38543,#8A6B1F);box-shadow:inset 0 0 0 3px #fff,0 0 0 1px rgba(196,165,89,.55),0 10px 18px -8px rgba(138,107,31,.7)}
.acc-doc .of-ai::before{content:"";position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--gold-500);animation:ofh 2.4s ease-out infinite}
.acc-doc .of-ai::after{content:"";position:absolute;right:-1px;bottom:-1px;width:13px;height:13px;border-radius:50%;background:#1A1A1A url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E5D4A0' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/8px no-repeat;box-shadow:0 0 0 2px #fff}
@keyframes ofh{from{opacity:.85;scale:1}to{opacity:0;scale:1.9}}
.acc-doc .of-tk b{font-weight:600}
.acc-doc .of-tm{margin-left:4px;font:500 12px/16px Geist,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2)}
@media (prefers-reduced-motion:reduce){.acc-doc .of-ai::before{animation:none}}

/* ══════════════════════════════════════════════════════════════════════════════════════════════════
   « Ready to join the ecosystem? » : palette d'Auguste (retouche de Kevin, 14/10) — fond expresso noisette #1E140D → #150E09 → #22160E, halo noisette, titre champagne ;
   puis le séparateur horizontal (filets dorés en fondu + losange) et le pied de page DU SITE (app_footer.css du dépôt, repris tel quel : voilages sur toute la hauteur).
   ══════════════════════════════════════════════════════════════════════════════════════════════════ */
.acc-doc .cl{--nz:176,120,72;--ch:#EBD8B8;position:relative;overflow:hidden;isolation:isolate;padding-block:clamp(72px,9vw,128px);text-align:center;color:#fff;background:linear-gradient(160deg,#1E140D 0%,#150E09 55%,#22160E 100%)}
.acc-doc .cl::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(60% 90% at 50% 56%,rgba(var(--nz),.4),rgba(var(--nz),0) 66%),radial-gradient(46% 60% at 92% 0%,rgba(150,102,64,.26),rgba(150,102,64,0) 70%)}
.acc-doc .cl::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(120deg,#D6A874,#8F5F3A);mix-blend-mode:screen;opacity:.1;-webkit-mask:url("/assets/landing/accueil/pattern-voilages-shimmer-bce922eb.svg") right center/cover no-repeat;mask:url("/assets/landing/accueil/pattern-voilages-shimmer-bce922eb.svg") right center/cover no-repeat}
.acc-doc .cl-in{width:min(860px,var(--wrap));margin-inline:auto}
.acc-doc .cl-h{font:400 clamp(34px,4.4vw,64px)/1.06 Geist,sans-serif;letter-spacing:-.04em;color:var(--ch)}
.acc-doc .cl-h .g{background:linear-gradient(100deg,#E8CFA6 0%,#FBF1DC 46%,#EBD8B8 62%,#DDBE8C 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;padding-right:.1em}
.acc-doc .cl-p{margin:clamp(18px,2vw,26px) 0 clamp(28px,3.4vw,44px);font:400 clamp(16px,1.5vw,20px)/1.6 Geist,sans-serif;color:rgba(255,255,255,.82)}
.acc-doc .cl-p b{font-weight:600;color:#fff}
.acc-doc .cl-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-3)}
.acc-doc .cl-out{background:rgba(255,255,255,.08);color:#fff;box-shadow:inset 0 0 0 1px rgba(235,216,184,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.acc-doc .cl-out:hover{background:rgba(255,255,255,.16);transform:translateY(-1px)}

/* séparateur horizontal : le motif de la ligne « Hotels & Restaurants · Private Service » (deux filets dorés en fondu et un losange) */
.acc-doc .sep{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.6vw,20px);padding-block:clamp(20px,2.8vw,40px)}
.acc-doc .sep i{width:clamp(72px,14vw,200px);height:1px;background:linear-gradient(90deg,rgba(196,165,89,0),var(--gold-500))}
.acc-doc .sep i:last-child{transform:scaleX(-1)}
.acc-doc .cx + .sep{margin-top:clamp(16px,3.5vh,40px);margin-bottom:calc(-1 * clamp(16px,3.5vh,40px))}
.acc-doc .sep + .of{padding-top:clamp(40px,5.5vw,80px)}
.acc-doc .sep b{flex:none;width:9px;height:9px;border-radius:2px;rotate:45deg;background:var(--gold-fill);box-shadow:0 0 0 3.5px rgba(196,165,89,.18)}

/* pied de page du site (app_footer.css) : voilages en filigrane sur toute la hauteur, texte de marque, trois colonnes, FR / EN en pastille dorée, © et ronds sociaux */
.acc-doc .appftr{position:relative;background:#fff;overflow:hidden;border-top:none}
.acc-doc .appftr-pattern{position:absolute;inset:0;opacity:.35;pointer-events:none}
.acc-doc .appftr-pattern img{width:100%;height:100%;object-fit:cover}
.acc-doc .appftr-inner{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:64px 40px 0}
.acc-doc .appftr-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.acc-doc .appftr-logo{display:block;height:28px;width:auto;margin-bottom:16px}
.acc-doc .appftr-tagline{font-size:14px;line-height:1.6;color:#6B5D4D;max-width:280px;text-align:left}
.acc-doc .appftr-col-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#1A1A1A;margin-bottom:20px}
.acc-doc .appftr-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.acc-doc .appftr a{color:#6B5D4D}
.acc-doc .appftr-link{font-size:14px;color:#6B5D4D;text-decoration:none}
/* les trois utilitaires Tailwind que le pied de page de l'application emploie (la landing n'a pas Tailwind) */
.acc-doc .appftr .cursor-not-allowed{cursor:not-allowed}
.acc-doc .appftr .pointer-events-none{pointer-events:none}
.acc-doc .appftr .opacity-60{opacity:.6}
.acc-doc .appftr-bottom{border-top:1px solid rgba(107,93,77,.2);padding:20px 0;display:flex;align-items:center;justify-content:space-between}
.acc-doc .appftr-lang{display:flex;align-items:center;gap:8px;font-size:13px;color:#6B5D4D}
.acc-doc .appftr-lang-group{display:inline-flex;align-items:center;gap:4px}
.acc-doc .appftr-lang-btn{padding:2px 8px;border-radius:99px;font-size:13px;font-weight:600;color:#6B5D4D;text-decoration:none;transition:all .15s}
.acc-doc .appftr-lang-btn.is-active{color:#fff;background:var(--gold-fill)}
.acc-doc .appftr-copy{font-size:13px;color:#6B5D4D;margin:0}
.acc-doc .appftr-social{display:flex;align-items:center;gap:12px}
.acc-doc .appftr-social-link{width:36px;height:36px;border-radius:50%;border:1px solid rgba(107,93,77,.3);display:flex;align-items:center;justify-content:center;text-decoration:none}
@media (max-width:640px){
  .acc-doc .appftr-inner{padding:48px 20px 0}
  .acc-doc .appftr-top{grid-template-columns:1fr 1fr;gap:32px 24px;margin-bottom:32px}
  .acc-doc .appftr-tagline{max-width:none}
  .acc-doc .appftr-bottom{flex-direction:column;align-items:flex-start;gap:16px}
}

/* ══════════════════════════════════════════════════════════════════════════════════════════════════
   « Meet Auguste » — plaque pleine largeur « expresso noisette » : le buste d'Auguste (détouré, relu en lumière : clair à gauche, ombré à droite,
   taches de rousseur) sur un fond neutre, des bulles de verre qui annoncent ce qu'il fait, quatre bénéfices et deux boutons.
   Palette : expresso #140D08 → #22160E, noisette (176,120,72), champagne #EBD8B8. Le doré ne sert qu'aux boutons et aux coches.
   Textes et exemples = provisoires.
   ══════════════════════════════════════════════════════════════════════════════════════════════════ */
.acc-doc .au{--ex:#140D08;--ex2:#22160E;--nz:176,120,72;--ch:#EBD8B8;--mx:0;--my:0;--cx:30%;--cy:50%;position:relative;overflow:hidden;isolation:isolate;color:#fff;background:linear-gradient(160deg,#1E140D 0%,#150E09 55%,#22160E 100%);padding-top:clamp(64px,8vw,112px)}
.acc-doc .au::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(60% 86% at 24% 58%,rgba(var(--nz),.42),rgba(var(--nz),0) 66%),radial-gradient(46% 60% at 92% 0%,rgba(150,102,64,.26),rgba(150,102,64,0) 70%);translate:calc(var(--mx) * -14px) calc(var(--my) * -9px)}
.acc-doc .au::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(440px circle at var(--cx) var(--cy),rgba(235,200,150,.11),rgba(235,200,150,0) 62%);opacity:0;transition:opacity .5s ease}
.acc-doc .au.is-hov::after{opacity:1}
.acc-doc .au-pat{position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(120deg,#D6A874,#8F5F3A);mix-blend-mode:screen;opacity:.1;-webkit-mask:url("/assets/landing/accueil/pattern-voilages-shimmer-bce922eb.svg") right center/cover no-repeat;mask:url("/assets/landing/accueil/pattern-voilages-shimmer-bce922eb.svg") right center/cover no-repeat}
.acc-doc .au-in{position:relative;width:min(1264px,var(--wrap));margin-inline:auto;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(24px,4vw,72px);align-items:stretch;min-height:min(720px,86svh)}

/* scène : le buste */
.acc-doc .au-st{position:relative;isolation:isolate;align-self:end;justify-self:center;width:min(660px,100%)}
.acc-doc .au-st::before{content:"";position:absolute;inset:-10% -14% 0;z-index:-1;background:radial-gradient(50% 55% at 56% 38%,rgba(var(--nz),.45),rgba(var(--nz),0) 70%);pointer-events:none}
@media (min-width:1700px){.acc-doc .au-in{width:min(1360px,var(--wrap))}.acc-doc .au-st{width:min(700px,100%)}}
.acc-doc .au-ring{position:absolute;left:50%;top:44%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(235,216,184,.16);translate:-50% -50%;pointer-events:none}
.acc-doc .au-ring.r1{width:78%}.acc-doc .au-ring.r2{width:104%;border-color:rgba(235,216,184,.09)}
.acc-doc .au-bust{position:relative;display:block;width:100%;height:auto;-webkit-mask-image:linear-gradient(180deg,#000 58%,transparent 92%);mask-image:linear-gradient(180deg,#000 58%,transparent 92%);translate:calc(var(--mx) * 9px) calc(var(--my) * 5px);filter:drop-shadow(10px 0 18px rgba(214,168,116,.2)) drop-shadow(0 30px 60px rgba(0,0,0,.55));transition:translate .5s cubic-bezier(.2,.8,.2,1)}
.acc-doc .au-on{position:absolute;z-index:3;left:62%;top:6%;display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 13px 0 11px;border-radius:var(--r-pill);background:rgba(20,13,8,.5);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(235,216,184,.3);font:600 12px/16px Geist,sans-serif;color:#fff}
.acc-doc .au-on::before{content:"";width:7px;height:7px;border-radius:50%;background:#58D39A;box-shadow:0 0 0 3px rgba(88,211,154,.22)}

/* bulles de verre : hors du visage, sur les épaules et à l'écart, une à la fois */
.acc-doc .au-bub{position:absolute;z-index:3;width:max-content;max-width:230px;display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:center;padding:11px 16px 11px 11px;border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.17),rgba(255,255,255,.05));-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);border:1px solid rgba(255,255,255,.28);box-shadow:0 24px 40px -22px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.3);opacity:0;translate:0 14px;scale:.96;transition:opacity .55s ease,translate .7s cubic-bezier(.2,.9,.3,1.1),scale .7s cubic-bezier(.2,.9,.3,1.1);pointer-events:none}
.acc-doc .au-bub.on{opacity:1;translate:0 0;scale:1}
.acc-doc .au-bub i{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--gold-fill);box-shadow:0 8px 14px -6px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.5)}
.acc-doc .au-bub svg{width:18px;height:18px;stroke:#2A2110;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.acc-doc .au-bub b{display:block;font:600 13.5px/18px Geist,sans-serif}
.acc-doc .au-bub small{display:block;font:400 12.5px/16px Geist,sans-serif;color:rgba(255,255,255,.8)}
.acc-doc .au-bub.l{left:max(-2%,12px);top:73%}
.acc-doc .au-bub.r{right:-12%;top:80%}
@media (max-width:1180px){.acc-doc .au-bub.l{display:none}.acc-doc .au-bub.r{right:-6%}}

/* texte */
.acc-doc .au-tx{align-self:center;padding-bottom:clamp(48px,6vw,96px)}
.acc-doc .au-me{display:inline-flex;align-items:center;gap:10px;padding:5px 18px 5px 5px;border-radius:var(--r-pill);background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(235,216,184,.38);font:500 14px/20px Geist,sans-serif;color:#fff}
.acc-doc .au-av{display:block;width:34px;height:34px;border-radius:50%;object-fit:cover;object-position:50% 14%;background:radial-gradient(circle at 50% 30%,#8A6244,#2A1B12);box-shadow:0 0 0 2px rgba(235,216,184,.5)}
.acc-doc .au-h{margin:22px 0 18px;font:400 clamp(46px,5.4vw,84px)/1 Geist,sans-serif;letter-spacing:-.045em}
.acc-doc .au-h .g{background:linear-gradient(100deg,#E8CFA6 0%,#FBF1DC 46%,#EBD8B8 62%,#DDBE8C 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;padding-right:.1em}
.acc-doc .au-p,.acc-doc .au-ck li{text-wrap:pretty}
.acc-doc .au-p{max-width:30em;font:400 clamp(16px,1.4vw,19px)/1.65 Geist,sans-serif;color:rgba(255,255,255,.82)}
.acc-doc .au-ck{display:grid;grid-template-columns:1fr 1fr;gap:16px 36px;margin:30px 0 34px;padding:0;list-style:none}
.acc-doc .au-ck li{display:flex;gap:12px;align-items:flex-start;font:500 15.5px/22px Geist,sans-serif}
.acc-doc .au-ck i{flex:none;display:grid;place-items:center;width:26px;height:26px;margin-top:-1px;border-radius:50%;background:var(--gold-fill);box-shadow:0 8px 14px -6px rgba(0,0,0,.6)}
.acc-doc .au-ck i svg{width:14px;height:14px;stroke:#2A2110;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.acc-doc .au-cta{display:flex;flex-wrap:wrap;gap:var(--sp-3)}
.acc-doc .au-out{background:rgba(255,255,255,.08);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.acc-doc .au-out:hover{background:rgba(255,255,255,.16);transform:translateY(-1px)}

/* entrée */
.acc-doc.js .au-bust,.acc-doc.js .au-tx>*,.acc-doc.js .au-ring{opacity:0}
.acc-doc.js .au-bust{transform:translateY(34px) scale(.97);transition:opacity 1s ease .1s,transform 1.3s cubic-bezier(.2,.8,.2,1) .1s,translate .5s cubic-bezier(.2,.8,.2,1)}
.acc-doc.js .au-tx>*{translate:0 18px;transition:opacity .8s ease,translate .9s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0) * 110ms + 250ms)}
.acc-doc.js .au-ring{transition:opacity 1.4s ease .4s}
.acc-doc.js .au.is-in .au-bust,.acc-doc.js .au.is-in .au-tx>*,.acc-doc.js .au.is-in .au-ring{opacity:1;transform:none;translate:0 0}
.acc-doc.js .au.is-in .au-bust{translate:calc(var(--mx) * 9px) calc(var(--my) * 5px)}

@media (max-width:1000px){
  .acc-doc .au-in{grid-template-columns:minmax(0,1fr);min-height:0}
  .acc-doc .au-st{order:-1;width:min(480px,92%);margin-bottom:-28px}
  .acc-doc .au-ring{display:none}
  .acc-doc .au-tx{padding-bottom:0}
  .acc-doc .au-bub.r{display:grid;right:2%;top:70%;max-width:190px}
  .acc-doc .au-on{left:auto;right:6%}
}
@media (max-width:640px){
  .acc-doc .au-st{width:min(360px,96%)}
  .acc-doc .au-bub.r{max-width:168px;top:74%}
  .acc-doc .au-bub small{display:none}
  .acc-doc .au-ck{grid-template-columns:1fr}
  .acc-doc .au-cta .btn{flex:1 1 100%}
}
@media (prefers-reduced-motion:reduce){
  .acc-doc .au::before,.acc-doc .au-bust{translate:0 0!important}
  .acc-doc .au-bust,.acc-doc .au-bub,.acc-doc .au-tx>*,.acc-doc .au-ring{transition:none!important}
  .acc-doc.js .au-bust,.acc-doc.js .au-tx>*,.acc-doc.js .au-ring{opacity:1;transform:none;translate:0 0}
  .acc-doc .au-bub{opacity:1;translate:0 0;scale:1}
  .acc-doc .au::after{display:none}
}

/* accessibilité : texte encre sur le bouton doré (contraste), focus champagne bien visible */
.acc-doc .au .btn-gold{color:#2A2110;text-shadow:none}
.acc-doc .au :focus-visible{outline:3px solid #EBD8B8;outline-offset:4px;box-shadow:0 0 0 7px rgba(0,0,0,.5)}
@media (prefers-reduced-motion:reduce){.acc-doc .au-bub:nth-child(n+3){display:none}}

/* ══════════════════════════════════════════════════════════════════════════════════════════════════
   « Your career deserves more than just a CV » — les 4 visuels de la carte centrale (canevas 440 x 620 px, largeur 380 à 440 px, mis à l'échelle par JS)
   1 Profil vivant · 2 Book (sombre, Playfair italique) · 3 Monétiser (jobs / extras / missions) · 4 Opportunités (3 mondes, panneaux photo)
   Tout est scopé sous .cv-career ; « Recruitment reinvented » garde l'ancienne carte (mais profite des règles de mise en page .cv).
   Revue design + accessibilité du 12/10 intégrée : carte jamais rognée sous 1000 px, transition en iris (plus de fondu gris), filet doré à vitesse constante,
   inclinaison douce, ombre chaude (plus de « greige »), pause au clavier, photos sans doublon, carte dont la taille suit la hauteur de la fenêtre (recul, 13/10).
   ══════════════════════════════════════════════════════════════════════════════════════════════════ */
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:400 900;font-display:swap;src:url("/assets/playfair-display-normal-latin-759b7dc1.woff2") format("woff2")}
@font-face{font-family:"Playfair Display";font-style:italic;font-weight:400 900;font-display:swap;src:url("/assets/playfair-display-italic-latin-37c58aab.woff2") format("woff2")}
@property --r{syntax:'<number>';inherits:false;initial-value:0}
@property --m{syntax:'<number>';inherits:false;initial-value:0}

/* ── mise en page : une orbe qui n'est plus un « container size » (elle tombait à 0 px de haut et la carte était rognée sous 1000 px) ── */
.acc-doc .cv-orb{container-type:normal}
.acc-doc .cv .cv-it.is-on .cv-ic svg{stroke:#2A2110}

/* ── liste de gauche : la carte active déroule sa description ── */
.acc-doc .cv-career .cv-in{align-items:start}
.acc-doc .cv-career .cv-copy{padding-top:48px}
.acc-doc .cv-career .cv-it{align-items:start;min-height:76px}
.acc-doc .cv-career .cv-ic{margin-top:0}
.acc-doc .cv-career .cv-tt{display:grid;align-self:center;min-width:0}
.acc-doc .cv-career .cv-t{font:500 18px/26px Geist,sans-serif;letter-spacing:-.01em}
.acc-doc .cv-career .cv-dsc{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .55s cubic-bezier(.2,.8,.2,1),opacity .4s ease,margin .55s cubic-bezier(.2,.8,.2,1)}
.acc-doc .cv-career .cv-dsc>span{overflow:hidden;min-height:0;font:400 14.5px/22px Geist,sans-serif;color:var(--text-2)}
.acc-doc .cv-career .cv-it.is-on .cv-dsc{grid-template-rows:1fr;opacity:1;margin-top:3px}
.acc-doc .cv-career .cv-ar{align-self:center}
/* filet doré : un tracé SVG (pathLength 1) = vitesse constante tout autour de la carte (le conic-gradient filait dans les angles) */
.acc-doc .cv-career .cv-it::before{display:none}
.acc-doc .cv-career .cv-it .fil{position:absolute;inset:1px;width:calc(100% - 2px);height:calc(100% - 2px);overflow:visible;pointer-events:none;opacity:0;transition:opacity .3s ease}
.acc-doc .cv-career .cv-it .fil rect{fill:none;stroke:var(--gold-500);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--p) / 100);--p:0}
.acc-doc .cv-career .cv-it.is-on .fil{opacity:1}
.acc-doc .cv-career .cv-it.is-on .fil rect{--p:100}
.acc-doc .cv-career{--cvdur:5.8s}
/* durées de chaque carte : le profil 3,4 s + « Career path » 3 s = 6,4 s ; Book 5,8 s ; Monétiser 8,2 s ; Opportunités 10,2 s (Auguste postule à ~8,4 s) :
   la dernière étape reste au moins 1,8 s à l'écran avant la carte suivante (contrôlé par check.cjs, 3b-ter) */
.acc-doc .cv-career .cv-it:nth-child(1){--cvdur:6.4s}
.acc-doc .cv-career .cv-it:nth-child(3){--cvdur:8.2s}
.acc-doc .cv-career .cv-it:nth-child(4){--cvdur:10.2s}
.acc-doc .cv-career.cv-go .cv-it.is-on .fil rect{--p:0;animation:cvp var(--cvdur) linear forwards}
/* l'enchaînement tourne en boucle ; ni la souris ni un clic ne l'arrêtent (retours de Kevin) ; il se met en pause tant que le CLAVIER est dans la liste (focus visible : un clic à la souris n'en laisse pas), WCAG 2.2.2 */
.acc-doc .cv-career:has(:focus-visible) .cv-it.is-on .fil rect{animation-play-state:paused}

/* ── la scène : une seule carte, un canevas mis à l'échelle ── */
.acc-doc .cv-career .cv-orb{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;aspect-ratio:auto;min-height:0}
.acc-doc .cv-career .cv-card{position:relative;width:min(clamp(380px,43vh,520px),100%);aspect-ratio:calc(var(--cwn,440) + 12) / 632;height:auto;min-height:0;--k:1;border-radius:34px;
  box-shadow:0 0 0 1px rgba(196,165,89,.5),0 2px 10px rgba(44,44,44,.05),0 44px 70px -46px rgba(150,112,28,.38);
  transform:perspective(1400px) rotateX(calc(var(--ry,0) * .4deg)) rotateY(calc(var(--rx,0) * .4deg));transition:transform .35s cubic-bezier(.2,.8,.2,1),background .5s ease}
.acc-doc .cv-career .cv-card:has(.cu-bk.is-on){background:linear-gradient(165deg,#3A2618 0%,#2B1A10 52%,#35221A 100%)}
.acc-doc .cv-career .cv-photos{display:block;border-radius:28px}
.acc-doc .cv-career .cv-fit{position:absolute;left:0;top:0;width:var(--cw,440px);height:620px;transform-origin:0 0;transform:scale(var(--k))}
.acc-doc .cv-career .cv-glare{z-index:30}
.acc-doc .cv-career .cv-note{position:relative;z-index:3;font:400 13px/18px Geist,sans-serif;color:var(--ink);text-align:center}

/* transition entre deux visuels : le nouveau s'ouvre en iris par-dessus l'ancien (plus de fondu blanc / sombre qui passait par un gris) */
.acc-doc .cv-career .cv-p.cu{position:absolute;inset:0;display:block;scale:1;opacity:1;visibility:hidden;z-index:1;transition:visibility 0s .6s}
.acc-doc .cv-career .cv-p.cu.is-on{visibility:visible;z-index:2;transition:none;animation:cvIris .6s cubic-bezier(.3,.7,.2,1)}
@keyframes cvIris{from{clip-path:circle(0% at 50% 64%)}to{clip-path:circle(92% at 50% 64%)}}
.acc-doc .cv-career .cv-p.cu:not(.is-on){pointer-events:none}

/* ── primitives ── */
.acc-doc .cu{background:#fff;--e:cubic-bezier(.2,.9,.3,1.12);--e2:cubic-bezier(.2,.8,.2,1);--g1:#C4A559;--hair:rgba(196,165,89,.34);font-family:Geist,sans-serif;color:var(--ink);font-variant-numeric:tabular-nums;overflow:hidden;-webkit-font-smoothing:antialiased}
.acc-doc .cu *{box-sizing:border-box}
.acc-doc .qt *{transition:none!important}
/* sortie : le contenu reste net sous l'iris du visuel suivant (0,6 s), puis revient à l'état caché sans animation */
.acc-doc.js .cv-career .cv-p.cu:not(.is-on) *{transition-duration:0s!important;transition-delay:.7s!important}
.acc-doc .cu img{display:block}
.acc-doc.js .cu-a{opacity:0;transform:translateY(16px) scale(.985);filter:blur(4px);transition:opacity .38s ease,transform .6s var(--e2),filter .38s ease,translate .45s var(--e2)}
.acc-doc.js .cv-career.is-seen .cv-p.is-on .cu-a{opacity:1;transform:none;filter:blur(0);transition-delay:calc(var(--d,0) * .4ms + 50ms),calc(var(--d,0) * .4ms + 50ms),calc(var(--d,0) * .4ms + 50ms),0s}
.acc-doc .cu-par{translate:calc(var(--rx,0) * var(--z,0) * -1px) calc(var(--ry,0) * var(--z,0) * 1px);transition:translate .45s var(--e2)}
.acc-doc .c{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px rgba(196,165,89,.45);font:500 12.5px/1 Geist,sans-serif;color:#5E4710;white-space:nowrap}
.acc-doc .c.g{background:rgba(196,165,89,.16);font-weight:600}
.acc-doc .c.d::before{content:"";width:7px;height:7px;border-radius:50%;background:#1E9E62;box-shadow:0 0 0 3px rgba(30,158,98,.16)}
.acc-doc .c.gl{background:rgba(255,255,255,.18);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);color:#fff}
.acc-doc .ring{--v:90;position:relative;flex:none;margin-left:auto;width:54px;height:54px;border-radius:50%;background:conic-gradient(from 0deg,var(--g1) calc(var(--m) * 1%),rgba(196,165,89,.2) 0);display:grid;place-items:center;transition:--m 1.4s var(--e2)}
.acc-doc .ring::before{content:"";position:absolute;inset:5px;border-radius:50%;background:#fff}
.acc-doc .ring em{position:relative;font-style:normal}
.acc-doc .ring b{font:600 13px/1 Geist,sans-serif;letter-spacing:-.01em}
.acc-doc .ring.glass{width:62px;height:62px;box-shadow:0 14px 26px -12px rgba(0,0,0,.6)}
.acc-doc .ring.glass b{font-size:14.5px}
.acc-doc .on>.ring,.acc-doc .on .ring,.acc-doc .wk-panel.on .ring{--m:var(--v)}
.acc-doc .th{width:58px;height:58px;border-radius:16px;object-fit:cover;flex:none}
.acc-doc .th.s{width:46px;height:46px;border-radius:14px}

/* ══ 1 · Profil vivant ══ */
.acc-doc .cu-pf{background:#fff}
.acc-doc .pf-cover{position:absolute;left:0;right:0;top:0;height:190px;overflow:hidden}
.acc-doc .pf-cover img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent 100%);mask-image:linear-gradient(180deg,#000 60%,transparent 100%);transition:opacity .9s ease,scale 7s var(--e2)}
.acc-doc.js .pf-cover img{opacity:0;scale:1.16}
.acc-doc.js .cv-career.is-seen .cv-p.is-on .pf-cover img{opacity:1;scale:1.04}
.acc-doc .pf-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(26,20,11,.34) 0%,rgba(26,20,11,0) 38%)}
.acc-doc .pf-av{position:absolute;left:24px;top:116px;width:98px;height:98px;padding:4px;border-radius:50%;--r:0;background:conic-gradient(from -90deg,var(--g1) calc(var(--r) * 1%),rgba(196,165,89,.22) 0);box-shadow:0 20px 36px -14px rgba(74,53,0,.55);transition:--r 1.5s var(--e2) .4s,opacity .5s ease .1s,transform .9s var(--e) .1s,translate .45s var(--e2)}
.acc-doc.js .pf-av{opacity:0;transform:scale(.6)}
.acc-doc .pf-av img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #fff}
.acc-doc.js .cv-career.is-seen .cv-p.is-on .pf-av{--r:100;opacity:1;transform:none}
.acc-doc .pf-vb{position:absolute;right:24px;top:233px}
.acc-doc .pf-vb .vbadge{height:30px;gap:7px;padding:0 13px 0 10px;border-radius:9px;font-size:12px;letter-spacing:.07em}
.acc-doc .pf-vb .vbadge img{width:12px;height:14px}
/* le nom rétrécit avec le canevas (31 px sur 440 px, 24,5 px sur 380 px) pour ne jamais passer sous le badge VERIFIED */
.acc-doc .pf-nm{position:absolute;left:24px;top:232px;margin:0;font:600 31px/1 "Playfair Display",Georgia,serif;font-size:calc(var(--cwn,440) * .1083px - 16.65px);letter-spacing:-.012em}
.acc-doc .pf-rl{position:absolute;left:24px;top:271px;margin:0;font:400 14.5px/20px Geist,sans-serif;color:var(--text-2)}
.acc-doc .pf-rl b{font-weight:600;color:var(--ink)}
.acc-doc .pf-st{position:absolute;left:24px;right:24px;top:308px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.acc-doc .pf-st>div{padding:13px 12px 11px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px var(--hair),0 14px 24px -18px rgba(74,53,0,.38),inset 0 1px 0 #fff}
.acc-doc .pf-st b{display:block;font:600 25px/1 Geist,sans-serif;letter-spacing:-.025em}
.acc-doc .pf-st b.gt{background:var(--gold-title-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.acc-doc .pf-st u{margin-left:4px;font-size:15px;font-weight:500;letter-spacing:0;text-decoration:none;-webkit-text-fill-color:#5E4710;color:#5E4710}
.acc-doc .pf-st small{display:block;margin-top:6px;font:400 11.5px/16px Geist,sans-serif;color:var(--text-2);white-space:nowrap}
.acc-doc .pf-tabs{position:absolute;left:24px;right:24px;top:388px;height:40px;display:flex;align-items:flex-start;gap:4px;border-bottom:1px solid var(--hair)}
.acc-doc .pf-tabs span{position:relative;padding:6px 12px 0;font:600 14.5px/24px Geist,sans-serif;color:#6B6560;transition:color .35s ease}
.acc-doc .pf-tabs span:first-child{padding-left:0}
.acc-doc .pf-tabs span.on{color:var(--ink)}
.acc-doc .pf-tabs span[data-ph]{cursor:pointer}
.acc-doc .pf-tabs span[data-ph]:not(.on):hover{color:var(--ink)}
/* le filet doré glisse d'un onglet à l'autre (position mesurée par JS) ; il se dessine une fois à l'arrivée */
.acc-doc .pf-ind{position:absolute;left:0;bottom:-1px;height:3px;width:var(--iw,36px);border-radius:3px;background:var(--gold-fill);transform:translateX(var(--ix,70px));clip-path:inset(0 100% 0 0);transition:transform .7s var(--e2),width .7s var(--e2),clip-path .8s var(--e2) 1.2s}
.acc-doc.js .cv-career.is-seen .cv-p.is-on .pf-ind{clip-path:inset(0)}
.acc-doc .pf-tabs em{position:absolute;right:0;top:7px;font:500 12.5px/24px Geist,sans-serif;font-style:normal;color:var(--gold-700);transition:opacity .4s ease}
.acc-doc .pf-tabs em.e2{opacity:0}
.acc-doc .pf-grid{position:absolute;left:24px;right:24px;top:440px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.acc-doc .pf-grid figure{position:relative;margin:0;height:92px;border-radius:16px;overflow:hidden;box-shadow:0 14px 22px -16px rgba(74,53,0,.5)}
.acc-doc .pf-grid img{width:100%;height:100%;object-fit:cover}
.acc-doc .pf-grid figure::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 42%,rgba(0,0,0,.6) 100%)}
.acc-doc .pf-grid figcaption{position:absolute;z-index:2;left:10px;right:8px;bottom:8px;font:600 11.5px/14px Geist,sans-serif;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acc-doc .pf-cta{position:absolute;left:24px;right:24px;top:546px;height:50px;overflow:hidden;border-radius:999px;background:var(--gold-fill);display:flex;align-items:center;justify-content:center;gap:9px;font:700 14px/1 Geist,sans-serif;color:#2A2110;box-shadow:0 14px 22px -12px rgba(138,107,31,.72),inset 0 1px 0 rgba(255,255,255,.55)}
.acc-doc .pf-cta svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.acc-doc .pf-cta .sh{position:absolute;inset:0;background:linear-gradient(110deg,transparent 34%,rgba(255,255,255,.65) 50%,transparent 66%);transform:translateX(-130%)}
.acc-doc.js .cv-career.is-seen .cv-p.is-on .pf-cta .sh{animation:cush 1.5s ease 2.2s 1 both}
@keyframes cush{to{transform:translateX(130%)}}

/* phase 2 du profil : « Career path » — les chiffres se replient, les onglets remontent, le parcours arrive (étoiles Michelin + formation) */
.acc-doc .pf-st{transition:opacity .45s ease,translate .6s var(--e2)}
.acc-doc .cu-pf[data-ph="1"] .pf-st{opacity:0;translate:0 -14px;pointer-events:none}
.acc-doc .cu-pf[data-ph="1"] .pf-tabs{translate:0 -72px}
.acc-doc .cu-pf[data-ph="1"] .pf-tabs em.e1{opacity:0}
.acc-doc .cu-pf[data-ph="1"] .pf-tabs em.e2{opacity:1}
.acc-doc .pf-grid{transition:opacity .35s ease}
.acc-doc .cu-pf[data-ph="1"] .pf-grid{opacity:0;pointer-events:none}
.acc-doc .pf-cp{position:absolute;left:24px;right:24px;top:368px;height:168px;visibility:hidden;transition:visibility 0s .5s}
.acc-doc .cu-pf[data-ph="1"] .pf-cp{visibility:visible;transition-delay:0s}
.acc-doc .pf-cp::before{content:"";position:absolute;left:28px;top:26px;bottom:26px;width:2px;border-radius:2px;background:linear-gradient(180deg,rgba(196,165,89,.75),rgba(196,165,89,.25));scale:1 0;transform-origin:50% 0;transition:scale .9s var(--e2)}
.acc-doc .cu-pf[data-ph="1"] .pf-cp::before{scale:1 1;transition-delay:.45s}
.acc-doc .cp-r{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;height:52px;margin-bottom:6px;padding:0 14px 0 10px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px var(--hair),0 14px 24px -18px rgba(74,53,0,.38),inset 0 1px 0 #fff;opacity:0;translate:0 14px;filter:blur(3px);transition:opacity .3s ease,translate .45s var(--e2),filter .3s ease}
.acc-doc .cp-r:last-child{margin-bottom:0}
.acc-doc .cu-pf[data-ph="1"] .cp-r{opacity:1;translate:0 0;filter:none;transition:opacity .45s ease,translate .7s var(--e2),filter .45s ease;transition-delay:calc(.3s + var(--i) * .11s)}
.acc-doc .cp-b{display:flex;align-items:center;justify-content:center;gap:2px;width:38px;height:38px;border-radius:12px;background:linear-gradient(180deg,#FFFDF7,#FBF5E4);box-shadow:inset 0 0 0 1px rgba(196,165,89,.45)}
.acc-doc .cp-b img{display:block;width:15px;height:17px}
.acc-doc .cp-b.s1 img{width:20px;height:23px}
.acc-doc .cp-b.edu{background:#fff}
.acc-doc .cp-b svg{width:20px;height:20px;stroke:var(--gold-700);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.acc-doc .cp-r b{display:block;font:600 14.5px/18px Geist,sans-serif;letter-spacing:-.005em}
.acc-doc .cp-r small{display:block;margin-top:1px;font:500 12.5px/16px Geist,sans-serif;color:var(--gold-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acc-doc .cp-d{font:500 12px/16px Geist,sans-serif;color:var(--text-2);white-space:nowrap}

/* ══ 2 · Book (sombre) ══ */
.acc-doc .cu-bk{background:linear-gradient(165deg,#3A2618 0%,#2B1A10 52%,#35221A 100%);color:#fff}
.acc-doc .cu-bk::before{content:"";position:absolute;inset:0;background:radial-gradient(72% 36% at 90% 0%,rgba(214,168,116,.26),rgba(214,168,116,0) 70%),radial-gradient(60% 40% at 0% 100%,rgba(150,102,64,.24),rgba(150,102,64,0) 70%);pointer-events:none}
.acc-doc .bk-sheet{position:absolute;inset:0;transform-origin:0 50%}
.acc-doc.js .bk-sheet{opacity:0;transform:perspective(1500px) rotateY(-13deg) translateX(-16px) scale(.97);transition:transform 1.15s var(--e2),opacity .7s ease}
.acc-doc.js .cv-career.is-seen .cv-p.is-on .bk-sheet{opacity:1;transform:none}
.acc-doc .bk-top{position:absolute;left:18px;right:18px;top:16px;height:32px;display:flex;align-items:center;justify-content:space-between;font:500 13px/1 Geist,sans-serif;color:rgba(255,255,255,.74)}
.acc-doc .bk-top>span{display:inline-flex;align-items:center;gap:7px}
.acc-doc .bk-top svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.acc-doc .bk-exp{height:30px;padding:0 13px;border-radius:999px;border:1px solid rgba(255,255,255,.22);color:#fff;font:600 12px/1 Geist,sans-serif}
/* la bannière est basse et sans texte ; l'avatar chevauche son bord et le titre vit dessous, sur le fond sombre (plus de texte posé sur la photo) */
.acc-doc .bk-cover{position:absolute;left:18px;right:18px;top:58px;height:108px;border-radius:20px;overflow:hidden}
.acc-doc .bk-cover>img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;scale:1.1;transition:scale 7s var(--e2)}
.acc-doc.js .cv-career.is-seen .cv-p.is-on .bk-cover>img{scale:1.02}
.acc-doc .bk-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(43,26,16,0) 55%,rgba(43,26,16,.6) 100%)}
.acc-doc .bk-av{position:absolute;z-index:2;left:30px;top:138px;width:56px;height:56px;border-radius:50%;box-shadow:0 0 0 2.5px rgba(255,255,255,.95),0 0 0 4.5px rgba(196,165,89,.7),0 14px 22px -10px rgba(0,0,0,.7)}
.acc-doc .bk-av img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.acc-doc .bk-tt{position:absolute;left:104px;right:18px;top:174px}
.acc-doc .bk-tt small{display:block;margin-bottom:1px;font:500 12.5px/16px Geist,sans-serif;color:rgba(255,255,255,.78)}
.acc-doc .bk-tt h3{margin:0;font:italic 600 36px/1.05 "Playfair Display",Georgia,serif;letter-spacing:-.01em;color:#fff}
.acc-doc .bk-h{position:absolute;left:18px;margin:0;font:italic 600 21px/1 "Playfair Display",Georgia,serif;color:#fff}
.acc-doc .bk-h.s1{top:244px}.acc-doc .bk-h.s2{top:466px}
.acc-doc .bk-h i{display:block;width:36px;height:2px;margin-top:8px;background:var(--gold-fill);transform-origin:0 50%;transition:transform .9s var(--e2) 1s}
.acc-doc.js .bk-h i{transform:scaleX(0)}
.acc-doc.js .cv-career.is-seen .cv-p.is-on .bk-h i{transform:none}
/* signatures : un carrousel où la photo suivante dépasse ; la dernière se cale à droite (plus de vide, plus de petites vignettes qui répétaient d'autres photos) */
.acc-doc .bk-sig{position:absolute;left:18px;right:18px;top:284px;height:140px;overflow:hidden;border-radius:16px}
.acc-doc .bk-track{display:flex;gap:8px;height:100%;transform:translateX(calc(-1 * min(var(--i,0) * (76% + 8px), 128% + 16px)));transition:transform .9s var(--e2)}
.acc-doc .bk-sl{position:relative;flex:0 0 76%;margin:0;border-radius:16px;overflow:hidden}
.acc-doc .bk-sl img{width:100%;height:100%;object-fit:cover}
.acc-doc .bk-sl::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(43,26,16,0) 48%,rgba(43,26,16,.82) 100%)}
.acc-doc .bk-sl figcaption{position:absolute;z-index:2;left:14px;bottom:12px;font:italic 600 17px/1.15 "Playfair Display",Georgia,serif;color:#fff;opacity:.55;transition:opacity .5s ease}
.acc-doc .bk-sl.on figcaption{opacity:1}
.acc-doc .bk-car{position:absolute;left:18px;right:18px;top:432px;height:18px;display:flex;align-items:center;gap:6px;font:500 12px/18px Geist,sans-serif;color:rgba(255,255,255,.7)}
.acc-doc .bk-car span{margin-right:auto}
.acc-doc .bk-car em{font-style:normal;color:#fff}
.acc-doc .bk-car i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.28);transition:background .4s,width .4s var(--e2)}
.acc-doc .bk-car i.on{width:18px;border-radius:99px;background:var(--g1)}
.acc-doc .bk-col{position:absolute;left:18px;right:18px;top:506px;height:88px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.acc-doc .bk-col figure{position:relative;margin:0;display:grid;grid-template-columns:1.55fr 1fr;gap:3px;border-radius:16px;overflow:hidden;background:#1E140D}
.acc-doc .bk-col .m,.acc-doc .bk-col .s{min-height:0;overflow:hidden}
.acc-doc .bk-col img{width:100%;height:100%;object-fit:cover}
.acc-doc .bk-col figure::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(43,26,16,.82) 0%,rgba(43,26,16,0) 62%);pointer-events:none}
.acc-doc .bk-col figcaption{position:absolute;z-index:2;left:11px;bottom:9px;max-width:52%;font:600 12.5px/15px Geist,sans-serif;color:#fff}
.acc-doc .bk-col small{display:block;font:400 11px/14px Geist,sans-serif;color:rgba(255,255,255,.78)}

/* ══ 3 · Monétiser : jobs / extras / missions ══ */
.acc-doc .cu-wk{background:linear-gradient(180deg,#FFFDF9 0%,#fff 36%)}
.acc-doc .wk-h{position:absolute;left:24px;right:24px;top:26px;margin:0;font:600 27px/1.1 "Playfair Display",Georgia,serif;letter-spacing:-.012em}
.acc-doc .wk-sub{position:absolute;left:24px;right:24px;top:64px;height:20px;font:400 14px/20px Geist,sans-serif;color:var(--text-2)}
.acc-doc .wk-sub span{position:absolute;left:0;top:0;opacity:0;translate:0 6px;transition:opacity .4s ease,translate .6s var(--e2)}
.acc-doc .wk-sub span.on{opacity:1;translate:0 0}
.acc-doc .wk-seg{position:absolute;left:24px;right:24px;top:100px;height:52px;padding:5px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px var(--hair),0 16px 28px -20px rgba(74,53,0,.42),inset 0 1px 0 #fff;display:grid;grid-template-columns:repeat(3,1fr)}
.acc-doc .wk-seg span{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:7px;font:600 14.5px/1 Geist,sans-serif;color:var(--text-2);cursor:pointer;transition:color .3s}
.acc-doc .wk-seg span.on{color:#2A2110}
.acc-doc .wk-seg svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.acc-doc .wk-ind{position:absolute;left:5px;top:5px;bottom:5px;width:calc((100% - 10px) / 3);border-radius:999px;background:var(--gold-fill);box-shadow:0 12px 20px -8px rgba(138,107,31,.72),inset 0 1px 0 rgba(255,255,255,.55);transition:transform .75s var(--e)}
.acc-doc .cu-wk[data-ph="1"] .wk-ind{transform:translateX(100%)}
.acc-doc .cu-wk[data-ph="2"] .wk-ind{transform:translateX(200%)}
.acc-doc .wk-stage{position:absolute;left:24px;right:24px;top:174px;height:424px}
.acc-doc .wk-panel.fade{-webkit-mask-image:linear-gradient(180deg,#000 80%,transparent 100%);mask-image:linear-gradient(180deg,#000 80%,transparent 100%)}
.acc-doc .wk-panel{position:absolute;inset:0;opacity:0;visibility:hidden;translate:26px 0;transition:opacity .4s ease,translate .7s var(--e2),visibility 0s .4s}
.acc-doc .wk-panel.past{translate:-26px 0}
.acc-doc .wk-panel.on{opacity:1;visibility:visible;translate:0 0;transition-delay:.12s,.12s,0s}
.acc-doc .wk-card{position:relative;padding:16px;border-radius:24px;background:#fff;box-shadow:0 0 0 1px var(--hair),0 24px 38px -26px rgba(74,53,0,.48),inset 0 1px 0 #fff}
.acc-doc .wk-row{display:flex;align-items:center;gap:14px}
.acc-doc .wk-row b{display:block;font:600 18px/24px Geist,sans-serif;letter-spacing:-.01em}
.acc-doc .wk-row small{display:block;font:500 14px/20px Geist,sans-serif;color:var(--gold-700)}
.acc-doc .wk-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.acc-doc .wk-btn{display:flex;align-items:center;justify-content:center;height:46px;margin-top:16px;border-radius:999px;background:var(--gold-fill);font:700 13.5px/1 Geist,sans-serif;color:#2A2110;box-shadow:0 16px 26px -14px rgba(138,107,31,.7),inset 0 1px 0 rgba(255,255,255,.5)}
.acc-doc .wk-btn.o{background:#fff;box-shadow:inset 0 0 0 1.5px var(--g1);color:#5E4710}
.acc-doc .wk-peek{margin-top:14px;padding:13px 16px;scale:.97;opacity:.9}
.acc-doc .wk-peek .wk-row b{font-size:16px;line-height:22px}
.acc-doc .wk-peek .ring{width:44px;height:44px}.acc-doc .wk-peek .ring::before{inset:4px}.acc-doc .wk-peek .ring b{font-size:11.5px}
.acc-doc .wk-peek.p2{margin-top:12px;scale:.94;opacity:.6}
.acc-doc .wk-peek.p3{margin-top:12px;scale:.91;opacity:.36}
.acc-doc .wk-avail{display:flex;align-items:center;gap:14px;padding:16px 18px}
.acc-doc .wk-avail b{display:block;font:600 17px/22px Geist,sans-serif}
.acc-doc .wk-avail small{display:block;margin-top:2px;font:400 13px/18px Geist,sans-serif;color:var(--text-2)}
.acc-doc .tg{flex:none;margin-left:auto;position:relative;width:54px;height:32px;border-radius:999px;background:#E9E1CC;transition:background .5s ease}
.acc-doc .tg i{position:absolute;left:3px;top:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 4px 10px rgba(74,53,0,.3);transition:transform .6s var(--e)}
.acc-doc .wk-panel.on .tg{background:var(--gold-fill);transition-delay:.6s}
.acc-doc .wk-panel.on .tg i{transform:translateX(22px);transition-delay:.6s}
.acc-doc .wk-week{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:12px 0}
.acc-doc .wk-week span{display:grid;justify-items:center;gap:7px;padding:10px 0 9px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px rgba(196,165,89,.3);font:600 13px/1 Geist,sans-serif;color:var(--text-2);transition:background .5s ease,color .5s ease,box-shadow .5s ease}
.acc-doc .wk-week span i{width:6px;height:6px;border-radius:50%;background:rgba(196,165,89,.35);transition:background .5s}
.acc-doc .wk-panel.on .wk-week span.on{background:var(--gold-fill);color:#2A2110;box-shadow:0 12px 18px -10px rgba(138,107,31,.7);transition-delay:.9s}
.acc-doc .wk-panel.on .wk-week span.on i{background:#2A2110;transition-delay:.9s}
.acc-doc .wk-main.ex{margin-top:0}
.acc-doc .wk-ms{padding:20px 20px 18px}
.acc-doc .wk-mh b{display:block;font:600 22px/28px Geist,sans-serif;letter-spacing:-.015em}
.acc-doc .wk-mh small{display:block;margin-top:2px;font:500 14px/20px Geist,sans-serif;color:var(--gold-700)}
.acc-doc .wk-pills{display:flex;gap:6px;margin-top:16px;padding:4px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(196,165,89,.4)}
.acc-doc .wk-pills span{flex:1;display:grid;place-items:center;height:36px;border-radius:999px;font:600 13px/1 Geist,sans-serif;color:var(--text-2);transition:background .5s ease,color .5s ease,box-shadow .5s ease}
.acc-doc .wk-pills span.on{background:var(--gold-fill);color:#2A2110;box-shadow:0 10px 16px -8px rgba(138,107,31,.7)}
.acc-doc .wk-fee{display:flex;align-items:center;gap:12px;margin-top:14px;padding:14px 16px;border-radius:20px;background:linear-gradient(180deg,#FFFDF7,#FBF5E4);box-shadow:inset 0 0 0 1px rgba(196,165,89,.35)}
.acc-doc .wk-fee small{display:block;font:500 12.5px/16px Geist,sans-serif;color:var(--text-2)}
.acc-doc .wk-fee strong{display:block;margin-top:2px;font:600 40px/1.05 "Playfair Display",Georgia,serif;letter-spacing:-.02em;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1,"tnum" 1}
.acc-doc .wk-fee .c{margin-left:auto}
.acc-doc .wk-dl{margin:12px 0 0;display:grid;gap:0}
.acc-doc .wk-dl>div{display:flex;align-items:baseline;gap:10px;padding:11px 2px;border-top:1px solid rgba(196,165,89,.25)}
.acc-doc .wk-dl dt{font:500 13.5px/18px Geist,sans-serif;color:var(--text-2)}
.acc-doc .wk-dl dd{margin:0 0 0 auto;font:600 14px/18px Geist,sans-serif}

/* ══ 4 · Opportunités : partagé (pastille Auguste, « Best match », lien) ══ */
.acc-doc .cu-op{background:linear-gradient(180deg,#FFFDF9 0%,#fff 30%)}
.acc-doc .op-top{position:absolute;left:20px;right:20px;top:22px}
.acc-doc .op-au{display:inline-flex;align-items:center;gap:10px;padding:5px 17px 5px 5px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px var(--hair),0 16px 26px -18px rgba(74,53,0,.45);font:500 13.5px/1 Geist,sans-serif}
.acc-doc .op-au img{width:30px;height:30px;border-radius:50%;object-fit:cover;object-position:50% 14%;background:radial-gradient(circle at 50% 30%,#8A6244,#2A1B12);box-shadow:0 0 0 2px rgba(196,165,89,.55)}
.acc-doc .op-au b{font-weight:700}
.acc-doc .op-best{position:absolute;z-index:2;left:14px;top:14px;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 13px 0 9px;border-radius:999px;background:var(--gold-fill);font:700 11.5px/1 Geist,sans-serif;color:#2A2110;box-shadow:0 10px 16px -8px rgba(0,0,0,.5)}
.acc-doc .op-best svg{width:13px;height:13px;stroke:#2A2110;fill:#2A2110;stroke-width:1.4;stroke-linejoin:round}
.acc-doc .op-more{position:absolute;left:20px;right:20px;top:560px;display:flex;align-items:center;justify-content:center;gap:8px;height:36px;font:600 14px/1 Geist,sans-serif;color:var(--gold-700)}
.acc-doc .op-more svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ══ 4 · Opportunités : trois mondes (panneaux photo qui s'ouvrent) — choix de Kevin ══ */
.acc-doc .cu-ob{background:linear-gradient(180deg,#FFFDF9 0%,#fff 30%)}
.acc-doc .ob-wrap{position:absolute;left:16px;right:16px;top:178px;height:426px;display:flex;gap:8px}
.acc-doc .ob-p{position:relative;flex:1 1 0;min-width:0;border-radius:26px;overflow:hidden;cursor:pointer;box-shadow:0 26px 38px -26px rgba(74,53,0,.65);transition:flex-grow .95s var(--e)}
.acc-doc .ob-p.on{flex-grow:3.3}
.acc-doc .ob-p>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;scale:1.1;filter:saturate(.85) brightness(.86);transition:scale 1.5s var(--e2),filter .8s ease}
.acc-doc .ob-p.on>img{scale:1;filter:none}
.acc-doc .ob-p::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,10,4,.34) 0%,rgba(14,10,4,0) 26%,rgba(14,10,4,.55) 52%,rgba(14,10,4,.94) 100%)}
.acc-doc .ob-p .ring.glass{position:absolute;z-index:3;right:14px;top:14px;margin:0;opacity:0;scale:.8;transition:opacity .4s ease,scale .6s var(--e),--m 1.4s var(--e2)}
.acc-doc .ob-p.on .ring.glass{opacity:1;scale:1;transition-delay:.45s}
.acc-doc .ob-best{opacity:0;transition:opacity .4s ease}
.acc-doc .ob-p.on .ob-best{opacity:1;transition-delay:.4s}
.acc-doc .ob-vl{position:absolute;z-index:2;left:0;right:0;bottom:20px;display:flex;flex-direction:column;align-items:center;gap:14px;color:#fff;transition:opacity .35s ease}
.acc-doc .ob-vl i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--gold-fill);box-shadow:0 10px 16px -8px rgba(0,0,0,.6);transition:scale .4s var(--e)}
.acc-doc .ob-vl i svg{width:18px;height:18px;stroke:#2A2110;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.acc-doc .ob-vl em{writing-mode:vertical-rl;transform:rotate(180deg);font:600 14px/1 Geist,sans-serif;font-style:normal;letter-spacing:.03em;white-space:nowrap}
.acc-doc .ob-p.on .ob-vl{opacity:0}
.acc-doc .ob-body{position:absolute;z-index:2;left:16px;right:16px;bottom:16px;color:#fff;opacity:0;translate:0 14px;transition:opacity .45s ease,translate .8s var(--e2)}
.acc-doc .ob-p.on .ob-body{opacity:1;translate:0 0;transition-delay:.4s}
/* le titre ne passe jamais à la ligne : 24 px sur un canevas de 440 px, 21,5 px sur 380 px (le panneau ouvert y mesure 175 px de texte) */
.acc-doc .ob-role{display:block;font:600 24px/28px Geist,sans-serif;font-size:calc(5.65px + var(--cwn,440) * .0417px);letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acc-doc .ob-body small{display:block;margin:2px 0 10px;font:500 14px/20px Geist,sans-serif;color:rgba(255,255,255,.9)}
/* page française : les intitulés sont plus longs (« Sous-chef pâtissier ») : même place, taille réduite d'un sixième (le titre reste sur une ligne) */
.acc-doc :lang(fr) .ob-role{font-size:calc((5.65px + var(--cwn,440) * .0417px) * .84)}
.acc-doc .ob-rows{display:grid;gap:8px;margin-top:14px}
.acc-doc .ob-rows>div{display:flex;align-items:center;justify-content:space-between;gap:10px;height:42px;padding:0 14px;border-radius:15px;background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);font:600 13.5px/1 Geist,sans-serif}
.acc-doc .ob-rows span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acc-doc .ob-rows b{color:#F4E4B2;font-weight:700}
.acc-doc .ob-p:not(.on):hover>img{scale:1.05;filter:saturate(.95) brightness(.96)}
.acc-doc .ob-p:not(.on):hover .ob-vl i{scale:1.08}

/* ── la bulle d'Auguste : il a trouvé le poste et propose de postuler ; trois états (data-s) : typing · ask · sent / later ── */
.acc-doc .au-b{position:absolute;left:16px;right:16px;top:16px;height:152px;display:flex;align-items:flex-start;gap:10px}
.acc-doc .au-bav{position:relative;flex:none;width:46px;height:46px;margin-top:2px}
.acc-doc .au-bav img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:50% 14%;background:radial-gradient(circle at 50% 30%,#8A6244,#2A1B12);box-shadow:0 0 0 2px #fff,0 0 0 3.5px rgba(196,165,89,.7),0 12px 20px -10px rgba(74,53,0,.6)}
.acc-doc .au-bav i{position:absolute;right:-1px;bottom:0;width:12px;height:12px;border-radius:50%;background:#1E9E62;box-shadow:0 0 0 2.5px #fff}
.acc-doc .au-bm{position:relative;align-self:stretch;flex:1;min-width:0;display:flex;flex-direction:column;padding:11px 14px 12px;border-radius:7px 22px 22px 22px;background:#fff;box-shadow:0 0 0 1px var(--hair),0 24px 36px -26px rgba(74,53,0,.55)}
.acc-doc .au-bh{display:flex;align-items:baseline;gap:6px;font:600 13.5px/18px Geist,sans-serif}
.acc-doc .au-bh span{font-weight:500;color:var(--gold-700)}
.acc-doc .au-bt{position:relative;margin-top:3px;min-height:60px}
.acc-doc .au-bt p{margin:0;font:400 14.5px/20px Geist,sans-serif;text-wrap:pretty;color:var(--ink);transition:opacity .35s ease,translate .55s var(--e2)}
.acc-doc .au-dots{position:absolute;left:0;top:7px;display:flex;gap:5px;opacity:0;transition:opacity .25s ease}
.acc-doc .au-dots i{width:7px;height:7px;border-radius:50%;background:var(--g1)}
.acc-doc .au-b[data-s="typing"] .au-dots{opacity:1}
.acc-doc .au-b[data-s="typing"] .au-dots i{animation:auDot 1s ease-in-out infinite}
.acc-doc .au-b[data-s="typing"] .au-dots i:nth-child(2){animation-delay:.15s}
.acc-doc .au-b[data-s="typing"] .au-dots i:nth-child(3){animation-delay:.3s}
@keyframes auDot{0%,60%,100%{translate:0 0;opacity:.4}30%{translate:0 -4px;opacity:1}}
.acc-doc .au-b[data-s="typing"] .au-bt p{opacity:0;translate:0 6px;transition-duration:.12s}
.acc-doc .au-ba{position:relative;margin-top:auto;height:34px;display:flex;align-items:center;gap:8px}
.acc-doc .au-ba>span{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:34px;border-radius:999px;font:700 13px/1 Geist,sans-serif;white-space:nowrap;cursor:pointer;opacity:0;translate:0 5px;pointer-events:none;transition:opacity .3s ease,translate .5s var(--e2),scale .18s ease,box-shadow .25s ease,filter .2s ease}
.acc-doc .au-go{padding:0 18px;background:var(--gold-fill);color:#2A2110;box-shadow:0 12px 18px -10px rgba(138,107,31,.72),inset 0 1px 0 rgba(255,255,255,.55)}
.acc-doc .au-no{padding:0 15px;background:#fff;color:#5E4710;font-weight:600!important;box-shadow:inset 0 0 0 1.5px rgba(196,165,89,.55)}
.acc-doc .au-ok,.acc-doc .au-wt{position:absolute;left:0;top:0;padding:0 14px 0 11px;cursor:default!important}
.acc-doc .au-ok{background:rgba(30,158,98,.1);color:#176B44;box-shadow:inset 0 0 0 1.5px rgba(30,158,98,.4)}
.acc-doc .au-wt{background:#fff;color:#5E4710;box-shadow:inset 0 0 0 1.5px rgba(196,165,89,.55)}
.acc-doc .au-ok svg,.acc-doc .au-wt svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.acc-doc .au-b[data-s="ask"] .au-go,.acc-doc .au-b[data-s="ask"] .au-no,.acc-doc .au-b[data-s="sent"] .au-ok,.acc-doc .au-b[data-s="later"] .au-wt{opacity:1;translate:0 0;pointer-events:auto}
.acc-doc .au-b[data-s="ask"] .au-no{transition-delay:.08s}
.acc-doc .au-b[data-s="ask"] .au-go:hover{filter:brightness(1.05) saturate(1.05);translate:0 -1px}
.acc-doc .au-b[data-s="ask"] .au-no:hover{box-shadow:inset 0 0 0 1.5px var(--g1)}
.acc-doc .au-b[data-s="ask"] .au-go:active,.acc-doc .au-go.press{scale:.94;box-shadow:0 0 0 7px rgba(196,165,89,.3),0 12px 18px -10px rgba(138,107,31,.72),inset 0 1px 0 rgba(255,255,255,.55)}

/* ── petits écrans : la carte juste sous le titre, la liste dessous (on voit l'effet de chaque clic) ; valable aussi pour « Recruitment reinvented » ── */
@media (max-width:1000px){
  .acc-doc .cv .cv-in{row-gap:24px}
  .acc-doc .cv .cv-copy{display:contents;padding-top:0}
  .acc-doc .cv .cv-h{order:1}
  .acc-doc .cv .cv-orb{order:2;width:100%;max-width:none;margin-inline:auto}
  .acc-doc .cv .cv-list{order:3;margin:0}
  .acc-doc .cv .cv-copy>.btn{order:4;justify-self:start}
  .acc-doc .cv-career .cv-card{width:min(452px,100%)}
}
@media (max-width:640px){
  .acc-doc .cv-career .cv-it{grid-template-columns:auto minmax(0,1fr)}
  .acc-doc .cv-career .cv-t{font-size:16.5px;line-height:23px}
  .acc-doc .cv-career .cv-dsc>span{font-size:14px;line-height:21px}
  .acc-doc .cv-career .cv-card{border-radius:28px}
}

/* ── mouvement réduit : tout est visible et immobile ── */
@media (prefers-reduced-motion:reduce){
  .acc-doc .cu-a,.acc-doc.js .cu-a{opacity:1;transform:none;filter:none;transition:none}
  .acc-doc .pf-av{--r:100;opacity:1;transform:none;transition:none}
  .acc-doc .pf-cover img,.acc-doc .bk-cover>img,.acc-doc .ob-p>img{opacity:1;scale:1;transition:none}
  .acc-doc .bk-sheet,.acc-doc.js .bk-sheet{opacity:1;transform:none;transition:none}
  .acc-doc .bk-track,.acc-doc .bk-sl figcaption{transition:none}
  .acc-doc .pf-ind{clip-path:inset(0);transition:none}
  .acc-doc .bk-h i{transform:none;transition:none}
  .acc-doc .pf-st,.acc-doc .pf-grid,.acc-doc .pf-cp,.acc-doc .pf-cp::before,.acc-doc .cp-r,.acc-doc .pf-tabs em,.acc-doc .pf-tabs span{transition:none}
  .acc-doc .pf-cta .sh{display:none}
  .acc-doc .wk-panel,.acc-doc .ob-p,.acc-doc .ob-p *,.acc-doc .wk-sub span,.acc-doc .cv-career .cv-dsc{transition:none}
  .acc-doc .wk-ind{transition:none}
  .acc-doc .au-b *{transition:none!important;animation:none!important}
  .acc-doc .ring{--m:var(--v);transition:none}
  .acc-doc .wk-panel.on .tg{background:var(--gold-fill)}.acc-doc .wk-panel.on .tg i{transform:translateX(22px)}
  .acc-doc .cu-par{translate:none!important}
  .acc-doc .cv-career .cv-p.cu.is-on{animation:none}
  .acc-doc .cv-career .cv-card{transform:none;transition:none}
  .acc-doc .cv-career .cv-it .fil{transition:none}
}
/* contraste élevé : les contours en box-shadow disparaissent, on les remplace par de vraies bordures */
@media (forced-colors:active){
  .acc-doc .cv-career .cv-it,.acc-doc .cv .btn-gold{border:1px solid ButtonText}
  .acc-doc .cv-career .cv-it.is-on{border-width:3px}
  .acc-doc .cv-career .cv-it .fil rect{stroke:Highlight}
  .acc-doc .au-bm,.acc-doc .au-go,.acc-doc .au-no,.acc-doc .au-ok,.acc-doc .au-wt{border:1px solid CanvasText}
}

/* ══════════════════════════════════════════════════════════════════════════════════════════════════
   « Recruitment reinvented » — propositions A (pipeline) · B (Auguste) · C (poste de pilotage)
   Réutilise le moteur de « Your career… » (.cv-career, .cu, .cu-a, canevas 440 x 620, iris, filet doré) et ses pièces (.wk-card, .wk-seg, .ring, .c, .tg, .vbadge).
   ══════════════════════════════════════════════════════════════════════════════════════════════════ */
.acc-doc .cv[hidden]{display:none!important}

/* durées par écran (le filet doré de la liste de droite) */
.acc-doc .cv-rv[data-rv="a"] .cv-it:nth-child(1){--cvdur:6.6s}
.acc-doc .cv-rv[data-rv="a"] .cv-it:nth-child(2){--cvdur:6.8s}
.acc-doc .cv-rv[data-rv="a"] .cv-it:nth-child(3){--cvdur:7.6s}
.acc-doc .cv-rv[data-rv="a"] .cv-it:nth-child(4){--cvdur:7.2s}
.acc-doc .cv-rv[data-rv="a"] .cv-it:nth-child(5){--cvdur:7s}
.acc-doc .cv-rv[data-rv="b"] .cv-it:nth-child(1){--cvdur:8.4s}
.acc-doc .cv-rv[data-rv="b"] .cv-it:nth-child(2){--cvdur:8s}
.acc-doc .cv-rv[data-rv="b"] .cv-it:nth-child(3){--cvdur:9s}
.acc-doc .cv-rv[data-rv="b"] .cv-it:nth-child(4){--cvdur:8.6s}
.acc-doc .cv-rv[data-rv="b"] .cv-it:nth-child(5){--cvdur:8.4s}
.acc-doc .cv-rv[data-rv="d"] .cv-it:nth-child(1){--cvdur:10.8s}
.acc-doc .cv-rv[data-rv="d"] .cv-it:nth-child(2){--cvdur:9.4s}
.acc-doc .cv-rv[data-rv="d"] .cv-it:nth-child(3){--cvdur:9s}
.acc-doc .cv-rv[data-rv="d"] .cv-it:nth-child(4){--cvdur:6.6s}
.acc-doc .cv-rv[data-rv="c"] .cv-it:nth-child(n){--cvdur:4.6s}
.acc-doc .cv-rv[data-rv="c"] .cv-it:nth-child(4){--cvdur:5.4s}

/* le canevas : un fond chaud en haut, le contenu dans .rv-body (A : décalé de 34 px ; B : sous la barre de commande ; C : plein) */
.acc-doc .cu-rv{background:linear-gradient(180deg,#FFFDF9 0%,#fff 28%)}
.acc-doc .rv-body{position:absolute;left:0;right:0;top:46px;bottom:0}
.acc-doc .cu-rv.has-cmd .rv-body{top:82px}
.acc-doc .rv-body.rv-full{top:0}

/* barre de commande d'Auguste (B) : la phrase se tape, Auguste « réfléchit », puis l'écran se construit */
.acc-doc .rv-cmd{position:absolute;left:16px;right:16px;top:16px;height:52px;display:flex;align-items:center;gap:10px;padding:0 16px 0 6px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px var(--hair),0 18px 28px -20px rgba(74,53,0,.5)}
.acc-doc .rv-ca,.acc-doc .rv-aa{flex:none;width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:50% 14%;background:radial-gradient(circle at 50% 30%,#8A6244,#2A1B12);box-shadow:0 0 0 2px rgba(196,165,89,.55)}
.acc-doc .rv-ct{flex:1;min-width:0;font:500 13.5px/18px Geist,sans-serif;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acc-doc .rv-ct em{font-style:normal}
.acc-doc .rv-cur{display:inline-block;width:1.5px;height:15px;margin-left:2px;vertical-align:-3px;background:var(--gold-500);animation:rvblink 1s steps(1) 6}
@keyframes rvblink{50%{opacity:0}}
.acc-doc .rv-dots{display:flex;gap:4px;flex:none}
.acc-doc .rv-dots i{width:6px;height:6px;border-radius:50%;background:var(--g1);animation:auDot 1s ease-in-out infinite;animation-play-state:paused}
.acc-doc .rv-dots i:nth-child(2){animation-delay:.15s}.acc-doc .rv-dots i:nth-child(3){animation-delay:.3s}
.acc-doc .rv-cmd .rv-dots{opacity:0;transition:opacity .3s}
.acc-doc .cu-rv.is-run .rv-cmd .rv-dots{opacity:1}
.acc-doc .cu-rv.is-run .rv-dots i{animation-play-state:running}

/* en-tête commun */
.acc-doc .rv-hd{position:absolute;left:20px;right:20px;top:0;height:44px;display:flex;align-items:center;gap:12px}
.acc-doc .rv-hd>div{min-width:0;flex:1}
.acc-doc .rv-ic{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:14px;background:var(--gold-fill);box-shadow:0 12px 20px -10px rgba(138,107,31,.7),inset 0 1px 0 rgba(255,255,255,.5)}
.acc-doc .rv-ic svg{width:22px;height:22px;stroke:#2A2110;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.acc-doc .rv-ic.s{width:34px;height:34px;border-radius:11px}.acc-doc .rv-ic.s svg{width:18px;height:18px}
.acc-doc .rv-hd b{display:block;font:600 16px/20px Geist,sans-serif;letter-spacing:-.01em}
.acc-doc .rv-hd small{display:block;font:400 12.5px/16px Geist,sans-serif;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acc-doc .rv-pill{flex:none;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px rgba(196,165,89,.45);font:600 12px/1 Geist,sans-serif;color:#5E4710;white-space:nowrap}
.acc-doc .rv-pill.ok i,.acc-doc .rv-live i,.acc-doc .rv-dot{width:7px;height:7px;border-radius:50%;background:#1E9E62;box-shadow:0 0 0 3px rgba(30,158,98,.16)}
.acc-doc .rv-dot{display:inline-block;margin-right:8px;vertical-align:1px}
.acc-doc .rv-oh{display:flex;align-items:center;justify-content:space-between;gap:10px}
.acc-doc .rv-oh b{font:600 16px/22px Geist,sans-serif;letter-spacing:-.01em}
.acc-doc .rv-oh small{font:400 12.5px/16px Geist,sans-serif;color:var(--text-2)}
.acc-doc .rv-live{display:inline-flex;align-items:center;gap:7px;font:600 12.5px/1 Geist,sans-serif;color:#176B44}

/* ══ 1 · la boîte mail ══ */
.acc-doc .rv-mails{position:absolute;left:20px;right:20px;top:58px;height:244px;display:grid;grid-auto-rows:44px;gap:6px}
.acc-doc .rv-m{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:0 10px;border-radius:15px;background:#fff;box-shadow:0 0 0 1px var(--hair),0 10px 18px -16px rgba(74,53,0,.35);transition:opacity .6s ease,scale .6s var(--e2)}
.acc-doc .rv-m img{width:34px;height:34px;border-radius:50%;object-fit:cover}
.acc-doc .rv-m b{display:block;font:600 13.5px/17px Geist,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acc-doc .rv-m small{display:block;font:400 11.5px/14px Geist,sans-serif;color:var(--text-2)}
.acc-doc .rv-clip svg{display:block;width:16px;height:16px;stroke:var(--gold-600);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.acc-doc .rv-tag{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;font:600 11.5px/1 Geist,sans-serif;white-space:nowrap;opacity:0;scale:.8;transition:opacity .3s ease,scale .45s var(--e)}
.acc-doc .rv-m.is-tag .rv-tag{opacity:1;scale:1}
.acc-doc .rv-tag.t0{background:var(--gold-fill);color:#2A2110}
.acc-doc .rv-tag.t1{background:#fff;box-shadow:inset 0 0 0 1.5px var(--g1);color:#5E4710}
.acc-doc .rv-tag.t2{background:linear-gradient(135deg,#8E6E1E,#6F5314);color:#fff}
.acc-doc .rv-scan{position:absolute;left:-4px;right:-4px;top:-3px;height:50px;border-radius:17px;pointer-events:none;opacity:0;box-shadow:0 0 0 1.5px var(--g1),0 0 26px rgba(196,165,89,.5);background:linear-gradient(180deg,rgba(255,238,184,.32),rgba(255,238,184,0))}
.acc-doc .cu-inb.is-scan .rv-scan{animation:rvscan 1.9s linear forwards}
@keyframes rvscan{0%{opacity:0;transform:translateY(0)}8%{opacity:1}92%{opacity:1}100%{opacity:0;transform:translateY(var(--sy,200px))}}
.acc-doc .cu-inb.is-sorted .rv-m{opacity:.5!important;scale:.985}
.acc-doc .rv-bks{position:absolute;left:20px;right:20px;top:318px;height:148px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.acc-doc .rv-bk{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:12px 11px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--hair),0 20px 30px -24px rgba(74,53,0,.45);opacity:0;translate:0 18px;transition:opacity .45s ease,translate .7s var(--e2);transition-delay:calc(var(--i) * .12s)}
.acc-doc .rv-bk:first-child{box-shadow:0 0 0 1.5px var(--g1),0 24px 34px -24px rgba(110,88,44,.55)}
.acc-doc .cu-inb.is-sorted .rv-bk{opacity:1;translate:0 0}
.acc-doc .rv-bk small{display:block;min-height:32px;font:600 12.5px/16px Geist,sans-serif;color:#5E4710}
.acc-doc .rv-bk em{font:600 40px/1 "Playfair Display",Georgia,serif;font-style:normal;letter-spacing:-.02em;font-variant-numeric:lining-nums tabular-nums}
.acc-doc .rv-avs{display:flex}
.acc-doc .rv-avs img{width:28px;height:28px;border-radius:50%;border:2px solid #fff;margin-left:-8px;object-fit:cover;scale:.4;opacity:0;transition:scale .45s var(--e),opacity .3s ease;transition-delay:calc(.5s + var(--j,0) * .1s)}
.acc-doc .rv-avs img:first-child{margin-left:0}
.acc-doc .cu-inb.is-sorted .rv-avs img,.acc-doc .cu-rv6 .rv-avs img{scale:1;opacity:1}
.acc-doc .rv-foot{position:absolute;left:20px;right:20px;top:482px;height:40px;display:flex;align-items:center;gap:10px;opacity:0;translate:0 10px;transition:opacity .5s ease,translate .6s var(--e2)}
.acc-doc .cu-inb.is-done .rv-foot{opacity:1;translate:0 0}
.acc-doc .rv-ck{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:linear-gradient(180deg,#3FCB8B,#1E9E62);box-shadow:0 8px 14px -6px rgba(30,158,98,.6)}
.acc-doc .rv-ck svg{width:14px;height:14px;stroke:#fff;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.acc-doc .rv-foot b{font:600 13.5px/18px Geist,sans-serif}
.acc-doc .rv-foot small{margin-left:auto;font:500 12px/16px Geist,sans-serif;color:var(--gold-700);white-space:nowrap}

/* ══ 2 · offres et campagnes ══ */
.acc-doc .rv-me{position:absolute;right:20px;top:0;max-width:80%;padding:12px 16px;border-radius:20px 20px 6px 20px;background:var(--ink);color:#fff;font:500 14px/20px Geist,sans-serif}
.acc-doc .rv-au{position:absolute;left:20px;right:20px;top:72px;display:flex;align-items:flex-start;gap:10px}
.acc-doc .cu-rv2.has-cmd .rv-au{top:0}
.acc-doc .rv-bub{flex:1;min-width:0;padding:10px 14px 11px;border-radius:6px 20px 20px 20px;background:#fff;box-shadow:0 0 0 1px var(--hair),0 22px 34px -26px rgba(74,53,0,.5)}
.acc-doc .rv-bub b{display:block;font:600 13px/18px Geist,sans-serif}
.acc-doc .rv-bt{position:relative;min-height:40px}
.acc-doc .rv-bt p{margin:2px 0 0;font:400 14px/20px Geist,sans-serif;transition:opacity .35s ease,translate .5s var(--e2)}
.acc-doc .rv-bt .rv-dots{position:absolute;left:0;top:9px;opacity:0;transition:opacity .25s ease}
.acc-doc .cu-rv2.is-typing .rv-bt .rv-dots{opacity:1}
.acc-doc .cu-rv2.is-typing .rv-bt p{opacity:0;translate:0 6px}
.acc-doc .rv-offer{position:absolute;left:20px;right:20px;top:160px;height:184px;padding:14px 16px}
.acc-doc .cu-rv2.has-cmd .rv-offer{top:92px}
.acc-doc .rv-offer>small{display:block;margin-top:2px;font:500 12.5px/16px Geist,sans-serif;color:var(--gold-700)}
.acc-doc .rv-lines{display:grid;gap:7px;margin-top:12px}
.acc-doc .rv-lines i{display:block;height:7px;border-radius:4px;background:#F1E9D3;transform-origin:0 50%;scale:0 1;transition:scale .7s var(--e2)}
.acc-doc .rv-lines i:nth-child(2){transition-delay:.15s;width:88%}.acc-doc .rv-lines i.s{transition-delay:.3s;width:62%}
.acc-doc .cu-rv2.is-draft .rv-lines i{scale:1 1}
.acc-doc .rv-offer .wk-chips{margin-top:12px}
.acc-doc .rv-pub{height:38px;margin-top:12px;font-size:13px}
.acc-doc .rv-pub.press,.acc-doc .rv-sgb .wk-btn.press{scale:.95;box-shadow:0 0 0 7px rgba(196,165,89,.3),0 16px 26px -14px rgba(138,107,31,.7),inset 0 1px 0 rgba(255,255,255,.5)}
.acc-doc .rv-chan{position:absolute;left:20px;right:20px;top:358px;display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.acc-doc .cu-rv2.has-cmd .rv-chan{top:290px}
.acc-doc .rv-chi{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--gold-fill);box-shadow:0 8px 14px -8px rgba(138,107,31,.7)}
.acc-doc .rv-chi svg{width:15px;height:15px;stroke:#2A2110;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.acc-doc .rv-ch{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px 0 7px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px rgba(196,165,89,.45);font:600 12px/1 Geist,sans-serif;color:#5E4710;opacity:.35;transition:opacity .4s ease,box-shadow .4s ease}
.acc-doc .rv-ch svg{width:15px;height:15px;padding:2px;border-radius:50%;stroke:#fff;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;background:rgba(196,165,89,.5);transition:background .4s ease}
.acc-doc .rv-ch.on{opacity:1;box-shadow:inset 0 0 0 1px rgba(30,158,98,.45)}
.acc-doc .rv-ch.on svg{background:linear-gradient(180deg,#3FCB8B,#1E9E62)}
.acc-doc .rv-camp{position:absolute;left:20px;right:20px;top:408px;height:112px;padding:14px 16px;opacity:0;translate:0 14px;transition:opacity .5s ease,translate .7s var(--e2)}
.acc-doc .cu-rv2.has-cmd .rv-camp{top:346px}
.acc-doc .cu-rv2.is-camp .rv-camp{opacity:1;translate:0 0}
.acc-doc .rv-roles{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.acc-doc .rv-roles span{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;border-radius:999px;background:rgba(196,165,89,.14);font:600 12px/1 Geist,sans-serif;color:#5E4710}
.acc-doc .rv-roles span::before{content:"";width:6px;height:6px;border-radius:50%;background:#1E9E62}
.acc-doc .rv-roles.s span{height:24px;padding:0 9px;font-size:11px}

/* ══ 3 · matching, comparaison, shortlist (la mécanique de « Monetize » : un contrôle segmenté, trois panneaux) ══ */
.acc-doc .cu-rv3 .wk-h{top:0;left:20px;right:20px;font-size:25px}
.acc-doc .cu-rv3 .wk-sub{top:36px;left:20px;right:20px}
.acc-doc .cu-rv3 .wk-seg{top:66px;left:20px;right:20px;height:46px}
.acc-doc .cu-rv3 .wk-stage{top:126px;left:20px;right:20px;height:400px}
.acc-doc .cu-rv3[data-ph="1"] .wk-ind{transform:translateX(100%)}
.acc-doc .cu-rv3[data-ph="2"] .wk-ind{transform:translateX(200%)}
.acc-doc .rv-cand{margin-bottom:10px;padding:12px 14px}
.acc-doc .rv-cand .wk-row b{font-size:16px;line-height:22px}
.acc-doc .rv-cand .wk-row b .vbadge{height:20px;margin-left:8px;padding:0 8px 0 6px;font-size:10px;letter-spacing:.05em;vertical-align:2px}
.acc-doc .rv-cand .wk-row b .vbadge img{width:8px;height:10px}
.acc-doc .rv-cand .wk-row small{font-size:12.5px;line-height:16px}
.acc-doc .rv-cand .ring{width:46px;height:46px}.acc-doc .rv-cand .ring::before{inset:4px}.acc-doc .rv-cand .ring b{font-size:11.5px}
.acc-doc .rv-cand .wk-chips{margin-top:10px}
.acc-doc .rv-cand .c{height:26px;font-size:11.5px}
.acc-doc .rv-cmp{padding:14px 14px 8px}
.acc-doc .rv-ch2{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-bottom:12px;border-bottom:1px solid rgba(196,165,89,.28)}
.acc-doc .rv-ch2>div{display:grid;justify-items:center;gap:6px;text-align:center}
.acc-doc .rv-ch2 .th{width:52px;height:52px}
.acc-doc .rv-ch2 b{font:600 14.5px/18px Geist,sans-serif}
.acc-doc .rv-ch2 .ring{margin:0}
.acc-doc .rv-cr{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;height:50px;border-bottom:1px solid rgba(196,165,89,.2)}
.acc-doc .rv-cr:last-child{border-bottom:0}
.acc-doc .rv-cr span{justify-self:center;display:inline-grid;place-items:center;min-width:84px;height:30px;padding:0 10px;border-radius:999px;font:600 13px/1 Geist,sans-serif;white-space:nowrap}
.acc-doc .rv-cr span.w{background:var(--gold-fill);color:#2A2110;box-shadow:0 8px 14px -8px rgba(138,107,31,.7)}
.acc-doc .rv-cr em{font:500 11px/14px Geist,sans-serif;font-style:normal;color:var(--text-2);text-align:center;min-width:64px}
.acc-doc .rv-short{padding:16px}
.acc-doc .rv-sh{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.acc-doc .rv-sh b{font:600 17px/22px Geist,sans-serif}
.acc-doc .rv-sl{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid rgba(196,165,89,.25)}
.acc-doc .rv-sl b{display:block;font:600 15px/20px Geist,sans-serif}
.acc-doc .rv-sl small{display:block;font:500 12.5px/16px Geist,sans-serif;color:var(--gold-700)}
.acc-doc .rv-star{margin-left:auto;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--gold-fill);box-shadow:0 10px 16px -8px rgba(138,107,31,.7)}
.acc-doc .rv-star svg{width:18px;height:18px;stroke:#2A2110;fill:#2A2110;stroke-width:1.4;stroke-linejoin:round}
.acc-doc .rv-inv{margin-top:14px;height:44px}

/* ══ 4 · réponses et messagerie ══ */
.acc-doc .rv-th{position:absolute;left:20px;right:20px;top:0;height:46px;display:flex;align-items:center;gap:12px}
.acc-doc .rv-th b{display:block;font:600 15.5px/20px Geist,sans-serif}
.acc-doc .rv-th small{display:block;font:500 12.5px/16px Geist,sans-serif;color:var(--gold-700)}
.acc-doc .rv-th .rv-pill{margin-left:auto}
.acc-doc .rv-in,.acc-doc .rv-in2{position:absolute;left:20px;max-width:76%;padding:11px 15px;border-radius:6px 20px 20px 20px;background:#fff;box-shadow:0 0 0 1px var(--hair),0 18px 28px -22px rgba(74,53,0,.45);font:400 14px/20px Geist,sans-serif}
.acc-doc .rv-in{top:62px}
.acc-doc .rv-sgw{position:absolute;left:20px;right:20px;top:124px;height:152px}
.acc-doc .rv-sg{position:absolute;left:0;right:0;top:0;padding:12px 14px 14px;border-radius:22px;background:#fff;box-shadow:0 0 0 1.5px var(--g1),0 0 0 7px rgba(196,165,89,.12),0 26px 40px -26px rgba(110,88,44,.6);transition:opacity .45s ease,scale .5s var(--e2)}
.acc-doc .rv-sgh{display:flex;align-items:center;gap:9px}
.acc-doc .rv-sgh .rv-aa{width:28px;height:28px}
.acc-doc .rv-sgh b{font:600 13px/18px Geist,sans-serif}.acc-doc .rv-sgh .c{margin-left:auto;height:24px;font-size:11px}
.acc-doc .rv-sg p{margin:8px 0 0;font:500 14.5px/21px Geist,sans-serif}
.acc-doc .rv-sgb{display:flex;gap:8px;margin-top:12px}
.acc-doc .rv-sgb .wk-btn{height:36px;margin:0;padding:0 22px;font-size:13px}
.acc-doc .rv-out{position:absolute;right:0;top:0;max-width:84%;padding:11px 15px 8px;border-radius:20px 20px 6px 20px;background:var(--ink);color:#fff;font:500 14px/20px Geist,sans-serif;opacity:0;scale:.92;transform-origin:100% 0;transition:opacity .4s ease,scale .5s var(--e)}
.acc-doc .rv-out small{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin-top:3px;font:500 11px/14px Geist,sans-serif;color:rgba(255,255,255,.7)}
.acc-doc .rv-out small svg{width:13px;height:13px;stroke:#7FE0B0;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.acc-doc .rv-in2{top:196px;opacity:0;translate:0 10px;transition:opacity .4s ease,translate .5s var(--e2)}
.acc-doc .rv-bk2{position:absolute;left:20px;top:244px;display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px 0 10px;border-radius:999px;background:rgba(30,158,98,.1);box-shadow:inset 0 0 0 1.5px rgba(30,158,98,.4);font:600 12.5px/1 Geist,sans-serif;color:#176B44;opacity:0;scale:.9;transform-origin:0 50%;transition:opacity .4s ease,scale .5s var(--e)}
.acc-doc .rv-bk2 svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.acc-doc .cu-rv4.is-sent .rv-sg{opacity:0;scale:.96;pointer-events:none}
.acc-doc .cu-rv4.is-sent .rv-out{opacity:1;scale:1}
.acc-doc .cu-rv4.is-reply .rv-in2{opacity:1;translate:0 0}
.acc-doc .cu-rv4.is-booked .rv-bk2{opacity:1;scale:1}
.acc-doc .rv-auto{position:absolute;left:20px;right:20px;top:296px;padding:14px 16px 6px}
.acc-doc .rv-auto .rv-oh{margin-bottom:6px}
.acc-doc .rv-tr{display:flex;align-items:center;justify-content:space-between;gap:12px;height:46px;border-top:1px solid rgba(196,165,89,.22);font:500 14px/18px Geist,sans-serif}
.acc-doc .rv-tr .tg{flex:none}
.acc-doc .rv-tr.on .tg{background:var(--gold-fill)}.acc-doc .rv-tr.on .tg i{transform:translateX(22px)}

/* ══ 5 · anti-ghosting, anti no-show ══ */
.acc-doc .cu-rv5 .rv-hd .rv-pill{opacity:0;scale:.9;transition:opacity .4s ease,scale .5s var(--e)}
.acc-doc .cu-rv5.is-conf .rv-hd .rv-pill{opacity:1;scale:1}
.acc-doc .rv-nc{position:absolute;left:20px;right:20px;top:58px;padding:11px 14px}
.acc-doc .rv-nc .wk-row{gap:12px}.acc-doc .rv-nc .wk-row b{font-size:15px;line-height:20px}.acc-doc .rv-nc .wk-row small{font-size:12.5px;line-height:16px}
.acc-doc .rv-nc .vbadge{margin-left:auto;flex:none}
.acc-doc .rv-tl{position:absolute;left:20px;right:20px;top:140px;display:grid;gap:4px}
.acc-doc .rv-tl::before{content:"";position:absolute;left:17px;top:22px;bottom:22px;width:2px;border-radius:2px;background:linear-gradient(180deg,rgba(196,165,89,.7),rgba(196,165,89,.25));transform-origin:50% 0;scale:1 0;transition:scale 2.2s linear .5s}
.acc-doc .cu-rv5.is-run5 .rv-tl::before{scale:1 1}
.acc-doc .rv-st{position:relative;display:flex;align-items:center;gap:12px;height:44px;opacity:.4;transition:opacity .5s ease}
.acc-doc .rv-st.on{opacity:1}
.acc-doc .rv-sd{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1.5px rgba(196,165,89,.5);transition:background .4s ease,box-shadow .4s ease}
.acc-doc .rv-sd svg{width:18px;height:18px;stroke:var(--gold-700);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke .4s ease}
.acc-doc .rv-st.on .rv-sd{background:var(--gold-fill);box-shadow:0 10px 16px -8px rgba(138,107,31,.7)}
.acc-doc .rv-st.on .rv-sd svg{stroke:#2A2110}
.acc-doc .rv-st.ok.on .rv-sd{background:linear-gradient(180deg,#3FCB8B,#1E9E62);box-shadow:0 10px 16px -8px rgba(30,158,98,.65)}
.acc-doc .rv-st.ok.on .rv-sd svg{stroke:#fff}
.acc-doc .rv-st b{display:block;font:600 14px/18px Geist,sans-serif}
.acc-doc .rv-st small{display:block;font:400 12px/15px Geist,sans-serif;color:var(--text-2)}
.acc-doc .rv-bkp{position:absolute;left:20px;right:20px;top:336px;padding:14px 16px 14px;opacity:0;translate:0 14px;transition:opacity .5s ease,translate .7s var(--e2)}
.acc-doc .cu-rv5.is-bkp .rv-bkp{opacity:1;translate:0 0}
.acc-doc .rv-guard{display:inline-flex;align-items:center;gap:6px;font:600 12px/1 Geist,sans-serif;color:#176B44}
.acc-doc .rv-guard svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.acc-doc .rv-bkr{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;margin-top:12px}
.acc-doc .rv-bkc{display:flex;align-items:center;gap:8px;min-width:0;padding:7px 9px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px rgba(196,165,89,.4)}
.acc-doc .rv-bkc .th.s{width:34px;height:34px;border-radius:50%}
.acc-doc .rv-bkc b{display:block;font:600 12.5px/16px Geist,sans-serif;white-space:nowrap}
.acc-doc .rv-bkc small{display:block;font:500 11.5px/14px Geist,sans-serif;color:var(--text-2);white-space:nowrap}
.acc-doc .rv-bkc.bk{box-shadow:inset 0 0 0 1.5px rgba(30,158,98,.5);background:rgba(30,158,98,.06)}
.acc-doc .rv-bkc.bk small{color:#176B44}
.acc-doc .rv-bka svg{display:block;width:18px;height:18px;stroke:var(--gold-600);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.acc-doc .rv-bkp p{margin:12px 0 0;font:400 13px/19px Geist,sans-serif;color:var(--text-2)}

/* ══ C · poste de pilotage ══ */
.acc-doc .rv-conh{position:absolute;left:16px;right:16px;top:18px;height:44px;display:flex;align-items:center;gap:12px}
.acc-doc .rv-conh>div{min-width:0;flex:1}
.acc-doc .rv-conh b{display:block;font:600 16px/20px Geist,sans-serif}
.acc-doc .rv-conh small{display:block;font:400 12.5px/16px Geist,sans-serif;color:var(--text-2)}
.acc-doc .rv-bento{position:absolute;left:16px;right:16px;top:76px;bottom:20px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr);gap:10px}
.acc-doc .rv-tile{position:relative;display:flex;flex-direction:column;gap:8px;min-height:0;padding:12px 12px 12px;border-radius:22px;background:#fff;box-shadow:0 0 0 1px var(--hair),0 18px 28px -22px rgba(74,53,0,.4);overflow:hidden;transition:box-shadow .6s ease,scale .6s var(--e2),opacity .6s ease}
.acc-doc .rv-th2{display:flex;align-items:center;gap:8px}
.acc-doc .rv-th2 b{font:600 13.5px/18px Geist,sans-serif}
.acc-doc .rv-tile em{font:600 34px/1 "Playfair Display",Georgia,serif;font-style:normal;letter-spacing:-.02em;font-variant-numeric:lining-nums tabular-nums}
.acc-doc .rv-tile small{font:400 11.5px/15px Geist,sans-serif;color:var(--text-2)}
.acc-doc .rv-tile .ring{margin:0;width:52px;height:52px}
.acc-doc .rv-tile .rv-avs img{width:24px;height:24px;margin-left:-7px}
.acc-doc .rv-tile::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,rgba(255,240,196,0) 30%,rgba(255,240,196,.6) 50%,rgba(255,240,196,0) 70%);transform:translateX(-130%)}
.acc-doc .cu-rv6[data-g="3"] .rv-tile::after{animation:rvsweep 1.5s ease both;animation-delay:calc(var(--k,0) * 110ms)}
@keyframes rvsweep{to{transform:translateX(130%)}}
.acc-doc .rv-mini{display:grid;gap:6px}
.acc-doc .rv-mini i{display:block;height:8px;width:var(--w);border-radius:4px;background:var(--gold-fill)}
.acc-doc .rv-q{margin:0;font:italic 500 13px/18px "Playfair Display",Georgia,serif;color:var(--ink)}
.acc-doc .rv-rem{display:inline-flex;align-items:center;gap:7px;font:600 12.5px/1 Geist,sans-serif;color:#176B44}
.acc-doc .rv-rem span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:linear-gradient(180deg,#3FCB8B,#1E9E62)}
.acc-doc .rv-rem svg{width:12px;height:12px;stroke:#fff;fill:none;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.acc-doc .cu-rv6[data-g] .rv-tile{scale:.985}
.acc-doc .cu-rv6[data-g] .rv-tile>*{opacity:.5;transition:opacity .6s ease}
.acc-doc .cu-rv6[data-g="0"] .rv-tile:nth-child(-n+2)>*,.acc-doc .cu-rv6[data-g="1"] .rv-tile:nth-child(n+3):nth-child(-n+4)>*,.acc-doc .cu-rv6[data-g="2"] .rv-tile:nth-child(n+5)>*,.acc-doc .cu-rv6[data-g="3"] .rv-tile>*{opacity:1}
.acc-doc .cu-rv6[data-g="0"] .rv-tile:nth-child(-n+2),.acc-doc .cu-rv6[data-g="1"] .rv-tile:nth-child(n+3):nth-child(-n+4),.acc-doc .cu-rv6[data-g="2"] .rv-tile:nth-child(n+5),.acc-doc .cu-rv6[data-g="3"] .rv-tile{scale:1;box-shadow:0 0 0 1.5px var(--g1),0 0 0 7px rgba(196,165,89,.12),0 26px 40px -26px rgba(110,88,44,.55)}

/* ── mouvement réduit : tout est là, immobile ── */
@media (prefers-reduced-motion:reduce){
  .acc-doc .rv-tag,.acc-doc .rv-bk,.acc-doc .rv-foot,.acc-doc .rv-camp,.acc-doc .rv-ch,.acc-doc .rv-out,.acc-doc .rv-in2,.acc-doc .rv-bk2,.acc-doc .rv-bkp,.acc-doc .rv-st,.acc-doc .rv-lines i,.acc-doc .rv-tl::before,.acc-doc .rv-tile,.acc-doc .rv-m{transition:none}
  .acc-doc .rv-cur,.acc-doc .rv-dots i{animation:none}
}
@media (forced-colors:active){.acc-doc .rv-tag,.acc-doc .rv-pill,.acc-doc .rv-ch,.acc-doc .rv-bkc{border:1px solid CanvasText}}

/* ══ D · carte 1 : trois temps dans une même scène (connexion recruteur → dashboard → boîte mail Gmail / Outlook) ══ */
.acc-doc .rv0-l{position:absolute;inset:0;opacity:0;visibility:hidden;translate:0 16px;scale:.985;transition:opacity .45s ease,translate .6s var(--e2),scale .6s var(--e2),visibility 0s .5s}
.acc-doc .rv0-l.on{opacity:1;visibility:visible;translate:0 0;scale:1;transition-delay:.12s,.12s,.12s,0s}
.acc-doc .rv-e{opacity:0;translate:0 14px;transition:opacity .45s ease,translate .65s var(--e2)}
.acc-doc .rv0-l.on .rv-e{opacity:1;translate:0 0;transition-delay:calc(var(--d,0) * 1ms + 120ms)}
.acc-doc .cu-inb.is-sorted .rv-m.rv-e{opacity:.5}
/* connexion */
.acc-doc .rv0-lg{position:absolute;left:0;right:0;top:14px;display:flex;justify-content:center}
.acc-doc .rv0-lg img{display:block;height:42px;width:auto}
.acc-doc .rv0-t{position:absolute;left:20px;right:20px;top:86px;margin:0;text-align:center;font:600 28px/1.1 "Playfair Display",Georgia,serif;letter-spacing:-.012em}
.acc-doc .rv0-s{position:absolute;left:20px;right:20px;top:126px;margin:0;text-align:center;font:400 14px/20px Geist,sans-serif;color:var(--text-2)}
.acc-doc .rv0-lab{position:absolute;left:20px;right:20px;top:158px;font:500 12.5px/16px Geist,sans-serif;color:var(--text-2)}
.acc-doc .rv0-kinds{position:absolute;left:20px;right:20px;top:180px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.acc-doc .rv0-k{position:relative;isolation:isolate;display:block;height:134px;border-radius:24px;overflow:hidden;color:#fff;box-shadow:0 0 0 1px rgba(196,165,89,.4),0 24px 34px -24px rgba(74,53,0,.65);transition:box-shadow .5s ease,scale .5s var(--e)}
.acc-doc .rv0-kimg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;scale:1.08;filter:saturate(.7) brightness(.8);transition:scale 1.2s var(--e2),filter .6s ease}
.acc-doc .rv0-k::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(20,14,6,.22) 0%,rgba(20,14,6,0) 32%,rgba(20,14,6,.8) 100%)}
.acc-doc .rv0-kic{position:absolute;left:12px;top:12px;display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.42);transition:background .5s ease,box-shadow .5s ease}
.acc-doc .rv0-kic .dt{width:22px;height:22px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}
.acc-doc .rv0-kic .dt .d1{stroke:url(#dt-line-on)}.acc-doc .rv0-kic .dt .d2{fill:url(#dt-fill-on)}
.acc-doc .rv0-k u{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--gold-fill);box-shadow:0 8px 14px -6px rgba(0,0,0,.5);opacity:0;scale:.6;transition:opacity .3s ease,scale .45s var(--e)}
.acc-doc .rv0-k u svg{width:13px;height:13px;stroke:#2A2110;fill:none;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.acc-doc .rv0-kt{position:absolute;left:14px;right:12px;bottom:12px;display:grid;gap:1px}
.acc-doc .rv0-kt b{font:600 16.5px/21px Geist,sans-serif;letter-spacing:-.01em;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.acc-doc .rv0-kt em{font:400 11.5px/15px Geist,sans-serif;font-style:normal;color:rgba(255,255,255,.88)}
.acc-doc .rv0-k.sel{box-shadow:0 0 0 2px var(--g1),0 0 0 8px rgba(196,165,89,.16),0 30px 40px -24px rgba(110,88,44,.75);scale:1.02}
.acc-doc .rv0-k.sel .rv0-kimg{scale:1;filter:none}
.acc-doc .rv0-k.sel .rv0-kic{background:linear-gradient(150deg,#EED996,#CDA650 52%,#A8822C);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 10px 16px -8px rgba(0,0,0,.5)}
.acc-doc .rv0-k.sel u{opacity:1;scale:1}
.acc-doc .rv0-f{position:absolute;left:20px;right:20px;top:334px}
.acc-doc .rv0-f small{display:block;margin-bottom:6px;font:500 12.5px/16px Geist,sans-serif;color:var(--text-2)}
.acc-doc .rv0-in{display:flex;align-items:center;height:48px;padding:0 16px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px rgba(196,165,89,.5);font:500 15px/20px Geist,sans-serif;white-space:nowrap;overflow:hidden}
.acc-doc .rv-ty{font-style:normal}
.acc-doc .rv0-go{position:absolute;left:20px;right:20px;top:424px;height:48px;margin:0;font-size:15px}
.acc-doc .rv0-go.press{scale:.97;box-shadow:0 0 0 7px rgba(196,165,89,.3),0 16px 26px -14px rgba(138,107,31,.7),inset 0 1px 0 rgba(255,255,255,.5)}
.acc-doc .rv0-ft{position:absolute;left:20px;right:20px;top:488px;margin:0;text-align:center;font:500 13px/18px Geist,sans-serif;color:var(--gold-700)}
/* dashboard */
.acc-doc .rv0-hi{position:absolute;left:20px;right:20px;top:0;height:46px;display:flex;align-items:center;gap:12px}
.acc-doc .rv0-me{flex:none;width:44px;height:44px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #fff,0 0 0 3.5px rgba(196,165,89,.55)}
.acc-doc .rv0-hi>div{min-width:0;flex:1}
.acc-doc .rv0-hi b{display:block;font:600 15.5px/20px Geist,sans-serif;white-space:nowrap}
.acc-doc .rv0-hi small{display:block;font:500 12.5px/16px Geist,sans-serif;color:var(--gold-700)}
.acc-doc .rv0-hi .rv-pill{font-size:11.5px;padding:0 10px}
.acc-doc .rv0-ask{position:absolute;left:20px;right:20px;top:64px;height:56px;display:flex;align-items:center;gap:10px;padding:0 8px 0 7px;border-radius:999px;background:#fff;box-shadow:0 0 0 1.5px var(--g1),0 0 0 7px rgba(196,165,89,.1),0 22px 34px -24px rgba(110,88,44,.5)}
.acc-doc .rv0-ask .rv-aa{width:40px;height:40px}
.acc-doc .rv0-q{flex:1;min-width:0;font:500 14px/20px Geist,sans-serif;white-space:nowrap;overflow:hidden}
.acc-doc .rv0-snd{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:var(--gold-fill);box-shadow:0 10px 16px -8px rgba(138,107,31,.7)}
.acc-doc .rv0-snd svg{width:18px;height:18px;stroke:#2A2110;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.acc-doc .rv0-todo{position:absolute;left:20px;right:20px;top:140px;padding:14px 16px 8px}
.acc-doc .rv0-todo .rv-oh{margin-bottom:8px}
.acc-doc .rv0-tr{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;height:58px;padding:0 8px;margin:0 -8px;border-top:1px solid rgba(196,165,89,.22);border-radius:14px;transition:background .5s ease,box-shadow .5s ease}
.acc-doc .rv0-tr b{display:block;font:600 14px/18px Geist,sans-serif}
.acc-doc .rv0-tr small{display:block;font:400 12px/15px Geist,sans-serif;color:var(--text-2)}
.acc-doc .rv0-tr.pulse{background:rgba(196,165,89,.14);box-shadow:0 0 0 1.5px var(--g1)}
.acc-doc .rv0-tiles{position:absolute;left:20px;right:20px;top:372px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.acc-doc .rv0-ti{display:grid;justify-items:center;gap:8px;padding:14px 6px 12px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px var(--hair),0 14px 22px -18px rgba(74,53,0,.35)}
.acc-doc .rv0-ti svg{width:24px;height:24px;stroke:var(--gold-600);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.acc-doc .rv0-ti b{font:600 12.5px/16px Geist,sans-serif;white-space:nowrap}
/* boîte mail de l'hôtel ou du restaurant : Gmail / Outlook, lecture directe */
.acc-doc .rv0-conn{position:absolute;left:20px;right:20px;top:0}
.acc-doc .rv0-pr{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.acc-doc .rv0-p{position:relative;display:flex;align-items:center;gap:10px;height:46px;padding:0 12px 0 10px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px var(--hair);transition:box-shadow .45s ease}
.acc-doc .rv0-p>svg{width:28px;height:28px;flex:none}
.acc-doc .rv0-p b{font:600 14px/18px Geist,sans-serif}
.acc-doc .rv0-p u{margin-left:auto;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:linear-gradient(180deg,#3FCB8B,#1E9E62);opacity:0;scale:.6;transition:opacity .3s ease,scale .45s var(--e)}
.acc-doc .rv0-p u svg{width:12px;height:12px;stroke:#fff;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.acc-doc .rv0-p.sel{box-shadow:0 0 0 1.8px var(--g1),0 0 0 6px rgba(196,165,89,.13)}
.acc-doc .rv0-p.sel u{opacity:1;scale:1}
.acc-doc .rv0-ch{display:block;margin-bottom:8px;font:600 14px/18px Geist,sans-serif;letter-spacing:-.005em}
.acc-doc .rv0-conn small{display:block;margin-top:8px;font:500 12px/16px Geist,sans-serif;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acc-doc .cu-rv0{--sy:178px}
.acc-doc .cu-rv0 .rv-mails{top:102px;height:220px;grid-auto-rows:40px;gap:5px}
.acc-doc .cu-rv0 .rv-m{grid-template-columns:30px minmax(0,1fr) auto auto;gap:9px;padding:0 9px}
.acc-doc .cu-rv0 .rv-m img{width:30px;height:30px}
.acc-doc .cu-rv0 .rv-m b{font-size:13px;line-height:16px}
.acc-doc .cu-rv0 .rv-m small{font-size:11px;line-height:13px}
.acc-doc .cu-rv0 .rv-scan{height:46px}
.acc-doc .cu-rv0 .rv-bks{top:338px;height:114px}
.acc-doc .cu-rv0 .rv-bk em{font-size:30px}
.acc-doc .cu-rv0 .rv-bk small{min-height:28px}
.acc-doc .cu-rv0 .rv-foot{top:460px;height:28px}

/* ══ D · carte 3 : répondre, soi-même OU Auguste ══ */
.acc-doc .rv7-m{position:absolute;max-width:80%;padding:10px 14px;border-radius:6px 18px 18px 18px;background:#fff;box-shadow:0 0 0 1px var(--hair),0 16px 26px -22px rgba(74,53,0,.45);font:400 13.5px/19px Geist,sans-serif}
.acc-doc .rv7-m:not(.cu-a){opacity:0;translate:0 10px;transition:opacity .4s ease,translate .5s var(--e2)}
.acc-doc .rv7-m.c1{left:20px;top:58px}
.acc-doc .rv7-m.out{left:auto;right:20px;max-width:84%;border-radius:18px 18px 6px 18px;background:var(--ink);color:#fff}
.acc-doc .rv7-m small{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:3px;font:500 11px/14px Geist,sans-serif;color:rgba(255,255,255,.72)}
.acc-doc .rv7-m small svg{width:13px;height:13px;stroke:#7FE0B0;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.acc-doc .rv-ab{width:16px;height:16px;border-radius:50%;object-fit:cover;object-position:50% 14%;background:radial-gradient(circle at 50% 30%,#8A6244,#2A1B12)}
.acc-doc .rv7-m.o1{top:106px}
.acc-doc .rv7-m.c2{left:20px;top:176px}
.acc-doc .rv7-bk{left:20px;top:222px}
.acc-doc .rv7-m.c3{left:20px;top:264px}
.acc-doc .rv7-m.o2{top:310px}
.acc-doc .cu-rv7.is-sent .o1,.acc-doc .cu-rv7.is-reply .c2,.acc-doc .cu-rv7.is-ask2 .c3,.acc-doc .cu-rv7.is-sent2 .o2{opacity:1;translate:0 0}
.acc-doc .cu-rv7.is-booked .rv-bk2{opacity:1;scale:1}
.acc-doc .rv7-cp{position:absolute;left:20px;right:20px;top:374px;padding:12px 14px 14px}
.acc-doc .rv7-sg{position:relative;display:grid;grid-template-columns:1fr 1fr;height:40px;padding:4px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(196,165,89,.45)}
.acc-doc .rv7-sg span{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:7px;font:600 13px/1 Geist,sans-serif;color:var(--text-2);transition:color .3s ease}
.acc-doc .rv7-sg span svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.acc-doc .rv7-sg .rv-ab{width:20px;height:20px}
.acc-doc .rv7-ind{position:absolute;left:4px;top:4px;bottom:4px;width:calc(50% - 4px);border-radius:999px;background:var(--gold-fill);box-shadow:0 10px 16px -8px rgba(138,107,31,.7),inset 0 1px 0 rgba(255,255,255,.5);transition:transform .6s var(--e)}
.acc-doc .cu-rv7[data-mode="y"] .rv7-ind{transform:translateX(100%)}
.acc-doc .cu-rv7[data-mode="a"] .rv7-sg .a,.acc-doc .cu-rv7[data-mode="y"] .rv7-sg .y{color:#2A2110}
.acc-doc .rv7-pn{position:relative;height:96px;margin-top:10px}
.acc-doc .rv7-pa,.acc-doc .rv7-py{position:absolute;inset:0;transition:opacity .4s ease,translate .5s var(--e2)}
.acc-doc .rv7-py{opacity:0;translate:0 10px;pointer-events:none}
.acc-doc .cu-rv7[data-mode="y"] .rv7-pa{opacity:0;translate:0 -10px;pointer-events:none}
.acc-doc .cu-rv7[data-mode="y"] .rv7-py{opacity:1;translate:0 0}
.acc-doc .rv7-pa p{margin:0;font:500 14px/20px Geist,sans-serif}
.acc-doc .rv7-ty{margin:0;min-height:44px;padding:11px 12px;border-radius:14px;box-shadow:inset 0 0 0 1px rgba(196,165,89,.45);font:500 14px/20px Geist,sans-serif}
.acc-doc .rv7-pa .rv-sgb,.acc-doc .rv7-py .rv-sgb{margin-top:12px;align-items:center}
.acc-doc .rv7-auto{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font:500 12px/1 Geist,sans-serif;color:var(--text-2)}
.acc-doc .rv7-auto .tg{width:42px;height:26px}.acc-doc .rv7-auto .tg i{width:20px;height:20px}
.acc-doc .rv7-auto.on .tg{background:var(--gold-fill)}.acc-doc .rv7-auto.on .tg i{transform:translateX(16px)}
@media (prefers-reduced-motion:reduce){.acc-doc .rv0-l,.acc-doc .rv-e,.acc-doc .rv0-k,.acc-doc .rv0-p,.acc-doc .rv0-tr,.acc-doc .rv7-m,.acc-doc .rv7-ind,.acc-doc .rv7-pa,.acc-doc .rv7-py{transition:none}}

/* boîte mail : réponses automatiques (la pince devient une coche verte « répondu », puis la ligne « Automatic replies sent ») */
.acc-doc .cu-inb .rv-clip{position:relative;display:grid;place-items:center;width:20px;height:20px}
.acc-doc .cu-inb .rv-clip>svg{transition:opacity .3s ease}
.acc-doc .rv-rp{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;background:linear-gradient(180deg,#3FCB8B,#1E9E62);opacity:0;scale:.5;transition:opacity .3s ease,scale .45s var(--e)}
.acc-doc .rv-rp svg{width:12px;height:12px;stroke:#fff;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.acc-doc .cu-inb.is-replied .rv-rp{opacity:1;scale:1}
.acc-doc .cu-inb.is-replied .rv-clip>svg{opacity:0}
.acc-doc .rv-foot2{position:absolute;left:20px;right:20px;top:496px;height:36px;display:flex;align-items:center;gap:10px;padding:0 8px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1.5px rgba(30,158,98,.45),0 16px 24px -18px rgba(30,158,98,.5);font:600 13px/1 Geist,sans-serif;color:#176B44;opacity:0;scale:.96;translate:0 10px;transition:opacity .45s ease,scale .5s var(--e),translate .6s var(--e2)}
.acc-doc .rv-foot2 .rv-ab{width:22px;height:22px}
.acc-doc .rv-foot2 .rv-ck{margin-left:auto;width:22px;height:22px}
.acc-doc .cu-inb.is-replied .rv-foot2{opacity:1;scale:1;translate:0 0}

/* ══ D · carte 2 : recherche sur la plateforme (avec Auguste) → cartes talents → comparer → shortlister ══ */
.acc-doc .rv8-lab{position:absolute;left:22px;right:20px;top:0;font:500 12.5px/16px Geist,sans-serif;color:var(--text-2)}
.acc-doc .rv8-bar{position:absolute;left:20px;right:20px;top:22px;height:54px;display:flex;align-items:center;gap:10px;padding:0 7px;border-radius:999px;background:#fff;box-shadow:0 0 0 1.5px var(--g1),0 0 0 7px rgba(196,165,89,.1),0 22px 34px -24px rgba(110,88,44,.5)}
.acc-doc .rv8-bar .rv-aa{width:38px;height:38px}
.acc-doc .rv8-q{flex:1;min-width:0;font:500 14px/20px Geist,sans-serif;white-space:nowrap;overflow:hidden}
.acc-doc .rv8-go{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:linear-gradient(150deg,#EED996,#CDA650 52%,#A8822C);box-shadow:0 10px 16px -8px rgba(138,107,31,.7),inset 0 1px 0 rgba(255,255,255,.5);transition:scale .2s ease}
.acc-doc .rv8-go .dt{width:19px;height:19px}.acc-doc .rv8-go .dt .d1{stroke:url(#dt-line-on)}.acc-doc .rv8-go .dt .d2{fill:url(#dt-fill-on)}
.acc-doc .rv8-go.press{scale:.9;box-shadow:0 0 0 6px rgba(196,165,89,.3),0 10px 16px -8px rgba(138,107,31,.7)}
.acc-doc .rv8-ch{position:absolute;left:20px;right:20px;top:86px;display:flex;gap:6px;height:30px}
.acc-doc .rv8-c{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px 0 12px;border-radius:999px;background:rgba(196,165,89,.14);box-shadow:inset 0 0 0 1px rgba(196,165,89,.5);font:600 12px/1 Geist,sans-serif;color:#5E4710;white-space:nowrap;opacity:0;scale:.85;transition:opacity .35s ease,scale .45s var(--e)}
.acc-doc .rv8-c i{font-style:normal;font-weight:500;opacity:.6}
.acc-doc .rv8-c.on{opacity:1;scale:1}
.acc-doc .rv8-meta{position:absolute;left:22px;right:22px;top:126px;display:flex;align-items:center;justify-content:space-between}
.acc-doc .rv8-meta small{font:500 11.5px/16px Geist,sans-serif;color:var(--text-2)}
.acc-doc .rv8-meta b{font:600 12.5px/16px Geist,sans-serif;color:var(--gold-700)}
.acc-doc .rv8-stage{position:absolute;left:20px;right:20px;top:152px;height:336px}
.acc-doc .rv8-pn{position:absolute;inset:0;opacity:0;visibility:hidden;translate:26px 0;transition:opacity .4s ease,translate .7s var(--e2),visibility 0s .4s}
.acc-doc .rv8-pn.past{translate:-26px 0}
.acc-doc .rv8-pn.on{opacity:1;visibility:visible;translate:0 0;transition-delay:.12s,.12s,0s}
.acc-doc .rv8-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.acc-doc .rv8-t{position:relative;border-radius:24px;background:#fff;box-shadow:0 0 0 1px var(--hair),0 26px 38px -28px rgba(74,53,0,.55);opacity:0;translate:0 18px;scale:.97;transition:opacity .5s ease,translate .7s var(--e2),scale .7s var(--e2),box-shadow .5s ease;transition-delay:calc(var(--i) * .14s)}
.acc-doc .cu-rv8.is-res .rv8-t{opacity:1;translate:0 0;scale:1}
.acc-doc .rv8-t.sel{box-shadow:0 0 0 1.8px var(--g1),0 0 0 7px rgba(196,165,89,.13),0 26px 38px -26px rgba(110,88,44,.65);transition-delay:0s}
.acc-doc .rv8-ph{position:relative;height:126px;border-radius:24px 24px 0 0}
.acc-doc .rv8-ph img{display:block;width:100%;height:100%;border-radius:24px 24px 0 0;object-fit:cover;object-position:50% 22%;scale:1.04;transition:scale 1.4s var(--e2)}
.acc-doc .cu-rv8.is-res .rv8-ph img{scale:1}
.acc-doc .rv8-ph::after{content:"";position:absolute;inset:0;border-radius:24px 24px 0 0;background:linear-gradient(180deg,rgba(14,10,4,.3),rgba(14,10,4,0) 40%,rgba(14,10,4,.5) 100%)}
.acc-doc .rv8-ck{position:absolute;z-index:2;left:10px;top:10px;display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:rgba(255,255,255,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.9);transition:background .35s ease}
.acc-doc .rv8-ck svg{width:14px;height:14px;stroke:#2A2110;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:0;transition:opacity .3s ease}
.acc-doc .rv8-t.sel .rv8-ck{background:var(--gold-fill)}
.acc-doc .rv8-t.sel .rv8-ck svg{opacity:1}
.acc-doc .vbadge.rv8-vb{position:absolute;z-index:2;right:10px;top:10px;height:22px;gap:5px;padding:0 9px 0 7px;border-radius:8px;font-size:10px;letter-spacing:.05em;box-shadow:0 8px 14px -8px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.45)}
.acc-doc .vbadge.rv8-vb img{width:8px;height:10px}
.acc-doc .rv8-rb{position:absolute;z-index:3;left:10px;bottom:-13px;display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 11px 0 8px;border-radius:999px;font:700 11px/1 Geist,sans-serif;white-space:nowrap}
.acc-doc .rv8-rb svg{width:12px;height:12px;fill:currentColor;stroke:currentColor;stroke-width:1.2;stroke-linejoin:round}
.acc-doc .rv8-rb.p{background:var(--gold-fill);color:#2A2110;box-shadow:0 12px 18px -10px rgba(110,88,44,.7),inset 0 1px 0 rgba(255,255,255,.5)}
.acc-doc .rv8-rb.g{background:#fff;color:#5E4710;box-shadow:inset 0 0 0 1.5px var(--g1),0 12px 18px -10px rgba(0,0,0,.35)}
.acc-doc .rv8-in{padding:22px 12px 12px}
.acc-doc .rv8-nm{display:block;font:600 15.5px/20px Geist,sans-serif;letter-spacing:-.01em}
.acc-doc .rv8-av{display:inline-flex;align-items:center;gap:6px;margin-top:2px;font:500 11.5px/16px Geist,sans-serif;white-space:nowrap}
.acc-doc .rv8-av i{width:7px;height:7px;border-radius:50%;background:#1E9E62;box-shadow:0 0 0 3px rgba(30,158,98,.16)}
.acc-doc .rv8-av.ok{color:#176B44}
.acc-doc .rv8-av.soon{color:#8A5A0E}.acc-doc .rv8-av.soon i{background:#D99A1E;box-shadow:0 0 0 3px rgba(217,154,30,.18)}
.acc-doc .rv8-rl{margin-top:9px;padding-top:8px;border-top:1px solid rgba(196,165,89,.25);display:grid;gap:5px}
.acc-doc .rv8-rl small{display:block;font:500 10.5px/12px Geist,sans-serif;color:var(--text-2)}
.acc-doc .rv8-rl b{display:block;font:600 12.5px/15px Geist,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acc-doc .rv8-rl span{display:block;font:500 11.5px/14px Geist,sans-serif;color:var(--gold-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acc-doc .rv8-bt{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}
.acc-doc .rv8-bt span{display:grid;place-items:center;height:30px;border-radius:999px;font:600 11.5px/1 Geist,sans-serif;color:#5E4710;box-shadow:inset 0 0 0 1.5px rgba(196,165,89,.55);white-space:nowrap}
.acc-doc .rv8-bt span.g{background:var(--gold-fill);color:#2A2110;box-shadow:0 10px 16px -10px rgba(138,107,31,.7),inset 0 1px 0 rgba(255,255,255,.5)}
.acc-doc .rv8-tabs{position:absolute;left:20px;right:20px;top:498px;height:44px;display:grid;grid-template-columns:repeat(3,1fr);padding:4px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px var(--hair),0 16px 26px -20px rgba(74,53,0,.45)}
.acc-doc .rv8-tabs span{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:7px;font:600 13px/1 Geist,sans-serif;color:var(--text-2);cursor:pointer;transition:color .3s ease}
.acc-doc .rv8-tabs span .dt{width:17px;height:17px}.acc-doc .rv8-tabs span .dt .d1{stroke:currentColor}.acc-doc .rv8-tabs span .dt .d2{fill:currentColor;opacity:.18}
.acc-doc .rv8-tabs span.on{color:#2A2110}
.acc-doc .rv8-ind{position:absolute;left:4px;top:4px;bottom:4px;width:calc((100% - 8px) / 3);border-radius:999px;background:var(--gold-fill);box-shadow:0 12px 20px -8px rgba(138,107,31,.72),inset 0 1px 0 rgba(255,255,255,.55);transition:transform .7s var(--e)}
.acc-doc .cu-rv8[data-ph="1"] .rv8-ind{transform:translateX(100%)}
.acc-doc .cu-rv8[data-ph="2"] .rv8-ind{transform:translateX(200%)}
/* comparaison et shortlist tiennent dans la scène (336 px) */
.acc-doc .rv8-pn .rv-cmp{padding:12px 14px 6px}
.acc-doc .rv8-pn .rv-ch2{padding-bottom:8px}
.acc-doc .rv8-pn .rv-ch2 .th{width:44px;height:44px}
.acc-doc .rv8-pn .rv-ch2 .ring{width:44px;height:44px}.acc-doc .rv8-pn .rv-ch2 .ring::before{inset:4px}.acc-doc .rv8-pn .rv-ch2 .ring b{font-size:11.5px}
.acc-doc .rv8-pn .rv-cr{height:42px}
/* attente : deux cartes fantômes pendant que la recherche tourne */
.acc-doc .rv8-sk{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start;opacity:0;pointer-events:none;transition:opacity .4s ease}
.acc-doc .rv8-sk i{display:block;height:296px;border-radius:24px;background:linear-gradient(110deg,#FBF6E7 30%,#FFFFFF 50%,#FBF6E7 70%) 0 0/220% 100%;box-shadow:inset 0 0 0 1px var(--hair);animation:rvshim 1.3s linear 3}
@keyframes rvshim{to{background-position:-220% 0}}
.acc-doc .cu-rv8.is-wait .rv8-sk{opacity:1}
.acc-doc .cu-rv8.is-res .rv8-sk{opacity:0}
@media (prefers-reduced-motion:reduce){.acc-doc .rv8-sk i{animation:none}.acc-doc .rv8-t,.acc-doc .rv8-c,.acc-doc .rv8-pn,.acc-doc .rv8-ind,.acc-doc .rv8-ph img,.acc-doc .rv-foot2,.acc-doc .rv-rp{transition:none}}

/* ══════════════════════════════════════════════════════════════════════════════════════════════════
   Pastilles et pictogrammes « duotone » (retour de Kevin : plus propre, plus SaaS 2026, dégradés, couleurs Tastellers) — remplace le trait seul sur fond doré
   Pastille : fond crème en dégradé, filet doré en dégradé, reflet ; active : or profond, reflet, halo ; icône : calque plein translucide + calque de traits en dégradé.
   ══════════════════════════════════════════════════════════════════════════════════════════════════ */
.acc-doc .dt{display:block;width:26px;height:26px;overflow:visible}
.acc-doc .dt .d1{fill:none;stroke:url(#dt-line);stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.acc-doc .dt .d2{stroke:none;fill:url(#dt-fill)}

/* la pastille des listes (« Your career… », « Recruitment reinvented ») */
.acc-doc .cv .cv-it .cv-ic{position:relative;isolation:isolate;overflow:hidden;width:52px;height:52px;border-radius:17px;border:1px solid transparent;
  background:linear-gradient(180deg,#FFFFFF 0%,#FBF6E7 100%) padding-box,linear-gradient(140deg,#F0E2B4 0%,#C4A559 46%,#EBD9A5 100%) border-box;
  box-shadow:0 14px 22px -16px rgba(138,107,31,.6),inset 0 1px 0 #fff,inset 0 -6px 10px -8px rgba(196,165,89,.35);
  transition:box-shadow .45s ease,transform .45s var(--e2,ease)}
.acc-doc .cv .cv-it .cv-ic::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(120% 90% at 18% 0%,rgba(255,255,255,.75),rgba(255,255,255,0) 58%);opacity:.9;transition:opacity .4s ease}
.acc-doc .cv .cv-it .cv-ic .dt{width:26px;height:26px}
.acc-doc .cv .cv-it:hover .cv-ic{transform:translateY(-1px)}
.acc-doc .cv .cv-it.is-on .cv-ic{background:linear-gradient(150deg,#EED996 0%,#CDA650 50%,#A8822C 100%) padding-box,linear-gradient(150deg,#FBEFC4,#B28C36) border-box;
  box-shadow:0 18px 28px -12px rgba(138,107,31,.85),0 0 0 5px rgba(196,165,89,.14),inset 0 1px 0 rgba(255,255,255,.6),inset 0 -10px 16px -10px rgba(98,74,20,.55)}
.acc-doc .cv .cv-it.is-on .cv-ic::after{background:radial-gradient(120% 90% at 18% 0%,rgba(255,255,255,.7),rgba(255,255,255,0) 52%)}
.acc-doc .cv .cv-it.is-on .cv-ic .dt{filter:drop-shadow(0 2px 3px rgba(98,74,20,.35))}
.acc-doc .cv .cv-it.is-on .cv-ic .dt .d1{stroke:url(#dt-line-on)}
.acc-doc .cv .cv-it.is-on .cv-ic .dt .d2{fill:url(#dt-fill-on)}

/* pastilles des écrans (en-têtes, tuiles) : or profond, icône blanche duotone */
.acc-doc .rv-ic{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(150deg,#EED996 0%,#CDA650 52%,#A8822C 100%);box-shadow:0 14px 22px -12px rgba(138,107,31,.8),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -8px 12px -8px rgba(98,74,20,.5)}
.acc-doc .rv-ic::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(120% 90% at 18% 0%,rgba(255,255,255,.65),rgba(255,255,255,0) 55%)}
.acc-doc .rv-ic .dt{width:23px;height:23px;filter:drop-shadow(0 2px 3px rgba(98,74,20,.3))}
.acc-doc .rv-ic.s .dt{width:19px;height:19px}
.acc-doc .rv-ic .dt .d1{stroke:url(#dt-line-on)}
.acc-doc .rv-ic .dt .d2{fill:url(#dt-fill-on)}
.acc-doc .rv-chi{position:relative;isolation:isolate;overflow:hidden}
.acc-doc .rv-chi .dt{width:17px;height:17px}.acc-doc .rv-chi .dt .d1{stroke:url(#dt-line-on)}.acc-doc .rv-chi .dt .d2{fill:url(#dt-fill-on)}
/* icônes sur fond blanc ou en verre */
.acc-doc .rv0-ti .dt,.acc-doc .rv-sg .dt,.acc-doc .rv7-sg .dt{width:24px;height:24px}
.acc-doc .rv7-sg .dt{width:16px;height:16px}
.acc-doc .rv7-sg span .dt .d1{stroke:currentColor}.acc-doc .rv7-sg span .dt .d2{fill:currentColor;opacity:.2}
.acc-doc .rv-bk2 .dt,.acc-doc .rv-guard .dt{width:16px;height:16px}
.acc-doc .rv-bk2 .dt .d1,.acc-doc .rv-guard .dt .d1{stroke:currentColor}.acc-doc .rv-bk2 .dt .d2,.acc-doc .rv-guard .dt .d2{fill:currentColor;opacity:.16}
.acc-doc .rv-sd .dt{width:19px;height:19px}.acc-doc .rv-sd .dt .d1{stroke:var(--gold-700)}.acc-doc .rv-sd .dt .d2{fill:url(#dt-fill)}
.acc-doc .rv-st.on .rv-sd .dt .d1{stroke:#2A2110}.acc-doc .rv-st.on .rv-sd .dt .d2{fill:rgba(255,255,255,.4)}
.acc-doc .rv-st.ok.on .rv-sd .dt .d1{stroke:#fff}.acc-doc .rv-st.ok.on .rv-sd .dt .d2{fill:rgba(255,255,255,.35)}
.acc-doc .rv-th2 .rv-ic{width:34px;height:34px;border-radius:11px}
.acc-doc .rv-snd .dt,.acc-doc .rv0-snd .dt{width:19px;height:19px}.acc-doc .rv0-snd .dt .d1{stroke:#2A2110}.acc-doc .rv0-snd .dt .d2{fill:rgba(255,255,255,.5)}
@media (forced-colors:active){.acc-doc .dt .d1{stroke:CanvasText}.acc-doc .dt .d2{fill:none}}

/* ══ Ajouts propres à la version Rails (14/10/2026) ══════════════════════════════════════════════════════════════════════════════════════
   les entrées « bientôt disponibles » du menu (aria-disabled, sans href) comme dans la navbar publique de l'app : curseur interdit, pas de clic.
   (Le sélecteur FR/EN est le partiel de l'app `shared/lang_toggle` : ses liens <a class="lang-btn [is-active]"> sont déjà stylés plus haut ; le pied
   de page est le partiel `shared/footer` de l'app, stylé par les règles `.appftr-*` de cette feuille, identiques à app_footer.css.) */
.acc-doc a[aria-disabled=true]{cursor:not-allowed;pointer-events:none}