:root{
  --white:#FFFFFF; --paper:#F6F6F9; --soft:#F3F3F8; --line:#E9EAF0; --line-2:#E2E3EA;
  --ink:#0F1020; --text:#5A5B6E; --muted:#6E6F82; --faint:#9D9EAE;
  --black:#0A0A12; --night:#14132E;
  --indigo:#4F52B2; --indigo-deep:#3C3F92; --indigo-wash:#EEEFFA; --indigo-light:#A9ABF0;
  --teams:#5B5FC7; --red:#D93B3B; --green:#2E9E62; --green-wash:#E8F6EE;
  --ui-bg:#16172A; --ui-panel:#1D1F35; --ui-card:#24263F; --ui-line:#30324F; --ui-text:#E8E9F4; --ui-muted:#9C9EBB; --ui-accent:#7B7EEA;
  --green-ui:#46C08A; --amber-ui:#E6AA45;
  --display:'Instrument Sans','Inter',system-ui,sans-serif;
  --body:'Inter',-apple-system,'Segoe UI',system-ui,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,'SFMono-Regular',monospace;
  --pad:clamp(20px,4vw,56px);
  --sec:clamp(88px,10vw,136px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--white);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:2px solid var(--indigo);outline-offset:3px;border-radius:6px}
button{font:inherit;color:inherit;cursor:pointer}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- layout ---------- */
.frame{max-width:1280px;margin:0 auto;border-left:1px solid var(--line);border-right:1px solid var(--line)}
main{overflow-x:clip}
.sec{border-top:1px solid var(--line);padding:var(--sec) var(--pad);position:relative}
.sec.flush{padding:0}
.h2{font-family:var(--display);font-weight:500;font-size:clamp(34px,4.3vw,56px);line-height:1.02;letter-spacing:-0.04em;margin:0}
.lead{font-size:17px;line-height:1.65;color:var(--text);margin:0}
.head-split{display:flex;flex-wrap:wrap;gap:24px 64px;justify-content:space-between;align-items:flex-end}
.head-split .h2{flex:1 1 520px;max-width:720px}
.head-split .lead{flex:0 1 400px}
.head-center{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}
.head-center .h2{max-width:820px}
.head-center .lead{max-width:600px}
.grid-bg{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#EFF0F5 1px,transparent 1px),linear-gradient(90deg,#EFF0F5 1px,transparent 1px);background-size:56px 56px;background-position:center top}
.cut{position:absolute;top:-9px;font-family:var(--mono);font-size:14px;line-height:16px;color:#B4B5C4;pointer-events:none}
.cut.l{left:-8px}.cut.r{right:-8px}
@media (max-width:1340px){.cut{display:none}}

/* ---------- colour blocks: black, fine diagonal hatching, aurora ---------- */
.aur{position:relative;background:var(--black);color:#fff;overflow:hidden;isolation:isolate}
.aur::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(135deg,rgba(255,255,255,.045) 0 1px,transparent 1px 7px)}
.aur::after{content:"";position:absolute;left:-10%;right:-10%;bottom:-45%;height:95%;z-index:-1;pointer-events:none;filter:blur(60px);opacity:var(--aur-o,.9);
  background:radial-gradient(38% 60% at 14% 70%,#3D6BE0 0%,rgba(61,107,224,0) 70%),radial-gradient(34% 55% at 48% 85%,#B7B5E6 0%,rgba(183,181,230,0) 70%),radial-gradient(38% 60% at 86% 72%,#D9A6E0 0%,rgba(217,166,224,0) 70%)}
.aur.top::after{bottom:auto;top:-55%;height:90%}
.aur.soft{--aur-o:.45}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:10px;font-size:15px;font-weight:500;text-decoration:none;border:1px solid transparent;transition:background .2s,border-color .2s;white-space:nowrap}
.btn-dark{background:var(--ink);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 8px 20px -8px rgba(15,16,32,.45)}
.btn-dark:hover{background:#26283F}
.btn-light{background:#fff;border-color:var(--line-2);box-shadow:0 1px 2px rgba(15,16,32,.05)}
.btn-light:hover{border-color:#C9CAD6}
.btn-pill{border-radius:999px;background:#fff;color:var(--ink);padding:8px 8px 8px 22px}
.btn-pill i{width:34px;height:34px;border-radius:50%;background:var(--ink);display:flex;align-items:center;justify-content:center}
.btn-ghost-dark{border-color:rgba(255,255,255,.25);color:#fff;border-radius:999px}
.btn-ghost-dark:hover{border-color:rgba(255,255,255,.55)}
.btn-sm{padding:9px 16px;font-size:14px;border-radius:8px}
.link{font-size:15px;font-weight:500;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#C9CAD6;transition:text-decoration-color .2s}
.link:hover{text-decoration-color:var(--ink)}

/* ---------- nav ---------- */
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}
.anim-off,.anim-off *,.anim-off *::before,.anim-off *::after{animation-play-state:paused!important}
.nav-in{max-width:1280px;margin:0 auto;padding:0 32px;height:68px;display:flex;align-items:center;gap:32px}
.nav-logo img{height:21px;width:auto}
.nav-links{display:flex;gap:28px;flex:1;justify-content:center;font-size:14px;font-weight:500}
.nav-links a{color:var(--text);text-decoration:none;transition:color .2s}
.nav-links a:hover{color:var(--ink)}
.nav-cta{display:flex;align-items:center;gap:18px;margin-left:auto}
.nav-cta .login{font-size:14px;font-weight:500;text-decoration:none}
.burger{display:none;width:40px;height:40px;border-radius:8px;border:1px solid var(--line-2);background:#fff;align-items:center;justify-content:center}
.mnav{display:none;border-top:1px solid var(--line);padding:12px 20px 20px;background:#fff}
.mnav a{display:block;padding:12px 0;border-bottom:1px solid var(--line);text-decoration:none;font-weight:500}
.mnav.open{display:block}
@media (max-width:980px){.nav-links,.nav-cta .login{display:none}.burger{display:inline-flex}}
@media (max-width:520px){.nav-cta .btn{display:none}}

/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;padding:clamp(72px,10vw,120px) var(--pad) clamp(60px,7vw,84px);text-align:center}
.hero .grid-bg{mask-image:radial-gradient(ellipse 70% 85% at 50% 0%,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 70% 85% at 50% 0%,#000 30%,transparent 80%)}
.hero-in{position:relative;display:flex;flex-direction:column;align-items:center;gap:26px}
.pill{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-radius:999px;background:rgba(255,255,255,.7);backdrop-filter:blur(8px);border:1px solid var(--line-2);box-shadow:0 1px 2px rgba(15,16,32,.04);font-size:12.5px;color:var(--text);text-decoration:none;transition:border-color .2s}
.pill:hover{border-color:#C9CAD6}
.pill span{padding:2px 9px;border-radius:999px;background:#EEEFFC;color:var(--indigo);font-weight:600;font-size:11.5px}
.pill svg{color:var(--muted)}
.hero .glow{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.hero .glow i{position:absolute;inset:0}
.hero .glow i:nth-child(1){background:radial-gradient(ellipse 55% 45% at 50% 0%,rgba(123,126,234,.20) 0%,rgba(123,126,234,.10) 35%,rgba(123,126,234,.035) 65%,transparent 100%)}
.hero .glow i:nth-child(2){background:radial-gradient(ellipse 35% 40% at 8% 55%,rgba(111,168,255,.10) 0%,rgba(111,168,255,.04) 50%,transparent 100%)}
.hero .glow i:nth-child(3){background:radial-gradient(ellipse 35% 40% at 92% 40%,rgba(242,155,212,.11) 0%,rgba(242,155,212,.04) 50%,transparent 100%)}
.hero::after{content:"";position:absolute;left:50%;top:0;width:min(720px,80%);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(123,126,234,.45),transparent);pointer-events:none}
.h1{font-family:var(--display);font-weight:500;font-size:clamp(44px,7.4vw,96px);line-height:.97;letter-spacing:-.045em;margin:0;max-width:1080px}
.h1 em{font-style:normal;color:var(--faint)}
.hero p.sub{font-size:clamp(17px,1.5vw,19px);line-height:1.55;color:var(--text);max-width:620px;margin:0}
.hero .ctas{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.hero .fine{font-size:13px;color:var(--muted);margin:0;display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center}
.hero .fine span{display:inline-flex;align-items:center;gap:6px}
.hero .fine .fine-c,.hero .fine .fine-d{display:inline}
@media (max-width:560px){.hero .fine{column-gap:14px}.hero .fine .fine-d{display:none}}
@media (max-width:760px){.hero .fine{display:none}}
.dm-ov{position:fixed;inset:0;z-index:500;display:flex;flex-direction:column;background:#0A0A12;height:100dvh}
.dm-bar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(8px + env(safe-area-inset-top)) 12px 8px 16px;color:#fff;font-size:14px;font-weight:600}
.dm-x{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:9px 14px;background:rgba(255,255,255,.12);color:#fff;font:inherit;font-weight:600;cursor:pointer}
.dm-x:focus-visible{outline:2px solid #fff;outline-offset:2px}
.dm-ov iframe{flex:1;width:100%;border:0;background:#fff}
html.dm-lock,html.dm-lock body{overflow:hidden}
.s2-hero b,.lm-box b.big,.lm-price b{padding-right:.12em;margin-right:-.06em}
@media (max-width:560px){.s2-hero{flex-wrap:wrap;column-gap:10px}.s2-res .s2-hero b{font-size:min(64px,15vw)}.s2-res .s2-hero span{font-size:20px}.s2-res div.s2-kpis{grid-template-columns:minmax(0,1fr)}}

/* ---------- stage: Teams window ---------- */
.stage{border-top:1px solid var(--line)}
.stage-in{position:relative;padding:clamp(48px,6vw,80px) clamp(12px,5vw,72px) 0}
.window{position:relative;max-width:1080px;margin:0 auto;border-radius:16px 16px 0 0;padding:7px 7px 0;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-bottom:none}
.win{border-radius:10px 10px 0 0;background:#fff;overflow:hidden;text-align:left;color:var(--ink)}
.tbar{height:46px;display:flex;align-items:center;gap:14px;padding:0 14px;background:#EBEBF5;border-bottom:1px solid #DEDFEA}
.tbar .dots{display:flex;gap:7px}.tbar .dots i{width:11px;height:11px;border-radius:50%;background:#D3D4E0}
.tbar .tlogo{width:22px;height:22px}
.tbar .tsearch{flex:1;max-width:460px;margin:0 auto;height:30px;border-radius:7px;background:#fff;border:1px solid #DEDFEA;display:flex;align-items:center;gap:8px;padding:0 10px;font-size:12.5px;color:#8B8C9C}
.tbar .me{width:28px;height:28px;border-radius:50%;background:#C9D6F0;color:#2E4A6B;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center}
.win-body{display:flex;height:540px}
.rail{width:66px;flex:none;background:#F2F2F8;border-right:1px solid #E6E7EF;display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:10px}
.rail span{width:62px;padding:7px 0 6px;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:9.5px;color:#616270}
.rail span.on{color:var(--teams);font-weight:600}
.rail span.on{box-shadow:inset 3px 0 0 var(--teams);border-radius:0}
.rail svg{width:20px;height:20px}
.rail .app{margin-top:8px}
.rail .app b{width:28px;height:28px;border-radius:8px;background:var(--black);display:flex;align-items:center;justify-content:center;position:relative}
.rail .app b::after{content:"";position:absolute;right:-2px;bottom:-2px;width:9px;height:9px;border-radius:50%;background:#34C27A;border:2px solid #F2F2F8}
.clist{width:248px;flex:none;border-right:1px solid #E6E7EF;padding:14px 10px;display:flex;flex-direction:column;gap:3px;background:#FAFAFD}
.clist .h5x{margin:2px 8px 10px;font-size:15px;font-weight:700}
.citem{display:flex;gap:10px;align-items:center;padding:9px 10px;border-radius:8px}
.citem.on{background:#fff;box-shadow:0 1px 3px rgba(20,19,46,.08)}
.av{width:32px;height:32px;border-radius:50%;font-size:11.5px;font-weight:600;display:flex;align-items:center;justify-content:center;flex:none}
.av.bot{border-radius:50%;background:var(--black);position:relative}
.av.bot::after{content:"";position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;background:#34C27A;border:2px solid #fff}
.citem .n{display:flex;flex-direction:column;min-width:0;flex:1}
.citem .n b{font-size:13px;font-weight:600}
.citem .n span{font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.badge{min-width:20px;height:20px;border-radius:10px;background:var(--teams);color:#fff;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;padding:0 6px}
.conv{flex:1;min-width:0;display:flex;flex-direction:column}
.conv-h{height:54px;flex:none;border-bottom:1px solid #E6E7EF;display:flex;align-items:center;gap:10px;padding:0 22px}
.conv-h b{font-size:14px}.conv-h span{font-size:12.5px;color:var(--muted)}
.conv-h nav{margin-left:14px;display:flex;gap:16px;font-size:13px;color:#616270}
.conv-h nav b{color:var(--ink);font-size:13px;box-shadow:0 17px 0 -15px var(--teams)}
.conv-b{flex:1;padding:22px;display:flex;flex-direction:column;gap:18px;background:#F7F7FB;overflow:hidden}
.msg{display:flex;gap:12px;align-items:flex-start}
.msg .meta{font-size:12px;color:var(--muted);display:block;margin-bottom:5px}
.msg .meta b{color:var(--ink);font-weight:600}
.bubble{padding:11px 14px;background:#fff;border-radius:3px 12px 12px 12px;font-size:14px;line-height:1.5;max-width:420px;box-shadow:0 1px 2px rgba(20,19,46,.06)}
.draft{border:1px solid #E1E2EC;border-radius:3px 12px 12px 12px;background:#fff;box-shadow:0 14px 30px -20px rgba(20,19,46,.4);max-width:520px}
.draft p{margin:0;padding:14px 16px 12px;font-size:14px;line-height:1.6}
.refs{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 12px}
.ref{font-family:var(--mono);font-size:11px;padding:4px 8px;border-radius:6px;background:var(--indigo-wash);color:var(--indigo-deep);white-space:nowrap}
.draft .file{margin:0 16px 14px;display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid #E6E7EF;border-radius:8px;font-size:13px;font-weight:500}
.draft .file img{width:22px;height:22px}
.draft .file em{margin-left:auto;font-style:normal;color:var(--muted);letter-spacing:2px}
.acts{display:flex;gap:8px;padding-top:10px}
.acts span{padding:8px 16px;border-radius:7px;font-size:12.5px;font-weight:600}
.acts .p{background:var(--teams);color:#fff}.acts .s{border:1px solid #D9DAE6;background:#fff}
.srcs{width:268px;flex:none;border-left:1px solid #E6E7EF;padding:18px;display:flex;flex-direction:column;gap:10px}
.srcs h4{margin:0 0 2px;font-size:13px}
.src{border:1px solid #E6E7EF;border-radius:10px;padding:11px 12px;display:flex;flex-direction:column;gap:3px}
.src.on{border:1.5px solid var(--teams);box-shadow:0 0 0 4px #ECECFA}
.src .c{font-family:var(--mono);font-size:11px;color:var(--indigo-deep)}
.src b{font-size:12.5px;font-weight:500}.src span{font-size:12px;color:var(--text)}
.verdict{margin-top:auto;padding:12px;border-radius:10px;background:var(--green-wash);font-size:12.5px;line-height:1.45;color:#1D5E3C}
/* floating cards */
.float{position:absolute;z-index:3;background:#fff;border-radius:14px;border:1px solid #E6E7EF;box-shadow:0 30px 60px -24px rgba(0,0,0,.55);color:var(--ink);text-align:left}
.f-status{left:-48px;bottom:64px;width:292px;padding:14px}
.f-status .hd{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-weight:700;font-size:15px}
.f-status .hd .tg{margin-left:auto;width:38px;height:22px;border-radius:11px;background:var(--teams);position:relative}
.f-status .hd .tg::after{content:"";position:absolute;right:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff}
.f-status .row{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid #ECEDF3;border-radius:7px;font-size:13px;font-weight:500;margin-top:6px}
.f-status .row i{width:16px;height:16px;border-radius:4px;background:var(--teams);display:flex;align-items:center;justify-content:center;flex:none}
.f-status .row em{margin-left:auto;font-style:normal;color:var(--muted);letter-spacing:2px}
.f-notif{right:-56px;top:330px;width:300px;padding:14px 16px;display:flex;gap:12px}
.f-notif p{margin:4px 0 10px;font-size:13px;line-height:1.45}
.f-notif .file{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid #ECEDF3;border-radius:8px;font-size:12.5px;font-weight:500}
.f-notif .file img{width:20px;height:20px}
.mk{width:30px;height:30px;border-radius:8px;background:url(agentrh-sym-couleur.png) center/cover;display:inline-flex;align-items:center;justify-content:center;position:relative;flex:none}
.mk::after{display:none}
.mk svg{display:none}
.mk.s{border-radius:6px}
.mk.s{width:22px;height:22px}.mk.s::after{width:7px;height:7px}
@media (max-width:1240px){.f-status{left:-14px}.f-notif{right:-14px}}
@media (max-width:1100px){.srcs{display:none}.f-notif{top:150px}}
@media (max-width:860px){.clist,.rail{display:none}.win-body{height:auto}.conv-b{padding:18px 14px}.conv-h nav{display:none}.float{display:none}.tbar .tsearch{display:none}}
/* ---------- hero: Microsoft Teams (new Teams, light theme, Fluent 2) ---------- */
.sym{background:url(agentrh-sym-couleur.png) center/cover no-repeat;border-radius:8px}
.tm{--fr:#EBEBEB;--b2:#F5F5F5;--st:#E0E0E0;--t1:#242424;--t2:#424242;--t3:#616161;--t4:#707070;--br:#5B5FC7;--brh:#4F52B2;
  margin:0;border-radius:10px 10px 0 0;background:var(--fr);overflow:hidden;text-align:left;color:var(--t1);
  font-family:'Segoe UI Variable Text','Segoe UI',-apple-system,'Inter',system-ui,sans-serif;font-size:14px;line-height:20px;-webkit-font-smoothing:antialiased}
.tm svg{display:block;flex:none}
/* title bar */
.tm-top{height:48px;display:grid;grid-template-columns:1fr minmax(0,468px) 1fr;align-items:center;gap:12px;padding:0 12px 0 14px}
.tm-l{display:flex;align-items:center;gap:22px;color:var(--t3)}
.tm-lights{display:flex;gap:8px}
.tm-lights i{width:12px;height:12px;border-radius:50%;background:#FF5F57;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.12)}
.tm-lights i:nth-child(2){background:#FEBC2E}.tm-lights i:nth-child(3){background:#28C840}
.tm-arrows{display:flex;gap:14px;margin-left:16px}
.tm-search{height:32px;border-radius:4px;background:#fff;display:flex;align-items:center;gap:8px;padding:0 10px;font-size:14px;color:var(--t4);box-shadow:inset 0 0 0 1px #E6E6E6}
.tm-r{display:flex;align-items:center;justify-content:flex-end;gap:16px;color:var(--t3)}
.tm-me{position:relative;width:32px;height:32px;border-radius:50%;background:#CFE4FA;color:#0F548C;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center}
.pr{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;border:2px solid #fff;box-sizing:border-box;background:#13A10E}
.pr.away{background:#F8D22A}.pr.off{background:#fff;box-shadow:inset 0 0 0 1.5px #8A8886}
.pr.on-l::after{content:"";position:absolute;left:2px;top:1.5px;width:2.5px;height:4px;border:solid #fff;border-width:0 1.2px 1.2px 0;transform:rotate(45deg)}
/* body */
.tm-body{display:flex;height:640px}
.tm-rail{width:68px;flex:none;display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:4px}
.tm-rail span{position:relative;width:60px;height:52px;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10px;line-height:12px;color:var(--t3)}
.tm-rail span svg{width:24px;height:24px}
.tm-rail span.on{color:var(--br);font-weight:600}
.tm-rail .app b{width:24px;height:24px;border-radius:5px}
.tm-main{flex:1;min-width:0;display:flex;background:#fff;border-radius:8px 0 0 0;overflow:hidden;box-shadow:0 0 0 1px var(--st)}
/* chat list */
.tm-list{width:290px;flex:none;background:var(--b2);border-right:1px solid var(--st);padding:0 8px;display:flex;flex-direction:column}
.tm-lh{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 12px;color:var(--t3)}
.tm-lh b{font-size:18px;line-height:24px;font-weight:700;color:var(--t1)}
.tm-lh span{display:flex;gap:6px}
.tm-lh span i{width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center}
.tm-sec{display:flex;align-items:center;gap:6px;padding:10px 12px 6px;font-size:12px;line-height:16px;font-weight:600;color:var(--t3)}
.tm-it{display:flex;align-items:center;gap:12px;height:48px;padding:0 12px;border-radius:4px}
.tm-it.on{background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.14),0 0 2px rgba(0,0,0,.12)}
.av{position:relative;width:32px;height:32px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;line-height:1}
.av.sym{border-radius:6px}
.tm-it .n{flex:1;min-width:0;display:flex;flex-direction:column}
.tm-it .n .r1{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.tm-it .n b{font-size:14px;line-height:20px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tm-it .n b.u{font-weight:700}
.tm-it .n em{font-style:normal;font-size:12px;color:var(--t3);flex:none}
.tm-it .n span.p{font-size:12px;line-height:16px;color:var(--t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tm-it .n span.p.u{color:var(--t1);font-weight:600}
/* conversation */
.tm-conv{flex:1;min-width:0;display:flex;flex-direction:column;background:#fff}
.tm-ch{height:56px;flex:none;display:flex;align-items:stretch;gap:12px;padding:0 16px 0 20px;border-bottom:1px solid var(--st)}
.tm-ch .who{display:flex;align-items:center;gap:10px}
.tm-ch .who b{font-size:16px;line-height:22px;font-weight:700}
.tm-tabs{display:flex;gap:20px;margin-left:12px;font-size:14px;color:var(--t3)}
.tm-tabs span{display:flex;align-items:center;position:relative}
.tm-tabs span.on{color:var(--t1);font-weight:600}
.tm-tabs span.on::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:2px 2px 0 0;background:var(--br)}
.tm-ic{margin-left:auto;display:flex;align-items:center;gap:4px;color:var(--t2)}
.tm-ic i{height:32px;padding:0 8px;border-radius:4px;display:flex;align-items:center;gap:4px}
.tm-ic i.grp{box-shadow:inset 0 0 0 1px #D1D1D1}
.tm-msgs{flex:1;min-height:0;padding:12px 24px 8px;display:flex;flex-direction:column;gap:16px;overflow:hidden}
.tm-day{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--t3)}
.tm-day::before,.tm-day::after{content:"";flex:1;height:1px;background:var(--st)}
.tm-in{display:flex;gap:12px;align-items:flex-start}
.tm-in .hd{display:flex;gap:10px;align-items:baseline;font-size:12px;line-height:16px;color:var(--t3);margin-bottom:4px}
.tm-in .hd b{color:var(--t2);font-weight:600}
.bub2{background:var(--b2);border-radius:4px;padding:8px 12px;font-size:14px;line-height:20px;max-width:400px}
.acard{width:400px;max-width:100%;background:#fff;border-radius:6px;box-shadow:0 0 0 1px #E0E0E0,0 2px 4px rgba(0,0,0,.06);padding:14px 16px 16px}
.acard .t{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.acard .t b{font-size:14px;font-weight:700}
.acard .t span{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--t3)}
.acard p{margin:0 0 12px;font-size:14px;line-height:20px}
.fset{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:13px;line-height:18px;padding:10px 12px;border-radius:4px;background:#FAFAFA;box-shadow:inset 0 0 0 1px #EDEBE9;margin-bottom:14px}
.fset dt{font-weight:600;color:var(--t2)}
.fset dd{margin:0;color:var(--t2)}
.fset .keep{color:#0E700E;font-weight:600}
.acard .acts3{display:flex;gap:8px}
.acard .acts3 span{flex:1;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}
.acard .acts3 .p{background:var(--br);color:#fff}
.acard .acts3 .s{background:#fff;color:var(--t1);box-shadow:inset 0 0 0 1px #D1D1D1}
.tm-compose{margin:0 24px 20px;flex:none}
.tm-compose .box{height:44px;border-radius:4px;background:#fff;box-shadow:inset 0 0 0 1px #D1D1D1;display:flex;align-items:center;justify-content:space-between;padding:0 6px 0 14px;font-size:14px;color:var(--t4)}
.tm-compose .ics{display:flex;align-items:center;gap:2px;color:var(--t3)}
.tm-compose .ics i{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px}
.tm-compose .ics em{width:1px;height:20px;background:var(--st);margin:0 4px}
/* background tasks panel */
.bg-tasks{position:absolute;z-index:3;right:-180px;top:140px;width:320px;background:#fff;border-radius:14px;box-shadow:0 0 0 1px rgba(0,0,0,.06),0 24px 48px -16px rgba(0,0,0,.45);color:var(--ink);text-align:left;overflow:hidden}
.bt-h{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #EEEFF4}
.bt-sym{width:32px;height:32px;border-radius:8px;flex:none}
.bt-t{display:flex;flex-direction:column;line-height:1.25;flex:1}
.bt-t b{font-size:14px}
.bt-t small{font-size:12px;color:var(--muted)}
.live{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:#1D6E43;background:var(--green-wash);padding:4px 9px;border-radius:999px}
.live::before{content:"";width:7px;height:7px;border-radius:50%;background:#2E9E62;animation:pulse 1.6s ease-in-out infinite}
@keyframes pulse{50%{opacity:.35}}
.bg-tasks ul{list-style:none;margin:0;padding:6px 8px}
.bg-tasks li{display:flex;gap:10px;align-items:flex-start;padding:9px 8px;border-radius:9px}
.bg-tasks li > i{width:18px;height:18px;border-radius:50%;flex:none;margin-top:1px;position:relative}
.bg-tasks li.done > i{background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.2 2.2 4.8-4.8' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center no-repeat}
.bg-tasks li.run{background:#F5F5FD}
.bg-tasks li.run > i{border:2px solid #D9DAF4;border-top-color:#5B5FC7;animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.bg-tasks li > span{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.bg-tasks li b{font-size:13px;font-weight:600;line-height:1.35}
.bg-tasks li small{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--text)}
.bg-tasks li em{font-style:normal;font-size:11px;color:var(--muted);white-space:nowrap;padding-top:2px}
.bg-tasks li em.tv{color:#8A5A0B;background:#FCF1DC;padding:2px 7px;border-radius:5px;font-weight:600}
.pbar{display:block;height:4px;border-radius:2px;background:#E4E5F6;margin-top:5px;overflow:hidden}
.pbar span{display:block;width:66%;height:100%;border-radius:2px;background:#5B5FC7;animation:grow 3s ease-in-out infinite alternate}
@keyframes grow{from{width:58%}to{width:74%}}
.bt-f{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #EEEFF4;background:#FAFAFC}
.bt-f span{display:flex;flex-direction:column;padding:10px 14px;font-size:11px;color:var(--muted);border-left:1px solid #EEEFF4}
.bt-f span:first-child{border-left:none}
.bt-f b{font-family:var(--display);font-size:20px;font-weight:500;color:var(--ink);letter-spacing:-.02em}
.stage .window{max-width:1010px;margin:0 0 0 max(0px,calc((100% - 1150px)/2))}
@media (max-width:1300px){.stage .window{margin:0 auto}.bg-tasks{right:-24px;top:auto;bottom:20px;width:280px}}
@media (max-width:1300px){.tm-list{display:none}}
@media (max-width:980px){.tm-list{display:none}.bg-tasks{width:290px}}
@media (max-width:860px){.tm-rail,.tm-tabs,.tm-arrows,.tm-r .dots{display:none}.tm-top{grid-template-columns:auto 1fr auto}.tm-body{height:auto}.tm-main{border-radius:0}.tm-msgs{padding:12px 12px 8px}.tm-compose{margin:0 12px 14px}.tm-ic{display:none}.acard{width:100%}
.bg-tasks{position:relative;right:auto;bottom:auto;top:auto;width:auto;margin:14px 10px 0;z-index:3}}
@media (max-width:560px){.fset{grid-template-columns:1fr;gap:0}.fset dd{margin-bottom:6px}.acard .acts3{flex-direction:column}.acard .acts3 span{flex:none}.acard .t{flex-direction:column;align-items:flex-start;gap:2px}}

/* live background-tasks panel */
.bt-now{margin:10px 10px 4px;padding:12px 12px 12px;border-radius:12px;background:linear-gradient(180deg,#F5F5FD,#EFEFFB);box-shadow:inset 0 0 0 1px #E2E3F7}
.bn-h{display:flex;align-items:center;gap:9px}
.bn-h b{flex:1;min-width:0;font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bn-h em{font-style:normal;font-size:11.5px;font-weight:600;color:#5B5FC7;font-variant-numeric:tabular-nums}
.spin{width:16px;height:16px;border-radius:50%;border:2px solid #D9DAF4;border-top-color:#5B5FC7;animation:spin .9s linear infinite;flex:none}
.bn-step{position:relative;height:38px;margin:9px 0 9px;overflow:hidden}
.ml{position:absolute;inset:0;display:flex;align-items:center;gap:8px;padding:0 8px;border-radius:8px;background:#fff;box-shadow:0 1px 2px rgba(20,19,46,.08);font-size:12px;white-space:nowrap}
.ml.in{animation:mlIn .45s cubic-bezier(.2,.7,.2,1) both}
.ml.out{animation:mlOut .35s ease both}
@keyframes mlIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes mlOut{to{opacity:0;transform:translateY(-14px)}}
.mav{width:22px;height:22px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}
.mav.ic{border-radius:6px;background:#EEEFFA;color:#5B5FC7}
.ms{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;color:#424242}
.ms b{color:var(--ink);font-weight:600}
.mt{flex:none;font-size:10px;font-weight:700;padding:2px 6px;border-radius:5px}
.mt.g{background:var(--green-wash);color:#1D6E43}.mt.r{background:#FBE3E3;color:#B42525;animation:flag 1.2s ease-in-out infinite}
@keyframes flag{50%{box-shadow:0 0 0 4px rgba(217,59,59,.12)}}
.mav.ic.r{background:#FBE3E3;color:#B42525;font-size:12px}
.bn-type{font-size:10px;font-weight:700;letter-spacing:.02em;padding:2px 7px;border-radius:999px;background:#fff;color:#5B5FC7;box-shadow:inset 0 0 0 1px #DCDDF5;flex:none}.mt.a{background:#FCF1DC;color:#8A5A0B}.mt.i{background:#ECECFA;color:#3C3F92}
.bt-now .pbar{margin-top:0;height:5px}
.bt-now .pbar span{animation:none;transition:width .6s cubic-bezier(.2,.7,.2,1)}
.bt-sub{margin:8px 18px 0;font-size:11px;font-weight:600;color:var(--muted)}
#btDone{list-style:none;margin:0;padding:2px 8px 6px;height:166px;overflow:hidden}
#btDone li b,#btDone li small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
#btDone li small{display:flex}
#btDone li.new{animation:liIn .55s cubic-bezier(.2,.7,.2,1) both}
#btDone li.new > i{animation:pop .5s cubic-bezier(.2,1.6,.4,1) .15s both}
@keyframes liIn{from{opacity:0;transform:translateY(-10px);background:#EAF6EF}to{opacity:1;transform:none;background:transparent}}
@keyframes pop{from{transform:scale(0)}to{transform:scale(1)}}
.bt-f b{position:relative;font-variant-numeric:tabular-nums}
.bt-f b.bump::after{content:attr(data-plus);position:absolute;left:100%;top:-2px;margin-left:4px;font-family:var(--body);font-size:11px;font-weight:700;color:#2E9E62;animation:plus 1.2s ease both}
@keyframes plus{from{opacity:0;transform:translateY(6px)}20%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}

/* gain calculator */
.gain-h2 h3{margin:0;scroll-margin-top:110px;max-width:900px}
.gain .s2{margin-top:48px}
.gain .gain-g.gain-g2{grid-template-columns:repeat(2,minmax(0,1fr));margin:16px 0 0}
.gain-g2 .gcard{padding:22px 26px;gap:12px}
.gain-g2 .gcard .sv b{font-size:44px}
@media (max-width:860px){.gain .gain-g.gain-g2{grid-template-columns:minmax(0,1fr)}}
.gain{margin-top:96px;padding-top:72px;border-top:1px solid var(--line)}
.gain-h{display:flex;flex-wrap:wrap;gap:28px 56px;align-items:flex-end;justify-content:space-between;margin-bottom:32px}
.gain-h > div{flex:1 1 420px;max-width:560px}
.gain-h h3{margin:0 0 12px;font-family:var(--display);font-weight:500;font-size:clamp(28px,3vw,38px);line-height:1.08;letter-spacing:-.03em}
.gain-h p{margin:0;font-size:16px;line-height:1.6;color:var(--text)}
.eff{flex:0 1 420px;display:flex;flex-direction:column;gap:8px;padding:18px 20px 14px;border-radius:16px;background:var(--soft);cursor:pointer}
.effl{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text);font-weight:500}
.effl em{font-style:normal;font-size:11.5px;font-weight:700;color:var(--indigo);background:#fff;padding:3px 9px;border-radius:999px;box-shadow:inset 0 0 0 1px #DCDDF3}
.eff b{font-family:var(--display);font-size:26px;font-weight:500;letter-spacing:-.02em}
.eff output{font-variant-numeric:tabular-nums}
.eff input{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;margin:8px 0 2px;background:linear-gradient(90deg,var(--indigo) var(--p,32%),#DCDDE8 var(--p,32%));outline:none}
.eff input::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid var(--indigo);box-shadow:0 4px 10px rgba(79,82,178,.35);cursor:grab}
.eff input::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid var(--indigo);box-shadow:0 4px 10px rgba(79,82,178,.35);cursor:grab}
.eff input:focus-visible{outline:2px solid var(--indigo);outline-offset:6px}
.ticks2{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted)}
.ticks2 i{font-style:normal}
.gain-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.gcard{border:1px solid var(--line-2);border-radius:20px;padding:26px;display:flex;flex-direction:column;gap:14px;background:#fff}
.gcard.hl{background:linear-gradient(180deg,#F6F6FD,#fff);border-color:#DCDDF3}
.gcard small{font-size:14px;font-weight:500;color:var(--text)}
.gcard .sv{display:flex;align-items:center;gap:14px;font-family:var(--display);font-weight:500;letter-spacing:-.04em;line-height:1}
.gcard .sv s{text-decoration:none;font-size:28px;color:var(--faint);position:relative}
.gcard .sv s::after{content:"";position:absolute;left:-2px;right:-2px;top:54%;height:1.5px;background:var(--faint)}
.gcard .sv svg{color:var(--faint);flex:none}
.gcard .sv b{font-size:52px;font-weight:500;font-variant-numeric:tabular-nums}
.gcard p{margin:auto 0 0;font-size:13.5px;line-height:1.55;color:var(--muted)}
.gcard p b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
.cmpbars{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:12px;background:var(--soft)}
.cmpbars div{display:grid;grid-template-columns:96px 1fr 48px;align-items:center;gap:10px;font-size:12.5px;color:var(--text)}
.cmpbars i{height:10px;border-radius:5px;background:#C9CAD6;display:block}
.cmpbars .us{color:var(--ink);font-weight:600}
.cmpbars .us i{background:var(--indigo)}
.cmpbars em{font-style:normal;text-align:right;font-variant-numeric:tabular-nums}
@media (max-width:560px){.tsteps .st-row{grid-template-columns:78px minmax(0,1fr);gap:8px;font-size:11.5px}.tsteps .st-bar i{font-size:10px;padding:0 2px}.tsteps .st-bar em{font-size:10.5px;padding:3px 7px}}
.tsteps{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:12px;background:var(--soft)}
.st-row{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:10px;font-size:12.5px;color:var(--text)}
.st-row.us{color:var(--ink);font-weight:600}
.st-bar{display:flex;gap:3px;height:24px}
.st-bar i{display:flex;align-items:center;justify-content:center;min-width:0;padding:0 4px;overflow:hidden;white-space:nowrap;border-radius:6px;background:#D3D4E0;color:#5E6072;font-style:normal;font-size:11px;font-weight:600}
.st-row.us .st-bar i{background:var(--indigo);color:#fff}
.st-bar span{display:flex;align-items:center;padding-left:8px}
.st-bar em{font-style:normal;font-size:11.5px;font-weight:700;color:var(--indigo);background:#fff;padding:3px 9px;border-radius:999px;box-shadow:inset 0 0 0 1px #DCDDF3;white-space:nowrap}
.coins{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:12px;background:var(--soft)}
.coins .row{display:flex;gap:6px}
.coins .row i{width:22px;height:22px;border-radius:50%;background:#D9DAE3;box-shadow:inset 0 -2px 0 rgba(0,0,0,.08);position:relative}
.coins .row i::after{content:"€";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#8B8C9C}
.coins .row.us i{background:var(--indigo)}
.coins .row.us i::after{color:#fff}
.coins em{font-style:normal;font-size:11.5px;color:var(--muted)}
.ring-row{display:flex;align-items:center;gap:14px;padding:14px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px #E4E5F6}
.ring{width:52px;height:52px;flex:none}
.ring-row span{font-size:12.5px;color:var(--text);line-height:1.35}
.ring-row b{display:block;font-family:var(--display);font-size:22px;font-weight:500;color:var(--indigo);letter-spacing:-.02em}
.gain-f{display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;justify-content:space-between;margin-top:28px}
.gain-f p{margin:0;flex:1 1 420px;font-size:13px;line-height:1.6;color:var(--muted)}
.plan{margin-top:56px;border-radius:28px;padding:56px;--aur-o:.55}
.plan-h{display:flex;flex-wrap:wrap;gap:20px 56px;align-items:flex-end;justify-content:space-between;margin-bottom:36px}
.plan-h h3{margin:0;flex:1 1 520px;max-width:820px;text-wrap:balance;font-family:var(--display);font-weight:500;font-size:clamp(26px,2.8vw,36px);line-height:1.1;letter-spacing:-.03em;color:#fff}
.plan-h h3 span{font-variant-numeric:tabular-nums}
.plan-h p{margin:0;flex:1 1 300px;max-width:400px;font-size:15px;line-height:1.6;color:rgba(255,255,255,.66)}
.hbar-w{margin-bottom:32px}
.hbar{display:flex;gap:5px;height:68px;padding:5px;border-radius:16px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.hbar i{position:relative;flex:0.001 1 0;min-width:0;overflow:hidden;border-radius:11px;font-style:normal;color:#14132E;background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,0) 55%),var(--c);box-shadow:inset 0 -2px 0 rgba(0,0,0,.12),0 8px 24px -10px var(--c);display:flex;flex-direction:column;justify-content:space-between;padding:9px 11px;transition:flex-grow .9s cubic-bezier(.2,.7,.2,1),opacity .25s}
.hbar i::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 13px,rgba(20,19,46,.07) 13px 14px);pointer-events:none}
.hbar b{font-size:12px;font-weight:600;white-space:nowrap;letter-spacing:-.005em}
.hbar span{font-family:var(--display);font-size:17px;font-weight:600;white-space:nowrap;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.hbar i.tight b,.hbar i.tight span{opacity:0}
.hbar i.mid b{opacity:0}
.hruler{position:relative;display:flex;justify-content:space-between;margin:10px 5px 0;padding-top:9px;font-size:11.5px;color:rgba(255,255,255,.45);font-variant-numeric:tabular-nums;background:repeating-linear-gradient(90deg,rgba(255,255,255,.22) 0 1px,transparent 1px calc(10% - .1px)) top/100% 5px no-repeat,linear-gradient(rgba(255,255,255,.14),rgba(255,255,255,.14)) top/100% 1px no-repeat}
.hruler span{width:0;display:flex;justify-content:center;white-space:nowrap}
.hruler span:first-child{justify-content:flex-start}.hruler span:last-child{justify-content:flex-end}
.pit{transition:opacity .25s,box-shadow .25s}
.plan[data-hot] .hbar i:not(.hot){opacity:.3}
.plan[data-hot] .pit:not(.hot){opacity:.45}
.pit.hot{box-shadow:inset 0 0 0 1px var(--c)}
@media (max-width:860px){.hbar{height:52px;gap:3px;padding:4px;border-radius:12px}.hbar i{padding:6px 7px;border-radius:8px}.hbar span{font-size:13px}.hbar b{display:none}.hruler span:nth-child(2),.hruler span:nth-child(4){visibility:hidden}}
.pgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pit{border-radius:18px;padding:22px 24px;background:rgba(255,255,255,.055);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);display:flex;flex-direction:column;gap:12px}
.pit.big{grid-column:1 / -1;background:linear-gradient(120deg,rgba(123,126,234,.26),rgba(255,255,255,.05));box-shadow:inset 0 0 0 1px rgba(165,168,245,.32)}
.pit-t{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:rgba(255,255,255,.78)}
.pit-t::before{content:"";width:10px;height:10px;border-radius:3px;background:var(--c);flex:none}
.pit-t em{margin-left:auto;font-style:normal;font-family:var(--display);font-size:15px;font-weight:500;color:#fff;font-variant-numeric:tabular-nums}
.pit p{margin:0;font-size:17px;line-height:1.45;color:#fff;letter-spacing:-.005em}
.pit p b{font-weight:600;font-variant-numeric:tabular-nums}
.pit.big p{font-size:clamp(18px,1.8vw,22px);font-family:var(--display);font-weight:500;letter-spacing:-.015em;max-width:760px}
.pit small{display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.5;color:rgba(255,255,255,.6)}
.pit small svg{flex:none;margin-top:2px;color:var(--c)}
.plan-f{margin:24px 0 0;font-size:12.5px;line-height:1.6;color:rgba(255,255,255,.5)}
@media (max-width:860px){.plan{padding:32px 20px;border-radius:22px}.pgrid{grid-template-columns:minmax(0,1fr)}.pit p{font-size:16px}}
.pextra{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.xm{display:flex;flex-direction:column;gap:14px;padding:24px 26px;border-radius:18px;background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)}
.xm small{font-size:13px;font-weight:600;color:#C3C5FA}
.xm-r{display:flex;align-items:center;gap:22px}
.xm-r b{flex:none;font-family:var(--display);font-size:clamp(38px,3.6vw,48px);font-weight:500;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums;color:#fff}
.xm-r p{margin:0;font-size:14px;line-height:1.5;color:rgba(255,255,255,.66)}
.xm-r p span{color:rgba(255,255,255,.9);text-decoration:line-through;text-decoration-color:rgba(255,255,255,.45);font-variant-numeric:tabular-nums}
@media (max-width:860px){.pextra{grid-template-columns:minmax(0,1fr)}.xm{padding:20px}.xm-r{flex-direction:column;align-items:flex-start;gap:10px}}
@media (max-width:980px){.gain-g{grid-template-columns:1fr}.gain{margin-top:64px;padding-top:48px}}

.reveal{animation:rise .9s cubic-bezier(.2,.7,.2,1) .15s both}
.reveal-2{animation:rise .9s cubic-bezier(.2,.7,.2,1) .7s both}
@keyframes rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ---------- story: before / after ---------- */
.story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:56px}
.side{border-radius:22px;padding:28px;display:flex;flex-direction:column;gap:24px;position:relative;overflow:hidden}
.side.before{background:var(--soft)}
.side.after{background:#fff;border:1px solid var(--line-2);box-shadow:0 40px 80px -50px rgba(20,19,46,.45)}
.side .tagl{align-self:flex-start;font-size:13px;font-weight:600;padding:5px 12px;border-radius:999px}
.before .tagl{background:#FBE3E3;color:#B42525}
.after .tagl{background:var(--green-wash);color:#1D6E43}
.side .vis{height:272px;display:flex;align-items:center;justify-content:center}
.before .vis img{max-height:178px;width:auto}
.side ul{list-style:none;margin:auto 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.side li{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;font-size:15px;font-weight:500}
.before li{background:#fff;color:var(--ink)}
.after li{background:var(--soft)}
.side li i{width:22px;height:22px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center}
.before li i{background:var(--red)}.after li i{background:var(--green)}
.after .vis{flex-direction:column;gap:22px}
.after .alogo{height:30px;width:auto}
.pair{display:flex;gap:12px;align-items:stretch;width:100%;justify-content:center}
.pair > div{flex:1;max-width:250px;width:auto}
.pair{align-items:center}
.orb-card{background:#fff;border:1px solid #E6E7EF;border-radius:12px;box-shadow:0 18px 40px -26px rgba(20,19,46,.45);padding:16px 14px 14px;display:flex;flex-direction:column;align-items:center;gap:10px}
.orb{position:relative;width:170px;height:170px;flex:none}
.orb .ring{position:absolute;inset:6px;border-radius:50%;border:1px dashed #CFD0E4}
.orb .ring.r2{inset:44px;border:1px solid #ECEDF5}
.orb .beam{position:absolute;inset:4px;border-radius:50%;background:conic-gradient(from 0deg,rgba(91,95,199,0) 0deg,rgba(91,95,199,.16) 60deg,rgba(91,95,199,0) 61deg);animation:orbit 5s linear infinite}
.orb .core{position:absolute;left:50%;top:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:11px;background:url(agentrh-sym-couleur.png) center/cover;box-shadow:0 0 0 5px rgba(91,95,199,.12),0 10px 22px -8px rgba(60,63,146,.7)}
.orb .core::after{content:"";position:absolute;inset:-5px;border-radius:15px;border:2px solid rgba(91,95,199,.35);animation:halo 2.4s ease-out infinite}
@keyframes halo{from{transform:scale(1);opacity:1}to{transform:scale(1.6);opacity:0}}
.orb .rot{position:absolute;inset:0;animation:orbit 30s linear infinite}
@keyframes orbit{to{transform:rotate(360deg)}}
.orb .sat{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(var(--a)) translateX(66px) rotate(calc(-1 * var(--a)))}
.orb .sat > span{position:absolute;left:0;top:0;transform:translate(-50%,-50%);background:#fff;border-radius:9px;box-shadow:0 0 0 1px #E6E7EF,0 6px 14px -8px rgba(20,19,46,.45);display:flex;align-items:center;justify-content:center;animation:counter 30s linear infinite}
@keyframes counter{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}
.orb .sat.ic > span{width:30px;height:30px}
.orb .sat.ic img{width:18px;height:18px}
.orb .sat.wm > span{height:22px;padding:0 6px}
.orb .sat.wm img{height:12px;width:auto;max-width:44px}
.orb-card p{margin:0;text-align:center;font-size:11.5px;color:var(--muted);line-height:1.35}
.orb-card p b{display:block;font-size:12.5px;color:var(--ink)}
.search-w{width:300px;background:#fff;border:1px solid #E6E7EF;border-radius:12px;padding:20px 18px;text-align:center;box-shadow:0 18px 40px -26px rgba(20,19,46,.45)}
.search-w .spin{width:26px;height:26px;margin:0 auto 10px;border-radius:50%;border:3px solid #E6E7EF;border-top-color:var(--teams)}
.search-w p{margin:0 0 12px;font-size:13px;line-height:1.45}
.search-w div{height:32px;border-radius:7px;background:var(--soft);display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:12px;color:var(--muted)}
.status-w{width:250px;background:#fff;border:1px solid #E6E7EF;border-radius:12px;padding:14px;box-shadow:0 18px 40px -26px rgba(20,19,46,.45)}
.status-w .hd{display:flex;align-items:center;gap:9px;margin-bottom:6px;font-weight:700;font-size:14px}
.status-w .hd .tg{margin-left:auto;width:34px;height:20px;border-radius:10px;background:var(--teams);position:relative}
.status-w .hd .tg::after{content:"";position:absolute;right:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#fff}
.status-w .row{display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid #ECEDF3;border-radius:7px;font-size:12.5px;font-weight:500;margin-top:6px}
.status-w .row i{width:15px;height:15px;border-radius:4px;background:var(--teams);display:flex;align-items:center;justify-content:center;flex:none}
@media (max-width:860px){.story{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.after .vis{height:auto}.pair{flex-direction:column;align-items:center}.pair > div{max-width:none;width:100%}}

/* stats */
.stats{margin-top:16px;border:1px solid var(--line-2);border-radius:22px;overflow:hidden}
.stats-h{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;align-items:center;padding:18px 28px;border-bottom:1px solid var(--line);background:#FAFAFC}
.stats-h b{font-size:15px}
.stats-h span{font-size:14px;color:var(--text)}
.stats-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.stat{padding:28px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.stat:last-child{border-right:none}
.stat small{font-size:14px;font-weight:500;color:var(--text)}
.stat .sv{display:flex;align-items:center;gap:14px;font-family:var(--display);font-weight:500;letter-spacing:-.04em;line-height:1}
.stat .sv s{text-decoration:none;font-size:28px;color:var(--faint);position:relative}
.stat .sv s::after{content:"";position:absolute;left:-2px;right:-2px;top:54%;height:1.5px;background:var(--faint)}
.stat .sv svg{color:var(--faint);flex:none}
.stat .sv b{font-size:50px;font-weight:500}
.stat p{margin:0;font-size:13.5px;color:var(--muted)}
@media (max-width:860px){.stats-g{grid-template-columns:1fr}.stat{border-right:none;border-bottom:1px solid var(--line)}.stat:last-child{border-bottom:none}}

/* ---------- definition: layered illustration ---------- */
.def{display:flex;flex-wrap:wrap;gap:48px 64px;align-items:center}
.def > div{flex:1 1 440px;min-width:0}
.def .copy{display:flex;flex-direction:column;gap:24px}
.def .copy .h2{max-width:560px}
.nots{display:flex;flex-direction:column;border-top:1px solid var(--line);max-width:520px}
.nots div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px}
.nots div b{font-weight:600}
.nots div span{color:var(--text)}
.nots div.me b{color:var(--indigo)}
.nots div.me span{color:var(--ink);font-weight:500}
.stack{display:flex;flex-direction:column;align-items:stretch;max-width:540px;margin-left:auto;width:100%}
.lay{border-radius:20px;padding:20px 22px;position:relative}
.lay small{display:block;font-size:12.5px;color:var(--muted);margin-bottom:12px;font-weight:500}
.lay.l-top{background:#fff;border:1px solid var(--line-2);box-shadow:0 24px 50px -36px rgba(20,19,46,.45)}
.lay.l-top .row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.lay.l-top .apps{display:flex;gap:8px}
.lay.l-top .apps span{width:44px;height:44px;border-radius:12px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;background:#fff}
.lay.l-top .apps img{width:26px;height:26px}
.req{display:flex;flex-direction:column;gap:6px;flex:1;min-width:220px}
.req span{align-self:flex-start;padding:7px 11px;border-radius:3px 11px 11px 11px;background:var(--soft);font-size:13px}
.lay.l-mid{color:#fff;box-shadow:0 30px 60px -24px rgba(10,10,18,.7),0 0 0 6px rgba(123,126,234,.12);--aur-o:.8}
.lay.l-mid small{color:#B4B5D2}
.lay.l-mid .row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.lay.l-mid img{height:22px}
.lay.l-mid .acts2{display:flex;gap:6px;flex-wrap:wrap}
.lay.l-mid .acts2 span{padding:6px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.22);font-size:12.5px;color:#E2E2F2}
.lay.l-mid .acts2 span.v2{background:#fff;color:var(--black);border-color:#fff;font-weight:600}
.lay.l-bot{background:var(--soft);border:1px solid var(--line)}
.lay.l-bot .lgs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.lay.l-bot .lgs span{height:50px;background:#fff;border:1px solid #E4E5EE;border-radius:11px;display:flex;align-items:center;justify-content:center;padding:0 8px;font-size:12px;font-weight:600;text-align:center;line-height:1.2}
.lay.l-bot .lgs img{max-height:22px;max-width:78px}
.lay.l-bot .lgs .wm{font-family:var(--display);font-size:18px;letter-spacing:-.03em;color:#1C2B4A;border:0;height:auto;background:none}
.lay.l-bot .lgs .tx{color:var(--indigo);font-family:var(--mono);font-weight:500;font-size:11px}
.link2{height:34px;display:flex;justify-content:center;position:relative}
.link2::before{content:"";width:1px;height:100%;background:repeating-linear-gradient(#A9ABC4 0 4px,transparent 4px 8px)}
.link2 i{position:absolute;left:50%;top:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:var(--indigo);box-shadow:0 0 0 4px rgba(79,82,178,.15);animation:flow 2.4s ease-in-out infinite}
@keyframes flow{0%{transform:translateY(-14px);opacity:0}30%,70%{opacity:1}100%{transform:translateY(14px);opacity:0}}
@media (max-width:560px){.lay.l-bot .lgs{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- use cases: bento ---------- */
.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:56px}
.uc{min-width:0;display:flex;flex-direction:column;text-align:left;padding:8px;border:1px solid var(--line-2);border-radius:20px;background:#fff;transition:border-color .2s,box-shadow .25s,transform .25s;font:inherit;color:inherit;text-decoration:none}
.uc:hover{border-color:#CFD0DC;box-shadow:0 30px 60px -40px rgba(20,19,46,.45);transform:translateY(-2px)}
.uc.w2{grid-column:span 2}
.uc .vis{position:relative;height:240px;border-radius:14px;background:var(--soft);overflow:hidden;display:flex;align-items:center;justify-content:center;padding:18px}
.uc .vis::before{content:"";position:absolute;inset:0;background-image:radial-gradient(#DCDDE8 1px,transparent 1px);background-size:14px 14px;opacity:.7}
.uc .vis > *{position:relative}
.uc .txt{padding:18px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.uc h3{margin:0;font-family:var(--display);font-size:19px;font-weight:500;letter-spacing:-.015em;line-height:1.2}
.uc p{margin:0;font-size:14.5px;line-height:1.55;color:var(--text)}
.uc{position:relative}
.uc::after{content:"";position:absolute;right:18px;bottom:18px;width:34px;height:34px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M4 10l6-6M5 4h5v5' stroke='%230F1020' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center no-repeat;border:1px solid var(--line-2);box-shadow:0 6px 14px -8px rgba(20,19,46,.35);opacity:0;transform:scale(.85);transition:opacity .2s,transform .2s;z-index:2}
.uc:hover::after,.uc:focus-visible::after{opacity:1;transform:none}
@media (hover:none){.uc::after{opacity:1;transform:none}}
.uc .txt{padding-bottom:20px;padding-right:56px}
@media (max-width:1100px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.hide-sm{display:none!important}.bento{grid-template-columns:minmax(0,1fr)}.uc.w2{grid-column:auto}}
/* mini widgets (Teams flat style) */
.uc .vis{height:250px;align-items:flex-end;padding:30px 26px 0}
.uc .vis > *{transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.uc:hover .vis > *{transform:translateY(-6px)}
.uc .vis > .w{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:0;min-height:calc(100% - 2px);box-shadow:0 -1px 0 #E4E5EE,0 24px 50px -24px rgba(20,19,46,.35)}
.uc .w{font-size:12px}
.uc .w .wh{font-size:12.5px;padding:10px 12px}
.uc .w .bd{padding:11px 12px;gap:7px}
.uc:not(.w2) .vis{padding:26px 14px 0}
.w{background:#fff;border:1px solid #E4E5EE;border-radius:11px;box-shadow:0 16px 30px -20px rgba(20,19,46,.38);font-size:11.5px;line-height:1.4;color:var(--ink)}
.w .wh{display:flex;align-items:center;gap:7px;padding:9px 11px;border-bottom:1px solid #EEEFF4;font-weight:700;font-size:12px}
.w .wh .tg{margin-left:auto;width:26px;height:15px;border-radius:8px;background:var(--teams);position:relative}
.w .wh .tg::after{content:"";position:absolute;right:2px;top:2px;width:11px;height:11px;border-radius:50%;background:#fff}
.w .bd{padding:10px 11px;display:flex;flex-direction:column;gap:7px}
.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:5px;background:var(--indigo-wash);color:var(--indigo-deep);font-family:var(--mono);font-size:9.5px;white-space:nowrap}
.pillg{display:inline-flex;padding:2px 7px;border-radius:5px;font-size:10px;font-weight:600;background:var(--green-wash);color:#1D6E43}
.pilla{display:inline-flex;padding:2px 7px;border-radius:5px;font-size:10px;font-weight:600;background:#FCF1DC;color:#8A5A0B}
.pillr{display:inline-flex;padding:2px 7px;border-radius:5px;font-size:10px;font-weight:600;background:#FBE3E3;color:#B42525}
.tb{display:inline-flex;padding:5px 10px;border-radius:6px;background:var(--teams);color:#fff;font-weight:600;font-size:10.5px}
.tb.o{background:#fff;color:var(--ink);border:1px solid #DADBE6}
.bub{padding:7px 9px;border-radius:3px 9px 9px 9px;background:#F1F1F7}
.bub.me{border-radius:9px 3px 9px 9px;background:#E9E9FB;align-self:flex-end}
.li{display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid #EEEFF4;border-radius:7px}
.li .r{margin-left:auto}
.dotav{width:20px;height:20px;border-radius:50%;font-size:8.5px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none}
.wave{display:flex;align-items:center;gap:3px;height:34px}
.wave i{width:4px;border-radius:2px;background:var(--teams)}
.mbar{display:flex;align-items:flex-end;gap:7px;height:84px}
.mbar i{flex:1;border-radius:4px 4px 0 0;background:#D9DAF4}
.mbar i.h{background:var(--teams)}

/* ---------- showcase ---------- */
.show{border-top:1px solid var(--line)}
.show-head{position:relative;padding:var(--sec) var(--pad) 40px}
.show-head .h2{color:#fff}
.show-head .lead{color:#B9BAD9}
.tabs{position:relative;display:flex;gap:5px;flex-wrap:wrap;padding:0 var(--pad);overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tab{flex:none;padding:8px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.02);color:#C3C4DD;font-size:13.5px;font-weight:500;transition:all .2s}
.tab:hover{color:#fff;border-color:rgba(255,255,255,.35)}
.tab[aria-selected="true"]{background:#fff;color:var(--black);border-color:#fff}
.panes{position:relative;padding:28px var(--pad) var(--sec)}
.pane{display:none}
.pane.on{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.1fr);gap:40px;align-items:start;animation:fade .45s ease both}
@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.pane-copy{display:flex;flex-direction:column;gap:16px;padding-top:12px}
.pane-copy h3{font-family:var(--display);font-weight:500;font-size:30px;line-height:1.1;letter-spacing:-.025em;margin:0}
.pane-copy p{margin:0;color:#B9BAD9;font-size:15.5px;line-height:1.65}
.pane-copy ul{list-style:none;margin:4px 0 0;padding:0;border-top:1px solid rgba(255,255,255,.12)}
.pane-copy li{padding:12px 0 12px 24px;border-bottom:1px solid rgba(255,255,255,.12);font-size:14.5px;position:relative}
.pane-copy li::before{content:"";position:absolute;left:2px;top:19px;width:10px;height:6px;border-left:1.6px solid var(--indigo-light);border-bottom:1.6px solid var(--indigo-light);transform:rotate(-45deg)}
.pane-copy .note{font-size:12.5px;color:#8E8FBF}
@media (max-width:980px){.pane.on{grid-template-columns:minmax(0,1fr)}}
.ui{border-radius:14px;padding:6px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);box-shadow:0 50px 100px -40px rgba(0,0,0,.8)}
.ui-in{border-radius:9px;background:var(--ui-bg);color:var(--ui-text);overflow:hidden;font-size:13.5px}
.ui-top{height:44px;display:flex;align-items:center;gap:14px;padding:0 16px;border-bottom:1px solid var(--ui-line);background:var(--ui-panel)}
.ui-top .brand{display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px}
.ui-top .brand i{width:22px;height:22px;border-radius:6px;background:url(agentrh-sym-couleur.png) center/cover;display:flex}
.ui-top .brand i svg{display:none}
.ui-top nav{display:flex;gap:16px;font-size:12.5px;color:var(--ui-muted);overflow:hidden;white-space:nowrap}
.ui-top nav b{color:var(--ui-text);font-weight:500;box-shadow:0 13px 0 -11px var(--ui-accent)}
.ui-body{padding:22px}
.ui-kicker{font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--ui-accent);margin:0 0 6px}
.ui-title{font-size:18px;font-weight:600;margin:0 0 14px;letter-spacing:-.01em}
.ui-card{background:var(--ui-card);border:1px solid var(--ui-line);border-radius:10px}
.ui-foot{display:flex;flex-wrap:wrap;gap:6px 16px;padding:10px 16px;border-top:1px solid var(--ui-line);font-size:11px;color:var(--ui-muted)}
.ui-foot span::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green-ui);margin-right:6px;vertical-align:1px}
/* sécurité : cartes animées */
.scg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:56px;position:relative}
.scc{background:#fff;color:var(--ink);border-radius:22px;padding:12px 12px 20px;display:flex;flex-direction:column;gap:8px;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
.scc:hover{transform:translateY(-4px);box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}
.scc > b,.scc > span:not(.scv),.scc > code{margin:0 10px}
.scc > b{font-size:16px;font-weight:600;margin-top:8px}
.scc > span:not(.scv){font-size:14px;line-height:1.5;color:var(--text)}
.scc > code{margin-top:auto;padding-top:8px;font-family:var(--mono);font-size:11.5px;color:var(--lf)}
.scv{position:relative;height:150px;border-radius:14px;background:var(--lb);display:flex;align-items:center;justify-content:center;overflow:hidden}
.scv::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(20,19,46,.08) 1px,transparent 1px);background-size:14px 14px}
.scv > span{position:relative;width:84%;background:#fff;border-radius:12px;padding:12px 14px;box-shadow:0 16px 32px -18px rgba(20,19,46,.45);display:flex;flex-direction:column;gap:6px;font-size:12px}
.scv small{font-size:10.5px;color:var(--muted)}
.scv b{font-size:12.5px;color:var(--ink)}
/* Europe */
.sv-eu{align-items:center;text-align:center}
.sv-eu .pin{position:relative;width:34px;height:34px;border-radius:50%;background:#EAF1FD;display:flex;align-items:center;justify-content:center}
.sv-eu .pin i{width:12px;height:12px;border-radius:50%;background:var(--lf)}
.sv-eu .pin::before,.sv-eu .pin::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--lf);opacity:0;animation:svp 2.4s ease-out infinite}
.sv-eu .pin::after{animation-delay:1.2s}
@keyframes svp{0%{transform:scale(.6);opacity:.7}100%{transform:scale(1.8);opacity:0}}
/* pseudonymisation */
.sv-ps .sw{position:relative;height:22px;border-radius:6px;background:#F6F6FA;overflow:hidden}
.sv-ps .sw b{position:absolute;left:8px;top:3px;font-size:12px;transition:none}
.sv-ps .sw .a{animation:psa 4s infinite}
.sv-ps .sw .b{color:var(--lf);animation:psb 4s infinite}
.sv-ps .sw:nth-of-type(3) b{animation-delay:.35s}
@keyframes psa{0%,35%{transform:none;opacity:1}45%,90%{transform:translateY(-18px);opacity:0}100%{transform:none;opacity:1}}
@keyframes psb{0%,35%{transform:translateY(18px);opacity:0}45%,90%{transform:none;opacity:1}100%{transform:translateY(18px);opacity:0}}
/* jamais réutilisé */
.sv-tr .row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 0}
.sv-tr .row + .row{border-top:1px solid #F0F0F5;padding-top:8px}
.sv-tr .row span{display:flex;flex-direction:column}
.sv-tr .tg{position:relative;flex:none;width:32px;height:18px;border-radius:9px;background:#D9DAE3}
.sv-tr .tg::after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);animation:tgo 4s infinite}
.sv-tr .row:nth-child(2) .tg::after{animation-delay:.3s}
@keyframes tgo{0%,10%{transform:translateX(14px)}25%,100%{transform:none}}
.sv-tr .tg{animation:tgb 4s infinite}
@keyframes tgb{0%,10%{background:#E6AA45}25%,100%{background:#D9DAE3}}
/* validation */
.sv-va .ln{height:6px;border-radius:3px;background:#EEEFF5;width:100%}
.sv-va .ln.s{width:70%}
.sv-va .bt{position:relative;height:28px;margin-top:4px}
.sv-va .bt em,.sv-va .bt i{position:absolute;left:0;top:0;height:28px;display:inline-flex;align-items:center;padding:0 14px;border-radius:8px;font-style:normal;font-size:12px;font-weight:600;white-space:nowrap}
.sv-va .bt em{background:var(--ink);color:#fff;animation:vae 4s infinite}
.sv-va .bt i{background:#E3F6EC;color:#1D6E43;animation:vai 4s infinite}
@keyframes vae{0%,30%{opacity:1;transform:none}36%{transform:scale(.94)}42%,92%{opacity:0}100%{opacity:1}}
@keyframes vai{0%,40%{opacity:0;transform:translateY(4px)}48%,92%{opacity:1;transform:none}100%{opacity:0}}
@media (max-width:1100px){.scg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.scg{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.scv *,.scv *::before,.scv *::after{animation:none!important}}
.um-cta{position:fixed;right:clamp(16px,3vw,32px);bottom:22px;z-index:3;display:flex;align-items:center;gap:10px;padding:8px 8px 8px 20px;border-radius:999px;background:rgba(20,21,32,.82);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 24px 60px -20px rgba(0,0,0,.8);transform:translateY(20px);opacity:0;transition:transform .5s .25s cubic-bezier(.2,.7,.2,1),opacity .4s .25s}
.umodal.open .um-cta{transform:none;opacity:1}
.um-cta span{font-size:14px;color:#C9CDDB;margin-right:4px}
.um-cta .btn{padding:11px 18px;border-radius:999px;font-size:14px;font-weight:600}
.um-b2{color:#fff;background:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.um-b2:hover{background:rgba(255,255,255,.08)}
.um-b1{color:#fff;background:linear-gradient(135deg,#3B6FD4,#2953A0);box-shadow:0 10px 26px -8px #3B6FD4}
.um-b1:hover{filter:brightness(1.1)}
.umodal .panes{margin-bottom:90px}
@media (max-width:760px){.um-cta{left:12px;right:12px;bottom:12px;justify-content:center;padding:8px}.um-cta span,.um-b2{display:none}.um-cta .um-b1{flex:1}}
.s2-res .gain-g.gain-g2{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;gap:10px}
.s2-res .gcard{background:rgba(255,255,255,.05);border:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);border-radius:14px;padding:16px;gap:10px}
.s2-res .gcard small{font-size:12px;color:rgba(255,255,255,.6)}
.s2-res .gcard .sv{gap:8px}
.s2-res .gcard .sv s{font-size:18px;color:rgba(255,255,255,.45)}
.s2-res .gcard .sv s::after{background:rgba(255,255,255,.45)}
.s2-res .gcard .sv svg{color:rgba(255,255,255,.45);width:14px}
.s2-res .gcard .sv b{font-size:28px;color:#fff}
.s2-res .tsteps{padding:10px;background:rgba(255,255,255,.04);gap:7px}
.s2-res .st-row{grid-template-columns:72px minmax(0,1fr);font-size:11px;color:rgba(255,255,255,.6);gap:8px}
.s2-res .st-row.us{color:#fff}
.s2-res .st-bar{height:20px}
.s2-res .st-bar i{font-size:9.5px;background:rgba(255,255,255,.14);color:rgba(255,255,255,.75);padding:0 2px}
.s2-res .st-row.us .st-bar i{background:linear-gradient(90deg,#7B7EEA,#8FB3FF);color:#0E0F17}
.s2-res .st-bar em{font-size:10px;padding:2px 7px;background:transparent;color:#C3C5FA;box-shadow:inset 0 0 0 1px rgba(195,197,250,.4)}
@media (max-width:560px){.s2-res .gain-g.gain-g2{grid-template-columns:minmax(0,1fr)}}
.s2-res .tsteps{background:none;padding:0}
.s2-res .st-row:first-child,.s2-res .st-row.us > span,.s2-res .st-bar i{display:none}
.s2-res .st-row{display:block}
.s2-res .st-bar{height:auto;display:block}
.s2-res .st-bar span{padding:0;display:inline-flex}
.s2-res .st-bar em{font-size:11.5px;padding:3px 10px}
.s2-res .gcard .sv b{font-size:32px}
/* modal use case */
.umodal{position:fixed!important;inset:0;z-index:300;margin:0!important;border:0!important;overflow-y:auto;overscroll-behavior:contain;padding:72px 0 40px;background:rgba(8,9,16,.72)!important;backdrop-filter:blur(14px);opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}
.umodal::before,.umodal::after{display:none!important}
.umodal.open{opacity:1;visibility:visible}
.umodal .tabs{display:none}
.umodal .panes{position:relative;max-width:1280px;margin:0 auto;padding:36px clamp(20px,3vw,40px) 40px;border-radius:28px;background:radial-gradient(ellipse 70% 60% at 85% 0%,rgba(110,155,255,.18),transparent 60%),radial-gradient(ellipse 60% 50% at 0% 100%,rgba(242,155,212,.10),transparent 60%),#0E0F17;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 60px 140px -40px rgba(0,0,0,.9),0 0 120px -40px rgba(78,134,255,.45);transform:translateY(24px) scale(.97);transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.umodal.open .panes{transform:none}
.um-top{position:fixed;top:18px;left:0;right:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(16px,3vw,32px);pointer-events:none}
.um-top > *{pointer-events:auto}
.um-nav{display:flex;align-items:center;gap:6px;padding:4px;border-radius:999px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.um-nav button,.um-close{width:38px;height:38px;border-radius:50%;border:0;background:transparent;color:#fff;font-size:20px;line-height:1;cursor:pointer;transition:background .2s}
.um-nav button:hover{background:rgba(255,255,255,.12)}
.um-count{font-size:13px;color:#C3C4DD;min-width:52px;text-align:center;font-variant-numeric:tabular-nums}
.um-close{background:#fff;color:#0A0A12;font-size:15px;font-weight:700;box-shadow:0 10px 30px -10px rgba(0,0,0,.6)}
.um-close:hover{transform:rotate(90deg);transition:transform .3s}
.umodal .pane-copy{display:block;padding:0 0 8px}
.uc::after{display:none}
.umodal .pane-copy h3{font-family:var(--display);font-size:clamp(28px,3vw,40px);font-weight:500;letter-spacing:-.03em;line-height:1.08;color:#fff;margin:0;max-width:820px}
.pane-sub{margin:14px 0 0;font-size:16px;line-height:1.55;color:#AEB3C8;max-width:680px}
html.um-lock,html.um-lock body{overflow:hidden}
.uc-go{display:inline-flex;align-items:center;gap:7px;margin-top:10px;font-size:13px;font-weight:600;color:var(--indigo)}
.uc-go i{width:18px;height:18px;border-radius:50%;background:var(--indigo);position:relative}
.uc-go i::after{content:"";position:absolute;left:7px;top:5px;border-left:6px solid #fff;border-top:4px solid transparent;border-bottom:4px solid transparent}
.uc:hover .uc-go i{box-shadow:0 0 0 4px rgba(79,82,178,.18)}
@media (max-width:760px){.umodal{padding:64px 0 0}.umodal .panes{border-radius:22px 22px 0 0;padding:24px 14px 32px}}
@media (prefers-reduced-motion:reduce){.umodal,.umodal .panes{transition:none}}
/* showcase v2 */
.show{--ui-bg:#FAFAFD;--ui-panel:#FFFFFF;--ui-card:#FFFFFF;--ui-line:#E7E8F1;--ui-text:#14132E;--ui-muted:#6B6D85;--ui-accent:#5B5FC7;--green-ui:#22A06B}
.show .tag.i{background:#EEEFFC;color:#4F52B2}
.show .tag.m{background:#F1F1F6;color:var(--ui-muted)}
.show .uref{color:#4F52B2}
.show .kcol .h5x span{background:#F1F1F6}
.show .kcard .who i{background:#E5E6FA;color:#3C3F92}
.show .kcard .q{color:#3A3B52}
.show .chk div,.show .dsrc div{background:#F6F6FA}
.show .ans .win-line,.show .clause b{color:var(--ui-text)}
.show .warn{background:#FCF1DC;color:#8A5A0B}
.show .step i{background:#F1F1F6}
.show .step.cur{color:var(--ui-text)}
.show .tli .d i{background:var(--ui-accent)}
.show .tli .d i.next{background:#fff;border-color:#B9BACB}
.show .bar{background:#EEEFF5}
.show .qchips span{color:#3A3B52}
.show .ba .ln span[style*="color:#fff"]{color:var(--ui-text)!important}
.show .ba .h6x[style]{color:#4F52B2!important}
.show .ba .bar i[style*="#6D6F90"]{background:#B9BACB!important}
.show .donut circle[stroke^="rgba(255"]{stroke:#EEEFF5}
.show .donut text[fill="#fff"]{fill:#14132E}
.show .ui{padding:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:18px;box-shadow:0 60px 120px -40px rgba(0,0,0,.85),0 0 0 1px rgba(123,126,234,.15),0 0 80px -20px rgba(123,126,234,.45)}
.show .ui-in{border-radius:12px}
.show .ui-top{background:#fff}
/* layout */
.pane.on > .ui{width:100%;align-self:stretch}
.pane-copy .pflow li::before{display:none}
.pane-copy .pflow li{border-bottom:1px solid rgba(255,255,255,.14)}
@media (max-width:860px){.pflow{gap:6px}.pflow li{font-size:12px;padding:5px 11px 5px 5px}.pflow li span{width:19px;height:19px;font-size:10px}}
.pane.on{display:flex;flex-direction:column;gap:30px;animation:none}
.pane-copy{flex-direction:row;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 40px;padding-top:6px}
.pane-copy h3{flex:1 1 380px;max-width:560px;font-size:clamp(24px,2.4vw,32px)}
.pflow{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex-wrap:wrap}
.pflow li{display:flex;align-items:center;gap:8px;padding:7px 14px 7px 7px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);font-size:13px;color:#8E8FBF;transition:all .3s}
.pflow li span{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;background:rgba(255,255,255,.08);color:#C3C4DD}
.pane.on .pflow li{animation:stepOn .5s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(.25s + var(--i) * .45s)}
@keyframes stepOn{from{color:#8E8FBF;border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.04)}to{color:#fff;border-color:rgba(165,168,245,.55);background:rgba(123,126,234,.18)}}
.pane.on .pflow li span{animation:dotOn .5s both;animation-delay:calc(.25s + var(--i) * .45s)}
@keyframes dotOn{to{background:#7B7EEA;color:#fff}}
.pane.on .pflow li:last-child{animation-name:stepLast}
@keyframes stepLast{to{color:#14132E;background:#fff;border-color:#fff}}
.pane.on > .ui{animation:uiIn .7s cubic-bezier(.2,.7,.2,1) both}
@keyframes uiIn{from{opacity:0;transform:translateY(24px) scale(.985)}to{opacity:1;transform:none}}
.pane.on .ui-body [data-d]{animation:pop .55s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(.35s + var(--d) * 70ms)}
@keyframes pop{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.pane.on .pflow li,.pane.on .pflow li span,.pane.on>.ui,.pane.on .ui-body [data-d]{animation-duration:.01s;animation-delay:0s}}
/* guided tour */
.pane.on{gap:24px}
.pane-copy h3{max-width:none}
.pane.on{width:100%}
.pstage{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start}
.pstage > .ui{min-width:0;width:100%}
.ui-body{position:relative}
.trail{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;position:sticky;top:100px}
.trail li{position:relative;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);overflow:hidden;transition:background .3s,border-color .3s}
.trail button{all:unset;box-sizing:border-box;width:100%;display:flex;gap:14px;align-items:flex-start;padding:16px 18px;cursor:pointer}
.trail button:focus-visible{outline:2px solid #A5A8F5;outline-offset:-2px;border-radius:16px}
.trail .n{flex:none;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#C3C4DD;background:rgba(255,255,255,.08);transition:all .3s}
.trail .t{display:flex;flex-direction:column;gap:4px;min-width:0}
.trail b{font-size:15px;font-weight:600;color:#C9CAE0;transition:color .3s}
.trail small{font-size:13px;line-height:1.5;color:#8E8FBF;max-height:0;opacity:0;overflow:hidden;transition:max-height .4s,opacity .3s}
.trail li.done .n{background:rgba(70,192,138,.18);color:#6FD3A8}
.trail li.done .n{font-size:0}.trail li.done .n::after{content:"";width:9px;height:5px;border-left:1.8px solid #6FD3A8;border-bottom:1.8px solid #6FD3A8;transform:rotate(-45deg) translate(1px,-1px)}
.trail li.act{background:rgba(123,126,234,.14);border-color:rgba(165,168,245,.5)}
.trail li.act .n{background:#7B7EEA;color:#fff;box-shadow:0 0 0 5px rgba(123,126,234,.25)}
.trail li.act b{color:#fff}
.trail li.act small{max-height:80px;opacity:1}
.trail .pb{position:absolute;left:0;bottom:0;height:2px;width:0;background:linear-gradient(90deg,#7B7EEA,#C3C5FA)}
.trail li.act .pb{animation:pb var(--dur,3.9s) linear forwards}
.pane.paused .trail li.act .pb{animation-play-state:paused}
@keyframes pb{to{width:100%}}
/* spotlight */
.ui-body::after{content:"";position:absolute;inset:0;background:rgba(244,244,250,.62);backdrop-filter:saturate(.6);opacity:0;transition:opacity .4s;pointer-events:none;z-index:1}
.ui-body.tour::after{opacity:1}
.ui-body .spot{position:relative;z-index:2;border-radius:10px;box-shadow:0 0 0 2px #7B7EEA,0 0 0 7px rgba(123,126,234,.18),0 18px 40px -16px rgba(79,82,178,.55);transition:box-shadow .3s}
:where(.ui-body .spot){background-color:#fff}
.ui-body .spot.tag{border-radius:6px;box-shadow:0 0 0 2px #7B7EEA}
.ui-body .spot.uref{box-shadow:0 0 0 2px #7B7EEA;border-radius:4px}
.callout{width:max-content;position:absolute;z-index:3;display:flex;align-items:center;gap:8px;padding:8px 14px 8px 10px;border-radius:999px;background:#4F52B2;color:#fff;font-size:12.5px;font-weight:600;white-space:nowrap;box-shadow:0 14px 30px -10px rgba(79,82,178,.7);opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s,left .45s cubic-bezier(.2,.7,.2,1),top .45s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.ui-body .callout{flex-direction:row}
/* showcase v3 · scenes */
.ui-body [data-in]:not(.shown){display:none}
.ui-body .settled,.ui-body .shown .settled{animation:none!important}
.ui-body [data-out].gone{display:none}
.ui-body .shown{animation:pop .5s cubic-bezier(.2,.7,.2,1) both}
.ui-body .shown [style*="--k"]{animation:pop .45s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(.15s + var(--k) * .3s)}
.flex2{display:flex;gap:12px;align-items:flex-start}
.flex2 > *{flex:1 1 0;min-width:0}
.fcol{display:flex;flex-direction:column;gap:12px}
.show .rowi.sel{background:#F3F3FD;box-shadow:inset 3px 0 0 var(--indigo)}
.show .tag.r{background:#FBE3E3;color:#B42525}
.show .ui-body{min-height:400px}
/* mails */
.mdet{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:12px;align-items:start}
.mleft{display:flex;flex-direction:column;gap:12px}
.mh{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12.5px}
.mh i{width:22px;height:22px;border-radius:50%;background:#E5E6FA;color:#3C3F92;font-style:normal;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}
.mh small{color:var(--ui-muted);font-size:11px}
.mh .tag{margin-left:auto}
.mh .mk{width:20px;height:20px;border-radius:6px;background:url(agentrh-sym-couleur.png) center/cover}
.mmail p,.mprop p{margin:0;font-size:12.5px;line-height:1.6;color:#3A3B52}
.mprop{box-shadow:0 0 0 1px #DCDDF3,0 10px 30px -18px rgba(79,82,178,.5)}
.mbtns{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.show .b{display:inline-flex;padding:6px 11px;border-radius:7px;border:1px solid var(--ui-line);background:#fff;font-size:11.5px;font-weight:600;color:var(--ui-text)}
.show .b.ok{background:var(--indigo);color:#fff;border-color:var(--indigo)}
.mchal .sim .m{font-size:12px}
.toast{position:absolute;right:18px;bottom:18px;z-index:4;display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:#14132E;color:#fff;font-size:12.5px;font-weight:600;box-shadow:0 18px 40px -14px rgba(20,19,46,.6)}
.ui-body .toast.shown{animation:pop .5s 2.2s both}
.toast svg{color:#6FD3A8}
/* conversation */
.cload .srcs{display:flex;flex-direction:column;gap:9px}
.cload .srcs span{display:flex;align-items:center;gap:10px;font-size:12.5px;color:#3A3B52}
.cload .srcs span{position:relative;padding-left:24px}
.spn{position:absolute;left:0;top:50%;margin-top:-7px;width:14px;height:14px;border-radius:50%;border:2px solid #DCDDF3;border-top-color:var(--indigo);animation:spin .8s linear infinite,fadeO .2s forwards;animation-delay:0s,calc(.7s + var(--k) * .6s)}
.cload .srcs em{position:absolute;left:0;top:50%;margin-top:-8px;display:flex;width:16px;height:16px;border-radius:50%;background:#E3F6EC;color:#22A06B;align-items:center;justify-content:center;opacity:0;animation:fadeI .25s forwards;animation-delay:calc(.7s + var(--k) * .6s)}
@keyframes fadeO{to{opacity:0}}@keyframes fadeI{to{opacity:1}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes hideX{to{display:none;visibility:hidden;width:0;border-width:0}}
@keyframes showX{to{display:flex}}
.ctags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.typing::after{content:"";display:inline-block;width:1.5px;height:1em;margin-left:2px;background:currentColor;vertical-align:-2px;animation:blink .8s steps(2) infinite}
@keyframes blink{50%{opacity:0}}
/* contrats */
.cstp .step{transition:color .3s}
.cstp .step i{transition:background .3s,color .3s}
.cstp .step.done i{background:#E3F6EC;color:#22A06B}
.cstp .step.cur{color:var(--ui-text)}.cstp .step.cur i{background:var(--indigo);color:#fff}
.cbad{background:#FFF8EC}
/* procédures */
.pbig{margin:0 0 6px;font-size:18px;font-weight:600;letter-spacing:-.01em}
/* veille */
.vh{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--ui-line);font-size:13px;font-weight:600}
.valert .vh{padding:0;border:0;justify-content:flex-start}
.vjson{display:flex;flex-direction:column;gap:5px;padding:12px 14px;border-radius:9px;background:#14132E;color:#9C9EBB;font-family:var(--mono);font-size:11px}
.vjson b{color:#fff;font-weight:500}
.vnote{margin:10px 0 0;font-size:12px;line-height:1.5;color:var(--ui-muted)}
.vsrc{display:flex;flex-wrap:wrap;gap:6px}
.vsrc span{padding:5px 10px;border-radius:999px;background:#EEEFFC;color:#4F52B2;font-size:11.5px;font-weight:600}
.vres{display:flex;align-items:center;gap:12px;margin-top:14px}
.vres b{font-family:var(--display);font-size:38px;font-weight:500;color:var(--indigo);line-height:1}
.vres span{font-size:12.5px;line-height:1.5;color:#3A3B52}
.valert .vt{display:block;margin:10px 0 2px;font-size:14px;line-height:1.35}
.valert small{font-size:11.5px;color:var(--ui-muted)}
.vimp{display:flex;align-items:baseline;gap:8px;margin:12px 0}
.vimp b{font-family:var(--display);font-size:30px;font-weight:500;line-height:1}
.vimp span{font-size:12px;color:#3A3B52}
.ui-body[data-s="2"] .vhit,.ui-body[data-s="3"] .vhit{background:#FFF8EC;box-shadow:inset 3px 0 0 #E6AA45}
/* simulateur */
.spers{display:flex;gap:12px;align-items:flex-start}
.sp-av{flex:none;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#E5E6FA,#C3C5FA);color:#3C3F92;font-weight:700;display:flex;align-items:center;justify-content:center}
.spers b{display:block;font-size:13.5px}
.spers small{display:block;font-size:11.5px;color:var(--ui-muted);margin-top:2px}
.sp-tags{display:flex;gap:6px;margin-top:8px}
.ui-body .sconv.shown .m{animation:pop .45s both;animation-delay:calc(.2s + var(--k) * .9s)}
.sadv{margin:12px 0 0;font-size:12px;color:#3A3B52}
.sdeb .bars > div{margin-top:8px}
/* cerveau */
.brain{padding:14px}
.bsvg{display:block;width:100%;height:auto;overflow:visible}
.bl{stroke:#C9CAF0;stroke-width:1.3;stroke-dasharray:4 4;animation:flow 1.4s linear infinite}
@keyframes flow{to{stroke-dashoffset:-16}}
.bn circle.q{fill:#EEEFFC;stroke:#7B7EEA;stroke-width:1.5}
.bn circle.s{fill:#fff;stroke:#B9BACB;stroke-width:1.5}
.bn text{font-size:9.5px;fill:#3A3B52;font-family:var(--body)}
.bc{fill:#4F52B2}
.bct{fill:#fff;font-size:9px;font-weight:700;font-family:var(--body)}
.bpulse{fill:none;stroke:#7B7EEA;stroke-width:2;transform-origin:160px 105px;animation:bp 2.2s ease-out infinite}
@keyframes bp{from{transform:scale(1);opacity:.7}to{transform:scale(1.9);opacity:0}}
.bn{animation:bnode 3s ease-in-out infinite;animation-delay:calc(var(--k) * .4s);transform-box:fill-box;transform-origin:center}
@keyframes bnode{50%{opacity:.75}}
.bfoot{display:flex;align-items:baseline;gap:10px;margin-top:6px}
.bfoot b{font-family:var(--display);font-size:28px;font-weight:500;color:var(--indigo);line-height:1}
.bfoot span{font-size:12px;line-height:1.45;color:#3A3B52}
/* rail polish */
.trail li.act .pb{height:3px;box-shadow:0 0 12px rgba(123,126,234,.8)}
.trail li.next b::after{content:"Ensuite";margin-left:8px;font-size:10.5px;font-weight:600;letter-spacing:.02em;color:#8E8FBF;padding:2px 7px;border-radius:999px;border:1px solid rgba(255,255,255,.14);vertical-align:1px}
@media (max-width:860px){.flex2{flex-direction:column}.flex2 > *{width:100%}.mdet{grid-template-columns:minmax(0,1fr)}.trail li.next b::after{display:none}}
@media (prefers-reduced-motion:reduce){.ui-body .shown,.ui-body .shown [style*="--k"],.ui-body .sconv.shown .m,.bl,.bpulse,.bn,.spn{animation:none!important}.cload .srcs em{display:flex}.spn{display:none}}
/* showcase v4 · palette de la démo */
.show{--ui-bg:#141519;--ui-panel:#101116;--ui-card:#1B1D24;--ui-line:#2A2E39;--ui-text:#F2F4F8;--ui-muted:#9BA3B4;--ui-accent:#6E9BFF;--green-ui:#5FE3A8;--amber-ui:#FFCA6B;--grad:linear-gradient(135deg,#3B6FD4,#2953A0)}
.show .ui{padding:7px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:18px;box-shadow:0 60px 120px -40px #000,0 0 0 1px rgba(78,134,255,.14),0 0 90px -30px #2953A0}
.show .ui-in{border-radius:12px;background:var(--ui-bg)}
.show .ui-top{background:var(--ui-panel);border-bottom-color:var(--ui-line)}
.show .ui-top nav b{box-shadow:0 13px 0 -11px #6E9BFF}
.show .ui-foot{background:var(--ui-panel)}
.show .ui-kicker{color:#6E9BFF}
.show .ui-card{background:var(--ui-card);border-color:var(--ui-line)}
.show .tag.i{background:#4E86FF22;color:#8FB3FF}
.show .tag.g{background:#3ECF8E20;color:#5FE3A8}
.show .tag.a{background:#F5B54420;color:#FFCA6B}
.show .tag.m{background:#ffffff10;color:#8A92A3}
.show .tag.r{background:#F4607A22;color:#FF8FA3}
.show .uref{color:#8FB3FF}
.show .kcol{background:var(--ui-panel)}
.show .kcol .h5x span{background:#ffffff0d}
.show .kcard{background:var(--ui-card)}
.show .kcard .who i,.mh i,.sp-av{background:#25376B;color:#C9D8FF}
.show .kcard .q,.mmail p,.mprop p,.vres span,.vimp span,.sadv,.bfoot span,.cload .srcs span,.show .qchips span{color:#C9CFDB}
.show .kcard.sel{border-color:#4E86FF;box-shadow:0 0 0 3px #4E86FF26}
.show .chk div,.show .dsrc div{background:#ffffff07}
.show .ans .win-line,.show .clause b{color:#fff}
.show .rowi{border-bottom-color:var(--ui-line)}
.show .rowi.sel{background:#4E86FF14;box-shadow:inset 3px 0 0 #6E9BFF;border-radius:8px;padding-left:14px!important;padding-right:12px!important;border-bottom-color:transparent}
.show .cbad{background:#F5B54410;border-radius:8px;padding-left:12px!important;padding-right:12px!important}
.ui-body[data-s="2"] .vhit,.ui-body[data-s="3"] .vhit{background:#F5B54410;box-shadow:inset 3px 0 0 #F5B544}
.show .b{background:#23262F;border-color:var(--ui-line);color:var(--ui-text)}
.show .b.ok{background:var(--grad);border-color:transparent;color:#fff;box-shadow:0 8px 20px -8px #3B6FD4}
.show .seg button[aria-pressed="true"]{background:var(--grad);color:#fff;font-weight:600}
.show .sim .m.you{background:var(--grad);color:#fff}
.show .sim .m.him{background:#23262F;border-color:var(--ui-line);color:var(--ui-text)}
.show .step i{background:#ffffff10}
.cstp .step.cur{color:#fff}.cstp .step.cur i{background:var(--grad);color:#fff}
.cstp .step.done i{background:#3ECF8E20;color:#5FE3A8}
.spn{border-color:#2A2E39;border-top-color:#6E9BFF}
.cload .srcs em{background:#3ECF8E20;color:#5FE3A8}
.vjson{background:#0B0C10;border:1px solid var(--ui-line);color:#6B7385}
.vsrc span{background:#4E86FF1c;color:#8FB3FF}
.vres b,.bfoot b{color:#8FB3FF}
.mprop{box-shadow:0 0 0 1px #4E86FF55,0 14px 34px -18px #2953A0}
.toast{background:#23262F;border:1px solid var(--ui-line)}
.show .bar{background:#ffffff10}
.show .bar i{background:#6E9BFF}
.show .tli .d i{background:#6E9BFF}
.show .tli .d i.next{background:transparent;border-color:#4A5163}
.show .memstat b,.show .score{color:#fff}
.bl{stroke:#2E3A5C}
.bn circle.q{fill:#1E2A4D;stroke:#6E9BFF}
.bn circle.s{fill:#1B1D24;stroke:#4A5163}
.bn text{fill:#9BA3B4}
.bc{fill:#3B6FD4}
.bpulse{stroke:#4E86FF}
/* projecteur */
.ui-body::after{background:rgba(12,13,18,.64);backdrop-filter:saturate(.5)}
.ui-body .spot{box-shadow:0 0 0 2px #4E86FF,0 0 0 7px rgba(78,134,255,.16),0 20px 50px -18px #2953A0}
:where(.ui-body .spot){background-color:var(--ui-card)}
.ui-body .spot.tag,.ui-body .spot.uref{box-shadow:0 0 0 2px #4E86FF}
.callout{background:linear-gradient(160deg,#25376B,#141A33);border:1px solid rgba(255,255,255,.18);box-shadow:0 18px 40px -12px rgba(0,0,0,.8),0 0 0 1px rgba(78,134,255,.25);font-weight:600}
.callout::after{background:#1E2A4D;border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}
.callout.below::after{border:0;border-left:1px solid rgba(255,255,255,.18);border-top:1px solid rgba(255,255,255,.18)}
/* rail */
.trail li{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.025)}
.trail li.act{background:linear-gradient(160deg,#1E2A4D,#141A33);border-color:rgba(78,134,255,.45);box-shadow:0 20px 50px -24px #2953A0}
.trail li.act .n{background:var(--grad);box-shadow:0 0 0 5px rgba(78,134,255,.2)}
.trail .pb{background:linear-gradient(90deg,#3B6FD4,#8FB3FF)}
.trail li.act .pb{box-shadow:0 0 12px rgba(78,134,255,.8)}

.callout.on{opacity:1;transform:none}
.callout::before{content:"";width:16px;height:16px;flex:none;border-radius:50%;background:url(agentrh-sym-couleur.png) center/cover;box-shadow:0 0 0 2px rgba(255,255,255,.3)}
.callout::after{content:"";position:absolute;left:var(--ax,24px);bottom:-5px;width:10px;height:10px;background:#4F52B2;transform:rotate(45deg);border-radius:2px}
.callout.below::after{bottom:auto;top:-5px}
.callout.side::after{left:-5px;bottom:auto;top:calc(50% - 5px)}
@media (max-width:860px){.tabs{flex-wrap:nowrap}}
@media (max-width:1100px){.pstage{grid-template-columns:minmax(0,1fr)}.trail{position:static;order:-1;flex-direction:row;overflow-x:auto;scrollbar-width:none;gap:6px}.trail li{flex:0 0 auto;max-width:78vw}.trail small{display:none}.trail button{padding:10px 14px}.trail b{font-size:13.5px;white-space:nowrap}}
@media (prefers-reduced-motion:reduce){.trail li.act .pb{animation:none;width:100%}.callout{transition:none}}
.tag{display:inline-block;font-size:10.5px;font-weight:600;letter-spacing:.03em;padding:2px 7px;border-radius:5px}
.tag.g{background:rgba(70,192,138,.15);color:var(--green-ui)}
.tag.a{background:rgba(230,170,69,.15);color:var(--amber-ui)}
.tag.i{background:rgba(123,126,234,.18);color:#B3B5FF}
.tag.m{background:rgba(255,255,255,.07);color:var(--ui-muted)}
.uref{font-family:var(--mono);font-size:10.5px;color:#B3B5FF}
.kan{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:10px;overflow-x:auto}
.kcol{background:var(--ui-panel);border:1px solid var(--ui-line);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:8px;min-height:250px}
.kcol .h5x{margin:0 0 2px;font-size:12px;font-weight:600;display:flex;justify-content:space-between;align-items:center}
.kcol .h5x i{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:6px}
.kcol .h5x span{font-size:11px;color:var(--ui-muted);background:rgba(255,255,255,.06);padding:1px 7px;border-radius:9px}
.kcard{background:var(--ui-card);border:1px solid var(--ui-line);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:7px}
.kcard .who{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600}
.kcard .who i{width:20px;height:20px;border-radius:50%;font-style:normal;font-size:10px;display:flex;align-items:center;justify-content:center;background:#3A3C5E}
.kcard .q{font-size:12.5px;line-height:1.4;color:#D3D4E6}
.kcard .r{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--ui-muted)}
.kcard.sel{border-color:var(--ui-accent);box-shadow:0 0 0 3px rgba(123,126,234,.18)}
.seg{display:inline-flex;padding:4px;border-radius:10px;background:var(--ui-panel);border:1px solid var(--ui-line);gap:2px;flex-wrap:wrap}
.seg button{border:none;background:transparent;color:var(--ui-muted);padding:7px 12px;border-radius:7px;font-size:12.5px;font-weight:500}
.seg button[aria-pressed="true"]{background:var(--indigo);color:#fff}
.qrow{margin-top:14px;padding:12px 14px;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:13px}
.ans{margin-top:10px;padding:16px}
.chk{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.chk div{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:7px;background:rgba(255,255,255,.035);font-size:12.5px}
.chk div span:first-child::before{content:"✓";color:var(--green-ui);margin-right:8px;font-weight:700}
.ans ul{margin:0;padding:0 0 0 18px;display:flex;flex-direction:column;gap:7px;font-size:13.5px;line-height:1.5}
.ans .win-line{color:#fff;font-weight:600}
.fnotes{margin-top:14px;padding-top:12px;border-top:1px solid var(--ui-line);display:flex;flex-direction:column;gap:5px;font-size:11.5px;color:var(--ui-muted)}
.steps{display:flex;align-items:center;gap:8px;margin-bottom:18px;flex-wrap:wrap}
.step{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ui-muted)}
.step i{width:20px;height:20px;border-radius:50%;font-style:normal;font-size:10.5px;font-weight:600;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08)}
.step.done i{background:rgba(70,192,138,.2);color:var(--green-ui)}
.step.cur{color:#fff}.step.cur i{background:var(--indigo);color:#fff}
.step-sep{flex:1;min-width:16px;height:1px;background:var(--ui-line)}
.docgrid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:12px}
.dsrc{padding:12px;display:flex;flex-direction:column;gap:8px}
.dsrc .h6x,.doc .h6x{margin:0;font-size:11px;font-weight:600;letter-spacing:.05em;color:var(--ui-muted)}
.dsrc div{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:8px 10px;border-radius:7px;background:rgba(255,255,255,.035);font-size:12.5px}
.doc{padding:14px;display:flex;flex-direction:column;gap:2px}
.clause{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--ui-line);font-size:12.5px;line-height:1.45}
.clause:last-child{border-bottom:none}
.clause b{display:block;font-weight:600;color:#fff;margin-bottom:2px}
.warn{margin-top:8px;padding:10px 12px;border-radius:8px;background:rgba(230,170,69,.1);color:#F0C67A;font-size:12px;line-height:1.45}
.rows{display:flex;flex-direction:column}
.rowi{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--ui-line)}
.rowi:last-child{border-bottom:none}
.rowi b{display:block;font-size:13px;font-weight:600}
.rowi small{display:block;font-size:11.5px;color:var(--ui-muted);margin-top:2px}
.rowi .r{display:flex;align-items:center;gap:10px;font-size:12.5px;white-space:nowrap}
.rowi.np{padding-left:0;padding-right:0}
.rowi.one{grid-template-columns:1fr}
.alert{margin-top:12px;padding:14px;display:flex;gap:14px;align-items:flex-start;border-color:rgba(123,126,234,.45)}
.alert i{width:30px;height:30px;border-radius:8px;background:rgba(123,126,234,.2);display:flex;align-items:center;justify-content:center;flex:none}
.tl{display:flex;flex-direction:column}
.tli{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:12px}
.tli .d{display:flex;flex-direction:column;align-items:center}
.tli .d i{width:10px;height:10px;border-radius:50%;margin-top:5px;background:#fff}
.tli .d i.cur{background:var(--ui-accent);box-shadow:0 0 0 4px rgba(123,126,234,.25)}
.tli .d i.next{background:transparent;border:1.5px solid #6D6F90}
.tli .d em{width:1px;flex:1;background:var(--ui-line);min-height:30px}
.tli .c{padding-bottom:16px}
.tli .c b{display:block;font-size:13px;font-weight:600}
.tli .c small{font-size:11.5px;color:var(--ui-muted)}
.tli .w2t{font-size:12.5px;font-weight:600;white-space:nowrap;padding-top:2px}
.two{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:12px}
.pad{padding:14px}
.h6{margin:0 0 12px;font-size:11px;letter-spacing:.05em;color:var(--ui-muted);font-weight:600}
.sim{display:flex;flex-direction:column;gap:10px}
.sim .m{max-width:85%;padding:10px 12px;border-radius:10px;font-size:12.5px;line-height:1.5}
.sim .m.you{align-self:flex-end;background:var(--indigo);color:#fff;border-bottom-right-radius:3px}
.sim .m.him{background:var(--ui-card);border:1px solid var(--ui-line);border-bottom-left-radius:3px}
.sim .who{font-size:11px;color:var(--ui-muted)}
.score{display:flex;align-items:baseline;gap:6px;font-family:var(--display);font-size:40px;font-weight:500;letter-spacing:-.03em}
.score small{font-size:14px;color:var(--ui-muted)}
.bar{height:6px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden;display:block}
.bar i{display:block;height:100%;border-radius:3px;background:var(--ui-accent)}
.bars{display:flex;flex-direction:column;gap:10px}
.bars div{display:flex;flex-direction:column;gap:5px;font-size:12px}
.bars div > span:first-child{display:flex;justify-content:space-between}
.memstat{display:flex;gap:14px;align-items:center;padding:16px;margin-bottom:12px}
.memstat b{font-family:var(--display);font-size:38px;font-weight:500;letter-spacing:-.03em;line-height:1}
.qchips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.qchips span{padding:6px 10px;border-radius:999px;border:1px solid var(--ui-line);font-size:11.5px;color:#D3D4E6}
@media (max-width:640px){.docgrid,.two{grid-template-columns:1fr}.ui-body{padding:16px}}

/* ---------- dashboard / results ---------- */
.dash-wrap{margin-top:56px;border-radius:22px;padding:clamp(12px,3vw,28px)}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.kpi{padding:14px 14px 10px;display:flex;flex-direction:column;gap:4px}
.kpi small{font-size:11.5px;color:var(--ui-muted)}
.kpi b{font-family:var(--display);font-size:30px;font-weight:500;letter-spacing:-.03em;line-height:1.1}
.kpi em{font-style:normal;font-size:11.5px;color:var(--green-ui)}
.kpi svg{margin-top:6px;width:100%;height:34px}
.dash2{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:10px;margin-top:10px}
.ba{padding:16px;display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}
.ba .h6x{margin:0 0 8px;font-size:10.5px;letter-spacing:.06em;font-weight:600;color:var(--ui-muted)}
.ba .col{display:flex;flex-direction:column;gap:9px}
.ba .ln{display:flex;flex-direction:column;gap:4px;font-size:12px}
.ba .ln > span:first-child{display:flex;justify-content:space-between}
.ba .arrow{color:var(--ui-muted)}
.donut{padding:16px;display:flex;gap:18px;align-items:center}
.legend{display:flex;flex-direction:column;gap:8px;font-size:12px;flex:1}
.legend div{display:flex;justify-content:space-between;gap:10px}
.legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:8px}
.dash-cap{position:relative;margin:14px 0 0;font-size:12px;color:#9C9EBB;text-align:center}
@media (max-width:860px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dash2{grid-template-columns:1fr}}
@media (max-width:520px){.ba{grid-template-columns:1fr}.ba .arrow{display:none}.donut{flex-direction:column;align-items:flex-start}}
.calc{display:flex;flex-wrap:wrap;gap:56px;align-items:flex-start;margin-top:72px;padding-top:56px;border-top:1px solid var(--line)}
.calc > div{flex:1 1 420px;min-width:0}
.calc h3{font-family:var(--display);font-weight:500;font-size:28px;letter-spacing:-.02em;margin:0}
.table{border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 30px 60px -44px rgba(20,19,46,.4)}
.table .th{padding:18px 24px;border-bottom:1px solid var(--line);background:#FAFAFC;font-size:14px;font-weight:600}
table{width:100%;border-collapse:collapse}
.table td,.table th{padding:16px 24px;border-bottom:1px solid #F0F0F5;font-size:15px}
.table thead th{font-size:13px;font-weight:500;color:var(--muted)}
.table tbody th{text-align:left;font-weight:500}
.table td{text-align:right}
.table tr:last-child td,.table tr:last-child th{border-bottom:none}
.table .tot{font-family:var(--display);font-size:30px;font-weight:500;letter-spacing:-.035em}
@media (max-width:560px){.table td,.table th{padding:12px}.table thead th{font-size:12px}.table .tot{font-size:22px}.table .th{padding:14px 12px}}
.small-print{font-size:13px;line-height:1.6;color:var(--muted);margin:0}

/* ---------- live demo ---------- */
.demo{border-top:1px solid var(--line);padding:var(--sec) var(--pad)}
.demo .head-center .h2{color:#fff}
.demo .head-center .lead{color:#C3C4DD}
.player{position:relative;margin:48px auto 0;max-width:1120px;border-radius:18px;padding:7px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);box-shadow:0 60px 120px -50px rgba(0,0,0,.9)}
.screen{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:16/9;background:var(--ui-bg)}
.screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.poster.pv2x::after{display:none}
.pv2x{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:0;cursor:pointer;overflow:hidden;background:#0B0C10}
.pv2x .pimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;transform:scale(1.02);filter:saturate(.95);transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter .6s}
.pv2x:hover .pimg{transform:scale(1.06);filter:saturate(1.05) brightness(1.05)}
.pv2x .pshade{position:absolute;inset:0;background:radial-gradient(ellipse 40% 42% at 50% 54%,rgba(8,9,16,.82),rgba(8,9,16,.12) 100%),linear-gradient(180deg,rgba(8,9,16,0) 60%,rgba(8,9,16,.6))}
.pv2x .pplay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px;color:#fff;text-align:center}
.pv2x .pplay i{position:relative;width:96px;height:96px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;padding-left:4px;box-shadow:0 20px 50px -10px rgba(0,0,0,.7),0 0 0 10px rgba(255,255,255,.12);transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.pv2x .pplay i::before,.pv2x .pplay i::after{content:"";position:absolute;inset:-10px;border-radius:50%;border:2px solid rgba(255,255,255,.5);animation:ppulse 2.4s ease-out infinite}
.pv2x .pplay i::after{animation-delay:1.2s}
@keyframes ppulse{from{transform:scale(1);opacity:.8}to{transform:scale(1.6);opacity:0}}
.pv2x:hover .pplay i{transform:scale(1.08)}
.pv2x .pplay b{font-family:var(--display);font-size:clamp(20px,2.2vw,28px);font-weight:500;letter-spacing:-.02em;text-shadow:0 2px 20px rgba(0,0,0,.6)}
.pv2x .pplay small{font-size:13.5px;color:rgba(255,255,255,.75)}
.pv2x .ptags{position:absolute;left:0;right:0;bottom:22px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:0 20px}
.pv2x .ptags span{padding:6px 13px;border-radius:999px;font-size:12.5px;font-weight:500;color:#fff;background:rgba(255,255,255,.1);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.pv2x .pcur{position:absolute;left:62%;top:34%;animation:pcur 6s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}
@keyframes pcur{0%{left:66%;top:26%}35%{left:52.5%;top:47%}42%{left:52.5%;top:47%;transform:scale(.85)}48%{transform:none}70%{left:52.5%;top:47%}100%{left:66%;top:26%}}
@media (max-width:560px){.pv2x .ptags{display:none}.pv2x .pplay i{width:72px;height:72px}.pv2x .pcur{display:none}}
@media (prefers-reduced-motion:reduce){.pv2x .pcur,.pv2x .pplay i::before,.pv2x .pplay i::after{animation:none}}
.poster{position:absolute;inset:0;border:0;padding:0;background:var(--ui-bg);display:block;width:100%;cursor:pointer;text-align:left;color:var(--ui-text)}
.poster .pv{position:absolute;inset:0;display:flex;flex-direction:column;filter:saturate(.9);transition:filter .4s,transform .6s cubic-bezier(.2,.7,.2,1)}
.poster:hover .pv{transform:scale(1.015)}
.pv-top{height:42px;display:flex;align-items:center;gap:8px;padding:0 16px;background:#1B1C30;border-bottom:1px solid var(--ui-line)}
.pv-top i{width:9px;height:9px;border-radius:50%;background:#3A3C5E}
.pv-top span{margin:0 auto;font-size:12px;color:var(--ui-muted)}
.pv-tabs{display:flex;gap:18px;padding:12px 20px;border-bottom:1px solid var(--ui-line);font-size:12.5px;color:var(--ui-muted);white-space:nowrap;overflow:hidden}
.pv-tabs b{color:#fff;font-weight:500;box-shadow:0 15px 0 -13px var(--ui-accent)}
.pv-body{flex:1;display:grid;grid-template-columns:220px 1fr;min-height:0}
.pv-side{border-right:1px solid var(--ui-line);padding:16px;display:flex;flex-direction:column;gap:8px}
.pv-side span{display:block;height:30px;border-radius:7px;background:rgba(255,255,255,.04)}
.pv-side span.on{background:rgba(123,126,234,.22)}
.pv-main{padding:24px;display:flex;flex-direction:column;gap:14px}
.pv-main .k{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.pv-main .k > span{display:block;background:var(--ui-card);border:1px solid var(--ui-line);border-radius:10px;padding:14px;font-size:11.5px;color:var(--ui-muted)}
.pv-main .k b{display:block;margin-top:4px;font-family:var(--display);font-size:28px;font-weight:500;color:#fff;letter-spacing:-.02em}
.pv-main .g{display:block;flex:1;background:var(--ui-card);border:1px solid var(--ui-line);border-radius:10px;position:relative;overflow:hidden}
.pv-main .g svg{position:absolute;inset:auto 0 0 0;width:100%;height:70%}
.poster::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 60% at 50% 50%,rgba(10,10,18,.35),rgba(10,10,18,.7))}
.play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:16px;color:#fff;text-align:center}
.play i{width:92px;height:92px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 12px rgba(255,255,255,.14),0 20px 50px rgba(0,0,0,.5);transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.poster:hover .play i{transform:scale(1.07)}
.play b{font-size:17px;font-weight:600}
.play small{font-size:13px;color:#C3C4DD}
.demo-note{position:relative;margin:18px 0 0;text-align:center;font-size:12.5px;color:#9C9EBB}
@media (max-width:700px){.pv-body{grid-template-columns:1fr}.pv-side{display:none}.pv-main .k{grid-template-columns:repeat(2,1fr)}.pv-main .g{display:none}.pv-main .k{display:none}.play i{width:68px;height:68px}.screen{aspect-ratio:4/5}}

/* ---------- quote, personas ---------- */
.quote{display:flex;flex-wrap:wrap;gap:28px 64px;align-items:flex-end;margin:0;position:relative;background:var(--soft);border-radius:28px;padding:clamp(32px,5vw,64px);overflow:hidden}
.quote::before{content:"\201C";position:absolute;right:clamp(24px,4vw,56px);top:-30px;font-family:var(--display);font-size:260px;line-height:1;color:var(--indigo);opacity:.12}
.quote blockquote{flex:1 1 560px;margin:0;font-family:var(--display);font-size:clamp(23px,2.5vw,32px);line-height:1.28;letter-spacing:-.022em;font-weight:500;max-width:820px}
.quote figcaption{flex:0 1 300px;display:flex;gap:14px;align-items:center}
.quote figcaption i{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#E5E6FA,#C3C5FA);color:#3C3F92;font-style:normal;font-family:var(--display);font-weight:600;font-size:18px;display:flex;align-items:center;justify-content:center;flex:none}
.quote figcaption .qav{width:56px;height:56px;border-radius:50%;flex:none;box-shadow:0 10px 24px -10px rgba(20,19,46,.45)}
.quote figcaption b{display:block;font-size:15px}
.quote figcaption span{font-size:13.5px;color:var(--text)}
.personas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}
.persona{padding:36px 32px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:14px;min-height:230px;text-decoration:none}
.persona:last-child{border-right:none}
.persona .pic{width:48px;height:48px;border-radius:14px;background:var(--indigo-wash);color:var(--indigo);display:flex;align-items:center;justify-content:center;margin-bottom:6px;transition:background .2s,color .2s}
.persona:hover .pic{background:var(--indigo);color:#fff}
.persona .r{font-size:14px;font-weight:600;color:var(--indigo)}
.persona b{font-family:var(--display);font-size:22px;font-weight:500;letter-spacing:-.02em;line-height:1.2}
.persona .l{margin-top:auto;font-size:14px;color:var(--text);text-decoration:underline;text-underline-offset:4px;text-decoration-color:#C9CAD6}
.persona:hover{background:#FAFAFC}
/* simulateur de gains */
.sim2{background:linear-gradient(180deg,#fff,var(--paper))}
.s2-head{display:flex;flex-wrap:wrap;gap:20px 64px;align-items:flex-end;justify-content:space-between}
.s2-head .h2{flex:1 1 520px;max-width:720px}
.s2-head .lead{flex:0 1 420px;margin:0}
.s2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:20px;margin-top:48px;align-items:stretch}
.s2-form{display:flex;flex-direction:column;gap:12px}
.s2-form>.s2-q{flex:1 1 auto;justify-content:center}
.s2-q{background:#fff;border:1px solid var(--line-2);border-radius:20px;padding:22px 24px;display:flex;flex-direction:column;gap:14px;transition:border-color .2s,box-shadow .2s}
.s2-q:focus-within,.s2-q:hover{border-color:#CFD0EA;box-shadow:0 20px 40px -30px rgba(79,82,178,.5)}
.s2-q label{display:flex;align-items:center;gap:12px;font-size:15.5px;font-weight:600;color:var(--ink)}
.s2-n{flex:none;width:26px;height:26px;border-radius:50%;background:var(--indigo-wash);color:var(--indigo);font-size:12.5px;font-weight:700;display:flex;align-items:center;justify-content:center}
.s2-big{display:flex;align-items:baseline;gap:10px}
.s2-big input{width:5.2ch;border:0;border-radius:8px;padding:0 4px;margin-left:-4px;font-family:var(--display);font-size:44px;font-weight:500;letter-spacing:-.03em;color:var(--ink);background:transparent;outline:none;font-variant-numeric:tabular-nums;-moz-appearance:textfield}
.s2-big input::-webkit-inner-spin-button{-webkit-appearance:none}
.s2-big input:hover{background:var(--soft)}.s2-big input:focus{background:var(--indigo-wash)}
.s2-big span{font-size:15px;color:var(--muted)}
.s2-q input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--indigo) var(--p,16%),#DCDDE8 var(--p,16%));outline:none}
.s2-q input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid var(--indigo);box-shadow:0 4px 10px rgba(79,82,178,.35);cursor:grab}
.s2-q input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid var(--indigo);cursor:grab}
.s2-q input[type=range]:focus-visible{outline:2px solid var(--indigo);outline-offset:6px}
.s2-scale{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted);margin-top:-6px}
.s2-step{display:flex;align-items:center;gap:12px}
.s2-step button{width:42px;height:42px;border-radius:12px;border:1px solid var(--line-2);background:var(--soft);font-size:22px;line-height:1;color:var(--ink);cursor:pointer;transition:background .15s,transform .1s}
.s2-step button:hover{background:var(--indigo-wash)}.s2-step button:active{transform:scale(.94)}
.s2-step output{font-family:var(--display);font-size:44px;font-weight:500;letter-spacing:-.03em;min-width:2.2ch;text-align:center;font-variant-numeric:tabular-nums}
.s2-step span{font-size:15px;color:var(--muted);margin-right:auto}
.s2-hint{font-size:12.5px;color:var(--muted);line-height:1.5}
.s2-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.s2-chips button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:58px;padding:8px 6px;border-radius:12px;border:1px solid var(--line-2);background:#fff;font:inherit;font-size:14px;font-weight:600;color:var(--ink);cursor:pointer;transition:all .18s}
.s2-chips button small{font-size:11px;font-weight:500;color:var(--muted)}
.s2-chips button:hover{border-color:#B9BBE6}
.s2-chips button[aria-checked="true"]{background:var(--indigo);border-color:var(--indigo);color:#fff;box-shadow:0 10px 24px -12px rgba(79,82,178,.8)}
.s2-chips button[aria-checked="true"] small{color:#D9DAFB}
.s2-min button{min-height:46px;font-size:15px}
.s2-res{border-radius:24px;padding:clamp(28px,3.4vw,40px);color:#fff;display:flex;flex-direction:column;gap:18px;--aur-o:.75;box-shadow:0 50px 100px -50px rgba(20,19,46,.8)}
.s2-k{margin:0;font-size:14px;font-weight:500;color:#C3C5FA}
.s2-hero{margin:-6px 0 0;display:flex;align-items:baseline;gap:14px;line-height:.95}
.s2-hero b{font-family:var(--display);font-size:clamp(64px,7.4vw,104px);font-weight:500;letter-spacing:-.05em;background:linear-gradient(120deg,#fff 30%,#C3C5FA);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.s2-hero span{font-family:var(--display);font-size:26px;color:#C3C5FA}
.s2-sub{margin:0;font-size:16px;color:rgba(255,255,255,.75)}
.s2-sub b{color:#fff}
.s2-split{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:center;padding:20px;border-radius:18px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)}
.s2-ring{position:relative;width:132px;height:132px}
.s2-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.s2-ring circle{fill:none;stroke-width:12;stroke-linecap:round;transition:stroke-dasharray .8s cubic-bezier(.2,.7,.2,1)}
.s2-ring .t{stroke:rgba(255,255,255,.08)}
.s2-ring .a{stroke:rgba(255,255,255,.28)}
.s2-ring .b{stroke:url(#none);stroke:#8FB3FF}
.s2-ring > div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.s2-ring b{font-family:var(--display);font-size:28px;font-weight:500;letter-spacing:-.03em}
.s2-ring small{font-size:11px;color:rgba(255,255,255,.6)}
.s2-ring .a{stroke:rgba(255,255,255,.45)!important}
.s2-ba{display:flex;flex-direction:column;gap:12px}
.s2-ba > div{display:grid;grid-template-columns:96px minmax(0,1fr) 44px;gap:10px;align-items:center;font-size:13px;color:rgba(255,255,255,.7)}
.s2-ba i{height:10px;border-radius:5px;background:rgba(255,255,255,.08);overflow:hidden;display:block}
.s2-ba em{display:block;height:100%;border-radius:5px;background:rgba(255,255,255,.35);transition:width .8s cubic-bezier(.2,.7,.2,1)}
.s2-ba .us{color:#fff;font-weight:600}
.s2-ba .us em{background:linear-gradient(90deg,#7B7EEA,#8FB3FF)}
.s2-ba b{text-align:right;font-variant-numeric:tabular-nums}
.s2-ba p{margin:0;font-size:12px;color:rgba(255,255,255,.5)}
.s2-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.s2-kpis div{padding:16px;border-radius:14px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);display:flex;flex-direction:column;gap:4px}
.s2-kpis b{font-family:var(--display);font-size:24px;font-weight:500;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.s2-kpis span{font-size:12px;line-height:1.4;color:rgba(255,255,255,.6)}
.s2-do{display:none;padding:18px 20px;border-radius:16px;background:linear-gradient(120deg,rgba(123,126,234,.24),rgba(255,255,255,.04));box-shadow:inset 0 0 0 1px rgba(165,168,245,.3)}
.s2-do p{margin:0 0 8px;font-size:13px;color:#C3C5FA;font-weight:600}
.s2-do ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.s2-do li{position:relative;padding-left:20px;font-size:14px;line-height:1.5;color:rgba(255,255,255,.8)}
.s2-do li::before{content:"";position:absolute;left:2px;top:7px;width:9px;height:5px;border-left:1.7px solid #8FB3FF;border-bottom:1.7px solid #8FB3FF;transform:rotate(-45deg)}
.s2-do b{color:#fff;font-weight:600}
.s2-cta{display:flex;flex-direction:column;gap:12px;margin-top:auto}
.s2-btn{background:#fff;color:var(--ink);font-weight:600;align-self:flex-start;box-shadow:0 12px 30px -12px rgba(0,0,0,.6)}
.s2-btn:hover{background:#EEEFFC}
.s2-cta small{font-size:11.5px;line-height:1.5;color:rgba(255,255,255,.45)}
.s2-res .pop{animation:s2pop .5s cubic-bezier(.2,.7,.2,1)}
@keyframes s2pop{0%{transform:scale(1)}40%{transform:scale(1.04)}100%{transform:scale(1)}}
@media (max-width:980px){.s2{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.s2-chips{grid-template-columns:repeat(2,minmax(0,1fr))}.s2-split{grid-template-columns:minmax(0,1fr);justify-items:center}.s2-ba{width:100%}.s2-kpis{grid-template-columns:minmax(0,1fr)}.s2-big input,.s2-step output{font-size:38px}}
@media (prefers-reduced-motion:reduce){.s2-ring circle,.s2-ba em{transition:none}.s2-res .pop{animation:none}}
.personas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;border-top:0;padding:0 var(--pad) clamp(64px,8vw,96px)}
.persona{padding:14px 14px 24px;border:1px solid var(--line-2);border-radius:22px;display:flex;flex-direction:column;gap:12px;min-height:0;text-decoration:none;background:#fff;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,border-color .3s}
.persona:last-child{border-right:1px solid var(--line-2)}
.persona:hover{transform:translateY(-4px);box-shadow:0 30px 60px -36px rgba(20,19,46,.45);border-color:#D6D7E4;background:#fff}
.persona > .r,.persona > b,.persona > .l{margin-left:10px;margin-right:10px}
.pvis{position:relative;height:164px;border-radius:14px;background:var(--pb);display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:8px}
.pvis::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(20,19,46,.08) 1px,transparent 1px);background-size:14px 14px}
.pvis > span{position:relative;width:82%;background:#fff;border-radius:12px;box-shadow:0 18px 36px -20px rgba(20,19,46,.45);padding:12px 14px;display:flex;flex-direction:column;gap:8px;font-size:12px;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.persona:hover .pvis > span{transform:translateY(-4px) rotate(-1deg)}
.persona .r{font-size:13px;font-weight:600;color:var(--pf)}
.pv1 small{color:var(--muted);font-size:11px}
.pv1 b{font-family:var(--display);font-size:26px;font-weight:500;letter-spacing:-.03em;line-height:1;color:var(--pf)}
.pv1 .sp{display:flex;align-items:flex-end;gap:4px;height:34px}
.pv1 .sp i{flex:1;border-radius:3px;background:linear-gradient(180deg,#7B7EEA,#4F52B2);opacity:.85;transform-origin:bottom;animation:grw 1.2s cubic-bezier(.2,.7,.2,1) both}
.pv1 .sp i:nth-child(n){animation-delay:calc(var(--d,0) * 1s)}
@keyframes grw{from{transform:scaleY(.2)}}
.pv2 .pq{align-self:flex-start;padding:6px 9px;border-radius:9px 9px 9px 3px;background:#F1F1F7;color:var(--ink)}
.pv2 .pa{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--ink)}
.pv2 .pa i{width:16px;height:16px;border-radius:5px;background:url(agentrh-sym-couleur.png) center/cover}
.pv2 .pa em{font-style:normal;color:#1D6E43;background:#E3F6EC;padding:1px 6px;border-radius:5px;font-size:11px}
.pv2 .pt{align-self:flex-start;padding:5px 12px;border-radius:7px;background:#1D6E43;color:#fff;font-weight:600;font-size:11.5px}
.pv3 .ti{display:flex;align-items:center;gap:10px}
.pv3 .ti > i{width:34px;height:34px;border-radius:9px;background:url(agentrh-sym-couleur.png) center/cover;flex:none}
.pv3 .ti b{display:block;font-size:13px;color:var(--ink)}.pv3 .ti small,.pv4 small{color:var(--muted);font-size:11px}
.pv3 .ad{align-self:flex-start;padding:5px 14px;border-radius:7px;background:#5B5FC7;color:#fff;font-weight:600;font-size:11.5px}
.pvis .ck{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11.5px}
.pvis .ck i{width:16px;height:16px;border-radius:50%;background:#E3F6EC;color:#1D6E43;font-style:normal;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center}
.pv4 .pdoc{display:flex;align-items:center;gap:10px}
.pv4 .pdoc > i{width:30px;height:36px;border-radius:5px;background:linear-gradient(135deg,#F5B544,#E08A1E);position:relative;flex:none}
.pv4 .pdoc > i::after{content:"PDF";position:absolute;bottom:4px;left:0;right:0;text-align:center;font-style:normal;font-size:8px;font-weight:800;color:#fff}
.pv4 .pdoc b{display:block;font-size:12.5px;color:var(--ink)}
@media (max-width:980px){.personas{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.personas{grid-template-columns:minmax(0,1fr)}}

/* ---------- integrations ---------- */
.integ{display:flex;flex-wrap:wrap;gap:56px;align-items:flex-start}
.integ > div{flex:1 1 420px;min-width:0}
.integ .copy{display:flex;flex-direction:column;gap:24px;position:sticky;top:100px}
.ol{list-style:none;margin:8px 0 0;padding:0;border-top:1px solid var(--line);counter-reset:s}
.ol li{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid var(--line);font-size:15.5px;line-height:1.5;counter-increment:s}
.ol li::before{content:counter(s);font-family:var(--display);color:var(--faint);width:16px;flex:none}
.board{position:relative;border-radius:22px;background:var(--soft);padding:22px;overflow:hidden}
.board::before{content:"";position:absolute;inset:0;background-image:radial-gradient(#D8D9E5 1px,transparent 1px);background-size:16px 16px;opacity:.8}
.board > *{position:relative}
.b-lab{display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted);margin:0 4px 10px}
.b-lab b{color:var(--ink);font-weight:600}
.tiles{display:grid;gap:10px}
.tiles.m3{grid-template-columns:repeat(3,minmax(0,1fr))}
.tiles.m4{grid-template-columns:repeat(4,minmax(0,1fr))}
.tile{height:84px;background:#fff;border:1px solid #E4E5EE;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;box-shadow:0 10px 24px -20px rgba(20,19,46,.5);font-size:14px;font-weight:600}
.tile img{max-height:30px;max-width:96px}
.tile.ic img{width:30px;height:30px}
.tile::after{content:"";position:absolute;right:9px;top:9px;width:7px;height:7px;border-radius:50%;background:#34C27A;box-shadow:0 0 0 3px rgba(52,194,122,.15)}
.tile.more{font-size:12.5px;font-weight:500;color:var(--text);text-align:center;line-height:1.35;padding:0 8px;background:transparent;border-style:dashed;box-shadow:none}
.tile.more::after{display:none}
.uc-links{margin:28px 0 0;font-size:14.5px;line-height:1.9;color:var(--muted);text-align:center}.uc-links a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:var(--line-2)}.uc-links a:hover{text-decoration-color:currentColor}
a.tile.more{text-decoration:none;transition:color .2s}a.tile.more:hover{color:var(--ink)}
.tile .wm{font-family:var(--display);font-weight:600;font-size:22px;letter-spacing:-.03em;color:#1C2B4A}
.b-gap{margin-top:20px !important}
.tile.src{height:64px;flex-direction:column;gap:2px;padding:0 8px;text-align:center}
.tile.src b{font-family:var(--display);font-size:15px;font-weight:600;letter-spacing:-.02em;color:#1C2B4A;line-height:1.15}
.tile.src small{font-size:11px;font-weight:500;color:var(--muted);line-height:1.25}
.tile.src::after{background:#7B7EEA;box-shadow:0 0 0 3px rgba(123,126,234,.18)}
.b-note{margin:10px 4px 0;font-size:12px;color:var(--muted)}
@media (max-width:560px){.tile.src{height:72px}}
.def{align-items:flex-start !important}
.def .copy{position:sticky;top:100px}
@media (max-width:980px){.def .copy{position:static}}
.hub{display:flex;align-items:center;justify-content:center;margin:12px 0;position:relative;height:84px}
.hub::before{content:"";position:absolute;left:50%;top:-12px;bottom:-12px;width:1px;background:repeating-linear-gradient(#9C9EBB 0 4px,transparent 4px 8px)}
.hub span{position:relative;display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:14px;background:var(--black);color:#fff;font-weight:600;box-shadow:0 20px 40px -16px rgba(10,10,18,.6),0 0 0 6px rgba(123,126,234,.14)}
.hub img{height:18px}
.hub em{font-style:normal;font-size:12px;font-weight:500;color:#A9ABF0;padding-left:12px;border-left:1px solid rgba(255,255,255,.2)}
.scope-box{margin-top:16px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}
.scope-h{padding:15px 22px;display:flex;justify-content:space-between;align-items:center;background:#FAFAFC;border-bottom:1px solid var(--line);font-size:14px;font-weight:600}
.scope-h span{font-size:12.5px;color:var(--muted);font-weight:400;display:flex;align-items:center;gap:8px}
.scope-h img{width:18px;height:18px}
.scope{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 22px;border-bottom:1px solid #F0F0F5;font-size:14px}
.scope:last-child{border-bottom:none}
.scope code{font-family:var(--mono);font-size:12px;color:var(--muted)}
.ok,.no{font-size:12px;font-weight:600;padding:3px 9px;border-radius:6px;white-space:nowrap}
.ok{background:var(--green-wash);color:#1F7A50}.no{background:#F2F2F6;color:var(--text)}
@media (max-width:980px){.integ .copy{position:static}}
@media (max-width:560px){.tiles.m4{grid-template-columns:repeat(2,minmax(0,1fr))}.tiles.m3{grid-template-columns:repeat(3,minmax(0,1fr))}.tile{height:72px;font-size:12px}.tiles.m3 .tile span{display:none}.scope{grid-template-columns:minmax(0,1fr) auto}.scope code{display:none}.hub em{display:none}}

/* ---------- legal ---------- */
.lgd .lead{color:#C3C4DD!important}
.lgd .legal > div{border-color:transparent;color:var(--ink)}
.lgd .legal > div > b{color:var(--ink)}
.lgd .legal > div > span:not(.lx):not(.ico){color:var(--text)}
.lq{position:relative;margin-top:48px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.6fr);gap:14px;align-items:stretch;padding:18px;border-radius:22px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.lq-q,.lq-a{display:flex;gap:12px;align-items:center;padding:16px 18px;border-radius:16px}
.lq-q{background:rgba(255,255,255,.06);color:#fff;font-size:15px;line-height:1.4}
.lq-q i{flex:none;width:32px;height:32px;border-radius:50%;background:#25376B;color:#C9D8FF;font-style:normal;font-weight:700;display:flex;align-items:center;justify-content:center}
.lq-a{background:#fff;color:var(--ink)}
.lq-mk{flex:none;width:32px;height:32px;border-radius:9px;background:url(agentrh-sym-couleur.png) center/cover}
.lq-a small{display:block;font-size:11.5px;color:var(--muted)}
.lq-a b{display:block;font-family:var(--display);font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.15}
.lq-a > div > span{font-size:12.5px;color:var(--text)}
.lq-s{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.lq-s span{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.05);box-shadow:inset 3px 0 0 var(--lf);color:#fff;font-size:15px;font-weight:600;opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s;transition-delay:calc(.3s + var(--k) * .35s)}
.lq-s em{font-style:normal;font-size:11.5px;font-weight:500;color:var(--lf)}
.lq.in .lq-s span{opacity:1;transform:none}
.lgd .legal{margin-top:16px}
@media (max-width:980px){.lq{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.lq-s span{opacity:1;transform:none;transition:none}}
.legal{margin-top:56px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.legal div{padding:22px;border:1px solid var(--line-2);border-radius:16px;display:flex;flex-direction:column;gap:8px;background:#fff}
.legal .ico{width:40px;height:40px;border-radius:10px;background:var(--indigo-wash);color:var(--indigo);display:flex;align-items:center;justify-content:center;margin-bottom:6px}
.legal b{font-size:16px;font-weight:600}
.legal span{font-size:14px;color:var(--text);line-height:1.5}
.legal code{font-family:var(--mono);font-size:11.5px;color:var(--indigo);margin-top:auto;padding-top:6px}
.legal > div{padding:12px 12px 20px;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
.legal > div:hover{transform:translateY(-4px);box-shadow:0 30px 60px -36px rgba(20,19,46,.45)}
.legal > div > b,.legal > div > span:not(.lx):not(.ico),.legal > div > code,.legal > div > .ico{margin-left:10px;margin-right:10px}
.legal .ico{display:none!important}
.legal b{margin-top:6px}
.legal code{color:var(--lf)}
.lx{position:relative;height:132px;border-radius:12px;background:var(--lb);display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:6px}
.lx::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 17px,rgba(20,19,46,.05) 17px 18px)}
.lx-d{position:relative;width:86%;background:#fff;border-radius:10px;padding:12px 13px;box-shadow:0 16px 32px -18px rgba(20,19,46,.45);display:flex;flex-direction:column;gap:3px;font-size:11.5px!important;line-height:1.45;color:var(--ink)!important;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.lx-d::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:var(--lf)}
.legal > div:hover .lx-d{transform:translateY(-3px) rotate(-1deg)}
.lx-d small{font-size:10px;font-weight:600;color:var(--lf);letter-spacing:.01em}
.lx-d em{font-style:normal;font-weight:700;font-size:12.5px}
.legal .lx-d span{font-size:11.5px;line-height:1.45;color:#3A3B52}
.lx-d mark{color:var(--ink);font-weight:600}
.lx-d mark{background:linear-gradient(transparent 55%,color-mix(in srgb,var(--lf) 28%,transparent) 55%);color:inherit;padding:0 1px;background-repeat:no-repeat}
@media (max-width:1100px){.legal{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.legal{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.legal{grid-template-columns:minmax(0,1fr)}}

/* ---------- security ---------- */
.dark-sec{border-top:1px solid var(--line);padding:var(--sec) var(--pad)}
.dark-sec .h2{color:#fff}
.flow{position:relative;list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;counter-reset:f}
.flow li{padding:24px;display:flex;flex-direction:column;gap:10px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.04);backdrop-filter:blur(6px);counter-increment:f;position:relative}
.flow li::before{content:counter(f);width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-size:12.5px;color:#C3C4DD}
.flow li:not(:last-child)::after{content:"";position:absolute;right:-10px;top:37px;width:10px;height:1px;background:rgba(255,255,255,.3)}
.flow li:last-child{background:#fff;color:var(--black);border-color:#fff}
.flow li:last-child::before{border-color:var(--line-2);color:var(--text)}
.flow b{font-size:15.5px}
.flow span{font-size:14px;line-height:1.5;color:#B4B5D2}
.flow li:last-child span{color:var(--text)}
.guar{position:relative;margin-top:48px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.14)}
.guar div{padding:26px 24px 0;border-left:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:8px}
.guar div:first-child{border-left:none;padding-left:0}
.guar b{font-size:16px}
.guar span{font-size:14px;line-height:1.5;color:#B4B5D2}
@media (max-width:980px){.flow{grid-template-columns:1fr}.flow li::after{display:none}.guar{grid-template-columns:repeat(2,minmax(0,1fr))}.guar div{border-left:none;padding:22px 0}}
@media (max-width:520px){.guar{grid-template-columns:1fr}}

/* ---------- compare ---------- */
.cmp{margin-top:56px;overflow-x:auto;padding:12px 4px 4px}
.cmp table{min-width:860px;border-collapse:separate;border-spacing:0}
.cmp th,.cmp td{padding:18px 20px;border-bottom:1px solid var(--line);font-size:14.5px;text-align:left;vertical-align:middle}
.cmp thead th{border-bottom:1px solid var(--line-2);vertical-align:bottom;padding-bottom:20px}
.cmp thead th:first-child{width:28%}
.cmp .hd{display:flex;flex-direction:column;gap:10px;font-size:15px;font-weight:600}
.cmp .hd .lg{display:flex;align-items:center;gap:6px;height:30px}
.cmp .hd .lg img{height:26px;width:auto}
.cmp .hd .lg .ib{width:30px;height:30px;border-radius:8px;border:1px solid var(--line-2);background:#fff;display:flex;align-items:center;justify-content:center}
.cmp .hd .lg .ib img{width:18px;height:18px}
.cmp .hd small{font-size:12.5px;color:var(--muted);font-weight:400;white-space:nowrap}
.cmp .hd .lg .ib.wm{width:auto;padding:0 8px}
.cmp .hd .lg .ib.wm img{width:auto;height:12px;max-width:52px}
.cmp tbody th{font-weight:500;font-size:15px}
.cmp .us{background:#F5F5FC;border-left:1px solid #DCDDF3;border-right:1px solid #DCDDF3}
.cmp thead .us{border-top:1px solid #DCDDF3;border-radius:16px 16px 0 0;padding-top:20px}
.cmp tbody tr:last-child .us{border-bottom:1px solid #DCDDF3;border-radius:0 0 16px 16px}
.cmp tbody tr:last-child th,.cmp tbody tr:last-child td{border-bottom-color:transparent}
.cmp tbody tr:last-child td.us{border-bottom-color:#DCDDF3}
.v{display:flex;align-items:center;gap:10px;color:var(--text);font-size:13.5px;line-height:1.35}
.v::before{content:"";width:24px;height:24px;border-radius:50%;flex:none;background-repeat:no-repeat;background-position:center}
.v.y::before{background-color:var(--green);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.2 2.2 4.8-4.8' stroke='white' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.v.p::before{background-color:#F6E7C8;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 6h6' stroke='%23A06A0A' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")}
.v.n::before{background-color:#EEEEF3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3.5 3.5l5 5M8.5 3.5l-5 5' stroke='%238B8C9C' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E")}
.us .v{color:var(--ink);font-weight:500}
.cmp-dpo{margin:24px 0 0;font-size:14.5px;color:var(--text)}
.cmp-dpo a{margin-left:6px;font-weight:600;color:var(--ink)}
.cmp-legend{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 22px;margin-top:56px;margin-bottom:-28px;padding-bottom:20px;font-size:13px;color:var(--muted)}

/* ---------- pricing ---------- */
.price{display:flex;flex-wrap:wrap;border-top:1px solid var(--line)}
.price > div{flex:1 1 440px;min-width:0}
.price .copy{padding:var(--sec) var(--pad);display:flex;flex-direction:column;gap:24px;border-right:1px solid var(--line)}
.price .pside{position:relative;overflow:hidden;background:var(--paper);display:flex;align-items:center;padding:clamp(48px,7vw,96px) var(--pad)}
.price .pside .grid-bg{background-size:28px 28px;background-image:linear-gradient(#ECEDF2 1px,transparent 1px),linear-gradient(90deg,#ECEDF2 1px,transparent 1px);mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 30%,transparent 85%);-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 30%,transparent 85%)}
.pcard{position:relative;width:100%;border-radius:18px;background:#fff;border:1px solid var(--line-2);box-shadow:0 40px 80px -48px rgba(20,19,46,.5);padding:36px;display:flex;flex-direction:column;gap:20px}
.pcard .from{font-size:14px;color:var(--text)}
.pcard .amt{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.pcard .amt b{font-family:var(--display);font-size:68px;font-weight:500;letter-spacing:-.05em;line-height:.9}
.pcard .amt span{font-size:16px;color:var(--muted)}
.team{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;padding:12px 14px;border-radius:12px;background:var(--soft)}
.avs{display:flex}
.avs i{width:30px;height:30px;border-radius:50%;border:2px solid #fff;margin-left:-8px;font-style:normal;font-size:10.5px;font-weight:600;display:flex;align-items:center;justify-content:center}
.avs i:first-child{margin-left:0}
.ticks{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.ticks li{padding:13px 0 13px 24px;border-bottom:1px solid var(--line);font-size:15px;position:relative}
.ticks li:last-child{border-bottom:none}
.ticks li::before{content:"";position:absolute;left:2px;top:20px;width:10px;height:6px;border-left:1.6px solid var(--indigo);border-bottom:1.6px solid var(--indigo);transform:rotate(-45deg)}
.btns{display:flex;flex-wrap:wrap;gap:10px}
@media (max-width:900px){.price .copy{border-right:none;padding-bottom:48px}}

/* ---------- guides ---------- */
.guides{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;margin-top:56px}
.feat{display:flex;flex-direction:column;gap:18px;text-decoration:none}
.feat .im{border-radius:18px;overflow:hidden;aspect-ratio:16/10;background:var(--soft)}
.feat .im img,.art .im img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.feat:hover .im img,.art:hover .im img{transform:scale(1.04)}
.feat h3{margin:0;font-family:var(--display);font-weight:500;font-size:clamp(24px,2.3vw,30px);line-height:1.15;letter-spacing:-.025em}
.meta{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--text)}
.meta span{display:inline-flex;align-items:center;gap:6px}
.by{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500}
.by img{width:30px;height:30px;border-radius:50%;object-fit:cover}
.alist{display:flex;flex-direction:column}
.art{display:grid;grid-template-columns:minmax(0,1fr) 168px;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line);text-decoration:none}
.art:first-child{padding-top:0}
.art .t{display:flex;flex-direction:column;gap:12px}
.art h3{margin:0;font-size:17px;font-weight:600;line-height:1.35;letter-spacing:-.01em}
.art .im{border-radius:12px;overflow:hidden;aspect-ratio:4/3}
.art .im.brand{display:flex;align-items:center;justify-content:center;--aur-o:1}
.art .im.brand img{width:60%;height:auto;object-fit:contain}
.art:last-child{border-bottom:none}
.nl{margin-top:20px;border-radius:18px;padding:22px 24px;display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;justify-content:space-between}
.nl b{display:block;font-family:var(--display);font-size:22px;font-weight:500;letter-spacing:-.02em}
.nl > span > span{font-size:14px;color:#C3C4DD}
@media (max-width:900px){.guides{grid-template-columns:1fr}}
@media (max-width:520px){.art{grid-template-columns:minmax(0,1fr) 110px;gap:14px}}

/* ---------- faq ---------- */
.faq{display:flex;flex-wrap:wrap;gap:64px}
.faq h2{flex:1 1 300px;align-self:flex-start;position:sticky;top:110px}
@media (max-width:900px){.faq h2{position:static}}
.faq .list{flex:2 1 560px;min-width:0;border-top:1px solid var(--line)}
details{border-bottom:1px solid var(--line);padding:24px 0}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;font-size:17.5px;font-weight:500}
summary::-webkit-details-marker{display:none}
summary i{font-style:normal;font-size:24px;line-height:1;color:var(--muted);transition:transform .2s;flex:none}
details[open] summary i{transform:rotate(45deg)}
details p{margin:14px 0 0;font-size:16px;line-height:1.65;color:var(--text);max-width:660px}

/* ---------- final cta ---------- */
.final{border-top:1px solid var(--line);--aur-o:1}
.final::after{bottom:-25%;height:85%;filter:blur(50px)}
.final-in{position:relative;padding:clamp(110px,13vw,170px) var(--pad);display:flex;flex-direction:column;align-items:center;text-align:center;gap:28px}
.final h2{font-family:var(--display);font-weight:500;font-size:clamp(42px,6.2vw,84px);line-height:.97;letter-spacing:-.045em;margin:0;max-width:900px}
.final h2 em{font-style:normal;color:#B7B5E6}
.final p{margin:0;max-width:520px;font-size:17px;line-height:1.6;color:#C3C4DD}
.final .trust{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;font-size:13.5px;color:#E2E2F2}
.final .trust span{display:inline-flex;align-items:center;gap:7px}

/* ---------- footer ---------- */
.foot{border-top:1px solid var(--line)}
.foot-top{padding:72px var(--pad) 48px;display:grid;grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,1fr));gap:40px}
.foot-brand{display:flex;flex-direction:column;gap:16px}
.foot-brand img{height:20px;width:auto;align-self:flex-start}
.foot-brand p{margin:0;font-size:14px;line-height:1.65;color:var(--text);max-width:340px}
.foot-brand address{font-style:normal;font-size:13px;color:var(--muted);line-height:1.6}
.foot nav{display:flex;flex-direction:column;gap:12px;font-size:14px}
.foot nav h3{margin:0 0 4px;font-size:13px;font-weight:600}
.foot nav a{color:var(--text);text-decoration:none;transition:color .2s}
.foot nav a:hover{color:var(--ink)}
.foot-stack{display:flex;flex-direction:column;gap:36px}
.news{margin:0 var(--pad);padding:28px 0;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:16px 40px;align-items:center;justify-content:space-between}
.news b{font-family:var(--display);font-size:20px;font-weight:500;letter-spacing:-.015em}
.news span{display:block;font-size:14px;color:var(--text);margin-top:4px}
.news form{display:flex;gap:8px;flex:0 1 440px;flex-wrap:wrap}
.news input{flex:1 1 220px;padding:12px 14px;border-radius:10px;border:1px solid var(--line-2);font:inherit;font-size:14.5px;min-width:0}
.news input:focus{outline:2px solid var(--indigo);outline-offset:1px;border-color:transparent}
.foot-bot{padding:22px var(--pad) 34px;display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted);border-top:1px solid var(--line)}
.foot-bot nav{flex-direction:row;flex-wrap:wrap;gap:24px;font-size:13px}
.foot-bot nav a{color:var(--muted)}
.social{display:flex;gap:10px}
.social a{width:34px;height:34px;border-radius:8px;border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;color:var(--text)}
.social a:hover{color:var(--ink);border-color:#C9CAD6}
.wordmark{padding:0 var(--pad) 8px;overflow:hidden}
.wordmark span{display:block;font-family:var(--display);font-weight:500;font-size:clamp(80px,18vw,236px);line-height:.8;letter-spacing:-.06em;color:#F1F1F5;user-select:none;transform:translateY(12%)}
@media (max-width:980px){.foot-top{grid-template-columns:repeat(2,minmax(0,1fr))}.foot-brand{grid-column:1/-1}}

/* modal polish */
.umodal .ui-body .callout::after{display:none!important}
.umodal .ui-body .callout.side::after{display:block!important}
.umodal .ui-body .ui-title.spot{padding:6px 10px;margin-left:-10px;margin-right:-10px}
.umodal .ui-body .h6x,.umodal .ui-body .h5x{text-transform:none;letter-spacing:0}
.um-close:focus:not(:focus-visible),.um-nav button:focus:not(:focus-visible){outline:none}
.um-close:focus-visible,.um-nav button:focus-visible{outline:1px solid rgba(143,179,255,.8);outline-offset:3px}
.umodal .pane-copy .pane-sub{margin-top:16px}
.umodal .pane-copy{padding-bottom:20px}
.umodal .ui-body .callout{gap:7px;padding:6px 13px 6px 7px;font-size:12px;font-weight:500;letter-spacing:.005em;color:#E8EDFF;background:rgba(18,22,40,.72);-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 32px -14px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.06);transition:opacity .35s,transform .35s cubic-bezier(.2,.7,.2,1)}
.umodal .ui-body .callout::before{width:14px;height:14px;opacity:.95}
.umodal .ui-body .callout::after,.umodal .ui-body .callout.below::after{content:"";position:absolute;left:var(--ax,24px);top:auto;bottom:-12px;width:1px;height:11px;border:0;border-radius:0;transform:none;background:linear-gradient(rgba(143,179,255,.75),rgba(143,179,255,0))}
.umodal .ui-body .callout.below::after{bottom:auto;top:-12px;background:linear-gradient(rgba(143,179,255,0),rgba(143,179,255,.75))}
.umodal .ui-body .callout.side::after{left:-13px;top:50%;bottom:auto;width:12px;height:1px;background:linear-gradient(90deg,rgba(143,179,255,0),rgba(143,179,255,.75))}
.umodal .ui-body .spot{border-radius:12px;box-shadow:0 0 0 1px rgba(143,179,255,.6),0 0 0 5px rgba(78,134,255,.07),0 24px 60px -26px rgba(41,83,160,.95)}
.umodal .ui-body .spot.tag,.umodal .ui-body .spot.uref{border-radius:6px;box-shadow:0 0 0 1px rgba(143,179,255,.7),0 0 14px -2px rgba(78,134,255,.5)}
.umodal .ui-kicker{text-transform:none;letter-spacing:0;font-size:12px;font-weight:500;color:rgba(143,179,255,.8)}
.umodal #cc-ans{list-style:none;margin:0;padding:4px 0}
.umodal #cc-ans li{position:relative;padding:7px 12px 7px 26px;border-radius:8px;line-height:1.5}
.umodal #cc-ans li::before{content:"";position:absolute;left:12px;top:15px;width:4px;height:4px;border-radius:50%;background:rgba(143,179,255,.6)}
.umodal #cc-ans li:has(.win-line){background:rgba(78,134,255,.08)}
.umodal .trail li.act .n{box-shadow:0 0 0 3px rgba(78,134,255,.16)}
.umodal .trail li.act .pb{height:2px;box-shadow:0 0 8px rgba(78,134,255,.6)}
.umodal .trail li{border-radius:14px}
.um-nav{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.um-close{background:rgba(255,255,255,.06);color:#fff;font-size:14px;font-weight:400;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .2s,transform .3s}
.um-close:hover{background:rgba(255,255,255,.14)}
@media (min-width:761px){
.tcol{display:flex;flex-direction:column;gap:14px;align-self:stretch}
.tcol .trail{position:static}
.tcol .um-cta{position:static;margin-top:auto;flex-direction:column;align-items:stretch;gap:10px;padding:20px;border-radius:18px;background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.015));box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);-webkit-backdrop-filter:none;backdrop-filter:none;transform:none;opacity:1}
.tcol .um-cta span{margin:0 0 4px;font-size:15px;font-weight:500;color:#fff;letter-spacing:-.01em}
.tcol .um-cta .btn{justify-content:center;text-align:center;padding:12px 18px}
.umodal .panes{margin-bottom:0}
}
@media (max-width:760px){.tcol{display:contents}}

/* legal v2 */
.lg2{margin-top:56px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px;align-items:stretch}
.lg2-l{padding:30px 32px 18px;border-radius:24px;background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);display:flex;flex-direction:column}
.lg2-q{align-self:flex-start;display:flex;gap:12px;align-items:center;margin-bottom:14px;padding:11px 18px 11px 11px;border-radius:16px 16px 16px 4px;background:rgba(255,255,255,.07);font-size:15.5px;color:#fff}
.lg2-q i{flex:none;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:12px;font-weight:600;background:#25376B;color:#C9D8FF}
.lg2-s{list-style:none;margin:0;padding:0}
.lg2-s li{display:grid;grid-template-columns:minmax(0,1fr) auto 104px;align-items:center;gap:24px;padding:20px 0;border-top:1px solid rgba(255,255,255,.08);opacity:.32;transition:opacity .6s}
.lg2-s li.on{opacity:1}
.lg2-src{display:flex;flex-direction:column;gap:3px;min-width:0}
.lg2-src b{font-size:15px;font-weight:600;color:#fff}
.lg2-src em{font-style:normal;font-size:12.5px;color:var(--c)}
.lg2-d{display:flex;gap:6px}
.lg2-d i{width:22px;height:22px;border-radius:6px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);transition:background .35s,box-shadow .35s,transform .35s cubic-bezier(.2,.7,.2,1)}
.lg2-s li.on .lg2-d i.b{background:#4A4D66;box-shadow:none}
.lg2-s li.on .lg2-d i.n{background:var(--c);box-shadow:0 0 18px -2px var(--c);animation:lg2t .45s cubic-bezier(.2,.7,.2,1) both}
.lg2-s li.on .lg2-d i:nth-child(2){transition-delay:.08s;animation-delay:.08s}
.lg2-s li.on .lg2-d i:nth-child(3){transition-delay:.16s;animation-delay:.16s}
.lg2-s li.on .lg2-d i:nth-child(4){transition-delay:.24s;animation-delay:.24s}
.lg2-s li.on .lg2-d i:nth-child(5){transition-delay:.32s;animation-delay:.32s}
@keyframes lg2t{from{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}
.lg2-v{text-align:right;font-family:var(--display);font-size:20px;font-weight:500;letter-spacing:-.02em;color:#fff;white-space:nowrap}
.lg2-v.m{font-family:inherit;font-size:13.5px;font-weight:500;color:#9BA0B5}
.lg2-r{position:relative;overflow:hidden;padding:36px;border-radius:24px;background:#fff;color:var(--ink);display:flex;flex-direction:column;justify-content:center;gap:14px;box-shadow:0 40px 90px -40px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.4);transition:box-shadow .6s}
.lg2-r::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 100% 0%,rgba(110,155,255,.14),transparent 60%);pointer-events:none}
.lg2-r small{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}
.lg2-mk{flex:none;width:30px;height:30px;border-radius:9px;background:url(agentrh-mark-blanc.png) 50% 48%/17px no-repeat,linear-gradient(140deg,#5B6CF2 0%,#3C3F92 100%);box-shadow:0 6px 14px -6px rgba(60,63,146,.6),inset 0 1px 0 rgba(255,255,255,.25)}
.lg2-n{display:flex;align-items:baseline;gap:14px;font-family:var(--display);font-weight:500;letter-spacing:-.04em;line-height:1}
.lg2-n span{font-size:clamp(72px,8vw,112px);font-variant-numeric:tabular-nums;display:inline-block;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.lg2-n span.bump{transform:translateY(-6px) scale(1.08)}
.lg2-n em{font-style:normal;font-size:clamp(22px,2.2vw,28px);letter-spacing:-.025em}
.lg2-r p{margin:0;font-size:15px;line-height:1.6;color:var(--text);max-width:360px}
.lg2-c{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;opacity:0;transform:translateY(6px);transition:opacity .5s,transform .5s}
.lg2-c span{padding:5px 10px;border-radius:999px;font-size:12px;font-weight:500;color:var(--text);box-shadow:inset 0 0 0 1px var(--line-2)}
.lg2.done .lg2-c{opacity:1;transform:none}
.lg2.done .lg2-r{box-shadow:0 40px 90px -40px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.4),0 0 80px -20px rgba(110,155,255,.5)}
.lg2-w{display:none;align-items:center;gap:12px;font-size:16px;font-weight:500;color:var(--muted);min-height:96px}
.lg2.wait .lg2-w{display:flex}
.lg2.wait .lg2-n,.lg2.wait .lg2-r p{display:none}
.lg2-dots{display:inline-flex;gap:5px}
.lg2-dots i{width:7px;height:7px;border-radius:50%;background:#5B6CF2;animation:lg2dot 1s ease-in-out infinite}
.lg2-dots i:nth-child(2){animation-delay:.15s}.lg2-dots i:nth-child(3){animation-delay:.3s}
@keyframes lg2dot{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
.lg2-n,.lg2-r p{animation:lg2in .5s cubic-bezier(.2,.7,.2,1) both}
@keyframes lg2in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.lg2-n,.lg2-r p{transition:opacity .4s}
.lg2-f{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 26px;font-size:13.5px;color:#9BA0B5}
.lg2-f li{display:flex;align-items:center;gap:8px}
.lg2-f li::before{content:"";width:5px;height:5px;border-radius:50%;background:rgba(143,179,255,.6)}
@media (max-width:900px){.lg2{grid-template-columns:minmax(0,1fr)}.lg2-l{padding:22px 20px 8px}.lg2-r{padding:26px}}
@media (max-width:560px){.lg2-s li{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"s v" "d d";gap:12px 16px;padding:16px 0}.lg2-src{grid-area:s}.lg2-v{grid-area:v}.lg2-d{grid-area:d}.lg2-d i{width:20px;height:20px}}
@media (prefers-reduced-motion:reduce){.lg2-s li{opacity:1}.lg2-s li .lg2-d i{animation:none!important;transition:none}}

.pcard .btns .btn:only-child{flex:1;width:100%;justify-content:center;text-align:center}
.s2-res .s2-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}

/* nav dropdown */
.nav-dd{position:relative}
.nav-ddb{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:6px;color:var(--text);transition:color .2s}
.nav-ddb:hover,.nav-dd.open .nav-ddb,.nav-dd:focus-within .nav-ddb{color:var(--ink)}
.nav-ddb svg{transition:transform .25s}
.nav-dd.open .nav-ddb svg{transform:rotate(180deg)}
.nav-ddb:focus-visible{outline:2px solid var(--indigo);outline-offset:4px;border-radius:4px}
.nav-pop{position:absolute;top:calc(100% + 22px);left:50%;min-width:290px;padding:8px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px var(--line),0 30px 60px -24px rgba(20,19,46,.35);display:flex;flex-direction:column;gap:2px;opacity:0;visibility:hidden;transform:translate(-50%,6px);transition:opacity .2s,transform .25s cubic-bezier(.2,.7,.2,1),visibility .2s}
.nav-pop::before{content:"";position:absolute;left:0;right:0;top:-24px;height:24px}
.nav-dd.open .nav-pop{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media (hover:hover){.nav-dd:hover .nav-pop{opacity:1;visibility:visible;transform:translate(-50%,0)}.nav-dd:hover .nav-ddb svg{transform:rotate(180deg)}}
.nav-pop a{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:10px;text-decoration:none;transition:background .2s}
.nav-pop a:hover,.nav-pop a:focus-visible{background:var(--soft);outline:none}
.nav-pop b{font-size:14px;font-weight:600;color:var(--ink)}
.nav-pop span{font-size:13px;font-weight:400;color:var(--muted)}
.nav-links a[aria-current="page"],.nav-dd.cur .nav-ddb{color:var(--ink)}
.mnav-g{display:block;padding:18px 0 4px;font-size:12.5px;color:var(--muted)}
.mnav a.sub{padding-left:14px}
/* bento en cours */
.uc.is-soon:not(.w2) .vis{padding-top:58px}
.uc .vis > .soon{position:absolute;top:14px;left:14px;z-index:3;display:inline-flex;align-items:center;gap:7px;padding:5px 11px 5px 9px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.005em;color:#7A4D06;background:linear-gradient(180deg,#FFF6DD,#FDEBB8);box-shadow:inset 0 0 0 1px rgba(222,170,60,.45),0 6px 16px -8px rgba(180,120,20,.45);transform:none!important}
.uc .vis > .soon i{position:relative;width:7px;height:7px;border-radius:50%;background:#E8A317}
.uc .vis > .soon i::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:1px solid #E8A317;opacity:0;animation:soonp 2.4s ease-out infinite}
@keyframes soonp{0%{transform:scale(.6);opacity:.8}100%{transform:scale(1.8);opacity:0}}
@media (prefers-reduced-motion:reduce){.uc .vis > .soon i::after{animation:none}}
.foot-trust{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.foot-trust li{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;color:var(--text);box-shadow:inset 0 0 0 1px var(--line-2)}
.foot-trust li::before{content:"";width:5px;height:5px;border-radius:50%;background:#2E9E62}
.foot-teams{align-self:flex-start;display:inline-flex;align-items:center;gap:9px;padding:9px 14px;border-radius:10px;font-size:13.5px;font-weight:600;color:var(--ink);text-decoration:none;box-shadow:inset 0 0 0 1px var(--line-2);transition:box-shadow .2s}
.foot-teams:hover{box-shadow:inset 0 0 0 1px #B9BBD0}

/* ===== responsive : header mobile ===== */
.burger{position:relative;width:42px;height:42px;border-radius:12px;border:1px solid var(--line-2);background:#fff;cursor:pointer;padding:0;transition:background .2s,border-color .2s}
.burger span{position:absolute;left:12px;right:12px;height:1.6px;border-radius:2px;background:var(--ink);transition:transform .45s cubic-bezier(.65,0,.35,1),top .45s cubic-bezier(.65,0,.35,1),width .3s}
.burger span:nth-child(1){top:15px}
.burger span:nth-child(2){top:25px;right:16px}
.nav.mopen .burger{background:var(--soft);border-color:transparent}
.nav.mopen .burger span:nth-child(1){top:20px;transform:rotate(45deg)}
.nav.mopen .burger span:nth-child(2){top:20px;right:12px;transform:rotate(-45deg)}
.burger:focus-visible{outline:2px solid var(--indigo);outline-offset:2px}
.mnav,.mnav.open{display:block;position:absolute;left:0;right:0;top:100%;height:calc(100vh - 68px);height:calc(100dvh - 68px);z-index:49;border:0;padding:0;background:#fff;overflow-y:auto;opacity:0;visibility:hidden;clip-path:inset(0 0 100% 0);transition:opacity .35s,visibility .35s,clip-path .55s cubic-bezier(.65,0,.35,1)}
.nav.mopen .mnav{opacity:1;visibility:visible;clip-path:inset(0 0 0 0)}
.nav.mopen{background:#fff}
.mnav-in{display:flex;flex-direction:column;padding:12px 20px 32px;max-width:640px;margin:0 auto;min-height:100%;box-sizing:border-box}
.mnav .mlk{display:flex;align-items:center;justify-content:space-between;padding:17px 2px;border-bottom:1px solid var(--line);font-family:var(--display);font-size:24px;font-weight:500;letter-spacing:-.025em;color:var(--ink);text-decoration:none}
.mnav .mlk svg{color:var(--faint);transition:transform .2s}
.mnav .mlk:active svg{transform:translateX(3px)}
.mnav .mnav-g{display:block;padding:17px 2px 10px;font-family:var(--display);font-size:24px;font-weight:500;letter-spacing:-.025em;color:var(--ink);border:0}
.mnav .mlk.sub{font-family:var(--body);font-size:16.5px;font-weight:500;letter-spacing:0;color:var(--text);padding:11px 2px 11px 18px;margin-left:4px;border-bottom:0;box-shadow:inset 1.5px 0 0 var(--line)}
.mnav .mlk.sub svg{width:12px;height:12px}
.mnav .mlk.sub + .mlk:not(.sub),.mnav .mlk.sub + .mnav-cta{margin-top:12px;border-top:1px solid var(--line)}
.mnav-cta{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding-top:28px}
.mnav-cta .btn{display:flex;justify-content:center;padding:15px 18px;font-size:15.5px}
.mnav-tr{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 16px;margin:16px 0 0;font-size:12.5px;color:var(--muted)}
.mnav-tr span{display:inline-flex;align-items:center;gap:6px}
.mnav-tr span::before{content:"";width:5px;height:5px;border-radius:50%;background:#2E9E62}
.mnav-in > *{opacity:0;transform:translateY(14px);transition:opacity .4s,transform .5s cubic-bezier(.2,.7,.2,1)}
.nav.mopen .mnav-in > *{opacity:1;transform:none;transition-delay:calc(.12s + var(--i,0) * .045s)}
.nav.mopen{position:fixed;top:0;left:0;right:0}
html.mlock body{position:fixed;left:0;right:0;width:100%;overflow:hidden}
.mnav{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
@media (min-width:981px){.mnav{display:none!important}}
@media (prefers-reduced-motion:reduce){.mnav,.mnav-in > *,.burger span{transition:none}}

/* ===== responsive : landing ===== */
@media (max-width:760px){
  .pill{font-size:11.5px;max-width:100%;white-space:nowrap;gap:6px}
  .pill span{font-size:10.5px;padding:2px 7px}
  .hero .ctas{flex-direction:column;align-items:stretch;width:100%;max-width:340px}
  .hero .ctas .btn{justify-content:center;width:100%;box-sizing:border-box}
  .s2-kpis b{font-size:clamp(22px,6.4vw,28px);white-space:nowrap}
  .hbar span,.hbar b{display:none}
  .hbar i{padding:0}
  /* bento + personas en carrousel */
  .bento{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-left:calc(-1 * var(--pad));margin-right:calc(-1 * var(--pad));padding:4px var(--pad) 18px;scroll-padding:0 var(--pad);scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .bento::-webkit-scrollbar{display:none}
  .bento > .uc{flex:0 0 84%;scroll-snap-align:start;grid-column:auto}
  .bento > .uc .vis{height:220px}
  .personas{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:4px var(--pad) 18px;scroll-padding:0 var(--pad);scrollbar-width:none}
  .personas::-webkit-scrollbar{display:none}
  .personas > *{flex:0 0 82%;scroll-snap-align:start}
  .swipe{display:flex;align-items:center;gap:10px;margin:14px 0 0;font-size:12.5px;color:var(--muted)}
  .swipe i{display:flex;gap:4px}
  .swipe i b{width:6px;height:6px;border-radius:3px;background:var(--line-2);transition:width .3s,background .3s}
  .swipe i b.on{width:18px;background:var(--ink)}
  /* comparatif : première colonne figée */
  .cmp{position:relative;margin-left:calc(-1 * var(--pad));margin-right:calc(-1 * var(--pad));padding-left:0;padding-right:0}
  .cmp table{min-width:740px}
  .cmp thead th:first-child,.cmp tbody th{position:sticky;left:0;z-index:2;width:150px;min-width:150px;max-width:150px;background:#fff;font-size:13.5px;padding-left:var(--pad);box-shadow:8px 0 12px -10px rgba(20,19,46,.25)}
  .cmp th,.cmp td{padding:14px 14px}
  .cmp-hint{display:flex;align-items:center;gap:8px;margin:16px 0 0;font-size:12.5px;color:var(--muted)}
  .final .btns{flex-direction:column;align-items:stretch;width:100%;max-width:340px}
  .final .btns .btn{justify-content:center}
  .foot-top{gap:32px 20px}
  .personas + .swipe{padding:0 var(--pad) 32px;margin:0}
  .cmp-legend{justify-content:flex-start}
}
@media (min-width:761px){.swipe,.cmp-hint{display:none}}
@media (min-width:600px) and (max-width:980px){
  .foot-top{grid-template-columns:repeat(4,minmax(0,1fr))}
  .foot-brand{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);column-gap:40px;align-items:start}
  .foot-brand > img,.foot-brand > p{grid-column:1}
  .foot-brand > ul,.foot-brand > .foot-teams,.foot-brand > address{grid-column:2}
}

/* film de la landing */
.film{padding:clamp(40px,7vw,96px) 16px;border-top:1px solid var(--line);background:#fff}
.film-in{max-width:988px;margin:0 auto}
.film-frame{padding:14px;border-radius:34px;background:linear-gradient(180deg,#14162E,#0A0B18);box-shadow:0 50px 110px -30px rgba(40,46,140,.45),0 24px 50px -20px rgba(10,12,40,.45),inset 0 0 0 1px rgba(255,255,255,.08)}
.film-screen{position:relative;aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:#0A0B18;box-shadow:0 0 0 1px rgba(255,255,255,.10)}
.film-screen picture,.film-poster{position:absolute;inset:0;width:100%;height:100%}
.film-poster{object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.film-screen:hover .film-poster{transform:scale(1.025)}
.film-play{position:absolute;left:50%;top:62%;width:88px;height:88px;margin:-44px 0 0 -44px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);box-shadow:0 12px 40px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .35s cubic-bezier(.2,.7,.2,1),background .35s}
.film-play svg{margin-left:4px}
.film-play:hover{transform:scale(1.06);background:rgba(255,255,255,.2)}
.film-play:focus-visible{outline:2px solid #fff;outline-offset:4px}
.film-screen video{position:absolute;inset:0;width:100%;height:100%;background:#000;display:block}
.film-screen.on .film-play,.film-screen.on picture{display:none}
@media (max-width:640px){.film{padding:28px 16px 36px}.film-frame{padding:8px;border-radius:22px}.film-screen{border-radius:14px}.film-play{top:66%;width:56px;height:56px;margin:-28px 0 0 -28px}.film-play svg{width:18px;height:20px;margin-left:3px}}
@media (prefers-reduced-motion:reduce){.film-poster,.film-play{transition:none}.film-screen:hover .film-poster{transform:none}}
/* panneau AgentRH allégé dans « Avec AgentRH » */
.side .pair .bg-tasks{position:relative;right:auto;top:auto;bottom:auto;margin:0;width:auto;flex:1;max-width:270px;z-index:1;border-radius:12px;box-shadow:0 0 0 1px #E6E7EF,0 18px 40px -26px rgba(20,19,46,.45)}
.side .pair .bg-tasks .bn-step,.side .pair .bg-tasks .bn-type,.side .pair .bg-tasks li small,.side .pair #btDone li small,.side .pair .bg-tasks .bt-f{display:none}
.side .pair .bg-tasks .bt-h{padding:11px 14px}
.side .pair .bg-tasks .bt-sym{width:28px;height:28px}
.side .pair .bg-tasks .bt-now{margin:10px 10px 0;padding:10px 12px}
.side .pair .bg-tasks .bn-h{margin-bottom:9px}
.side .pair .bg-tasks .bt-sub{margin:9px 16px 2px}
.side .pair .bg-tasks ul{margin:0;padding:0 8px 8px;gap:0}
.side .pair .bg-tasks li{background:none;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;font-size:12.5px;font-weight:400}
.side .pair .bg-tasks li > i{width:16px;height:16px;margin-top:0;background-size:9px}
.side .pair .bg-tasks li b{font-size:12.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.side .pair #btDone{height:auto;padding:0 8px 10px}
.side .pair #btDone li{height:32px;box-sizing:border-box}
@media (min-width:561px){.side .pair{align-items:stretch}.side .pair .orb-card{justify-content:center}}
@media (max-width:560px){.side .pair .bg-tasks{flex:none;max-width:none;width:100%}}

/* ---------- mobile : page plus courte et plus lisible ---------- */
.hyp-t,.faq-more,.sub-s,.demo-cap{display:none}
@media (max-width:760px){
  :root{--sec:64px}
  .plan .pgrid,.plan .pextra{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:0 -20px;padding:2px 20px 4px;scroll-padding:0 20px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .plan .pgrid::-webkit-scrollbar,.plan .pextra::-webkit-scrollbar{display:none}
  .plan .pgrid > .pit,.plan .pextra > .xm{flex:0 0 86%;scroll-snap-align:start;grid-column:auto}
  .plan .pextra{margin-top:18px}
  .plan .swipe{color:rgba(255,255,255,.6)}
  .plan .swipe i b{background:rgba(255,255,255,.25)}
  .plan .swipe i b.on{background:#fff}
  .gain-f .hyp-t{display:inline-flex;align-items:center;gap:6px;padding:10px 0;border:0;background:none;font-size:14px;font-weight:500;color:var(--ink);text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--line-2)}
  .gain-f .hyp-t::after{content:"+";font-size:16px;line-height:1;text-decoration:none}
  .gain-f.open .hyp-t::after{content:"\2212"}
  .gain-f:not(.open) p{display:none}
  .faq{gap:28px}
  .faq.lim .list{display:flex;flex-direction:column}
  .faq.lim .list details.k{order:-1}
  .faq.lim:not(.all) .list details:not(.k){display:none}
  .faq.lim:not(.all) .faq-more{display:flex;justify-content:center;width:100%;padding:15px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:15px;font-weight:500;color:var(--ink)}
  .hero .sub .sub-l{display:none}
  .hero .sub .sub-s{display:inline}
  .pv2x .pplay b,.pv2x .pplay small{display:none}
  .demo-cap{display:flex;flex-direction:column;align-items:center;gap:4px;margin:18px 0 0;text-align:center;font-size:13.5px;color:rgba(255,255,255,.72)}
  .demo-cap b{font-family:var(--display);font-size:20px;font-weight:500;letter-spacing:-.02em;color:#fff}
  .price .btns{flex-direction:column;align-items:stretch;width:100%}
  .price .btns .btn{justify-content:center;text-align:center}
}
@media (max-width:560px){
  .tiles.m4{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .tiles.m4 .tile{height:58px;border-radius:12px;font-size:11.5px;line-height:1.25;text-align:center}
  .tiles.m4 .tile img{max-width:74%!important;max-height:20px!important;width:auto!important;height:auto!important}
  .tiles.m4 .tile img[src*="si-adp"]{max-height:28px!important}
  .tiles.m4 .tile .wm{font-size:15px}
}

/* footer mobile : rubriques repliables */
.foot-acc{all:unset}
@media (max-width:760px){
.foot.acc .foot-top{grid-template-columns:minmax(0,1fr);gap:0;padding-top:48px;padding-bottom:24px}
.foot.acc .foot-brand{grid-column:auto;padding-bottom:28px}
.foot.acc .foot-stack{display:contents}
.foot.acc .foot-top nav{gap:0;border-top:1px solid var(--line)}
.foot.acc .foot-top nav h3{margin:0}
.foot.acc .foot-acc{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;width:100%;padding:17px 0;font-size:15px;font-weight:600;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent}
.foot.acc .foot-acc::after{content:"";width:8px;height:8px;border-right:1.6px solid var(--muted);border-bottom:1.6px solid var(--muted);transform:translateY(-2px) rotate(45deg);transition:transform .2s}
.foot.acc nav.open .foot-acc::after{transform:translateY(2px) rotate(-135deg)}
.foot.acc .foot-acc:focus-visible{outline:2px solid #9EA2EC;outline-offset:2px;border-radius:6px}
.foot.acc .foot-top nav a{display:none}
.foot.acc .foot-top nav.open a{display:block;padding:9px 0;font-size:15px}
.foot.acc .foot-top nav.open{padding-bottom:12px}
.foot-bot{gap:14px 20px}.foot-bot nav{gap:10px 20px}
}

/* simulateur : cartes croissance et talents */
.xm-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.xm-h span{font-size:12.5px;color:rgba(255,255,255,.5)}
.xb{display:grid;grid-template-columns:96px minmax(0,1fr) 72px;align-items:center;gap:12px;font-size:13.5px;color:rgba(255,255,255,.7)}
.xb i{display:block;height:12px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}
.xb em{display:block;height:100%;border-radius:999px;background:rgba(255,255,255,.28)}
.xb b{font-family:var(--display);font-size:20px;font-weight:500;letter-spacing:-.02em;color:rgba(255,255,255,.75);text-align:right;font-variant-numeric:tabular-nums}
.xb.us span{color:#fff;font-weight:600}
.xb.us em{background:linear-gradient(90deg,#8F93F8,#C3C5FA)}
.xb.us b{color:#fff;font-size:26px}
.xm-n{margin:0;font-size:13px;color:rgba(255,255,255,.55)}
.xt-v{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px}
.xt-v b{font-family:var(--display);font-size:clamp(34px,3.4vw,44px);font-weight:500;letter-spacing:-.035em;line-height:1;color:#fff;font-variant-numeric:tabular-nums}
.xt-v span{font-size:14px;color:rgba(255,255,255,.7)}
.xt-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px}
.xt-row p{margin:0;font-size:14px;color:rgba(255,255,255,.7)}
.xt-row p b{color:#fff;font-weight:600}
.xt-dots{display:flex;gap:5px}
.xt-dots i{width:14px;height:14px;border-radius:50%;background:rgba(255,255,255,.16)}
.xt-dots i.on{background:#6FD3A8;box-shadow:0 0 0 3px rgba(111,211,168,.18)}
.xm-src{margin:0;font-size:11.5px;line-height:1.5;color:rgba(255,255,255,.42)}
@media (max-width:560px){.xm-h{flex-direction:column;gap:2px}.xb{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"l v" "b b";gap:6px 10px}.xb span{grid-area:l}.xb b{grid-area:v}.xb i{grid-area:b}.xb.us b{font-size:22px}}

/* footer : marque à gauche, trois colonnes empilées */
.foot-brand .fb-l,.foot-brand .fb-r{display:flex;flex-direction:column;gap:16px}
.foot-brand{gap:16px}
.foot-stack{gap:40px}
@media (min-width:981px){
.foot-top{grid-template-columns:minmax(0,1.35fr) repeat(3,minmax(0,1fr));gap:44px 48px}
.foot-brand{grid-row:1/3}
.foot-top .foot-stack{display:contents}
.foot-stack nav:first-child{grid-row:1}
.foot-stack nav:last-child{grid-row:2}
.foot-stack:nth-of-type(2) nav{grid-column:2}
.foot-stack:nth-of-type(3) nav{grid-column:3}
.foot-stack:nth-of-type(4) nav{grid-column:4}
}
@media (min-width:761px) and (max-width:980px){
.foot-top{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:40px 32px}
.foot-brand{grid-column:1/-1;display:flex!important;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:32px}
.foot-brand .fb-l{max-width:420px}
.foot-top .foot-stack{display:contents}
.foot-stack nav:first-child{grid-row:2}
.foot-stack nav:last-child{grid-row:3}
.foot-stack:nth-of-type(2) nav{grid-column:1}
.foot-stack:nth-of-type(3) nav{grid-column:2}
.foot-stack:nth-of-type(4) nav{grid-column:3}
}

/* démo produit sur mobile : une étape à la fois, la fenêtre suit l'action */
@media (max-width:760px){
.umodal .pane-copy{padding-bottom:14px}
.umodal .pane-copy h3{font-size:25px;line-height:1.12}
.umodal .pane-copy .pane-sub{margin-top:8px;font-size:14.5px;line-height:1.5}
.umodal .pstage{display:flex;flex-direction:column;gap:12px}
.umodal{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(8,9,16,.94)!important}
.umodal .um-top{z-index:20;top:0;padding:12px 14px 10px;background:linear-gradient(180deg,#08090F 0,#08090F 78%,rgba(8,9,15,0) 100%)}
.umodal .tcol{display:block;order:-1;position:sticky;top:58px;z-index:15;margin:0 -14px;padding:10px 14px 16px;background:linear-gradient(180deg,#0E0F17 0,#0E0F17 84%,rgba(14,15,23,0) 100%)}
.umodal .trail{display:block;position:relative;top:auto;overflow:visible}
.umodal .trail li.act{background:#18213D}
.umodal .trail li{display:none;max-width:none}
.umodal .trail li.act{display:block}
.umodal .trail button{padding:13px 14px;gap:12px}
.umodal .trail b{font-size:15px;padding-right:64px}
.umodal .trail small{display:block;font-size:13px}
.umodal .trail::after{content:attr(data-pos);position:absolute;top:15px;right:14px;font-size:12px;font-weight:500;color:#8E92B8;pointer-events:none}
.umodal .ui-top nav,.umodal .ui-foot{display:none}
.umodal .ui-body .callout,.umodal .ui-body .callout.on,.umodal .ui-body .callout.side{display:none!important}
.umodal .ui-body .ui-kicker{color:#9A9EC0}
.umodal .tcol .um-cta{position:fixed;left:12px;right:12px;bottom:12px;z-index:7;margin:0;padding:6px;flex-direction:row;border-radius:999px;background:rgba(14,15,23,.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.umodal .tcol .um-cta span,.umodal .tcol .um-cta .um-b2{display:none}
.umodal .tcol .um-cta .um-b1{flex:1;padding:12px 16px;font-size:14.5px}
.umodal .panes{padding-bottom:96px}
}

/* film : bouton lecture qui respire, comme celui de la démo */
.film-play::before,.film-play::after{content:"";position:absolute;inset:-10px;border-radius:50%;border:2px solid rgba(255,255,255,.5);pointer-events:none;animation:ppulse 2.4s ease-out infinite}
.film-play::after{animation-delay:1.2s}
.film-play{box-shadow:0 20px 50px -14px rgba(10,12,40,.7),0 0 0 10px rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.35)}
@media (max-width:640px){.film-play::before,.film-play::after{inset:-7px}}
@media (prefers-reduced-motion:reduce){.film-play::before,.film-play::after{animation:none;opacity:0}}
.gain-tz{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,72px);align-items:center}
.gtz-t .h2{margin:0 0 18px}
.gtz-t p{margin:0 0 28px;max-width:46ch;color:var(--text);font-size:clamp(16px,1.3vw,18px);line-height:1.6}
.gtz-c{display:flex;flex-direction:column;gap:10px;padding:clamp(26px,3vw,36px);border-radius:24px;color:#fff;text-decoration:none;--aur-o:.75;box-shadow:0 50px 100px -50px rgba(20,19,46,.8);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.gtz-c:hover{transform:translateY(-4px)}
.gtz-c small{font-size:13px;opacity:.75}
.gtz-c b{display:flex;align-items:baseline;gap:12px;font-family:var(--display);font-weight:500;font-size:clamp(48px,6vw,76px);letter-spacing:-.04em;line-height:1}
.gtz-c b span{font-family:var(--body);font-size:15px;font-weight:500;letter-spacing:0;opacity:.85}
.gtz-c em{font-style:normal;font-size:14.5px;line-height:1.5;opacity:.8}
@media (max-width:900px){.gain-tz{grid-template-columns:minmax(0,1fr)}}

/* ===== pages À propos ===== */
.ab-hero{position:relative;padding:clamp(96px,12vw,160px) var(--pad) clamp(64px,8vw,104px);overflow:hidden}
.ab-hero::before{display:none;content:"";position:absolute;inset:-20% -10% auto auto;width:70%;height:120%;background:radial-gradient(ellipse 50% 45% at 70% 30%,rgba(110,155,255,.16),transparent 70%),radial-gradient(ellipse 40% 35% at 30% 60%,rgba(242,155,212,.10),transparent 70%);pointer-events:none}
.ab-hero .h1{position:relative;font-size:clamp(40px,6.2vw,84px);max-width:1040px}
.ab-hero .h1 em{font-style:normal;color:#8A8BA2}
.ab-hero .ab-lead{position:relative;margin:32px 0 0;max-width:620px;font-size:clamp(18px,1.6vw,21px);line-height:1.6;color:var(--text)}
.ab-crumb{position:relative;display:inline-flex;gap:8px;align-items:center;margin-bottom:28px;font-size:13.5px;color:var(--muted)}
.ab-crumb a{color:var(--muted);text-decoration:none}
.ab-crumb a:hover{color:var(--ink)}

.ab-ch{border-top:1px solid var(--line);padding:clamp(72px,9vw,120px) var(--pad);display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:start}
.ab-ch > header{position:sticky;top:110px}
.ab-ch h2{font-family:var(--display);font-weight:500;font-size:clamp(30px,3.4vw,44px);line-height:1.04;letter-spacing:-.035em;margin:0;max-width:420px}
.ab-ch h2 + p{margin:16px 0 0;font-size:15px;line-height:1.6;color:var(--muted);max-width:340px}

.ab-read{max-width:640px}
.ab-read p{margin:0 0 22px;font-size:18.5px;line-height:1.72;color:#3E3F55}
.ab-read p.k{color:var(--ink);font-weight:500}
.ab-read .stack{margin:0 0 26px;padding:0;list-style:none;border-left:1px solid var(--line-2)}
.ab-read .stack li{padding:6px 0 6px 20px;font-size:18.5px;line-height:1.5;color:var(--ink)}
.ab-read .gap{height:14px}

.ab-read .ab-pull,.ab-pull{margin:44px 0;font-family:var(--display);font-weight:500;font-size:clamp(26px,2.8vw,38px);line-height:1.18;letter-spacing:-.03em;color:var(--ink);max-width:640px;text-wrap:balance}
.ab-pull small{display:block;margin-top:18px;font-family:var(--body);font-size:14px;letter-spacing:0;color:var(--muted);font-weight:400}

.ab-read .ab-state,.ab-state{font-family:var(--display);font-weight:500;font-size:clamp(28px,3.2vw,44px);line-height:1.08;letter-spacing:-.035em;color:var(--ink);margin:36px 0;max-width:640px}
.ab-state span{display:block;color:#8A8BA2}

/* dark statement */
.ab-dark{border-top:1px solid var(--line);padding:clamp(100px,12vw,160px) var(--pad);text-align:center;--aur-o:.7}
.ab-dark .big{font-family:var(--display);font-weight:500;font-size:clamp(44px,7vw,96px);line-height:.98;letter-spacing:-.045em;margin:0 auto;max-width:1000px;color:#fff}
.ab-dark .big em{font-style:normal;color:#B7B5E6}
.ab-dark .rules{list-style:none;margin:48px auto 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:960px;text-align:left}
.ab-dark .rules li{padding:22px 22px 24px;border-radius:18px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);font-size:16px;line-height:1.5;color:#E2E3F2}
.ab-dark .rules li b{display:block;margin-bottom:6px;font-family:var(--display);font-size:22px;font-weight:500;letter-spacing:-.02em;color:#fff}
.ab-dark .sub{margin:28px auto 0;max-width:560px;font-size:17px;line-height:1.6;color:#B9BAD9}

/* CTA */
.ab-cta{border-top:1px solid var(--line);padding:clamp(96px,11vw,150px) var(--pad);display:flex;flex-direction:column;align-items:center;text-align:center;gap:28px}
.ab-cta p{margin:0;max-width:720px;font-family:var(--display);font-weight:500;font-size:clamp(28px,3.4vw,46px);line-height:1.08;letter-spacing:-.035em;color:var(--ink);text-wrap:balance}
.ab-cta .row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.ab-cta .btn{display:inline-flex}

/* reveal on scroll */
.rv{opacity:0;transform:translateY(18px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}

@media (max-width:900px){
  .ab-ch{grid-template-columns:minmax(0,1fr);gap:28px}
  .ab-ch > header{position:static}
  .ab-dark .rules{grid-template-columns:minmax(0,1fr)}
  .ab-read p,.ab-read .stack li{font-size:17px}
}

/* ===== blog ===== */
.bl-hero{position:relative;padding:clamp(88px,10vw,136px) var(--pad) clamp(40px,5vw,64px);overflow:hidden}
.bl-hero .h1{position:relative;font-size:clamp(40px,6vw,80px);max-width:900px}
.bl-hero .h1 em{font-style:normal;color:#8A8BA2}
.bl-hero p{position:relative;margin:24px 0 0;max-width:600px;font-size:clamp(17px,1.5vw,19px);line-height:1.6;color:var(--text)}

.bl-feat{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;margin:0 var(--pad);padding:0 0 clamp(56px,7vw,88px);text-decoration:none;color:inherit}
.bl-feat .im{position:relative;aspect-ratio:16/10;border-radius:20px;overflow:hidden;background:var(--soft)}
.bl-feat .im img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.bl-feat:hover .im img{transform:scale(1.03)}
.bl-feat .tx{display:flex;flex-direction:column;gap:16px}
.bl-feat h2{margin:0;font-family:var(--display);font-weight:500;font-size:clamp(26px,2.8vw,38px);line-height:1.1;letter-spacing:-.03em;color:var(--ink);text-wrap:balance}
.bl-feat p{margin:0;font-size:16px;line-height:1.6;color:var(--text)}
.bl-feat .go{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600;color:var(--ink)}
.bl-feat .go i{display:inline-flex;width:28px;height:28px;border-radius:50%;align-items:center;justify-content:center;background:var(--ink);color:#fff;transition:transform .3s}
.bl-feat:hover .go i{transform:translateX(3px)}

.bl-cat{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--muted)}
.bl-cat::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--cc,#6E9BFF)}
.bl-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;font-size:13px;color:var(--muted)}
.bl-meta span{display:inline-flex;align-items:center;gap:6px}
.bl-meta svg{opacity:.7}

.bl-bar{position:sticky;top:68px;z-index:5;display:flex;align-items:center;gap:20px;padding:14px var(--pad);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4)}
.bl-ctl{flex:1;min-width:0;display:flex;align-items:center;gap:6px;padding:5px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px var(--line-2),0 10px 30px -18px rgba(20,19,46,.25);transition:box-shadow .25s}
.bl-ctl:focus-within{box-shadow:0 0 0 1px #B9BBD6,0 0 0 4px rgba(79,82,178,.08),0 10px 30px -18px rgba(20,19,46,.25)}
.bl-seg{display:flex;gap:2px;flex:none;padding-right:6px;margin-right:2px;border-right:1px solid var(--line)}
.bl-seg button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:9px 13px;border-radius:11px;font-size:13.5px;font-weight:500;color:var(--text);transition:background .2s,color .2s}
.bl-seg button small{font-size:11.5px;font-weight:500;color:var(--faint);font-variant-numeric:tabular-nums}
.bl-seg button:hover{background:var(--soft);color:var(--ink)}
.bl-seg button[aria-pressed="true"]{background:var(--ink);color:#fff}
.bl-seg button[aria-pressed="true"] small{color:rgba(255,255,255,.55)}
.bl-seg button:focus-visible{outline:2px solid var(--indigo);outline-offset:1px}
.bl-search{flex:1;min-width:180px;display:flex;align-items:center;gap:10px;padding:0 8px 0 10px;cursor:text}
.bl-search .ic{display:flex;color:var(--muted)}
.bl-search .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bl-search input{flex:1;min-width:0;border:0;outline:0;background:none;font:inherit;font-size:14.5px;color:var(--ink);padding:9px 0}
.bl-search input::placeholder{color:var(--faint)}
.bl-search input::-webkit-search-cancel-button{display:none}
.bl-search kbd{flex:none;font-family:var(--mono);font-size:11.5px;color:var(--muted);padding:2px 7px;border-radius:6px;box-shadow:inset 0 0 0 1px var(--line-2),0 1px 0 var(--line-2)}
.bl-search input:focus ~ kbd,.bl-search input:not(:placeholder-shown) ~ kbd{display:none}
.bl-search .clr{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;color:var(--muted);background:var(--soft)}
.bl-search .clr:hover{color:var(--ink)}
.bl-search .clr[hidden]{display:none}
.bl-count{flex:none;margin:0;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;min-width:120px;text-align:right}
.bl-card mark{background:rgba(110,155,255,.22);color:inherit;border-radius:3px;padding:0 1px}
.bl-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:56px 0;text-align:center;color:var(--muted)}
.bl-empty[hidden]{display:none}
.bl-empty b{font-family:var(--display);font-size:22px;font-weight:500;color:var(--ink)}
.bl-empty button{all:unset;cursor:pointer;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.bl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,3vw,40px) clamp(20px,2.4vw,32px);padding:clamp(40px,5vw,64px) var(--pad) clamp(80px,9vw,120px)}
.bl-card{display:flex;flex-direction:column;gap:14px;text-decoration:none;color:inherit}
.bl-card .im{aspect-ratio:16/10;border-radius:16px;overflow:hidden;background:var(--soft)}
.bl-card .im img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .6s;filter:saturate(.85)}
.bl-card:hover .im img{transform:scale(1.04);filter:none}
.bl-card h3{margin:0;font-family:var(--display);font-weight:500;font-size:19px;line-height:1.25;letter-spacing:-.015em;color:var(--ink);text-wrap:pretty}
.bl-card:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.bl-card[hidden]{display:none}

/* article */
.po-prog{position:fixed;left:0;top:0;height:2px;width:100%;z-index:60;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#3B6FD4,#8FB3FF)}
.po-hero{position:relative;overflow:hidden;max-width:none;padding:clamp(72px,9vw,120px) var(--pad) clamp(36px,4vw,52px);max-width:980px}
.po-hero .ab-crumb{margin-bottom:26px}
.po-hero h1{margin:18px 0 0;font-family:var(--display);font-weight:500;font-size:clamp(34px,4.6vw,60px);line-height:1.04;letter-spacing:-.04em;color:var(--ink);text-wrap:balance}
.po-by{display:flex;align-items:center;gap:14px;margin-top:30px}
.po-by img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.po-by b{display:block;font-size:14.5px;font-weight:600;color:var(--ink)}
.po-cover{margin:0 var(--pad);aspect-ratio:21/9;border-radius:22px;overflow:hidden;background:var(--soft)}
.po-cover img{width:100%;height:100%;object-fit:cover}
.po-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(32px,6vw,96px);padding:clamp(48px,6vw,80px) var(--pad) clamp(64px,8vw,104px);align-items:start}
.po-toc{position:sticky;top:100px;display:flex;flex-direction:column;gap:26px}
.po-toc-h{margin:0 0 10px;font-size:13px;font-weight:600;color:var(--ink)}
.po-toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--line-2)}
.po-toc a{display:block;margin-left:-1px;padding:7px 0 7px 14px;border-left:1px solid transparent;font-size:13.5px;line-height:1.4;color:var(--muted);text-decoration:none;transition:color .2s,border-color .2s}
.po-toc a:hover{color:var(--ink)}
.po-toc a.on{color:var(--ink);border-left-color:var(--ink)}
.po-side{padding:18px;border-radius:16px;box-shadow:inset 0 0 0 1px var(--line);display:flex;flex-direction:column;gap:10px}
.po-side b{font-family:var(--display);font-size:16px;font-weight:500;letter-spacing:-.01em;color:var(--ink);line-height:1.25}
.po-side span{font-size:13px;line-height:1.5;color:var(--text)}
.po-side a{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;margin-top:4px;padding:9px 14px;border-radius:999px;background:var(--ink);color:#fff;font-size:13px;font-weight:600;text-decoration:none}

.prose{max-width:700px;font-size:18px;line-height:1.75;color:#3E3F55}
.prose > *:first-child{margin-top:0}
.prose p{margin:0 0 20px}
.prose h2{margin:56px 0 18px;font-family:var(--display);font-weight:500;font-size:clamp(26px,2.4vw,32px);line-height:1.15;letter-spacing:-.03em;color:var(--ink);scroll-margin-top:100px}
.prose h3{margin:36px 0 12px;font-family:var(--display);font-weight:500;font-size:21px;line-height:1.3;letter-spacing:-.015em;color:var(--ink);scroll-margin-top:100px}
.prose strong{font-weight:600;color:var(--ink)}
.prose em{font-style:italic}
.prose ul,.prose ol{margin:0 0 24px;padding:0;list-style:none}
.prose li{position:relative;padding:0 0 0 28px;margin:0 0 12px}
.prose ul > li::before{content:"";position:absolute;left:6px;top:.72em;width:6px;height:6px;border-radius:50%;background:#6E9BFF}
.prose ol{counter-reset:li}
.prose ol > li{counter-increment:li}
.prose ol > li::before{content:counter(li);position:absolute;left:0;top:.2em;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2);line-height:1}
.prose a{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.prose .key{margin:44px 0;padding:28px 30px 8px;border-radius:20px;background:var(--black);color:#E2E3F2;position:relative;overflow:hidden;isolation:isolate}
.prose .key::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 70% 80% at 100% 0%,rgba(110,155,255,.2),transparent 60%),repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 1px,transparent 1px 7px)}
.prose .key h2{margin:0 0 18px;font-size:22px;color:#fff}
.prose .key li{font-size:16.5px;line-height:1.6;color:#D3D6E6}
.prose .key strong{color:#fff}
.prose .key ul > li::before{background:#8FB3FF}
.prose .po-faq{margin-top:56px;padding-top:8px;border-top:1px solid var(--line)}
.prose .po-faq h3{margin:28px 0 10px;font-size:19px}
.prose .po-faq p{font-size:16.5px;line-height:1.7}

.po-author{display:flex;gap:20px;align-items:center;max-width:700px;margin:56px 0 0;padding-top:32px;border-top:1px solid var(--line)}
.po-author img{width:64px;height:64px;border-radius:50%;object-fit:cover}
.po-author a{color:inherit;text-decoration:none}
.po-pn{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:700px;margin-top:40px}
.po-pn a{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border-radius:16px;box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;transition:box-shadow .2s}
.po-pn a:hover{box-shadow:inset 0 0 0 1px #C9CAD8}
.po-pn a.nx{text-align:right}
.po-pn small{font-size:12.5px;color:var(--muted)}
.po-pn b{font-family:var(--display);font-size:16px;font-weight:500;line-height:1.3;color:var(--ink)}
.bl-card picture,.bl-feat picture,.po-cover picture{display:contents}
.po-author b{display:block;font-family:var(--display);font-size:18px;font-weight:500;color:var(--ink)}
.po-author span{font-size:14.5px;line-height:1.55;color:var(--text)}
.po-rel{border-top:1px solid var(--line);padding:clamp(64px,8vw,104px) var(--pad) 0}
.po-rel > h2{margin:0;font-family:var(--display);font-weight:500;font-size:clamp(28px,3vw,40px);letter-spacing:-.035em;color:var(--ink)}
.po-rel .bl-grid{padding-left:0;padding-right:0}

@media (max-width:1100px){.bl-count{display:none}}
@media (max-width:1000px){.bl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.po-grid{grid-template-columns:minmax(0,1fr)}.po-toc{display:none}}
@media (max-width:760px){
  .bl-grid{grid-template-columns:minmax(0,1fr)}
  .bl-feat{grid-template-columns:minmax(0,1fr)}
  .bl-bar{top:64px;flex-direction:column;align-items:stretch;gap:8px;padding:10px 16px}
  .bl-ctl{flex-direction:column;align-items:stretch;border-radius:14px}
  .bl-seg{border-right:0;border-bottom:1px solid var(--line);padding:0 0 5px;margin:0;overflow-x:auto;scrollbar-width:none}
  .bl-search kbd{display:none}
  .bl-count{text-align:left;min-width:0}
  .po-pn{grid-template-columns:minmax(0,1fr)}
  .po-cover{aspect-ratio:16/10;border-radius:16px}
  .prose{font-size:17px}
  .prose .key{padding:22px 20px 4px}
}
@media (prefers-reduced-motion:reduce){.bl-card .im img,.bl-feat .im img{transition:none}}

/* details */
.po-hero > *:not(.glow){position:relative;max-width:980px}
.bl-bar{border-top:0}
.bl-card .im,.bl-feat .im,.po-cover{position:relative}
.bl-card .im::after,.bl-feat .im::after,.po-cover::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(15,16,32,.06);pointer-events:none}
.ab-crumb{padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px var(--line-2);font-size:12.5px}
.po-share div{display:flex;flex-wrap:wrap;gap:6px}
.po-share a,.po-share button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;font-size:12.5px;font-weight:500;color:var(--text);box-shadow:inset 0 0 0 1px var(--line-2);transition:color .2s,box-shadow .2s}
.po-share a:hover,.po-share button:hover{color:var(--ink);box-shadow:inset 0 0 0 1px #C9CAD8}
.po-share button.ok{color:#1D6E43;box-shadow:inset 0 0 0 1px rgba(46,158,98,.4)}
::selection{background:rgba(79,82,178,.16)}
.bl-card h3,.bl-feat h2{transition:color .2s}
.po-li{display:inline-flex;align-items:center;gap:7px;margin-top:10px;font-size:13px;font-weight:600;color:var(--ink);text-decoration:none}
.po-li:hover{text-decoration:underline;text-underline-offset:3px}
.po-author > div{display:flex;flex-direction:column;align-items:flex-start}
.prose a.src-l{color:inherit;text-decoration-style:dotted;text-decoration-color:currentColor;text-decoration-thickness:1px}
.prose a.src-l:hover{text-decoration-style:solid}
.prose .po-src{margin-top:56px;padding-top:8px;border-top:1px solid var(--line)}
.prose .po-src h2{margin-top:32px}
.prose .po-src ol{margin:0;padding:0;font-size:14.5px;line-height:1.5}
.prose .po-src ol > li{padding-left:34px;margin:0 0 14px}
.prose .po-src ol > li::before{top:0;width:22px;height:22px;font-size:10.5px;font-family:var(--mono)}
.prose .po-src li a{color:var(--ink);text-decoration:none;word-break:break-word}
.prose .po-src li a:hover{text-decoration:underline;text-underline-offset:3px}
.prose .po-src li span{display:block;margin-top:2px;font-size:13px;color:var(--text);opacity:.7}
.prose .po-lead{font-size:clamp(19px,1.6vw,21px);line-height:1.55;color:var(--ink);letter-spacing:-.01em;margin:0 0 32px;padding:0 0 28px;border-bottom:1px solid var(--line)}

/* ===== pages produit : tarifs, intégrations, sécurité, comparatif ===== */
.pg-hero .ab-lead{max-width:700px}
.pg-hero .row{position:relative;display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}
.pg-hero .row .btn{display:inline-flex}
.pg-facts{position:relative;display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 0;padding:0;list-style:none}
.pg-facts li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:13.5px;color:var(--ink)}
.pg-facts li::before{content:"";width:6px;height:6px;border-radius:50%;background:#6E9BFF}

.pg-sec{border-top:1px solid var(--line);padding:clamp(72px,9vw,120px) var(--pad)}
.pg-sec > header{max-width:760px;margin-bottom:clamp(36px,4vw,56px)}
.pg-sec h2{font-family:var(--display);font-weight:500;font-size:clamp(30px,3.4vw,44px);line-height:1.06;letter-spacing:-.035em;margin:0;color:var(--ink);text-wrap:balance}
.pg-sec > header p{margin:16px 0 0;font-size:17px;line-height:1.65;color:var(--text);max-width:640px}
.pg-sec h3{font-family:var(--display);font-weight:500;font-size:21px;letter-spacing:-.02em;margin:0 0 8px;color:var(--ink)}
.pg-note{margin:22px 0 0;font-size:14px;line-height:1.6;color:var(--muted);max-width:720px}
.pg-note a,.pg-sec p a:not(.btn){color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}

/* étapes numérotées (vraie séquence) */
.pg-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:12px;counter-reset:st}
.pg-steps > li{counter-increment:st;position:relative;padding:26px 24px 26px;border-radius:20px;background:var(--soft);box-shadow:inset 0 0 0 1px var(--line)}
.pg-steps > li::before{content:counter(st);display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin-bottom:18px;border-radius:50%;background:var(--ink);color:#fff;font-family:var(--mono);font-size:12px}
.pg-steps p{margin:0;font-size:15px;line-height:1.6;color:var(--text)}
.pg-steps .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.pg-steps .tags span{padding:5px 10px;border-radius:8px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:12.5px;color:var(--ink);font-variant-numeric:tabular-nums}

/* paliers */
.pg-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pg-tier{display:flex;flex-direction:column;gap:14px;padding:28px 26px;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 1px var(--line-2),0 30px 60px -45px rgba(20,19,46,.35)}
.pg-tier .k{font-size:13px;color:var(--muted)}
.pg-tier h3{font-size:26px;margin:0}
.pg-tier > p{margin:0;font-size:15px;line-height:1.6;color:var(--text)}
.pg-tier ul{list-style:none;margin:4px 0 0;padding:16px 0 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.pg-tier li{position:relative;padding-left:24px;font-size:14.5px;line-height:1.5;color:var(--ink)}
.pg-tier li::before{content:"";position:absolute;left:2px;top:.45em;width:12px;height:7px;border-left:1.6px solid #4F6BD8;border-bottom:1.6px solid #4F6BD8;transform:rotate(-45deg)}

/* tableau simple */
.pg-tb-w{overflow-x:auto;border-radius:18px;box-shadow:inset 0 0 0 1px var(--line);background:#fff}
.pg-tb{width:100%;border-collapse:collapse;font-size:15px;min-width:560px}
.pg-tb th,.pg-tb td{padding:16px 20px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.pg-tb tr:last-child th,.pg-tb tr:last-child td{border-bottom:0}
.pg-tb thead th{font-size:12.5px;font-weight:500;color:var(--muted);background:var(--soft)}
.pg-tb tbody th{font-weight:600;color:var(--ink);width:28%}
.pg-tb td{color:var(--text);line-height:1.55}
.pg-tb .num{font-family:var(--mono);font-size:14px;color:var(--ink);white-space:nowrap}

/* liste incluse */
.pg-incl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border-radius:20px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line)}
.pg-incl li{background:#fff;padding:24px 22px;display:flex;flex-direction:column;gap:6px}
.pg-incl b{font-size:15.5px;color:var(--ink);font-weight:600}
.pg-incl span{font-size:14.5px;line-height:1.55;color:var(--text)}

/* deux colonnes texte */
.pg-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pg-card{padding:26px 24px;border-radius:20px;background:var(--soft);box-shadow:inset 0 0 0 1px var(--line)}
.pg-card p{margin:0;font-size:15px;line-height:1.65;color:var(--text)}
.pg-card p + p{margin-top:10px}
.pg-card .lbl{display:inline-block;margin-bottom:12px;font-size:12.5px;color:var(--muted)}

/* bande sombre Founding Partner */
.pg-band{margin:0 var(--pad) 0;border-radius:28px;padding:clamp(40px,5vw,64px);background:var(--black);color:#fff;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:32px;align-items:center;position:relative;overflow:hidden;isolation:isolate}
.pg-band::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 60% 80% at 100% 0%,rgba(110,155,255,.25),transparent 60%),repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 1px,transparent 1px 7px)}
.pg-band h2{font-family:var(--display);font-weight:500;font-size:clamp(28px,3vw,40px);line-height:1.08;letter-spacing:-.035em;margin:0;color:#fff}
.pg-band p{margin:14px 0 0;font-size:16.5px;line-height:1.6;color:#C9CBE0;max-width:560px}
.pg-band .row{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.pg-band .btn{display:inline-flex}
.pg-band-w{border-top:1px solid var(--line);padding:clamp(56px,7vw,96px) 0}

/* flux de traitement des données */
.pg-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;counter-reset:fl}
.pg-flow li{counter-increment:fl;position:relative;padding:20px 16px 18px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);display:flex;flex-direction:column;gap:8px}
.pg-flow li::before{content:counter(fl,decimal-leading-zero);font-family:var(--mono);font-size:11.5px;color:#4F6BD8}
.pg-flow b{font-size:14.5px;line-height:1.35;color:var(--ink);font-weight:600}
.pg-flow span{font-size:13px;line-height:1.5;color:var(--text)}
.pg-flow li.h{background:var(--ink);box-shadow:none}
.pg-flow li.h b{color:#fff}.pg-flow li.h span{color:#C9CBE0}.pg-flow li.h::before{color:#8FB3FF}

/* logos intégrations */
.pg-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.pg-logo{display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.pg-logo .lg{height:34px;display:flex;align-items:center}
.pg-logo .lg img{max-height:28px;max-width:120px;width:auto;height:auto}
.pg-logo .lg .wm{font-family:var(--display);font-weight:600;font-size:22px;letter-spacing:-.02em;color:var(--ink)}
.pg-logo b{font-size:15px;color:var(--ink)}
.pg-logo span{font-size:13.5px;line-height:1.5;color:var(--text)}
.pg-logo.more{background:var(--soft);justify-content:center}

/* comparatif détaillé */
.pg-cmp{display:flex;flex-direction:column;gap:12px}
.pg-vs{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr) minmax(0,3fr);gap:0;border-radius:22px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line);background:#fff}
.pg-vs > div{padding:26px 24px}
.pg-vs > div + div{border-left:1px solid var(--line)}
.pg-vs .who{background:var(--soft)}
.pg-vs .who h3{font-size:22px;margin:0 0 6px}
.pg-vs .who small{display:block;font-size:13px;color:var(--muted);line-height:1.5}
.pg-vs .lbl{display:block;margin-bottom:10px;font-size:12.5px;color:var(--muted)}
.pg-vs p{margin:0;font-size:15px;line-height:1.6;color:var(--text)}
.pg-vs p + p{margin-top:10px}
.pg-vs .us{background:linear-gradient(180deg,rgba(110,155,255,.07),rgba(110,155,255,0))}
.pg-src{margin:10px 0 0;font-size:12.5px;line-height:1.5;color:var(--muted)}
.pg-src a{color:var(--muted)}

@media (max-width:1000px){
  .pg-flow{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pg-logos{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .pg-steps,.pg-tiers,.pg-incl,.pg-2{grid-template-columns:minmax(0,1fr)}
  .pg-band{grid-template-columns:minmax(0,1fr);margin:0 var(--pad)}
  .pg-band .row{justify-content:flex-start}
  .pg-vs{grid-template-columns:minmax(0,1fr)}
  .pg-vs > div + div{border-left:0;border-top:1px solid var(--line)}
}
@media (max-width:560px){
  .pg-flow{grid-template-columns:minmax(0,1fr)}
  .pg-logos{grid-template-columns:minmax(0,1fr)}
}
.pg-band .btn.btn-light{background:#fff;color:var(--ink);box-shadow:none}.pg-band .btn.btn-light:hover{background:#E9EBF8}

/* cas d'usage */
.uc-ex{margin:0;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);border-radius:22px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line);background:#fff}
.uc-ex > div{padding:28px 26px}
.uc-ex .lbl{display:block;margin-bottom:12px;font-size:12.5px;color:var(--muted)}
.uc-q{background:var(--soft)}
.uc-q p{margin:0;font-family:var(--display);font-weight:500;font-size:21px;line-height:1.35;letter-spacing:-.02em;color:var(--ink)}
.uc-a{border-left:1px solid var(--line)}
.uc-a p{margin:0;font-size:16px;line-height:1.65;color:var(--ink)}
.uc-src{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.uc-src span{padding:5px 10px;border-radius:8px;background:var(--soft);box-shadow:inset 0 0 0 1px var(--line);font-size:12.5px;color:var(--text)}
.uc-more{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.uc-more a{display:flex;flex-direction:column;gap:8px;height:100%;padding:20px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;transition:box-shadow .2s,transform .2s}
.uc-more a:hover{box-shadow:inset 0 0 0 1px var(--line-2),0 18px 40px -28px rgba(20,19,46,.35);transform:translateY(-2px)}
.uc-more b{font-size:15.5px;color:var(--ink)}
.uc-more span{font-size:13px;line-height:1.5;color:var(--text)}
@media (max-width:1100px){.uc-more{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.uc-ex{grid-template-columns:minmax(0,1fr)}.uc-a{border-left:0;border-top:1px solid var(--line)}}
@media (max-width:560px){.uc-more{grid-template-columns:minmax(0,1fr)}}

/* ===== outils RH (calculateurs) ===== */
.tl-wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:14px;align-items:start}
.tl-form,.tl-res{border-radius:24px;padding:clamp(22px,3vw,34px)}
.tl-form{background:#fff;box-shadow:inset 0 0 0 1px var(--line-2),0 30px 70px -50px rgba(20,19,46,.4)}
.tl-res{background:var(--black);color:#fff;position:sticky;top:96px;isolation:isolate;overflow:hidden}
.tl-res::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 70% 60% at 100% 0%,rgba(110,155,255,.22),transparent 60%)}
.tl-f{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}
.tl-f:last-child{margin-bottom:0}
.tl-f > label,.tl-f > .lbl{font-size:14px;font-weight:600;color:var(--ink)}
.tl-f small{font-size:12.5px;line-height:1.5;color:var(--muted);font-weight:400}
.tl-in{display:flex;align-items:center;gap:8px;border-radius:12px;background:var(--soft);box-shadow:inset 0 0 0 1px var(--line);padding:0 14px;transition:box-shadow .2s,background .2s}
.tl-in:focus-within{background:#fff;box-shadow:inset 0 0 0 1.5px var(--ink)}
.tl-in input,.tl-in select{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:16px;color:var(--ink);padding:13px 0;outline:none;font-variant-numeric:tabular-nums}
.tl-in span{font-size:14px;color:var(--text)}
.tl-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tl-seg{display:flex;flex-wrap:wrap;gap:6px}
.tl-seg button{appearance:none;border:0;cursor:pointer;font:inherit;font-size:14px;padding:10px 14px;border-radius:10px;background:var(--soft);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);transition:background .2s,color .2s,box-shadow .2s;text-align:left}
.tl-seg button[aria-pressed="true"]{background:var(--ink);color:#fff;box-shadow:none}
.tl-seg button:focus-visible{outline:2px solid #4F6BD8;outline-offset:2px}
.tl-res .k{font-size:13px;color:#9BA0B5}
.tl-big{display:block;margin:6px 0 4px;font-family:var(--display);font-weight:500;font-size:clamp(40px,5vw,60px);line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.tl-sub{font-size:15px;line-height:1.55;color:#C9CBE0;margin:0}
.tl-rows{list-style:none;margin:22px 0 0;padding:0;border-top:1px solid rgba(255,255,255,.12)}
.tl-rows li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:14.5px;color:#DADCEA}
.tl-rows li b{color:#fff;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.tl-tl{list-style:none;margin:20px 0 0;padding:0;position:relative}
.tl-tl::before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:1px;background:rgba(255,255,255,.16)}
.tl-tl li{position:relative;padding:0 0 18px 30px}
.tl-tl li::before{content:"";position:absolute;left:2px;top:5px;width:11px;height:11px;border-radius:50%;background:#14151F;box-shadow:inset 0 0 0 1.5px #8FB3FF}
.tl-tl li.hi::before{background:#8FB3FF;box-shadow:0 0 0 4px rgba(143,179,255,.2)}
.tl-tl b{display:block;font-size:15px;color:#fff;font-weight:600}
.tl-tl .d{display:block;margin-top:2px;font-family:var(--display);font-size:20px;font-weight:500;letter-spacing:-.02em;color:#fff}
.tl-tl small{display:block;margin-top:4px;font-size:12.5px;line-height:1.5;color:#9BA0B5}
.tl-warn{margin:18px 0 0;padding:12px 14px;border-radius:12px;background:rgba(247,200,115,.12);color:#F7D9A0;font-size:13.5px;line-height:1.55}
.tl-src{margin:18px 0 0;font-size:12.5px;line-height:1.6;color:#9BA0B5}
.tl-src a{color:#C9CBE0}
.tl-cta{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.tl-cta .btn{display:inline-flex}
.tl-res .btn-light{background:#fff;color:var(--ink);box-shadow:none}
.tl-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 22px;padding:5px;border-radius:14px;background:var(--soft);box-shadow:inset 0 0 0 1px var(--line);width:max-content;max-width:100%}
.tl-tabs button{appearance:none;border:0;cursor:pointer;font:inherit;font-size:14px;font-weight:500;padding:9px 14px;border-radius:10px;background:transparent;color:var(--text)}
.tl-tabs button[aria-selected="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(15,16,32,.12)}
.tl-hub{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tl-hub a{display:flex;flex-direction:column;gap:10px;height:100%;padding:28px 26px;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 1px var(--line-2);text-decoration:none;transition:transform .2s,box-shadow .2s}
.tl-hub a:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px var(--line-2),0 24px 50px -34px rgba(20,19,46,.45)}
.tl-hub b{font-family:var(--display);font-weight:500;font-size:22px;letter-spacing:-.02em;color:var(--ink)}
.tl-hub span{font-size:14.5px;line-height:1.6;color:var(--text)}
.tl-hub em{margin-top:auto;font-style:normal;font-size:13px;color:#4F6BD8}
.tl-disc{margin:16px 0 0;font-size:13px;line-height:1.6;color:var(--muted);max-width:760px}
@media (max-width:900px){
  .tl-wrap{grid-template-columns:minmax(0,1fr)}
  .tl-res{position:static}
  .tl-hub{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:480px){.tl-2{grid-template-columns:minmax(0,1fr)}}
.tl-form [hidden],.tl-res [hidden]{display:none!important}
.pg-sec .tl-res a:not(.btn){color:#C9CBE0}

/* ===== conventions collectives ===== */
.cc-toc{position:relative;display:flex;flex-wrap:wrap;gap:8px;margin:30px 0 0;padding:0;list-style:none}
.cc-toc a{display:inline-flex;padding:8px 14px;border-radius:10px;background:var(--soft);box-shadow:inset 0 0 0 1px var(--line);font-size:13.5px;color:var(--ink);text-decoration:none;transition:background .2s,box-shadow .2s}
.cc-toc a:hover{background:#fff;box-shadow:inset 0 0 0 1px var(--line-2)}
.cc-sum{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border-radius:20px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line)}
.cc-sum > div{background:#fff;padding:22px 22px 20px;display:flex;flex-direction:column;gap:6px}
.cc-sum dt{font-size:12.5px;color:var(--muted)}
.cc-sum dd{margin:0;font-size:15px;line-height:1.5;color:var(--ink)}
.cc-th{scroll-margin-top:90px}
.cc-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:12px;align-items:start}
.cc-law{padding:24px 22px;border-radius:20px;background:var(--soft);box-shadow:inset 0 0 0 1px var(--line)}
.cc-law .lbl{display:block;margin-bottom:10px;font-size:12.5px;color:#5C5D70}
.cc-law p{margin:0;font-size:14.5px;line-height:1.65;color:var(--text)}
.cc-law p + p{margin-top:10px}
.cc-law b{color:var(--ink);font-weight:600}
.cc-ref{margin:14px 0 0;font-size:13px;line-height:1.6;color:var(--muted)}
.cc-ref a{color:var(--text);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.cc-tb td.cc-val{font-weight:600;color:var(--ink);min-width:120px}
.cc-tb td small{display:block;margin-top:4px;font-size:13px;color:var(--muted);line-height:1.5}
.cc-ex{margin-top:12px}
.cc-ex .num{text-align:right}
.cc-ex thead th.num{text-align:right}
.cc-up{color:#2F6B3F;font-weight:600}
.cc-attn{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:12px}
.cc-attn li{padding:26px 24px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px var(--line-2)}
.cc-attn h3{font-size:19px}
.cc-attn p{margin:0;font-size:15px;line-height:1.6;color:var(--text)}
.cc-attn .cc-ref{margin-top:12px}
.cc-src{margin:0;padding:0 0 0 18px;display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:1.55;color:var(--text)}
.cc-src a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.cc-src small{color:var(--muted)}
/* hub */
.cc-find{display:flex;align-items:center;gap:10px;max-width:520px;margin:0 0 18px;padding:0 16px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--line-2)}
.cc-find input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:16px;color:var(--ink);padding:14px 0;outline:none}
.cc-find:focus-within{box-shadow:inset 0 0 0 1.5px var(--ink)}
.cc-find svg{flex:none;color:var(--muted)}
.cc-hub td a{color:var(--ink);font-weight:600;text-decoration:none}
.cc-hub td a:hover{text-decoration:underline;text-underline-offset:3px}
.cc-hub tr[hidden]{display:none}
.cc-empty{margin:14px 0 0;font-size:14.5px;color:var(--text)}
@media (max-width:900px){
  .cc-grid,.cc-attn{grid-template-columns:minmax(0,1fr)}
  .cc-sum{grid-template-columns:minmax(0,1fr)}
}
.cc-p{margin:0 0 18px;font-size:16.5px;line-height:1.65;color:var(--ink);max-width:720px}
.cc-h3{margin:30px 0 12px!important}
.cc-hub td small{display:block;margin-top:4px;font-size:13px;line-height:1.45;color:var(--muted);font-weight:400}
.cc-hub .num{width:90px}
@media (max-width:1100px) and (min-width:901px){.cc-sum{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cc-warn{padding:12px 14px;border-radius:12px;background:#FBF3E4;color:#6B4A12}
.cc-alert{margin:0 0 18px;font-size:14.5px;line-height:1.6;max-width:720px}
.cc-hub tbody tr{cursor:pointer;transition:background .15s}
.cc-hub tbody tr:hover{background:var(--soft)}
.cc-hub tbody tr:hover td a{text-decoration:underline;text-underline-offset:3px}
.cc-hub td.go{text-align:right;white-space:nowrap;vertical-align:middle}
.cc-hub td.go span{display:inline-flex;padding:8px 14px;border-radius:10px;background:var(--ink);color:#fff;font-size:13.5px;font-weight:500}
@media (max-width:640px){.cc-hub td.go{display:none}}

.cc-body{margin-top:28px}
.cc-body > .pg-note:first-child,.cc-body > .pg-tb-w + .pg-note{margin-top:18px}
.cc-body .pg-note{max-width:860px}
.cc-tb{min-width:640px}
.cc-tb thead th{white-space:nowrap}
.cc-tb tbody th{width:26%}
.cc-tb td{font-size:14.5px}
.cc-grid .cc-p{margin-bottom:0}
.cc-grid .cc-alert{margin:18px 0 0}

@media (max-width:640px){
  .cc-tb{min-width:0;font-size:14.5px}
  .cc-tb thead{display:none}
  .cc-tb,.cc-tb tbody,.cc-tb tr,.cc-tb th,.cc-tb td{display:block;width:auto}
  .cc-tb tbody th{width:auto}
  .cc-tb tr{padding:16px 18px;border-bottom:1px solid var(--line)}
  .cc-tb tr:last-child{border-bottom:0}
  .cc-tb th,.cc-tb td{padding:0;border:0}
  .cc-tb tbody th{margin-bottom:8px;font-size:15px}
  .cc-tb td{display:grid;grid-template-columns:118px minmax(0,1fr);gap:10px;padding:4px 0;text-align:left}
  .cc-tb td::before{content:attr(data-l);font-size:12.5px;line-height:1.5;color:var(--muted);font-weight:400;font-family:var(--body,inherit)}
  .cc-tb td.cc-empty-td{display:none}
  .cc-tb td.num{text-align:left;white-space:normal}
  .cc-extb tbody th{margin-bottom:4px}
}
.cc-extb .num,.cc-extb thead th.num{font-family:inherit;font-size:14.5px;font-variant-numeric:tabular-nums;text-align:right}
.cc-extb td.num.cc-up{color:#2B6A3E;font-weight:600}
.cc-extb thead th{white-space:normal;vertical-align:bottom}
.cc-tb td:not(.cc-val){color:var(--text)}
@media (max-width:640px){
  .cc-hub{min-width:0}
  .cc-hub thead{display:none}
  .cc-hub,.cc-hub tbody{display:block}
  .cc-hub tr{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:16px 18px;border-bottom:1px solid var(--line)}
  .cc-hub tr:last-child{border-bottom:0}
  .cc-hub td{display:block;padding:0;border:0}
  .cc-hub td:first-child{flex:1 1 100%}
  .cc-hub td.num{width:auto;font-size:13px;color:var(--ink);font-family:inherit;font-weight:500}
  .cc-hub td.num::before{content:"IDCC ";font-family:inherit}
  .cc-hub td:nth-child(3){font-size:13px;color:var(--muted)}
  .cc-hub td:nth-child(3)::before{content:"· ";}
}
.cc-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}
.cc-chips button{appearance:none;border:0;cursor:pointer;font:inherit;font-size:13.5px;padding:8px 12px;border-radius:10px;background:var(--soft);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);transition:background .15s,color .15s}
.cc-chips button span{color:#5C5D70;margin-left:4px;font-variant-numeric:tabular-nums}
.cc-chips button[aria-pressed="true"]{background:var(--ink);color:#fff;box-shadow:none}
.cc-chips button[aria-pressed="true"] span{color:#C9CBE0}
.cc-chips button:focus-visible{outline:2px solid #4F6BD8;outline-offset:2px}
.cc-hub td.num,.cc-hub thead th.num{font-family:inherit;font-size:14.5px;font-variant-numeric:tabular-nums;color:var(--ink)}
.cc-hub td:nth-child(3){white-space:nowrap}
/* simulateur */
.cc-sim .tl-form{min-height:320px}
.cc-sim-nojs{margin:0;font-size:14px;color:var(--muted)}
.cc-sim.on .cc-sim-nojs{display:none}
.cc-sim .tl-in select{appearance:none;-webkit-appearance:none;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%235C5D70' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 2px center;padding-right:22px;cursor:pointer;text-overflow:ellipsis}
.cc-opt{font-style:normal;font-weight:400;color:var(--muted);font-size:12.5px;margin-left:6px}
.cc-chk{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;line-height:1.45;color:var(--ink);cursor:pointer}
.cc-chk input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--ink);flex:none}
.cc-sim-b{padding:0 0 22px;margin:0 0 22px;border-bottom:1px solid rgba(255,255,255,.12)}
.cc-sim-b:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.cc-sim-b .tl-rows{margin-top:14px}
.cc-sim-b .tl-rows li{padding:9px 0}
.cc-sim .tl-big small{font-size:.42em;letter-spacing:-.01em;margin-left:6px;color:#C9CBE0}
.cc-sim-ask{font-size:clamp(26px,3vw,34px)!important;letter-spacing:-.02em!important}
.cc-sim-val{display:block;margin:6px 0 0;font-family:var(--display);font-weight:500;font-size:clamp(26px,2.6vw,32px);line-height:1.1;letter-spacing:-.025em;color:#fff}
.cc-sim-x{list-style:none;margin:12px 0 0;padding:0;font-size:13px;line-height:1.5;color:#B4B7CC}
.cc-sim-x li{padding:3px 0}
.cc-sim-x span{display:inline-block;min-width:118px;color:#8D91A8}
.cc-sim-v{margin:12px 0 0;font-size:14px;line-height:1.5;color:#E4E6F2}
.cc-sim-n{margin:10px 0 0;font-size:12.5px;line-height:1.55;color:#9BA0B5}
.cc-sim-disc ul{margin:8px 0 0;padding-left:18px}
.cc-sim-disc li{margin:3px 0}
.cc-sim-disc p{margin:0}
@media (max-width:640px){.cc-sim-x span{display:block;min-width:0}}
/* alerte de mise à jour */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cc-follow .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.cc-follow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px;align-items:center;padding:clamp(24px,3vw,36px);border-radius:24px;background:var(--soft);box-shadow:inset 0 0 0 1px var(--line)}
.cc-follow-t h2{margin:0 0 8px;font-family:var(--display);font-weight:500;font-size:clamp(22px,2.2vw,28px);line-height:1.15;letter-spacing:-.025em;color:var(--ink)}
.cc-follow-t p{margin:0;font-size:15px;line-height:1.55;color:var(--text)}
.cc-follow-row{display:flex;gap:8px}
.cc-follow-row input[type=email]{flex:1;min-width:0;border:0;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px var(--line-2);padding:13px 14px;font:inherit;font-size:16px;color:var(--ink)}
.cc-follow-row input[type=email]:focus{outline:none;box-shadow:inset 0 0 0 1.5px var(--ink)}
.cc-follow-row .btn{flex:none;white-space:nowrap}
.cc-follow-m{margin:8px 0 0;min-height:1.2em;font-size:13.5px;line-height:1.5;color:var(--text)}
.cc-follow-m.ok{color:#2B6A3E}
.cc-follow-m.err{color:#A3361E}
.cc-follow-f small{display:block;font-size:12.5px;line-height:1.5;color:#5C5D70}
.cc-follow-f small a{color:inherit}
.cc-follow-f.done .cc-follow-row{display:none}
@media (max-width:760px){.cc-follow{grid-template-columns:minmax(0,1fr);gap:18px}}
@media (max-width:480px){.cc-follow-row{flex-direction:column}.cc-follow-row .btn{justify-content:center}}
/* pages comparatives */
.cc-cmp-link{margin:10px 0 0;font-size:14px;line-height:1.5}
.cc-cmp-link a{color:var(--text);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-2)}
.cc-cmp-link a:hover{color:var(--ink);text-decoration-color:currentColor}
.cc-cmp-law .cc-law{max-width:860px}
.cc-cmp{min-width:760px}
.cc-cmp thead th{white-space:normal;vertical-align:bottom}
.cc-cmp tbody th a{color:var(--ink);font-weight:600;text-decoration:none}
.cc-cmp tbody th a:hover{text-decoration:underline;text-underline-offset:3px}
.cc-cmp tbody th small{display:block;margin-top:4px;font-size:12.5px;font-weight:400;color:var(--muted);line-height:1.45}
.cc-cmp tr[hidden]{display:none}
.cc-cmp td.cc-val,.cc-cmp td.num{white-space:nowrap}
.cc-cmp td.num{font-variant-numeric:tabular-nums;text-align:right;color:var(--ink);font-weight:500}
.cc-cmp td small{display:block;margin-top:2px;font-size:11.5px;font-weight:400;color:var(--muted)}
.cc-cmp td.cc-up{color:#2B6A3E;font-weight:600}
.cc-cmp td.cc-up small{color:#2B6A3E}
.cc-cmp tr.cc-ref{background:var(--soft)}
.cc-cmp tr.cc-ref th{font-weight:600;color:var(--ink)}
.cc-badge{display:inline-block;margin-top:8px;padding:3px 9px;border-radius:999px;background:#FBF3E4;color:#6B4A12;font-size:12px;font-weight:500;text-decoration:none;white-space:nowrap}
.cc-badge:hover{text-decoration:underline}
.cc-list{list-style:none;margin:0;padding:0}
.cc-list li{padding:2px 0;font-size:14px;line-height:1.45}
.cc-kv li{display:flex;justify-content:space-between;gap:14px}
.cc-kv li span{color:var(--text)}
.cc-kv li b{flex:none;max-width:48%;text-align:right;font-weight:600;color:var(--ink)}
.cc-kv li b.cc-low{color:#A3361E}
.cc-ok{font-size:14px;color:#2B6A3E}
.cc-top{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;counter-reset:t}
.cc-top li{counter-increment:t}
.cc-top a{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:16px 18px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--line-2);text-decoration:none}
.cc-top a::before{content:counter(t);grid-row:span 2;font-family:var(--display);font-size:22px;color:var(--muted)}
.cc-top b{font-weight:600;color:var(--ink);font-size:15px}
.cc-top span{grid-column:2;font-size:13px;color:var(--text);line-height:1.4}
.cc-top em{grid-row:1/span 2;grid-column:3;font-style:normal;font-family:var(--display);font-size:22px;letter-spacing:-.02em;color:#2B6A3E;white-space:nowrap}
.cc-top a:hover{box-shadow:inset 0 0 0 1px var(--ink)}
@media (max-width:760px){.cc-top{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){
  .cc-cmp{min-width:0}
  .cc-cmp td.cc-val,.cc-cmp td.num{white-space:normal;text-align:left}
  .cc-cmp td small{display:inline;margin-left:6px}
  .cc-kv li{flex-direction:column;gap:0}
  .cc-kv li b{max-width:none;text-align:left}
}
@media (max-width:640px){
  .cc-cmp td.cc-wide{display:block;padding:6px 0}
  .cc-cmp td.cc-wide::before{display:block;margin-bottom:4px}
  .cc-cmp td.cc-wide .cc-badge{margin-top:6px}
}
/* code APE */
.ape-tb{min-width:620px}
.ape-tb tbody th a{color:var(--ink);font-weight:600;text-decoration:none}
.ape-tb tbody th a:hover{text-decoration:underline;text-underline-offset:3px}
.ape-tb tbody th small{display:block;margin-top:3px;font-size:12.5px;font-weight:400;color:#5C5D70;line-height:1.45}
.ape-part{min-width:220px}
.ape-part,.ape-p{display:flex;align-items:center;gap:12px}
.ape-part b,.ape-p b{flex:none;min-width:58px;text-align:right;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.ape-bar{flex:1;height:8px;border-radius:999px;background:var(--soft);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden;min-width:60px}
.ape-bar i{display:block;height:100%;border-radius:999px;background:var(--ink)}
.ape-cta{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.ape-naf,.ape-near{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ape-naf li{display:flex;gap:14px;align-items:baseline;padding:14px 16px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--line-2)}
.ape-naf b{flex:none;font-variant-numeric:tabular-nums;color:var(--ink)}
.ape-naf span{font-size:14px;color:var(--text);line-height:1.45}
.ape-near a{display:flex;flex-direction:column;gap:4px;height:100%;padding:14px 16px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--line-2);text-decoration:none}
.ape-near a:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.ape-near b{color:var(--ink);font-variant-numeric:tabular-nums}
.ape-near span{font-size:13.5px;color:var(--text);line-height:1.45}
.ape-find{max-width:620px}
.ape-res{display:grid;gap:12px;margin:6px 0 18px}
.ape-card{padding:20px 22px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px var(--line-2)}
.ape-card header{display:flex;gap:14px;align-items:baseline;margin-bottom:6px}
.ape-card header b{font-family:var(--display);font-size:22px;font-weight:500;letter-spacing:-.02em;color:var(--ink)}
.ape-card header span{font-size:15px;color:var(--ink);font-weight:500}
.ape-eff{margin:0 0 10px;font-size:13px;color:#5C5D70}
.ape-rows{list-style:none;margin:0;padding:0}
.ape-rows li{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,40%);gap:16px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}
.ape-c{font-size:14.5px;color:var(--ink);line-height:1.4}
.ape-c a{color:var(--ink);font-weight:600}
.ape-c small{color:#5C5D70;font-size:12px;margin-left:4px}
.ape-n25{margin:10px 0 0;font-size:13px;color:#5C5D70}
.ape-go{margin-top:12px;display:inline-flex}
.ape-idx summary{cursor:pointer;font-weight:600;color:var(--ink);padding:8px 0}
.ape-list{list-style:none;margin:10px 0 0;padding:0;columns:2;column-gap:28px}
.ape-list li{break-inside:avoid;padding:3px 0;font-size:14px;line-height:1.45}
.ape-list a{color:var(--text);text-decoration:none}
.ape-list a:hover{color:var(--ink);text-decoration:underline}
.ape-list b{color:var(--ink);font-variant-numeric:tabular-nums;margin-right:6px}
@media (max-width:760px){.ape-naf,.ape-near{grid-template-columns:minmax(0,1fr)}.ape-list{columns:1}.ape-rows li{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.ape-tb{min-width:0}.ape-part{min-width:0}.ape-tb td.ape-part{display:grid;grid-template-columns:118px minmax(0,1fr) auto}}
/* grilles de salaires */
.sal-meta{max-width:860px;margin:0 0 18px;font-size:14.5px;line-height:1.6;color:var(--text)}
.sal-meta p{margin:0 0 6px}
.sal-meta b{color:var(--ink)}
.sal-g{margin:0 0 26px}
.sal-g[hidden]{display:none}
.sal-g h3{margin:0 0 8px;font-family:var(--display);font-weight:500;font-size:20px;letter-spacing:-.015em;color:var(--ink)}
.sal-g > .pg-note{margin:0 0 10px}
.sal-tb{min-width:560px}
.sal-tb td.num,.sal-tb th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.sal-tb td.cc-val small{display:block;font-weight:400;white-space:normal;text-align:right;margin-top:3px;font-size:12px;color:#5C5D70}
.sal-low{color:#A3361E;font-size:13.5px;font-weight:500}
.sal-ok{color:#2B6A3E;font-size:13.5px}
.sal-terr{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;padding:0 14px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px var(--line-2)}
.sal-terr span{font-size:13.5px;color:#5C5D70}
.sal-terr select{border:0;background:transparent;font:inherit;font-size:15px;color:var(--ink);padding:12px 0;cursor:pointer}
.sal-notes{margin:0;padding-left:20px;max-width:860px}
.sal-notes li{margin:0 0 8px;font-size:14.5px;line-height:1.6;color:var(--text)}
.sal-doutes li{color:#6B4A12}
.cc-src li{font-size:13.5px;line-height:1.55}
@media (max-width:640px){
  .sal-tb{min-width:0}
  .sal-tb td.num,.sal-tb td.cc-val small{text-align:left;white-space:normal}
}
.sal-tb td.num,.sal-tb th.num,.sal-tb thead th{font-family:inherit}
.sal-tb td.num{font-size:14.5px;color:var(--ink)}

.sal-hubtb th.num,.sal-hubtb td.num{font-family:inherit;font-variant-numeric:tabular-nums}
@media (min-width:641px){.sal-hubtb th.num,.sal-hubtb td.num{white-space:nowrap}}
.sal-hubtb td:last-child{min-width:150px}
.sal-hubtb .sal-na{color:#5C5D70;font-weight:400}
.sal-tb .sal-v{display:block}
.pg-tb.sal-tb td.sal-low{color:#A3361E}
.pg-tb.sal-tb td.sal-ok{color:#2B6A3E}

/* mobile : tableaux en cartes, la valeur et ses précisions restent dans la colonne de droite */
@media (max-width:640px){
  .cc-tb td::before{white-space:normal}
  .cc-tb td > *{grid-column:2;min-width:0}
  .cc-tb td small{display:block;margin:2px 0 0}
  .sal-hubtb td:last-child{min-width:0}
}

/* revue mobile du 21 octobre 2026 */
@media (max-width:640px){
  /* 1 fil d'Ariane */
  .ab-crumb{flex-wrap:wrap;row-gap:2px;border-radius:14px;max-width:100%}
  .ab-crumb a,.ab-crumb span{white-space:nowrap}
  /* 2 pastilles du hero */
  .pg-facts li{align-items:flex-start;border-radius:14px;line-height:1.45}
  .pg-facts li::before{flex:none;margin-top:.5em}
  /* 3 filtres et sommaire en bandeau défilant */
  .cc-chips,.cc-toc{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
  .cc-chips::-webkit-scrollbar,.cc-toc::-webkit-scrollbar{display:none}
  .cc-chips button,.cc-toc a{flex:none;min-height:44px;white-space:nowrap;align-items:center}
  .cc-toc li{flex:none}
  /* 5 code APE : barre et pourcentage sur une ligne */
  .ape-tb td.ape-part > *{grid-column:auto}
  .ape-tb td.ape-part{align-items:center}
  /* 6 comparatif indemnité : police et mention inline */
  .cc-tb.cc-cmp td.num{font-family:inherit;font-size:14.5px}
  .cc-tb.cc-cmp td small{display:inline;margin:0 0 0 6px}
  /* 7 badge sur sa ligne, cible tactile */
  .cc-cmp td.cc-wide .cc-badge{display:table;margin-top:8px;padding:6px 10px}
  /* 9 grilles de salaires compactes */
  .sal-tb tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:8px 16px;padding:14px 16px}
  .sal-tb tbody th{margin:0;align-self:baseline}
  .sal-tb td{display:flex;flex-direction:column;gap:1px;min-width:0;padding:0}
  .sal-tb td::before{font-size:12px;line-height:1.35}
  .sal-tb td > *{grid-column:auto}
  .sal-tb tbody th + td.cc-val{grid-column:1/-1}
  .sal-tb td.sal-low,.sal-tb td.sal-ok{grid-column:1/-1}
  .sal-tb td.sal-low::before,.sal-tb td.sal-ok::before{content:none}
  .sal-tb td.cc-val small{text-align:left}
  .sal-tb td.cc-val:has(small){grid-column:1/-1}
  /* 10 sélecteur de territoire */
  .sal-terr{display:flex;width:100%}
  .sal-terr select{flex:1;min-width:0;font-size:16px;min-height:44px}
  .ape-cta .btn,.row .btn{white-space:normal;text-align:center;max-width:100%}
  .cc-tb td{overflow-wrap:anywhere}
  .cc-top b{overflow-wrap:anywhere;hyphens:auto}
  /* 12 liens de nom de convention */
  .cc-tb tbody th a{display:inline-block;padding:10px 0;margin:-10px 0}
}
/* 8 FAQ */
.faq summary i{align-self:flex-start;width:24px;height:24px;display:grid;place-items:center}
.faq details{padding:0}
.faq summary{padding:24px 0}
.faq details[open] summary{padding-bottom:0}
.faq details[open]{padding-bottom:24px}
/* tarifs : tableau en cartes */
@media (max-width:640px){
  .pg-tb-cards{min-width:0}
  .pg-tb-cards thead{display:none}
  .pg-tb-cards tr{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:14px 18px;border-bottom:1px solid var(--line)}
  .pg-tb-cards tr:last-child{border-bottom:0}
  .pg-tb-cards th,.pg-tb-cards td{display:block;padding:0;border:0;width:auto}
  .pg-tb-cards td:not(.num){grid-column:1/-1;grid-row:2;font-size:14px}
  .pg-tb-cards td.num{grid-column:2;grid-row:1;align-self:baseline}
  .pg-tb-cards td.num::after{content:" crédit(s)";font-family:var(--body,inherit);color:var(--muted);font-size:12.5px}
}

@media (max-width:400px){
  .cc-top a{grid-template-columns:24px minmax(0,1fr) auto;gap:4px 10px;padding:14px 16px}
  .cc-top em{font-size:19px}
}
.ape-tb td.num{font-family:inherit}
@media (max-width:640px){
  label.cc-chk{padding:12px 0}
  .burger{width:44px;height:44px}
}
@media (max-width:640px){.cc-tb.cc-cmp.sal-hubtb td small{display:block;margin:4px 0 0}}

/* mutuelle et prévoyance */
.pv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:8px}
.pv-card{border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);padding:22px 22px 18px;display:flex;flex-direction:column;gap:10px}
.pv-card header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.pv-card h3{margin:0;font-family:var(--display);font-weight:500;font-size:20px;letter-spacing:-.02em;color:var(--ink)}
.pv-st{font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;background:#ECECFB;color:#4F52B2}
.pv-absent .pv-st{background:#F3F3F6;color:var(--muted)}
.pv-incertain .pv-st{background:#FFF1DC;color:#9A5B00}
.pv-card .cc-p{margin:0}
.pv-dl{margin:0;display:grid;gap:6px}
.pv-dl div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px;padding:9px 12px;border-radius:10px;background:#F6F6F9}
.pv-dl dt{font-size:12.5px;font-weight:600;color:var(--muted)}
.pv-dl dd{margin:0;font-size:14px;color:var(--ink)}
.pv-pts{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pv-pts li{padding-left:14px;border-left:2px solid #DADCF6}
.pv-pts b{display:block;font-size:14px;color:var(--ink)}
.pv-pts span{display:block;font-size:14px;line-height:1.55;color:var(--text)}
.pv-tx .lbl{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:4px}
.pv-tx ul{margin:0;padding-left:18px;font-size:13.5px;line-height:1.5}
.pv-tx a{color:var(--ink)}
.pv-tbl td small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
.pv-y{color:#0E8A6A;font-weight:600}.pv-n{color:var(--muted);font-weight:600}.pv-q{color:#9A5B00;font-weight:600}
@media (max-width:820px){.pv-grid{grid-template-columns:minmax(0,1fr)}.pv-dl div{grid-template-columns:minmax(0,1fr);gap:2px}}
.pv-tbl tbody th small{display:block;font-size:12px;font-weight:500;color:var(--muted);margin-top:2px}
.pv-find{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 16px}
.pv-find label{font-size:13px;font-weight:600;color:var(--ink)}
.pv-find input{flex:1 1 260px;max-width:420px;padding:11px 14px;border-radius:12px;border:1px solid var(--line);font:inherit;font-size:15px;background:#fff;color:var(--ink)}
.pv-find input:focus{outline:2px solid #C9CBF5;border-color:#9EA2EC}
.pv-find span{font-size:13px;color:var(--muted)}

/* ---------- pages persona (DRH, RRH, DSI, DPO) ---------- */
.d-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,5vw,72px);align-items:center}
.d-hero .h1{font-size:clamp(40px,5.4vw,76px)}
.d-hero .ab-lead{max-width:560px}
.d-vis{position:relative;padding:28px 0 96px}
.d-vis::before{content:"";position:absolute;inset:-6% -8% 4% 6%;border-radius:40px;background:radial-gradient(60% 60% at 70% 30%,rgba(111,168,255,.28),transparent 70%),radial-gradient(50% 50% at 25% 80%,rgba(242,155,212,.22),transparent 70%),linear-gradient(180deg,#F5F5FD,#FBFBFF);z-index:0}
.d-vis::after{content:"";position:absolute;inset:-6% -8% 4% 6%;border-radius:40px;background-image:radial-gradient(rgba(79,82,178,.16) 1px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(180deg,#000,transparent 85%);-webkit-mask-image:linear-gradient(180deg,#000,transparent 85%);z-index:0}
.d-win{position:relative;z-index:1;margin-left:auto;max-width:460px;border-radius:22px;background:#fff;box-shadow:0 0 0 1px rgba(20,19,46,.06),0 40px 80px -36px rgba(20,19,46,.45),0 12px 28px -18px rgba(79,82,178,.35);overflow:hidden}
.d-win-h{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #EFEFF4}
.d-win-h img{width:30px;height:30px;border-radius:8px}
.d-win-h div{display:flex;flex-direction:column;flex:1;line-height:1.25}
.d-win-h b{font-size:14px;color:var(--ink)}
.d-win-h small{font-size:12px;color:var(--muted)}
.d-live{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:#1F6B3A;background:#E8F5EC;padding:5px 10px;border-radius:999px}
.d-live::before{content:"";width:6px;height:6px;border-radius:50%;background:#2E9E62}
.d-chat{display:flex;flex-direction:column;gap:12px;padding:16px}
.d-q{display:flex;gap:10px;align-items:flex-start}
.d-av{flex:none;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#4F52B2;background:#ECECFB}
.d-q p{margin:0;padding:10px 13px;border-radius:4px 14px 14px 14px;background:#F3F3F7;font-size:13.5px;line-height:1.5;color:var(--ink)}
.d-a{margin-left:38px;border-radius:14px;padding:13px 14px;background:linear-gradient(180deg,#F5F5FE,#fff);box-shadow:inset 0 0 0 1px #E3E4F7}
.d-a .lbl{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:#4F52B2;margin-bottom:6px}
.d-a p{margin:0;font-size:13.5px;line-height:1.55;color:var(--ink)}
.d-src{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.d-src span{font-family:var(--mono);font-size:10.5px;padding:3px 7px;border-radius:6px;background:#fff;box-shadow:inset 0 0 0 1px #E3E4F7;color:#4F52B2}
.d-act{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
.d-act span{font-size:12px;font-weight:500;padding:7px 11px;border-radius:8px;box-shadow:inset 0 0 0 1px var(--line-2);color:var(--ink)}
.d-act span.ok{background:#4F52B2;color:#fff;box-shadow:none}
.d-kpi{position:absolute;z-index:2;left:-12px;bottom:0;width:230px;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 0 0 1px rgba(20,19,46,.06),0 30px 60px -30px rgba(20,19,46,.5)}
.d-kpi small{display:block;font-size:11.5px;color:var(--muted)}
.d-kpi b{display:block;margin:4px 0 10px;font-family:var(--display);font-size:30px;font-weight:500;letter-spacing:-.03em;color:#3F42A8;font-variant-numeric:tabular-nums}
.d-kpi .d-bars{display:flex;align-items:flex-end;gap:5px;height:40px}
.d-kpi .d-bars span{display:block;flex:1 1 0;min-width:10px;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#9C9FF0,#5B5FC7)}
.d-kpi em{display:block;margin-top:8px;font-style:normal;font-size:10.5px;color:var(--muted)}

.d-sec{padding:clamp(72px,9vw,120px) var(--pad);border-top:1px solid var(--line)}
.d-head{max-width:760px;margin-bottom:clamp(32px,4vw,52px)}
.d-head h2{margin:0;font-family:var(--display);font-weight:500;font-size:clamp(32px,3.8vw,52px);line-height:1.02;letter-spacing:-.035em;color:var(--ink)}
.d-head h2 em{font-style:normal;color:#8A8BA2}
.d-head p{margin:18px 0 0;max-width:620px;font-size:17px;line-height:1.6;color:var(--text)}
.d-head.d-dark h2{color:#fff}.d-head.d-dark h2 em{color:#A9AAD6}.d-head.d-dark p{color:#C3C4DD}

.d-brief{border-radius:28px;padding:clamp(26px,3.4vw,44px);background:#fff;box-shadow:inset 0 0 0 1px var(--line),0 30px 60px -48px rgba(20,19,46,.35)}
.d-brief h2{margin:0 0 22px;font-family:var(--display);font-size:clamp(22px,2.2vw,28px);font-weight:500;letter-spacing:-.02em;color:var(--ink)}
.d-brief dl{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border-radius:18px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line)}
.d-brief dl div{background:#fff;padding:20px 22px}
.d-brief dt{font-size:12.5px;font-weight:600;color:#4F52B2;margin-bottom:6px}
.d-brief dd{margin:0;font-size:15px;line-height:1.55;color:var(--ink)}

.d-quote{position:relative;padding:clamp(80px,10vw,128px) var(--pad);--aur-o:.7}
.d-quote figure{position:relative;margin:0 auto;max-width:980px;text-align:center}
.d-quote blockquote{margin:0;font-family:var(--display);font-weight:500;font-size:clamp(28px,3.6vw,48px);line-height:1.12;letter-spacing:-.03em;color:#fff}
.d-quote blockquote span{color:#A9AAD6}
.d-quote figcaption{margin-top:26px;font-size:14px;line-height:1.6;color:#C3C4DD}
.d-quote figcaption a{color:#fff;text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(255,255,255,.35)}
.d-quote .d-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:820px;margin:44px auto 0;text-align:left}
.d-quote .d-stats div{padding:20px 22px;border-radius:18px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.d-quote .d-stats b{display:block;font-size:15px;line-height:1.5;color:#fff;font-weight:500}
.d-quote .d-stats small{display:block;margin-top:8px;font-size:12.5px;color:#A9AAC8}

.d-vs{display:flex;flex-direction:column;gap:10px}
.d-vs-h,.d-vs-r{display:grid;grid-template-columns:200px minmax(0,1fr) minmax(0,1fr);gap:10px}
.d-vs-h span{font-size:13px;font-weight:600;padding:0 22px}
.d-vs-h span:nth-child(2){color:#B42318}.d-vs-h span:nth-child(3){color:#1F6B3A}
.d-vs-r > b{display:flex;align-items:center;font-family:var(--display);font-weight:500;font-size:19px;letter-spacing:-.02em;color:var(--ink);padding-right:8px}
.d-vs-r > div{display:flex;gap:12px;align-items:flex-start;padding:20px 22px;border-radius:18px;font-size:15px;line-height:1.55}
.d-vs-r > div:nth-child(2){background:#F6F6F9;color:var(--text)}
.d-vs-r > div:nth-child(3){background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px #DCEFE3,0 18px 40px -32px rgba(31,107,58,.45)}
.d-vs-r i{flex:none;width:20px;height:20px;margin-top:1px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.d-vs-r > div:nth-child(2) i{background:#FBE4E1}.d-vs-r > div:nth-child(3) i{background:#2E9E62}

.d-uc{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.d-uc a{position:relative;display:flex;flex-direction:column;gap:10px;height:100%;padding:26px 24px 24px;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;transition:box-shadow .25s,transform .25s}
.d-uc a:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px var(--line-2),0 28px 50px -34px rgba(20,19,46,.4)}
.d-ic{width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:var(--b);color:var(--f);margin-bottom:6px}
.d-uc b{font-family:var(--display);font-weight:500;font-size:20px;letter-spacing:-.02em;color:var(--ink)}
.d-uc span{font-size:14.5px;line-height:1.55;color:var(--text)}
.d-uc em{margin-top:auto;padding-top:10px;font-style:normal;font-size:13.5px;font-weight:500;color:var(--ink);text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--line-2)}

.d-roi{border-radius:32px;padding:clamp(28px,4.4vw,64px);--aur-o:.55}
.d-roi .d-head{position:relative}
.d-nums{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.d-nums div{padding:22px;border-radius:18px;background:rgba(255,255,255,.055);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)}
.d-nums b{display:block;font-family:var(--display);font-weight:500;font-size:clamp(30px,3.2vw,44px);letter-spacing:-.035em;color:#fff;font-variant-numeric:tabular-nums;line-height:1}
.d-nums span{display:block;margin-top:10px;font-size:13.5px;line-height:1.5;color:#C3C4DD}
.d-nums div.hi{background:linear-gradient(135deg,rgba(123,126,234,.38),rgba(255,255,255,.06));box-shadow:inset 0 0 0 1px rgba(165,168,245,.4)}
.d-bar-t{position:relative;margin:44px 0 14px;font-family:var(--display);font-weight:500;font-size:clamp(20px,2vw,24px);letter-spacing:-.02em;color:#fff}
.d-bar{position:relative;display:flex;gap:5px;height:64px;padding:5px;border-radius:16px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.d-bar i{position:relative;min-width:0;overflow:hidden;border-radius:11px;font-style:normal;color:#14132E;background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,0) 55%),var(--c);box-shadow:inset 0 -2px 0 rgba(0,0,0,.12),0 8px 24px -10px var(--c);display:flex;flex-direction:column;justify-content:center;padding:0 12px}
.d-bar i::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 13px,rgba(20,19,46,.07) 13px 14px)}
.d-bar small{font-size:11.5px;font-weight:600;white-space:nowrap}
.d-bar b{font-family:var(--display);font-size:16px;font-weight:600;white-space:nowrap}
.d-alloc{position:relative;list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.d-alloc li{display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:16px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.d-alloc li b{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:rgba(255,255,255,.85)}
.d-alloc li b::before{content:"";width:10px;height:10px;border-radius:3px;background:var(--c)}
.d-alloc li span{font-size:14px;line-height:1.5;color:#fff}
.d-roi-f{position:relative;display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;justify-content:space-between;margin-top:28px}
.d-roi-f p{margin:0;max-width:640px;font-size:13.5px;line-height:1.6;color:#A9AAC8}

.d-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,72px);align-items:center}
.d-list{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-direction:column;gap:16px}
.d-list li{display:flex;gap:14px}
.d-list li i{flex:none;width:26px;height:26px;border-radius:8px;background:#ECECFB;color:#4F52B2;display:flex;align-items:center;justify-content:center;margin-top:1px}
.d-list b{display:block;font-size:16px;color:var(--ink)}
.d-list span{display:block;margin-top:3px;font-size:14.5px;line-height:1.55;color:var(--text)}
.d-dash{position:relative;border-radius:26px;padding:18px;background:linear-gradient(180deg,#F4F4FD,#FAFAFF);box-shadow:inset 0 0 0 1px #E3E4F7}
.d-dash-h{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 14px}
.d-dash-h b{font-size:14px;color:var(--ink)}
.d-dash-h small{font-size:11.5px;color:var(--muted)}
.d-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.d-tile{padding:16px 18px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px rgba(20,19,46,.05),0 14px 30px -24px rgba(20,19,46,.4)}
.d-tile small{display:block;font-size:11.5px;color:var(--muted);margin-bottom:12px}
.d-hb{display:flex;flex-direction:column;gap:7px}
.d-hb p{margin:0;display:grid;grid-template-columns:76px 1fr;align-items:center;gap:8px;font-size:11.5px;color:var(--text)}
.d-hb p i{height:8px;border-radius:4px;background:linear-gradient(90deg,#5B5FC7,#9C9FF0)}
.d-spark{display:block;width:100%;height:70px}
.d-ring{display:flex;align-items:center;gap:14px}
.d-ring svg{flex:none}
.d-ring span{font-size:12px;line-height:1.5;color:var(--text)}
.d-tile.w{grid-column:1 / -1}

.d-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;counter-reset:f}
.d-flow li{counter-increment:f;position:relative;display:flex;flex-direction:column;gap:8px;padding:22px 18px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.d-flow li::before{content:counter(f,decimal-leading-zero);font-family:var(--mono);font-size:11.5px;color:#4F6BD8}
.d-flow li b{font-size:15px;color:var(--ink)}
.d-flow li span{font-size:13.5px;line-height:1.5;color:var(--text)}
.d-flow li.h{background:var(--ink);box-shadow:0 24px 50px -30px rgba(20,19,46,.7)}
.d-flow li.h::before{color:#A9AAF5}.d-flow li.h b{color:#fff}.d-flow li.h span{color:#C3C4DD}
.d-guar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}
.d-guar div{padding:20px;border-radius:18px;background:#F6F6F9}
.d-guar b{display:block;font-size:14.5px;color:var(--ink)}
.d-guar span{display:block;margin-top:6px;font-size:13.5px;line-height:1.55;color:var(--text)}

.d-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;counter-reset:s;position:relative}
.d-steps::before{content:"";position:absolute;left:22px;right:22px;top:21px;height:1px;background:linear-gradient(90deg,#C9CBF4,#E9EAF0)}
.d-steps li{counter-increment:s;position:relative;padding-right:24px}
.d-steps li::before{content:counter(s);position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #C9CBF4,0 10px 24px -14px rgba(79,82,178,.6);font-family:var(--display);font-weight:600;color:#4F52B2;margin-bottom:22px}
.d-steps h3{margin:0 0 8px;font-family:var(--display);font-weight:500;font-size:19px;letter-spacing:-.02em;color:var(--ink)}
.d-steps p{margin:0;font-size:14.5px;line-height:1.55;color:var(--text)}

.d-price{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px 48px;align-items:center;border-radius:28px;padding:clamp(28px,4vw,52px);background:#fff;box-shadow:inset 0 0 0 1px var(--line),0 40px 80px -60px rgba(20,19,46,.5)}
.d-price .from{display:block;margin-bottom:8px;font-size:14px;color:var(--muted)}
.d-price .amt{font-family:var(--display);font-weight:500;font-size:clamp(44px,5vw,68px);letter-spacing:-.045em;line-height:1;color:var(--ink)}
.d-price .amt small{font-family:var(--body);font-size:16px;letter-spacing:0;color:var(--muted);margin-left:8px}
.d-price p{margin:14px 0 0;max-width:560px;font-size:15.5px;line-height:1.6;color:var(--text)}
.d-price ul{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.d-price li{font-size:13px;padding:6px 11px;border-radius:999px;background:#F3F3F9;color:var(--ink)}
.d-price .row{display:flex;flex-direction:column;gap:10px;min-width:220px}
.d-price .row .btn{justify-content:center}

.d-who{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.d-who a{display:flex;flex-direction:column;gap:8px;height:100%;padding:24px;border-radius:22px;background:var(--b);text-decoration:none;transition:transform .25s}
.d-who a:hover{transform:translateY(-3px)}
.d-who small{font-size:13px;font-weight:600;color:var(--f)}
.d-who b{font-family:var(--display);font-weight:500;font-size:21px;letter-spacing:-.02em;line-height:1.2;color:var(--ink)}
.d-who span{margin-top:auto;padding-top:8px;font-size:14px;color:var(--ink);text-decoration:underline;text-underline-offset:5px;text-decoration-color:rgba(20,19,46,.2)}

@media (max-width:1100px){.d-alloc{grid-template-columns:repeat(3,minmax(0,1fr))}.d-flow{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:980px){.d-hero,.d-split{grid-template-columns:minmax(0,1fr)}.d-vis{max-width:560px}.d-brief dl{grid-template-columns:repeat(2,minmax(0,1fr))}.d-uc,.d-who{grid-template-columns:repeat(2,minmax(0,1fr))}.d-nums{grid-template-columns:repeat(2,minmax(0,1fr))}.d-guar{grid-template-columns:repeat(2,minmax(0,1fr))}.d-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 0}.d-steps::before{display:none}.d-price{grid-template-columns:minmax(0,1fr)}.d-price .row{flex-direction:row;flex-wrap:wrap}}
@media (max-width:760px){.d-vs-h{display:none}.d-vs-r{grid-template-columns:minmax(0,1fr);gap:8px;padding-bottom:14px}.d-vs-r > b{padding-top:6px}.d-bar small{display:none}.d-bar b{font-size:12px}.d-bar i{padding:0 6px}}
@media (max-width:620px){.d-brief dl,.d-uc,.d-who,.d-guar,.d-flow,.d-steps,.d-quote .d-stats{grid-template-columns:minmax(0,1fr)}.d-alloc{grid-template-columns:minmax(0,1fr)}.d-nums{grid-template-columns:repeat(2,minmax(0,1fr))}.d-vis{padding-bottom:24px}.d-kpi{display:none}.d-tiles{grid-template-columns:minmax(0,1fr)}.d-price .row{flex-direction:column;width:100%}.d-bar b{display:none}}
/* boîte mail RH (RRH) */
.d-inbox{position:relative;z-index:1;margin-left:auto;max-width:470px;border-radius:22px;background:#fff;box-shadow:0 0 0 1px rgba(20,19,46,.06),0 40px 80px -36px rgba(20,19,46,.45),0 12px 28px -18px rgba(41,83,160,.35);overflow:hidden}
.d-inbox-h{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #EFEFF4;font-size:13px;color:var(--muted)}
.d-inbox-h b{font-size:14px;color:var(--ink);flex:1}
.d-mail{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:4px 10px;align-items:center;padding:12px 16px;border-bottom:1px solid #F2F2F6}
.d-mail .d-av{grid-row:span 2}
.d-mail b{font-size:13px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.d-mail small{grid-column:2;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.d-tag{grid-row:span 2;font-size:11px;font-weight:600;padding:4px 9px;border-radius:999px;white-space:nowrap}
.d-tag.ok{color:#1F6B3A;background:#E8F5EC}.d-tag.wait{color:#7A4A00;background:#FCF1DC}.d-tag.info{color:#2953A0;background:#EAF1FD}
.d-mail.sel{background:#F7F7FE;box-shadow:inset 3px 0 0 #5B5FC7}
.d-draft{padding:14px 16px 16px;background:linear-gradient(180deg,#F7F7FE,#fff)}
.d-draft .lbl{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:#4F52B2;margin-bottom:6px}
.d-draft p{margin:0;font-size:13px;line-height:1.55;color:var(--ink)}
/* architecture (DSI) */
.d-arch{position:relative;z-index:1;display:flex;flex-direction:column;gap:10px;margin-left:auto;max-width:480px}
.d-arch-b{border-radius:20px;padding:16px 18px;background:#fff;box-shadow:0 0 0 1px rgba(20,19,46,.06),0 24px 50px -30px rgba(20,19,46,.45)}
.d-arch-b small{display:block;font-size:11px;font-weight:600;color:var(--muted);margin-bottom:10px}
.d-arch-row{display:flex;flex-wrap:wrap;gap:8px}
.d-arch-row span{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:500;padding:8px 11px;border-radius:11px;background:#F5F5F9;color:var(--ink)}
.d-arch-row img{width:16px;height:16px}
.d-arch-link{display:flex;align-items:center;gap:10px;padding:0 18px;font-size:11.5px;color:#4F52B2;font-family:var(--mono)}
.d-arch-link::before{content:"";width:2px;height:22px;border-radius:2px;background:linear-gradient(#9C9FF0,#5B5FC7)}
.d-arch-b.az{background:linear-gradient(135deg,#1E2160,#2B2F86);box-shadow:0 30px 60px -30px rgba(43,47,134,.8)}
.d-arch-b.az small{color:#A9AAF5}
.d-arch-b.az .d-arch-row span{background:rgba(255,255,255,.09);color:#fff}
.d-arch-b.az em{display:block;margin-top:10px;font-style:normal;font-size:11.5px;color:#C3C4DD}
/* dossier (DPO) */
.d-docs{position:relative;z-index:1;margin-left:auto;max-width:440px;display:flex;flex-direction:column;gap:10px}
.d-doc{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px rgba(20,19,46,.06),0 22px 44px -30px rgba(20,19,46,.45)}
.d-doc i{flex:none;width:40px;height:48px;border-radius:8px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:7px;font-style:normal;font-size:9.5px;font-weight:700;letter-spacing:.04em;color:#fff;background:var(--c)}
.d-doc div{flex:1;min-width:0}
.d-doc b{display:block;font-size:14px;color:var(--ink)}
.d-doc small{display:block;margin-top:2px;font-size:12px;color:var(--muted)}
.d-doc .d-tag{grid-row:auto}
.d-doc:nth-child(2){margin-left:22px}.d-doc:nth-child(3){margin-left:44px}
/* engagements (bande sombre) */
.d-eng{border-radius:32px;padding:clamp(28px,4.4vw,64px);--aur-o:.5}
.d-eng-g{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.d-eng-g div{padding:22px 20px;border-radius:18px;background:rgba(255,255,255,.055);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)}
.d-eng-g b{display:block;font-family:var(--display);font-weight:500;font-size:clamp(26px,2.4vw,36px);white-space:nowrap;letter-spacing:-.035em;line-height:1;color:#fff}
.d-eng-g span{display:block;margin-top:12px;font-size:13.5px;line-height:1.5;color:#C3C4DD}
/* tableaux */
.d-tb{width:100%;border-collapse:separate;border-spacing:0;border-radius:20px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line);background:#fff;font-size:14.5px}
.d-tb th,.d-tb td{text-align:left;vertical-align:top;padding:16px 20px;border-bottom:1px solid var(--line);line-height:1.55}
.d-tb thead th{font-size:12.5px;font-weight:600;color:var(--muted);background:#FAFAFC}
.d-tb tbody th{font-weight:600;color:var(--ink);width:30%}
.d-tb td{color:var(--text)}
.d-tb tr:last-child th,.d-tb tr:last-child td{border-bottom:0}
.d-tb code{font-family:var(--mono);font-size:12.5px;padding:2px 7px;border-radius:6px;background:#F1F1FB;color:#3F42A8;white-space:nowrap}
.d-tb-w{overflow-x:auto;-webkit-overflow-scrolling:touch}
.d-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.d-card{display:flex;flex-direction:column;gap:8px;padding:24px 22px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.d-card .d-ic{margin-bottom:4px}
.d-card b{font-family:var(--display);font-weight:500;font-size:19px;letter-spacing:-.02em;color:var(--ink)}
.d-card span{font-size:14.5px;line-height:1.55;color:var(--text)}
.d-cards.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.d-ex{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px}
.d-ex > div{border-radius:20px;padding:24px}
.d-ex .q{background:#F6F6F9}
.d-ex .a{background:#fff;box-shadow:inset 0 0 0 1px #E3E4F7,0 24px 50px -36px rgba(79,82,178,.5)}
.d-ex .lbl{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:10px}
.d-ex .a .lbl{color:#4F52B2}
.d-ex p{margin:0;font-size:16px;line-height:1.6;color:var(--ink)}
@media (max-width:1100px){.d-eng-g{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:980px){.d-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.d-ex{grid-template-columns:minmax(0,1fr)}.d-inbox,.d-arch,.d-docs{margin-left:0}}
@media (max-width:620px){.d-cards,.d-cards.c2{grid-template-columns:minmax(0,1fr)}.d-eng-g{grid-template-columns:repeat(2,minmax(0,1fr))}.d-tb tbody th{width:auto}.d-tb th,.d-tb td{padding:14px}.d-doc:nth-child(2),.d-doc:nth-child(3){margin-left:0}.d-mail small{display:none}}
/* bloc « selon votre rôle » des articles */
.po-roles{margin:48px 0 8px;padding:26px;border-radius:24px;background:linear-gradient(135deg,#F4F4FE,#FBFBFF 60%);box-shadow:inset 0 0 0 1px #E3E4F7}
.po-roles h2{margin:0 0 4px;font-family:var(--display);font-weight:500;font-size:22px;letter-spacing:-.02em;color:var(--ink)}
.po-roles > p{margin:0 0 18px;font-size:14.5px;color:var(--text)}
.po-roles ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.po-roles a{display:flex;flex-direction:column;gap:4px;height:100%;padding:16px 18px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;transition:box-shadow .2s,transform .2s}
.po-roles a:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px var(--line-2),0 18px 40px -28px rgba(20,19,46,.35)}
.po-roles small{font-size:12.5px;font-weight:600;color:var(--f,#4F52B2)}
.po-roles b{font-size:15px;line-height:1.4;font-weight:500;color:var(--ink)}
.po-roles li.top a{box-shadow:inset 0 0 0 1.5px #A9ABF2,0 18px 40px -30px rgba(79,82,178,.45)}
@media (max-width:620px){.po-roles{padding:20px}.po-roles ul{grid-template-columns:minmax(0,1fr)}}

.d-srcs{max-width:860px;margin:0;padding-left:22px;display:grid;gap:12px;font-size:15px;line-height:1.5}.d-srcs li{padding-left:4px}.d-srcs a{color:var(--ink,#0F1222);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;overflow-wrap:anywhere}.d-srcs span{display:block;color:#6B6F80;font-size:13.5px;margin-top:2px}
.d-tb-cmp tbody th{width:18%}.d-tb-cmp td{width:41%}
@media (max-width:760px){.d-tb-cmp,.d-tb-cmp tbody,.d-tb-cmp tr,.d-tb-cmp th,.d-tb-cmp td{display:block;width:auto}.d-tb-cmp thead{display:none}.d-tb-cmp tr{padding:18px 18px 16px;border-bottom:1px solid var(--line)}.d-tb-cmp tr:last-child{border-bottom:0}.d-tb-cmp tbody th,.d-tb-cmp td{padding:0;border:0;width:auto}.d-tb-cmp tbody th{font-size:16px;margin-bottom:10px}.d-tb-cmp td+td{margin-top:12px}.d-tb-cmp td::before{content:attr(data-l);display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:3px}.d-tb-cmp td:last-child::before{color:#4B4FB8}}

/* RRH : qui pose la question */
.d-ask{padding:20px}
.d-ask-q{margin:0 6px 14px;padding:14px 16px;border-radius:14px 14px 14px 4px;background:#fff;box-shadow:inset 0 0 0 1px #E3E4F7;font-size:15px;color:var(--ink);font-weight:500}
.d-pf{padding:16px 18px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px rgba(20,19,46,.05),0 14px 30px -24px rgba(20,19,46,.4)}
.d-pf+.d-pf{margin-top:10px}
.d-pf-h{display:flex;align-items:center;gap:12px}
.d-pf-h i{flex:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:12px;font-weight:700;color:#fff;background:var(--c)}
.d-pf-h b{display:block;font-size:14.5px;color:var(--ink)}
.d-pf-h small{display:block;font-size:12px;color:var(--muted)}
.d-pf dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 0}
.d-pf dl div{padding:9px 11px;border-radius:10px;background:#F6F6F9}
.d-pf dt{font-size:11px;color:var(--muted)}
.d-pf dd{margin:2px 0 0;font-size:13px;font-weight:600;color:var(--ink)}
.d-pf-a{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.d-pf-a b{font-family:var(--display);font-size:22px;font-weight:500;letter-spacing:-.02em;color:#4F52B2}
.d-pf-a span{font-family:var(--mono);font-size:10.5px;color:#4F52B2;padding:3px 7px;border-radius:6px;background:#F1F1FB}
@media (max-width:560px){.d-pf dl{grid-template-columns:minmax(0,1fr)}}

/* Contrats : avenant détaillé */
.d-avn-w{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:16px;align-items:start}
.d-avn{margin:0;border-radius:22px;background:#fff;box-shadow:0 0 0 1px rgba(20,19,46,.06),0 40px 80px -50px rgba(20,19,46,.45);overflow:hidden}
.d-avn-h{padding:22px 24px 18px;background:linear-gradient(180deg,#F7F7FD,#fff);border-bottom:1px solid var(--line)}
.d-avn-h small{display:block;font-size:11.5px;color:var(--muted);margin-bottom:8px}
.d-avn-h b{display:block;font-family:var(--display);font-weight:500;font-size:21px;letter-spacing:-.02em;color:var(--ink)}
.d-avn-h span{display:block;margin-top:4px;font-size:13.5px;color:var(--text)}
.d-avn ol{list-style:none;margin:0;padding:8px 24px 14px;counter-reset:cl}
.d-avn li{counter-increment:cl;display:flex;gap:14px;justify-content:space-between;align-items:flex-start;padding:14px 0;border-bottom:1px dashed #E3E4F0}
.d-avn li:last-child{border-bottom:0}
.d-avn li>div{position:relative;padding-left:30px}
.d-avn li>div::before{content:"Art. " counter(cl);position:absolute;left:0;top:2px;font-family:var(--mono);font-size:10px;color:var(--muted);width:26px;line-height:1.2}
.d-avn li b{display:block;font-size:14.5px;color:var(--ink)}
.d-avn li p{margin:3px 0 0;font-size:14px;line-height:1.55;color:var(--text)}
.d-avn li>span{flex:none;max-width:42%;text-align:right;font-family:var(--mono);font-size:10.5px;line-height:1.35;padding:4px 8px;border-radius:6px;background:#F1F1FB;color:#4F52B2}
.d-avn li.fx>span{background:#FFF4E5;color:#9A5B00}
.d-ctl{padding:20px}
.d-ctl ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.d-ctl li{display:flex;gap:12px;padding:14px 16px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px rgba(20,19,46,.05)}
.d-ctl li i{flex:none;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:1px}
.d-ctl li i.ok{background:#E6F6EF;color:#0E8A6A}
.d-ctl li i.fix{background:#FFF1DC;color:#B26A00}
.d-ctl li.fx{box-shadow:0 0 0 1px #F5D9AE;background:#FFFBF4}
.d-ctl li b{display:block;font-size:14px;color:var(--ink)}
.d-ctl li span{display:block;margin-top:2px;font-size:13px;line-height:1.5;color:var(--text)}
.d-ctl li code{display:inline-block;margin-top:6px;font-family:var(--mono);font-size:10.5px;padding:2px 7px;border-radius:6px;background:#F1F1FB;color:#4F52B2}
.d-ctl-f{margin:14px 4px 2px;font-size:13px;color:var(--muted)}
.d-cards.d-cards4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:980px){.d-avn-w{grid-template-columns:minmax(0,1fr)}.d-cards.d-cards4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.d-cards.d-cards4{grid-template-columns:minmax(0,1fr)}.d-avn li{flex-direction:column;gap:8px}.d-avn li>span{max-width:none;text-align:left;margin-left:30px}.d-avn-h,.d-avn ol{padding-left:18px;padding-right:18px}}
.d-ctl li i svg{width:12px!important;height:12px!important;display:block}
.d-avn li>div::before{content:counter(cl);font-size:11px;font-weight:600;color:#4F52B2;width:20px;height:20px;border-radius:6px;background:#F1F1FB;display:flex;align-items:center;justify-content:center;top:0}

/* Comparatif éditeurs juridiques */
.d-mode{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:26px;background:linear-gradient(180deg,#F4F4FD,#FAFAFF);box-shadow:inset 0 0 0 1px #E3E4F7}
.d-mode-c{padding:18px 20px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px rgba(20,19,46,.05),0 14px 30px -24px rgba(20,19,46,.4)}
.d-mode-c small{display:block;font-size:11.5px;font-weight:600;color:var(--muted)}
.d-mode-c b{display:block;margin-top:6px;font-family:var(--display);font-weight:500;font-size:19px;letter-spacing:-.02em;color:var(--ink)}
.d-mode-c span{display:block;margin-top:10px;padding:10px 12px;border-radius:12px 12px 12px 4px;background:#F6F6F9;font-size:14px;color:var(--ink)}
.d-mode-c p{margin:10px 0 0;font-size:13.5px;line-height:1.5;color:var(--text)}
.d-mode-c.us{box-shadow:0 0 0 1.5px #C9CBF5,0 24px 50px -36px rgba(79,82,178,.55)}
.d-mode-c.us small{color:#4F52B2}
.d-pubs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.d-pub{display:flex;flex-direction:column;border-radius:22px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}
.d-pub header{padding:22px 22px 16px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#FAFAFD,#fff)}
.d-pub header small{display:block;font-size:12px;color:var(--muted)}
.d-pub h3{margin:4px 0 0;font-family:var(--display);font-weight:500;font-size:21px;letter-spacing:-.02em;color:var(--ink)}
.d-pub dl{margin:0;padding:6px 22px 4px;flex:1}
.d-pub dl div{padding:11px 0;border-bottom:1px dashed #E6E7F0}
.d-pub dl div:last-child{border-bottom:0}
.d-pub dt{font-size:11.5px;font-weight:600;color:#4F52B2}
.d-pub dd{margin:3px 0 0;font-size:14px;line-height:1.5;color:var(--text)}
.d-pub footer{padding:12px 22px 16px;font-family:var(--mono);font-size:10.5px;color:var(--muted)}
@media (max-width:980px){.d-pubs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.d-pubs{grid-template-columns:minmax(0,1fr)}}
.d-mode{position:relative;z-index:1}
.d-pub.us{box-shadow:0 0 0 1.5px #C9CBF5,0 30px 60px -44px rgba(79,82,178,.55)}
.d-pub.us header{background:linear-gradient(180deg,#F1F1FD,#fff)}
.d-pub.us header small{color:#4F52B2}
.d-pub footer a{color:#4F52B2;font-family:var(--body,inherit);font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.d-vs-r > div > span a{color:inherit;text-decoration:underline;text-underline-offset:3px}