/* ===== Refonte V2 (avis de Renaud, ChatGPT et du Cowork contrôleur, 2026-10-09) ===== */
:root{--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}
.skip{position:fixed;left:12px;top:-60px;z-index:400;background:#fff;color:var(--ink);padding:.7em 1em;border-radius:10px;font:600 .9rem Sora;transition:top .3s}
.skip:focus{top:12px}
/* curseur : caché tant que la souris n'a pas bougé */
.cur,.cur-r{opacity:0;transition:opacity .3s}
body.mv .cur,body.mv .cur-r{opacity:1}

/* étiquettes en police à chasse fixe */
.eyebrow,.u-k,.ob-k,.ct-k,.fm-k{font-family:var(--mono)!important;font-weight:500!important;font-size:.8rem!important;letter-spacing:.12em!important}
.btn{font-size:1rem}
/* titres de section moins criards : un seul très gras par page (le héros) */
.u-h2,.bn-h h2,.jr-h h2,.tr-h h2,.fm-h h2,.ob h2,.panel h2{font-weight:700;letter-spacing:-.035em}

/* ---------- En-tête ---------- */
.hd{position:fixed;top:0;left:0;right:0;inset:0 0 auto;z-index:100;display:flex;align-items:center;gap:1.2rem;padding:16px 3vw;pointer-events:none;background:none!important;box-shadow:none!important;backdrop-filter:none!important;transition:transform .5s var(--ease),padding .4s}
.hd>*{pointer-events:auto}
.hd .logo{display:block}
.hd .logo img{height:78px;width:auto;transition:height .4s;filter:drop-shadow(0 8px 22px rgba(0,0,0,.5))}
.hd.solid{padding-top:10px;padding-bottom:10px}
.hd.solid .logo img{height:58px}
.hd.hide{transform:translateY(-150%)}
.nv{margin:0 auto;display:flex;align-items:center;gap:.15rem;padding:.38rem;border-radius:99px;background:rgba(12,14,22,.6);backdrop-filter:blur(18px) saturate(1.6);-webkit-backdrop-filter:blur(18px) saturate(1.6);border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 50px -24px rgba(0,0,0,.75)}
.nl{display:flex;align-items:center;gap:.5em;padding:.72em 1.05em;border-radius:99px;font:600 .87rem Sora;color:rgba(255,255,255,.82);transition:background .3s,color .3s;white-space:nowrap}
.nl:hover,.dd:hover>.nl,.dd:focus-within>.nl,.nl.on{background:rgba(255,255,255,.1);color:#fff}
.nl i{width:7px;height:7px;border-radius:50%;flex:none}
.nl svg{width:9px;height:6px;opacity:.6;transition:transform .3s}
.dd{position:relative}
.dd:hover>.nl svg,.dd:focus-within>.nl svg{transform:rotate(180deg)}
.ddp{position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%,10px);opacity:0;visibility:hidden;transition:opacity .3s var(--ease),transform .4s var(--ease),visibility .3s;width:min(780px,82vw)}
.ddp::before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px}
.dd:hover .ddp,.dd:focus-within .ddp{opacity:1;visibility:visible;transform:translate(-50%,0)}
.ddp-in{display:grid;grid-template-columns:230px 1fr;gap:.6rem;padding:.6rem;border-radius:26px;background:rgba(12,14,22,.94);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.1);box-shadow:0 40px 90px -30px rgba(0,0,0,.85)}
.ddp-main{border-radius:20px;padding:1.4rem;background:radial-gradient(120% 120% at 0% 0%,color-mix(in srgb,var(--c) 50%,transparent),transparent 65%),rgba(255,255,255,.04);display:flex;flex-direction:column;justify-content:space-between;min-height:230px;transition:background .3s}
.ddp-main:hover{background-color:rgba(255,255,255,.08)}
.ddp-main small{font:500 .7rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--c)}
.ddp-main b{font:700 1.55rem/1.1 Sora;letter-spacing:-.03em;color:#fff;margin-top:.6rem}
.ddp-main span{font:600 .85rem Sora;color:rgba(255,255,255,.75)}
.ddp-main em{font-style:normal;display:inline-block;transition:transform .3s}
.ddp-main:hover em{transform:translateX(4px)}
.ddp-g{display:grid;grid-template-columns:1fr 1fr;gap:.15rem}
.ddp-g a{padding:.78rem .9rem;border-radius:14px;transition:background .25s}
.ddp-g a:hover{background:rgba(255,255,255,.07)}
.ddp-g b{display:block;font:600 .88rem Sora;color:#fff}
.ddp-g span{display:block;font-size:.79rem;color:rgba(255,255,255,.55);margin-top:.2rem;line-height:1.35}
.hd-r{display:flex;align-items:center;gap:.4rem}
.hd-ec{font:600 .84rem Sora;color:rgba(255,255,255,.82);padding:.8em 1em;border-radius:99px;background:rgba(12,14,22,.45);backdrop-filter:blur(14px)}
.hd-ec:hover{color:#fff;background:rgba(12,14,22,.7)}
.hd-cta{display:inline-flex;gap:.5em;align-items:center;padding:.88em 1.3em;border-radius:99px;background:var(--blue);color:#fff;font:600 .86rem Sora;box-shadow:0 14px 34px -14px rgba(47,111,240,.9);transition:background .3s,color .3s}
.hd-cta:hover{background:#fff;color:var(--ink)}
.hd-cta span{transition:transform .3s}.hd-cta:hover span{transform:translateX(3px)}
.hd .mbtn{display:none;background:rgba(12,14,22,.6);backdrop-filter:blur(14px)}
@media(max-width:1240px){.nl{padding:.7em .8em;font-size:.82rem}.hd-ec{display:none}}
@media(max-width:1060px){.nv{display:none}.hd-r{margin-left:auto}.hd .mbtn{display:flex}.hd .logo img{height:62px}.hd.solid .logo img{height:52px}}
@media(max-width:600px){.hd-cta{display:none}.hd{padding:10px 4vw}.hd .logo img{height:54px}.hd.solid .logo img{height:46px}}

/* ---------- Menu plein écran ---------- */
.mn{overflow-y:auto;align-items:flex-start;padding:120px 0 60px}
.mn .wrap{align-items:start}
.mn li a{font-size:clamp(2.2rem,5.2vw,5rem)}
.mn-sub{display:flex;flex-wrap:wrap;gap:.35rem 1.1rem;margin:.1rem 0 1rem 3.4rem}
.mn-sub a{font:500 .9rem Inter;color:rgba(255,255,255,.55);transition:color .3s}
.mn-sub a:hover{color:#fff}
.mn .side a{color:#fff;word-break:break-word}
@media(max-width:900px){.mn .wrap{grid-template-columns:1fr;gap:2rem}.mn li a{font-size:clamp(1.9rem,8.5vw,2.8rem);gap:.9rem}.mn-sub{margin-left:0}.mn .side{font-size:.9rem}}

/* ---------- Héros : titre lisible dès la première image ---------- */
.h1 .ln>span{display:block;animation:hUp .85s cubic-bezier(.2,.75,.15,1) both}
.h1 .l1>span{animation-delay:.04s}.h1 .l2>span{animation-delay:.12s}.h1 .l3>span{animation-delay:.2s}
@keyframes hUp{from{transform:translateY(106%)}to{transform:none}}
#eb,#hb{animation:fUp .8s .3s cubic-bezier(.2,.75,.15,1) both}
#mlbl{animation:fIn 1s .5s both}
@keyframes fUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes fIn{from{opacity:0}to{opacity:1}}
.hero-b{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1.3rem}
.hero-b p{max-width:520px;font-size:1.1rem}
.offre-tag{display:inline-flex;gap:.7rem;align-items:center;font:500 .9rem Inter;color:rgba(255,255,255,.88);padding:.45rem 1rem .45rem .45rem;border-radius:99px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px);transition:background .3s}
.offre-tag:hover{background:rgba(255,255,255,.12)}
.offre-tag span{font:500 .68rem var(--mono);letter-spacing:.1em;text-transform:uppercase;background:var(--pink);color:#fff;padding:.45em .75em;border-radius:99px}
.offre-tag b{color:#fff}
.mq-t span:nth-child(odd){color:rgba(255,255,255,.42)}

/* ---------- Bande offre (accueil) ---------- */
.ob{background:#fff;color:var(--ink);padding:13vh 0;position:relative;z-index:1}
.ob-g{display:grid;grid-template-columns:1.1fr .9fr;gap:5vw;align-items:center}
.ob-k{color:#be185d;text-transform:uppercase}
.ob h2{font-size:clamp(2.3rem,4.8vw,4.8rem);margin:1rem 0 1.3rem;line-height:1}
.ob h2 em{font-style:normal;color:var(--blue)}
.ob p{color:var(--grey);line-height:1.65;max-width:52ch;font-size:1.08rem}
.ob-p{border-radius:30px;padding:2.6rem;color:#fff;background:radial-gradient(70% 90% at 90% 0%,rgba(236,72,153,.45),transparent 60%),radial-gradient(60% 80% at 0% 100%,rgba(139,92,246,.4),transparent 60%),#120a24;box-shadow:0 50px 100px -50px rgba(60,20,110,.8)}
.ob-amt{display:flex;align-items:baseline;flex-wrap:wrap;gap:.4rem 1rem}
.ob-amt s{opacity:.55;font:600 1.25rem Sora}
.ob-amt strong{font:800 clamp(3.4rem,6vw,5.4rem)/1 Sora;letter-spacing:-.05em}
.ob-amt small{font:600 1rem Sora;opacity:.75}
.ob-p .ob-t{color:rgba(255,255,255,.72);margin:1rem 0 1.8rem;font-size:.92rem}
.ob-p .b-line{color:#fff}
@media(max-width:900px){.ob-g{grid-template-columns:1fr}.ob-p{padding:2rem 1.5rem}}

/* ---------- Univers (accueil) ---------- */
.uni,.univers>section{overflow-x:clip}
.panel h2{line-height:1.02}
.panel h2 em{padding-bottom:.06em}
.panel .lead{margin-top:1.8rem}
.p-er h2{font-size:clamp(2.4rem,4.6vw,5.4rem)}
.p-er .k,.p-er h2 em{color:#0f8a3a}
.voice .bientot{font:500 .62rem var(--mono);letter-spacing:.1em;text-transform:uppercase;background:var(--emer);color:#04210f;padding:.4em .65em;border-radius:99px;margin-left:.3rem;font-style:normal}
.u3{color:#8a4b00}
@media(max-width:900px){.show .lbl{display:none}}

/* ---------- Bénéfices : planètes animées ---------- */
.bn-h h2 em,.tr-h h2 em{font-style:normal;color:var(--blue)}
.planet{--s:120px;justify-self:end;width:var(--s);height:var(--s);border-radius:50%;position:relative;background:radial-gradient(circle at 32% 28%,#fff 0%,var(--c) 30%,#0b0d12 100%);box-shadow:inset -18px -14px 30px rgba(0,0,0,.45),0 24px 60px -16px var(--c);transition:transform 1s var(--ease)}
.planet::before{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(105deg,rgba(255,255,255,.16) 0 5px,transparent 5px 20px);background-size:220% 100%;mix-blend-mode:overlay;animation:surf 7s linear infinite}
.planet::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 10px 8px 24px rgba(255,255,255,.35)}
@keyframes surf{to{background-position:-220% 0}}
.planet .ring{position:absolute;inset:-22px -42px;border-radius:50%;border:2px solid color-mix(in srgb,var(--c) 65%,#fff);border-top-color:transparent;opacity:.75;transform:rotateX(72deg) rotate(-18deg);animation:ring 8s linear infinite}
@keyframes ring{to{transform:rotateX(72deg) rotate(342deg)}}
.planet .moon{position:absolute;top:50%;left:50%;width:12px;height:12px;margin:-6px;border-radius:50%;background:#fff;box-shadow:0 0 14px #fff,0 0 30px var(--c);animation:orbit 6s linear infinite}
@keyframes orbit{from{transform:rotate(0deg) translateX(calc(var(--s) * .82)) scale(1)}50%{transform:rotate(180deg) translateX(calc(var(--s) * .82)) scale(.7)}to{transform:rotate(360deg) translateX(calc(var(--s) * .82)) scale(1)}}
.r2 .planet .moon{animation-duration:7.5s;animation-direction:reverse}.r3 .planet .moon{animation-duration:5s}
.row:hover .planet{transform:scale(1.15) rotate(-10deg)}
@media(max-width:900px){.row{position:relative}.planet{--s:60px;position:absolute;right:6px;top:3.2rem}.planet .ring{inset:-12px -22px}}

/* ---------- Film ---------- */
.fm-h{align-items:flex-end}
.fm-k{display:block;color:var(--sky);text-transform:uppercase;margin-bottom:1rem}
.fm-h h2{font-size:clamp(2.4rem,5.6vw,6rem);max-width:14ch}
.fm-h h2 em{font-style:normal;background:linear-gradient(90deg,var(--sky),var(--blue) 50%,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}
.fbox{aspect-ratio:16/7.5}
.fbox .pl{width:auto;height:auto;padding:.7rem 1.6rem .7rem .7rem;border-radius:99px;display:flex;align-items:center;gap:1rem;font:600 1rem Sora;letter-spacing:0;background:rgba(255,255,255,.14)}
.fbox .pl i{position:relative;width:56px;height:56px;border-radius:50%;background:#fff;flex:none}
.fbox .pl i::after{content:"";position:absolute;left:23px;top:18px;border-left:15px solid var(--ink);border-top:10px solid transparent;border-bottom:10px solid transparent}
.fbox .pl i::before{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(255,255,255,.6);animation:pulse 2.2s ease-out infinite}
@keyframes pulse{from{transform:scale(.85);opacity:1}to{transform:scale(1.5);opacity:0}}
.fbox:hover .pl{background:#fff;color:var(--ink)}

/* ---------- Appel final ---------- */
.ct{padding:18vh 0 16vh;position:relative}
.ct-aura{position:absolute;inset:-10%;background:radial-gradient(40% 50% at 72% 60%,rgba(47,111,240,.3),transparent 70%),radial-gradient(35% 40% at 18% 30%,rgba(139,92,246,.24),transparent 70%);animation:aura 14s ease-in-out infinite alternate;pointer-events:none}
@keyframes aura{to{transform:translate3d(-5%,4%,0) scale(1.08)}}
.ct-w{display:grid;grid-template-columns:1.15fr .85fr;gap:5vw;align-items:center;position:relative}
.ct-k{display:block;color:var(--sky);text-transform:uppercase;margin-bottom:1.2rem}
.ct h2{font-size:clamp(2.6rem,5.8vw,6.2rem);text-align:left;font-weight:700;line-height:1}
.ct h2 em{font-style:normal;background:linear-gradient(90deg,var(--sky),var(--blue) 35%,#a78bfa 60%,var(--sky));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 7s linear infinite}
@keyframes shine{to{background-position:-200% 0}}
.ct .sub{text-align:left;margin:1.8rem 0 2.2rem;max-width:48ch}
.ct-av{position:relative;display:grid;grid-template-columns:1fr;justify-items:end}
.ct-pic{width:78%;border-radius:30px;overflow:hidden;aspect-ratio:4/5;background:#0b1430;box-shadow:0 50px 100px -40px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.08)}
.ct-pic img{width:100%;height:100%;object-fit:cover;object-position:50% 8%;transition:transform 1.4s var(--ease)}
.ct-av:hover .ct-pic img{transform:scale(1.04)}
.ct-card{position:absolute;left:0;bottom:8%;width:min(320px,70%);background:rgba(12,14,22,.84);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:1.3rem;box-shadow:0 30px 70px -30px rgba(0,0,0,.9);animation:fl 6s ease-in-out infinite}
.ct-who{display:flex;gap:.7rem;align-items:center}
.ct-who .dot{display:none}
.ct-who b{font:700 1rem Sora;display:block}.ct-who small{color:rgba(255,255,255,.6);font-size:.82rem}
.ct-card p{margin:.9rem 0 .8rem;font:600 1rem Sora}
.ct-opts{display:grid;gap:.4rem}
.ct-opts a{padding:.72em 1em;border-radius:12px;border:1px solid rgba(255,255,255,.16);font:600 .84rem Sora;transition:background .3s,color .3s}
.ct-opts a:hover{background:#fff;color:var(--ink)}
@media(max-width:1000px){.ct-w{grid-template-columns:1fr}.ct-av{margin-top:3rem}}
@media(max-width:600px){.ct-pic{width:100%}.ct-card{position:relative;left:auto;bottom:auto;width:auto;margin:-30% 5% 0}}

/* ---------- Bouton flottant (WhatsApp, Renaud) ---------- */
.fab{position:fixed;right:18px;bottom:18px;z-index:90;display:flex;align-items:center;gap:.7rem;padding:6px;border-radius:99px;background:rgba(12,14,22,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 50px -20px rgba(0,0,0,.8);color:#fff;transform:translateY(140%);opacity:0;transition:transform .5s var(--ease),opacity .4s}
.fab.on{transform:none;opacity:1}
.fab img{width:48px;height:48px;border-radius:50%;object-fit:cover}
.fab-t{display:flex;flex-direction:column;font-size:.78rem;line-height:1.3;color:rgba(255,255,255,.75);max-width:0;overflow:hidden;white-space:nowrap;transition:max-width .5s var(--ease),padding .5s}
.fab-t b{font:700 .88rem Sora;color:#fff}
.fab:hover .fab-t{max-width:240px;padding-right:.6rem}
.fab-wa{position:absolute;left:38px;bottom:2px;width:22px;height:22px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 0 0 2px #0c0e16}
.fab-wa svg{width:13px;height:13px}

/* ---------- Pages des univers : contrastes du texte coloré sur fond clair ---------- */
.u-mk{--acct:#be185d}.u-er{--acct:#0f7a35}.u-in{--acct:#a35a00}.u-ct{--acct:#1d4ed8}
.u-sec:not(.dkb) .u-k,.u-sec:not(.dkb) .u-h2 em,.u-sec:not(.dkb) .u-card .n,.u-sec:not(.dkb) .u-step::before,.u-sec:not(.dkb) .u-badge b,.u-hero.light .u-k,.u-hero.light .u-h1 em,.u-tags span,.u-mod .ic{color:var(--acct)}
.u-sec.paper .u-step::before{color:var(--acct)}
.ft-h{color:#fff;font:700 .95rem Sora;margin-bottom:1rem;letter-spacing:0;line-height:1.3}
.ft-h a:hover{color:var(--sky)}
@media (prefers-reduced-motion:reduce){.h1 .ln>span,#eb,#hb,#mlbl{animation:none!important}}
/* assistante Eronda */
.u-chat-h{display:flex;align-items:center;gap:.6rem;padding-bottom:.9rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:.4rem}
.u-chat-h img{height:26px;width:auto}
.u-chat-h b{font:700 .95rem Sora}
.u-badge-v{margin-left:auto;font:500 .7rem var(--mono);letter-spacing:.06em;background:#70f888;color:#04210f;padding:.45em .75em;border-radius:99px}
.u-chat-f{margin-top:.6rem;font-size:.86rem;line-height:1.55;color:rgba(255,255,255,.6)}
.mn li .mn-sub a{display:inline;font:500 .92rem/1.5 Inter;letter-spacing:0;padding:0;color:rgba(255,255,255,.55)}
.mn li .mn-sub a:hover{padding-left:0;color:#fff}
.ct h2 em{display:inline-block;padding-bottom:.08em}

/* ==================== SOUS-PAGES DES UNIVERS (sp-) ==================== */
.sp-hero .u-hero-in{padding-top:150px}
.sp-ariane{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;font:500 .74rem "JetBrains Mono",monospace;letter-spacing:.06em;text-transform:uppercase;margin-bottom:2.2rem;color:rgba(255,255,255,.62)}
.sp-ariane a{color:rgba(255,255,255,.75);transition:color .3s}
.sp-ariane a:hover{color:#fff}
.sp-ariane i{font-style:normal;opacity:.35}
.sp-ariane span{color:var(--acc2)}
.sp-hero .u-h1{font-size:clamp(2.6rem,6.2vw,6rem)}
.u-fig.sp-obj{background:radial-gradient(80% 80% at 50% 40%,#2a2d38,#0d0f15);display:flex;align-items:center;justify-content:center}
.u-fig.sp-obj img{width:78%;height:auto;max-height:84%;object-fit:contain;border-radius:6px;box-shadow:0 40px 70px -25px rgba(0,0,0,.85);transform:rotate(-3deg)}
.u-fig.sp-por img{object-position:50% 12%}
a.u-card{display:block;color:inherit}
a.u-card .go{display:inline-flex;gap:.4em;margin-top:1.2rem;font:600 .85rem Sora;color:var(--acct,var(--acc))}
.u-card .sp-li{display:block;list-style:none;margin-top:1rem}
.u-card .sp-li li{position:relative;padding:.45rem 0 .45rem 1.3rem;color:var(--grey);line-height:1.5;border-top:1px solid var(--line);font-size:.95rem}
.u-card .sp-li li::before{content:"";position:absolute;left:0;top:1rem;width:7px;height:7px;border-radius:50%;background:var(--acc)}
.u-quotes.n2{grid-template-columns:1fr 1fr}
.u-quotes.n1{grid-template-columns:minmax(0,760px)}
/* conviction */
.sp-conv{padding:13vh 0;text-align:center;position:relative;overflow:hidden}
.sp-conv::before{content:"";position:absolute;inset:-30% 20%;background:radial-gradient(closest-side,color-mix(in srgb,var(--acc) 26%,transparent),transparent);filter:blur(30px);pointer-events:none}
.sp-conv .wrap{position:relative}
.sp-conv-t{font:700 clamp(1.6rem,3.3vw,2.9rem)/1.18 Sora;letter-spacing:-.035em;max-width:1050px;margin:1.6rem auto 0}
.sp-conv-t::before{content:"«\00a0"}
.sp-conv-t::after{content:"\00a0»"}
/* études de cas */
.sp-cases{display:grid;gap:2rem}
.sp-case{display:grid;grid-template-columns:1fr 1.15fr;gap:0;border-radius:28px;overflow:hidden;background:#11131a;border:1px solid rgba(255,255,255,.08)}
.sp-case-img{position:relative;min-height:360px;overflow:hidden}
.sp-case-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.sp-case:hover .sp-case-img img{transform:scale(1.05)}
.sp-case-t{padding:3rem 3rem 3.2rem}
.sp-case-t small{font:500 .74rem "JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--acc2)}
.sp-case-t h3{font-size:clamp(1.4rem,2.2vw,2rem);letter-spacing:-.035em;line-height:1.12;margin:.8rem 0 1.2rem}
.sp-case-t h4{font:700 .95rem Sora;margin:1.4rem 0 .4rem;color:#fff}
.sp-case-t p{opacity:.68;line-height:1.65;font-size:.98rem}
.sp-tags{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:0}
.sp-tags li{font:600 .74rem Sora;padding:.5em .9em;border-radius:99px;border:1px solid color-mix(in srgb,var(--acc) 40%,transparent);color:inherit;background:color-mix(in srgb,var(--acc) 8%,transparent)}
/* autres services */
.sp-sib{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem}
.sp-sib a{position:relative;display:block;background:#fff;border:1px solid var(--line);border-radius:20px;padding:1.5rem 3rem 1.5rem 1.4rem;transition:transform .5s var(--ease),box-shadow .5s,border-color .5s}
.sp-sib a b{display:block;font:700 1.02rem/1.25 Sora;letter-spacing:-.02em;margin-bottom:.35rem}
.sp-sib a span{display:block;color:var(--grey);font-size:.88rem;line-height:1.45}
.sp-sib a i{position:absolute;right:1.2rem;top:1.4rem;font-style:normal;color:var(--acct,var(--acc));transition:transform .5s var(--ease)}
.sp-sib a:hover{transform:translateY(-5px);box-shadow:0 30px 60px -40px rgba(10,20,40,.45);border-color:transparent}
.sp-sib a:hover i{transform:translateX(4px) rotate(-45deg)}
/* outils */
.sp-tools{display:grid;gap:1rem}
.sp-tool{display:grid;grid-template-columns:150px 1fr;gap:2rem;align-items:start;background:#fff;border:1px solid var(--line);border-radius:24px;padding:2rem 2.2rem}
.sp-tool .k{display:inline-grid;place-items:center;min-height:64px;border-radius:16px;font:500 .85rem "JetBrains Mono",monospace;letter-spacing:.08em;color:var(--acct,var(--acc));background:color-mix(in srgb,var(--acc) 10%,#fff)}
.sp-tool h3{font-size:1.35rem;letter-spacing:-.03em;margin-bottom:.5rem}
.sp-tool p{color:var(--grey);line-height:1.65}
.sp-tool-go{display:inline-flex;gap:.5em;align-items:center;margin-top:1rem;font:600 .9rem Sora;color:var(--acct,var(--acc))}
.u-sec.dkb .sp-tool-go,.sp-dom .sp-tool-go{color:var(--acct,var(--acc))}
/* galerie de photos */
.sp-photos{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}
.sp-photos figure{margin:0;border-radius:18px;overflow:hidden;aspect-ratio:3/4;cursor:zoom-in;background:#111}
.sp-photos img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease),opacity .4s}
.sp-photos figure:hover img{transform:scale(1.06)}
/* réalisations par domaine */
.sp-domnav{display:flex;flex-wrap:wrap;gap:.5rem;margin:-3vh 0 7vh}
.sp-domnav a{font:600 .82rem Sora;padding:.7em 1.1em;border-radius:99px;border:1px solid var(--line);background:#fff;transition:background .3s,color .3s,border-color .3s}
.sp-domnav a:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.sp-doms{display:grid;gap:9vh}
.sp-dom{display:grid;grid-template-columns:1.25fr 1fr;gap:4.5vw;align-items:center;scroll-margin-top:120px}
.sp-dom:nth-child(even) .sp-dom-g{order:2}
.sp-dom-g{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;gap:.7rem}
.sp-dom-g figure{margin:0;border-radius:16px;overflow:hidden;aspect-ratio:4/3;cursor:zoom-in;background:#eee}
.sp-dom-g figure.sp-m{grid-column:1/-1;aspect-ratio:16/9;border-radius:24px}
.sp-dom-g img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
.sp-dom-g figure:hover img{transform:scale(1.06)}
.sp-dom-t .n{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:14px;font:800 .9rem Sora;color:var(--acct,var(--acc));background:color-mix(in srgb,var(--acc) 12%,#fff);margin-bottom:1.4rem}
.sp-dom-t h3{font-size:clamp(1.7rem,2.8vw,2.6rem);letter-spacing:-.04em;line-height:1.05;margin-bottom:1rem}
.sp-dom-t p{color:var(--grey);line-height:1.7;margin-bottom:1.4rem;font-size:1.03rem}
/* visionneuse */
.sp-lb{position:fixed;inset:0;z-index:2000;background:rgba(6,7,11,.92);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .35s;cursor:zoom-out}
.sp-lb.on{opacity:1;pointer-events:auto}
.sp-lb img{max-width:92vw;max-height:88vh;border-radius:14px;box-shadow:0 50px 120px -30px #000;transform:scale(.96);transition:transform .45s var(--ease)}
.sp-lb.on img{transform:none}
.sp-lb button{position:absolute;top:22px;right:26px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;font-size:1.3rem;cursor:pointer}

.sp-lb .pv{left:22px;right:auto;top:50%;transform:translateY(-50%)}
.sp-lb .nx{right:22px;top:50%;transform:translateY(-50%)}
@media (max-width:1100px){.sp-sib{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){
  .sp-case,.sp-dom{grid-template-columns:1fr}
  .sp-dom:nth-child(even) .sp-dom-g{order:0}
  .sp-case-img{min-height:240px}
  .sp-case-t{padding:2rem 1.5rem 2.2rem}
  .sp-photos{grid-template-columns:repeat(2,1fr)}
  .u-quotes.n2{grid-template-columns:1fr}
  .sp-tool{grid-template-columns:1fr;gap:1rem;padding:1.6rem}
  .sp-tool .k{justify-self:start;padding:0 1rem;min-height:44px}
  .sp-hero .u-hero-in{padding-top:120px}
}
@media (max-width:600px){.sp-sib{grid-template-columns:1fr}.sp-domnav{margin-top:0}}
.sp-headr{display:flex;flex-direction:column;align-items:flex-start;gap:1.4rem;max-width:460px}
.u-card .sp-li li{background:none;border:0;border-top:1px solid var(--line);border-radius:0;font:400 .93rem/1.5 Inter,sans-serif;color:var(--grey);backdrop-filter:none}
@media (max-width:600px){.sp-domnav{flex-wrap:nowrap;overflow-x:auto;margin-left:-5vw;margin-right:-5vw;padding:0 5vw 6px;scrollbar-width:none}.sp-domnav a{flex:none}}

/* ==================== PREUVES (page Marketing) ==================== */
.pf{overflow:hidden;padding-bottom:12vh}
.pf-sites{position:relative;padding:4vh 0 10vh}
.pf-wall{position:absolute;inset:-6% -10%;display:flex;flex-direction:column;justify-content:center;gap:22px;transform:rotate(-6deg);filter:blur(2.5px) saturate(.8);opacity:.28;pointer-events:none;mask-image:radial-gradient(70% 60% at 50% 50%,#000 40%,transparent 85%);-webkit-mask-image:radial-gradient(70% 60% at 50% 50%,#000 40%,transparent 85%)}
.pf-row{display:flex;gap:22px;width:max-content;animation:pfx 120s linear infinite}
.pf-row.r2{animation-direction:reverse;animation-duration:140s}
.pf-row img{width:300px;aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:10px}
@keyframes pfx{to{transform:translateX(-50%)}}
.pf-laps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:2.4vw;align-items:end}
.pf-lap:nth-child(2){transform:translateY(-4vh)}
.pf-dev{position:relative;background:linear-gradient(180deg,#2b2e36,#16181d);border-radius:16px 16px 6px 6px;padding:12px 12px 22px;box-shadow:0 50px 90px -40px rgba(0,0,0,.9),inset 0 0 0 1px rgba(255,255,255,.08)}
.pf-dev::after{content:"";position:absolute;left:-7%;right:-7%;bottom:-12px;height:14px;border-radius:0 0 14px 14px;background:linear-gradient(180deg,#3a3d45,#1d1f24);box-shadow:0 18px 30px -12px rgba(0,0,0,.8)}
.pf-scr{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:6px;background:#0b0c10;container-type:size}
.pf-scr img{position:absolute;left:0;top:0;width:100%;height:auto;animation:pfy 26s cubic-bezier(.55,0,.45,1) infinite alternate;will-change:transform}
.pf-lap:nth-child(2) .pf-scr img{animation-duration:30s;animation-delay:-6s}
.pf-lap:nth-child(3) .pf-scr img{animation-duration:34s;animation-delay:-12s}
.pf-lap:hover .pf-scr img{animation-play-state:paused}
@keyframes pfy{0%,8%{transform:translateY(0)}92%,100%{transform:translateY(calc(-100% + 100cqh))}}
.pf-cap{margin-top:2.2rem;display:grid;gap:.3rem}
.pf-cap small{font:500 .72rem "JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--acc2)}
.pf-cap b{font:700 1.15rem Sora;letter-spacing:-.02em}
.pf-cap a{font:600 .85rem Sora;opacity:.75;transition:opacity .3s}
.pf-cap a:hover{opacity:1}
.pf-block{display:grid;grid-template-columns:.85fr 1.15fr;gap:5vw;align-items:center;margin-top:14vh}
.pf-bt h3{font-size:clamp(1.8rem,3.4vw,3rem);letter-spacing:-.045em;line-height:1.05;margin:1rem 0 1.2rem}
.pf-bt h3 em{font-style:normal;background:linear-gradient(90deg,var(--acc),var(--acc2));-webkit-background-clip:text;background-clip:text;color:transparent}
.pf-bt p{opacity:.7;line-height:1.7;margin-bottom:2rem;max-width:520px}
.pf-fan{position:relative;height:clamp(320px,38vw,520px)}
.pf-fan figure{position:absolute;top:50%;left:50%;width:34%;margin:0;aspect-ratio:620/876;border-radius:6px;overflow:hidden;box-shadow:0 40px 70px -25px rgba(0,0,0,.85);transition:transform 1s var(--ease);cursor:zoom-in}
.pf-fan img{width:100%;height:100%;object-fit:cover}
.pf-fan figure:nth-child(1){transform:translate(-50%,-50%) translateX(-95%) rotate(-12deg)}
.pf-fan figure:nth-child(2){transform:translate(-50%,-50%) translateX(-48%) rotate(-6deg)}
.pf-fan figure:nth-child(3){transform:translate(-50%,-50%) rotate(0);z-index:3}
.pf-fan figure:nth-child(4){transform:translate(-50%,-50%) translateX(48%) rotate(6deg);z-index:2}
.pf-fan figure:nth-child(5){transform:translate(-50%,-50%) translateX(95%) rotate(12deg);z-index:1}
.pf-fan:hover figure:nth-child(1){transform:translate(-50%,-50%) translateX(-125%) rotate(-16deg)}
.pf-fan:hover figure:nth-child(2){transform:translate(-50%,-50%) translateX(-64%) rotate(-8deg)}
.pf-fan:hover figure:nth-child(3){transform:translate(-50%,-50%) translateY(-4%) scale(1.05)}
.pf-fan:hover figure:nth-child(4){transform:translate(-50%,-50%) translateX(64%) rotate(8deg)}
.pf-fan:hover figure:nth-child(5){transform:translate(-50%,-50%) translateX(125%) rotate(16deg)}
.pf-marq{margin-top:10vh;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.pf-track{display:flex;gap:18px;width:max-content;animation:pfx 220s linear infinite}
.pf-marq:hover .pf-track{animation-play-state:paused}
.pf-track figure{margin:0;height:300px;flex:none;border-radius:6px;overflow:hidden;box-shadow:0 30px 50px -25px rgba(0,0,0,.8);cursor:zoom-in;transition:transform .6s var(--ease)}
.pf-track figure:hover{transform:translateY(-10px)}
.pf-track img{height:100%;width:auto;display:block}
.pf-mos{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:190px;gap:12px}
.pf-mos figure{position:relative;margin:0;border-radius:16px;overflow:hidden;background:#111;cursor:zoom-in}
.pf-mos figure.w2{grid-column:span 2}
.pf-mos img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.pf-mos figure:hover img{transform:scale(1.05)}
.pf-mos figcaption{position:absolute;left:12px;bottom:12px;font:600 .72rem Sora;padding:.45em .8em;border-radius:99px;background:rgba(6,7,11,.65);backdrop-filter:blur(6px);color:#fff}
.pf-id .pf-bt{order:2}
@media (max-width:1000px){.pf-laps{grid-template-columns:1fr;gap:9vh;max-width:560px;margin:0 auto}.pf-lap:nth-child(2){transform:none}.pf-block{grid-template-columns:1fr}.pf-id .pf-bt{order:0}.pf-fan{height:110vw;max-height:520px}.pf-fan figure{width:46%}}
@media (max-width:600px){.pf-mos{grid-template-columns:1fr 1fr;grid-auto-rows:140px}.pf-track figure{height:220px}}
@media (prefers-reduced-motion:reduce){.pf-row,.pf-track,.pf-scr img{animation:none}}

/* une seule carte d'offre : centrée */
.u-offer:has(> .u-price:only-child){grid-template-columns:minmax(0,720px);justify-content:center}

/* ==================== CONFIGURATEUR ==================== */
.cfg{margin-top:10vh;border-radius:32px;background:var(--paper);border:1px solid var(--line);padding:clamp(1.4rem,3.5vw,3.4rem)}
.cfg-h{max-width:760px;margin-bottom:3rem}
.cfg-h h3{font-size:clamp(1.8rem,3.2vw,2.8rem);letter-spacing:-.045em;line-height:1.05;margin:1rem 0}
.cfg-h h3 em{font-style:normal;color:var(--acct,var(--acc))}
.cfg-h p{color:var(--grey);line-height:1.65}
.cfg-in{display:grid;grid-template-columns:1fr 380px;gap:2.4rem;align-items:start}
.cfg-g{border:0;margin:0 0 2rem;padding:0}
.cfg-g legend{font:700 1.15rem Sora;letter-spacing:-.02em;margin-bottom:.9rem}
.cfg-note{color:var(--grey);font-size:.9rem;margin:-.4rem 0 .8rem}
.cfg-it{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:1rem 1.2rem;margin-bottom:.55rem;cursor:pointer;transition:border-color .3s,box-shadow .3s,transform .3s}
.cfg-it:hover{border-color:color-mix(in srgb,var(--acc) 50%,var(--line))}
.cfg-it.on{border-color:var(--acc);box-shadow:0 18px 40px -28px color-mix(in srgb,var(--acc) 80%,transparent)}
.cfg-it input{width:20px;height:20px;accent-color:var(--acct,var(--acc))}
.cfg-t b{display:block;font:700 .98rem Sora;letter-spacing:-.01em}
.cfg-t small{display:block;color:var(--grey);font-size:.84rem;line-height:1.45;margin-top:.2rem}
.cfg-p{font-size:.9rem;text-align:right;white-space:nowrap}
.cfg-p s{opacity:.45;font-size:.8rem;margin-right:.2rem}
.cfg-p b{font:700 .95rem Sora}
.cfg-q{grid-template-columns:1fr auto auto;cursor:default}
.cfg-step{display:inline-flex;align-items:center;gap:.4rem}
.cfg-step button{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--line);background:#fff;font:700 1.1rem Sora;cursor:pointer;transition:background .3s,border-color .3s}
.cfg-step button:hover{border-color:var(--acc)}
.cfg-step output{min-width:1.6rem;text-align:center;font:700 1rem Sora}
.cfg-sum{position:sticky;top:110px;background:var(--void);color:#fff;border-radius:24px;padding:1.8rem;box-shadow:0 50px 90px -50px rgba(6,7,11,.9)}
.cfg-sum .u-k{color:var(--acc2)}
.cfg-z{display:flex;gap:.3rem;margin-bottom:1.2rem}
.cfg-z button{flex:1;padding:.55em;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:transparent;color:#fff;font:600 .85rem Sora;cursor:pointer}
.cfg-z button.on{background:#fff;color:var(--ink)}
.cfg-lines{list-style:none;margin:1rem 0 1.2rem;padding:0;max-height:300px;overflow:auto}
.cfg-lines li{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:.86rem}
.cfg-lines li span{opacity:.8}
.cfg-lines li em{font-style:normal;font-weight:600;white-space:nowrap}
.cfg-lines li.free em{color:#70f888}
.cfg-tot{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:1.2rem}
.cfg-tot div{background:rgba(255,255,255,.06);border-radius:14px;padding:.9rem 1rem}
.cfg-tot small{display:block;font-size:.72rem;opacity:.6;text-transform:uppercase;letter-spacing:.08em}
.cfg-tot b{font:800 1.5rem Sora;letter-spacing:-.03em}
.cfg-dv{font-size:.8rem;opacity:.7;margin-bottom:1rem}
.cfg-go{width:100%;justify-content:center}
.cfg-legal{font-size:.72rem;opacity:.5;line-height:1.5;margin-top:1rem}
@media (max-width:1000px){.cfg-in{grid-template-columns:1fr}.cfg-sum{position:relative;top:0}}
@media (max-width:600px){.cfg-it{grid-template-columns:auto 1fr;}.cfg-p{grid-column:2;text-align:left}.cfg-q{grid-template-columns:1fr}.cfg-q .cfg-p{grid-column:1}}
.lap .scr.pf-scr img{height:auto;object-fit:fill;animation-duration:30s}

/* ==================== PARCOURS 3 x 3 (accueil) : paquet de cartes qui s'ouvre ==================== */
.jx{display:grid;gap:8vh}
.jx-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.4rem}
.jx-h .u{display:inline-block;font:600 .7rem Sora;letter-spacing:.18em;text-transform:uppercase;padding:.6em 1em;border-radius:99px}
.jx-h a{font:600 .9rem Sora;color:var(--ink);opacity:.7;transition:opacity .3s}
.jx-h a:hover{opacity:1}
.jx-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;position:relative}
.jx-row .st{position:relative;transition:transform 1.2s cubic-bezier(.2,.9,.2,1),box-shadow .8s;will-change:transform}
.jx-row .st:nth-child(2){z-index:3}
.jx-row .st:nth-child(1),.jx-row .st:nth-child(3){z-index:1}
@media (min-width:901px){
  .jx-row:not(.open) .st:nth-child(1){transform:translateX(calc(100% + 1.4rem)) rotate(-5deg) scale(.96)}
  .jx-row:not(.open) .st:nth-child(2){transform:translateY(-10px) rotate(1.5deg)}
  .jx-row:not(.open) .st:nth-child(3){transform:translateX(calc(-100% - 1.4rem)) rotate(6deg) scale(.96)}
  .jx-row.open .st:nth-child(1){transition-delay:.05s}
  .jx-row.open .st:nth-child(3){transition-delay:.18s}
  .jx-row .st:hover{transform:translateY(-10px)}
}
@media (max-width:900px){.jx-cards{grid-template-columns:1fr}}

/* ==================== RETOURS DE RENAUD (accueil) ==================== */
/* menu : les déroulants s'ouvrent aussi au clic */
.nv button.nl{font:inherit;border:0;background:transparent;color:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem}
.dd.open>.nl{background:rgba(255,255,255,.1);color:#fff}
.dd.open>.nl svg{transform:rotate(180deg)}
.dd.open .ddp{opacity:1;visibility:visible;transform:translate(-50%,0)}
/* logo plus grand */
.hd .logo img{height:84px}
.hd.solid .logo img{height:66px}
@media(max-width:1060px){.hd .logo img{height:64px}.hd.solid .logo img{height:54px}}
@media(max-width:600px){.hd .logo img{height:54px}.hd.solid .logo img{height:46px}}
/* entrée : le titre attend le logo en particules (1,6 s au plus) */
html.hold .h1 .ln>span,html.hold #eb,html.hold #hb,html.hold #mlbl{animation-play-state:paused}
/* tailles : moins haut, moins large */
.mf{padding:13vh 0 11vh}
.mf p{font-size:clamp(1.6rem,3.3vw,3.3rem)}
.sl{height:66vh;min-height:480px}
.sl-w{height:40vh}
.sl-t{font-size:clamp(2.3rem,6vw,6.6rem)}
.bn,.jr,.tr{padding:12vh 0}
.fm{padding:11vh 0}
.bn-h h2,.jr-h h2,.tr-h h2,.fm-h h2{font-size:clamp(2.2rem,4.4vw,4.6rem)}
.panel h2{font-size:clamp(2.4rem,5vw,5.6rem)}
.ct h2{font-size:clamp(2.3rem,4.8vw,5rem)}
.row{padding:2.4rem 0}
.row h3{font-size:clamp(2rem,3.8vw,4.2rem)}
.bn-h,.jr-h,.tr-h,.fm-h{margin-bottom:5vh}
/* bande d'offre : mieux répartie et alignée */
.ob{padding:11vh 0}
.ob-g{grid-template-columns:1fr 1fr;gap:4vw;align-items:center}
.ob h2{font-size:clamp(2rem,3.4vw,3.5rem);margin:.9rem 0 1.1rem;max-width:16ch}
.ob p{max-width:44ch}
.ob-p{padding:2.2rem 2.4rem}
.ob-amt{display:grid;grid-template-columns:auto 1fr;align-items:end;column-gap:.9rem;row-gap:.2rem}
.ob-amt s{grid-column:1/-1;font-size:1.05rem}
.ob-amt small{padding-bottom:.55rem}
.ob-p .ob-t{margin:.9rem 0 1.5rem}
.ob-p .btns{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.ob-p .btns .btn{justify-content:center}
@media(max-width:900px){.ob-g{grid-template-columns:1fr}.ob-p .btns{grid-template-columns:1fr}}
/* planètes entières (anneaux visibles) */
.bn{overflow-x:clip}
.bn .row{overflow:visible}
.row{grid-template-columns:70px 1.3fr 1fr 150px}
.planet{margin-right:36px}
@media(max-width:900px){.row{grid-template-columns:1fr}.planet{margin-right:0}}
/* photo de Renaud non coupée */
.fdr img{object-position:50% 0%}
/* panneau Marketing de l'accueil : étiquettes à leur place, portable qui défile tout de suite */
.show .lbl{z-index:4}
.show .lbl-cat{left:3%;bottom:2%;top:auto}
.show .lbl-cd{right:3%;bottom:4%;top:auto}
.lap .scr.pf-scr img{animation:pfyh 22s linear infinite alternate;animation-delay:-1s}
@keyframes pfyh{from{transform:translateY(0)}to{transform:translateY(calc(-100% + 100cqh))}}
.cat .pg{aspect-ratio:620/876}
/* appel final : l'agent IA */
.ct-pic{position:relative}
.av-tag{position:absolute;top:16px;right:16px;z-index:2;font:500 .7rem var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:.5em .8em;border-radius:99px;background:rgba(6,7,11,.6);backdrop-filter:blur(8px);color:#fff;border:1px solid rgba(255,255,255,.2)}
.ct-ia{width:min(340px,76%)}
.ct-ia .ct-who{position:relative}
.ia-tag{margin-left:auto;font:700 .68rem Sora;padding:.35em .6em;border-radius:8px;background:linear-gradient(135deg,var(--blue),#a78bfa);color:#fff}
.ct-ia p span{display:block;font-weight:500;opacity:.75;font-size:.9rem;margin-top:.2rem}
.ct-ask{display:flex;gap:.4rem;margin:.2rem 0 .8rem}
.ct-ask input{flex:1;min-width:0;padding:.75rem .9rem;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;font:500 .88rem Inter,sans-serif}
.ct-ask input::placeholder{color:rgba(255,255,255,.5)}
.ct-ask button{width:44px;border-radius:12px;border:0;background:var(--blue);color:#fff;font:700 1rem Sora;cursor:pointer}
.ct-note{display:block;margin-top:.8rem;font-size:.72rem;line-height:1.45;opacity:.55}
/* pages légales */
.lg-p{padding:20vh 0 14vh;background:#fff;color:var(--ink)}
.lg-p .wrap{max-width:860px}
.lg-p h1{font:700 clamp(2.2rem,4.4vw,3.8rem)/1.05 Sora;letter-spacing:-.04em;margin:1rem 0 2.4rem}
.lg-p h2{font:700 1.3rem Sora;margin:2.4rem 0 .7rem}
.lg-p p,.lg-p li{color:#444;line-height:1.75}
.lg-p ul{padding-left:1.2rem}
.lg-p a{color:var(--blue);text-decoration:underline}
.lg-p .lg-maj{font:500 .78rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#888}
.ft-legal a{color:inherit;opacity:.8}
.ft-legal a:hover{opacity:1}

/* ===== OFFRE : thème sur mesure, prototype, sécurité et maintenance offertes (D-048, tarif v13) ===== */
.u-offer{align-items:stretch}
.u-free{display:flex;flex-direction:column}
.u-free h3 em{font-style:normal;background:linear-gradient(90deg,#be185d,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent}
.u-off{margin:1.4rem 0 1.6rem;gap:.55rem}
.u-off li{align-items:baseline;border-bottom:1px dashed var(--line);padding-bottom:.5rem;font-size:.93rem}
.u-off li i{margin-left:auto;font-style:normal;font:600 .66rem/1 "JetBrains Mono",ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em;color:#0f7a35;background:#e8f8ee;border-radius:99px;padding:.32rem .55rem;flex:none}
.u-free .u-inc li::before{color:#0f7a35}
.u-uniq{margin-top:auto;border-radius:18px;padding:1.1rem 1.2rem;background:linear-gradient(135deg,#fdf2f8,#f5f3ff);font-size:.92rem;line-height:1.55;color:#3b3b4a}
.u-uniq b{display:block;font:700 1.02rem Sora,sans-serif;color:var(--ink);margin-bottom:.25rem}
.ob-off{list-style:none;display:flex;flex-wrap:wrap;gap:.45rem;margin:1.2rem 0 0;padding:0;max-width:52ch}
.ob-off li{font-size:.78rem;line-height:1;padding:.5rem .7rem .5rem 1.55rem;border-radius:99px;background:rgba(15,122,53,.08);color:#0f7a35;position:relative;font-weight:600}
.ob-off li::before{content:"✓";position:absolute;left:.62rem;top:50%;transform:translateY(-50%)}
.cfg-lines li.free.off span{font-size:.86rem}
@media(max-width:900px){.u-free{padding:2rem 1.5rem}}
/* Configurateur : appeler ou WhatsApp avec la configuration (Renaud : « ils configurent et ils m'appellent ») */
.cfg-call-t{font-size:.9rem;line-height:1.45;margin:.2rem 0 .8rem;opacity:.9}
.cfg-call{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.cfg-call .btn{justify-content:center;width:100%}
.cfg-num{font-size:.8rem;opacity:.7;margin:.6rem 0 1rem;text-align:center}
.cfg-num a{color:#fff;font-weight:600}
.cfg-sum .cfg-go{font-size:.82rem;background:transparent;border:1px solid rgba(255,255,255,.25)}

/* ===================== AUDIT DU 9/10 (nuit) ===================== */
/* avis : l'ancien s'efface avant que le nouveau arrive (plus de textes superposés) */
.qt .q{transition:opacity .35s ease,transform .35s ease}
.qt .q.on{transition:opacity .7s var(--ease,ease) .35s,transform .7s var(--ease,ease) .35s}
/* parcours 3 × 3 : sur téléphone, chaque ligne se fait glisser au lieu d'empiler 9 cartes */
@media (max-width:900px){
  .jx{gap:5vh;grid-template-columns:minmax(0,1fr)}
  .jx-row{min-width:0}
  .jx-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:.9rem;padding:0 0 .6rem;margin-right:-5vw;padding-right:5vw;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .jx-cards::-webkit-scrollbar{display:none}
  .jx-cards>.st{flex:0 0 80%;scroll-snap-align:start}
  .jx-h a{font-size:.82rem}
}
/* textes trop petits */
.voice .bientot{font-size:.68rem}
.ct-note{font-size:.8rem;opacity:.7}
.u-clocks small,.ft .clocks small{font-size:.72rem}
/* le bouton flottant ne cache plus les liens légaux du pied de page */
.ft .bt{padding-bottom:84px}
@media (min-width:901px){.ft .bt{padding-right:90px;padding-bottom:1.5rem}}
.u-fig.sp-por img{object-position:50% 2%}
/* page IA : les 3 niveaux de l'Assistant IA avec leur prix */
.ia-g{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:1rem}
.ia-c{border:1px solid var(--line);border-radius:22px;padding:1.6rem 1.6rem 1.4rem;background:#fff;position:relative}
.ia-c.on{border-color:transparent;box-shadow:0 0 0 2px #be185d,0 30px 60px -40px rgba(190,24,93,.5)}
.ia-n{font:700 1.15rem Sora,sans-serif;display:flex;align-items:center;gap:.5rem}
.ia-n i{font:600 .68rem/1 "JetBrains Mono",ui-monospace,monospace;font-style:normal;text-transform:uppercase;letter-spacing:.08em;background:#f5f3ff;color:#6d28d9;padding:.35rem .5rem;border-radius:99px}
.ia-p{margin:.8rem 0 1rem;display:flex;align-items:baseline;gap:.35rem;flex-wrap:wrap}
.ia-p span{font-size:.85rem;color:var(--grey)}
.ia-p b{font:800 2.2rem/1 Sora,sans-serif;letter-spacing:-.03em}
.ia-p small{color:var(--grey);font-size:.85rem}
.ia-c ul{list-style:none;padding:0;margin:0;display:grid;gap:.45rem}
.ia-c li{font-size:.92rem;line-height:1.45;padding-left:1.2rem;position:relative}
.ia-c li::before{content:"✓";position:absolute;left:0;color:#be185d;font-weight:700}
.ia-b{margin-top:1.6rem;display:flex;gap:.8rem;flex-wrap:wrap}
.ia-note{font-size:.78rem;color:var(--grey);margin-top:1rem}
@media (max-width:900px){.ia-g{grid-template-columns:1fr}}
/* configurateur : groupes secondaires repliés */
.cfg-g.pl{border:1px solid var(--line);border-radius:18px;padding:.2rem 1.1rem 1rem;margin-bottom:1rem;background:#fff}
.cfg-g.pl legend{float:left;width:100%;margin:0}
.cfg-g.pl legend+*{clear:both}
.cfg-g.ferme{padding-bottom:.2rem}
.cfg-g.ferme>:not(legend){display:none}
.cfg-tg{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:flex;align-items:center;gap:.7rem;padding:.9rem 0;font:700 1.05rem Sora,sans-serif;letter-spacing:-.02em}
.cfg-tg span{flex:1}
.cfg-tg em{font:600 .72rem/1 "JetBrains Mono",ui-monospace,monospace;font-style:normal;color:#0f7a35;background:#e8f8ee;border-radius:99px;padding:.35rem .55rem}
.cfg-tg i{font-style:normal;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f2f3f6;font-size:1.1rem;font-weight:600}
.cfg-tg:focus-visible{outline:2px solid #2563eb;outline-offset:4px;border-radius:8px}
.cfg-g.pl:not(.ferme)>.cfg-note{margin-top:0}
.lg-maj{margin-top:2.4rem;font-size:.82rem;color:var(--grey)}
.ct-direct{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.6rem}.ct-direct .btn{font-size:.9rem}
/* FAQ de l'abonnement (décisions de Renaud, 9/10 nuit) */
.u-faq{max-width:860px;margin:2.6rem auto 3rem}
.u-faq h3{font:700 1.35rem Sora,sans-serif;letter-spacing:-.02em;margin-bottom:1rem}
.u-faq details{border-bottom:1px solid var(--line);padding:.2rem 0}
.u-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;font:600 1rem Sora,sans-serif}
.u-faq summary::-webkit-details-marker{display:none}
.u-faq summary::after{content:"+";font-size:1.3rem;font-weight:500;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f2f3f6;flex:none}
.u-faq details[open] summary::after{content:"−"}
.u-faq details p{padding:0 0 1.1rem;color:var(--grey);line-height:1.65;max-width:70ch}
.cfg-sum .cfg-go{font-size:inherit;background:#2563eb;border:0}
.cfg-num{margin:.9rem 0 .6rem}

/* ===== Retours de Renaud (9/10, soir) ===== */
/* 3e ordinateur : les faux sites défilent en fondu */
.pf-show img{animation:pfshow 18s infinite!important;height:100%!important;object-fit:cover;object-position:top;opacity:0;will-change:opacity}
.pf-show img:nth-child(2){animation-delay:3s!important}.pf-show img:nth-child(3){animation-delay:6s!important}
.pf-show img:nth-child(4){animation-delay:9s!important}.pf-show img:nth-child(5){animation-delay:12s!important}
.pf-show img:nth-child(6){animation-delay:15s!important}
@keyframes pfshow{0%{opacity:0}3%{opacity:1}16.6%{opacity:1}19.6%{opacity:0}100%{opacity:0}}
.pf-note{font-size:.85rem;opacity:.7}
@media (prefers-reduced-motion:reduce){.pf-show img{animation:none!important}.pf-show img:first-child{opacity:1}}
/* éventail de cartes de visite (format paysage) */
.pf-cards figure{width:50%;aspect-ratio:1050/600;border-radius:10px}
.pf-cards figure:nth-child(1){transform:translate(-50%,-50%) translateX(-46%) translateY(14%) rotate(-16deg);z-index:1}
.pf-cards figure:nth-child(2){transform:translate(-50%,-50%) translateX(-24%) translateY(4%) rotate(-8deg);z-index:2}
.pf-cards figure:nth-child(3){transform:translate(-50%,-50%) rotate(0);z-index:5}
.pf-cards figure:nth-child(4){transform:translate(-50%,-50%) translateX(24%) translateY(4%) rotate(8deg);z-index:3}
.pf-cards figure:nth-child(5){transform:translate(-50%,-50%) translateX(46%) translateY(14%) rotate(16deg);z-index:2}
.pf-cards:hover figure:nth-child(1){transform:translate(-50%,-50%) translateX(-62%) translateY(18%) rotate(-20deg)}
.pf-cards:hover figure:nth-child(2){transform:translate(-50%,-50%) translateX(-42%) translateY(6%) rotate(-10deg)}
.pf-cards:hover figure:nth-child(3){transform:translate(-50%,-50%) translateY(-6%) scale(1.06)}
.pf-cards:hover figure:nth-child(4){transform:translate(-50%,-50%) translateX(42%) translateY(6%) rotate(10deg)}
.pf-cards:hover figure:nth-child(5){transform:translate(-50%,-50%) translateX(62%) translateY(18%) rotate(20deg)}
@media (max-width:1000px){.pf-cards{height:80vw;max-height:420px}.pf-cards figure{width:62%}}
/* cartes non cliquables : pas d'effet de survol trompeur */
article.u-card{cursor:default}
article.u-card:hover{transform:none;box-shadow:none;border-color:var(--line)}
article.u-card:hover::before{transform:scaleX(0)}
/* Sites internet : le modèle « payé au mois, tout compris » */
.mx{padding-top:clamp(70px,9vh,110px)}
.mx-head{max-width:860px;margin-bottom:clamp(30px,5vh,50px)}
.mx-g{display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(16px,2vw,28px);align-items:stretch}
.mx-c{border-radius:22px;padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;gap:1.1rem}
.mx-c small{font:500 .74rem "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase}
.mx-c ul{list-style:none;margin:0;padding:0;display:grid;gap:.85rem}
.mx-c li{position:relative;padding-left:1.9rem;line-height:1.5}
.mx-old{background:var(--paper,#f3f1ec);color:#5b5f6b}
.mx-old li::before{content:"×";position:absolute;left:0;top:-.05em;font:700 1.15rem Sora;color:#b4504a}
.mx-new{background:linear-gradient(150deg,#0e1a33,#0a0f1d 70%);color:#e9edf5;box-shadow:0 50px 100px -50px rgba(20,60,160,.6)}
.mx-new small{color:#7fb0ff}
.mx-new li::before{content:"✓";position:absolute;left:0;top:-.05em;font:700 1.05rem Sora;color:#5bd19a}
.mx-new b{color:#fff}
.mx-new .btn{align-self:flex-start;margin-top:.4rem}
@media (max-width:860px){.mx-g{grid-template-columns:1fr}}
/* page IA : avatar tortue */
.u-fig.sp-tortue{background:radial-gradient(70% 70% at 50% 45%,#1d4b4a,#08151a)}
.u-fig.sp-tortue img{object-fit:cover;object-position:50% 0%}
.u-fig.sp-tortue .av-tag{top:16px;right:16px;left:auto}
.ia-c ul{margin-top:1rem}
/* carte « votre projet ne rentre dans aucune case » */
.u-card.u-card-cta{background:linear-gradient(150deg,#0e1a33,#0a0f1d);color:#e9edf5;border-color:transparent}
.u-card.u-card-cta h3{color:#fff}.u-card.u-card-cta p{color:#b9c2d3}
.u-card.u-card-cta .n{color:#7fb0ff}
/* Référencement : toutes les techniques */
.seo-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.seo-c{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 20px 18px}
.seo-c .n{font:500 .72rem "JetBrains Mono",monospace;color:var(--acc);letter-spacing:.08em}
.seo-c h3{font:700 1.05rem/1.25 Sora,sans-serif;letter-spacing:-.01em;margin:.45rem 0 .7rem}
.seo-c ul{list-style:none;margin:0;padding:0}
.seo-c li{position:relative;padding:.38rem 0 .38rem 1.15rem;border-top:1px solid var(--line);font:400 .88rem/1.45 Inter,sans-serif;color:var(--grey)}
.seo-c li::before{content:"";position:absolute;left:0;top:.85rem;width:6px;height:6px;border-radius:50%;background:var(--acc)}
.seo-no{list-style:none;padding:0;margin:2rem 0 0;display:flex;flex-wrap:wrap;gap:10px}
.seo-no li{font:600 .85rem Sora,sans-serif;padding:.6em 1em;border-radius:99px;border:1px solid rgba(255,255,255,.18);color:#e9edf5}
.seo-no li::before{content:"✕ ";color:#ff8a80}
.seo-f{grid-template-columns:repeat(4,minmax(0,1fr))}
.seo-go{margin-top:1.4rem;color:#b9c2d3}
.seo-go b{color:#fff}
@media (max-width:1100px){.seo-g,.seo-f{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.seo-g,.seo-f{grid-template-columns:1fr}}
.sp-conv .seo-no{justify-content:center}
.dkb .seo-f .ia-c{color:#0d1220}
.dkb .seo-f .ia-c .ia-n{color:#0d1220}
.dkb .seo-f .ia-c li{color:#3b4150}
@media (max-width:1000px){
  .pf-cards figure{width:56%}
  .pf-cards figure:nth-child(1),.pf-cards:hover figure:nth-child(1){transform:translate(-50%,-50%) translateX(-32%) translateY(12%) rotate(-14deg)}
  .pf-cards figure:nth-child(2),.pf-cards:hover figure:nth-child(2){transform:translate(-50%,-50%) translateX(-16%) translateY(4%) rotate(-7deg)}
  .pf-cards figure:nth-child(3),.pf-cards:hover figure:nth-child(3){transform:translate(-50%,-50%)}
  .pf-cards figure:nth-child(4),.pf-cards:hover figure:nth-child(4){transform:translate(-50%,-50%) translateX(16%) translateY(4%) rotate(7deg)}
  .pf-cards figure:nth-child(5),.pf-cards:hover figure:nth-child(5){transform:translate(-50%,-50%) translateX(32%) translateY(12%) rotate(14deg)}
}

/* ===== Menu téléphone en accordéon (10/10, demande de Renaud) ===== */
.mn{position:fixed;inset:0;z-index:95;background:#06070b;clip-path:circle(0% at calc(100% - 44px) 44px);transition:clip-path .7s var(--ease);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:100px 6vw calc(28px + env(safe-area-inset-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.mn.on{clip-path:circle(170% at calc(100% - 44px) 44px)}
.mn-in{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.1);max-width:640px;width:100%;margin:0 auto}
.mn-l,.mn-t{display:flex;align-items:center;gap:.8rem;width:100%;padding:1.05rem 0;border:0;border-bottom:1px solid rgba(255,255,255,.1);background:none;color:#fff;font:700 1.45rem/1.15 Sora,sans-serif;letter-spacing:-.02em;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
.mn-g{border-bottom:1px solid rgba(255,255,255,.1)}
.mn-g .mn-t{border-bottom:0}
.mn-t i{width:9px;height:9px;border-radius:50%;background:var(--c);flex:none}
.mn-t svg{width:14px;height:10px;margin-left:auto;flex:none;transition:transform .35s var(--ease);opacity:.75}
.mn-g.open .mn-t svg{transform:rotate(180deg)}
.mn-s{max-height:0;overflow:hidden;transition:max-height .45s var(--ease)}
.mn-g.open .mn-s{max-height:900px}
.mn-s a{display:block;padding:.68rem 0 .68rem 1.1rem;font:500 1rem/1.35 Inter,sans-serif;color:rgba(255,255,255,.72);border-left:2px solid rgba(255,255,255,.1)}
.mn-s a:first-child{margin-top:.1rem}
.mn-s a:last-child{margin-bottom:1rem}
.mn-s a:active,.mn-s a:hover{color:#fff}
.mn-s .mn-all{color:#fff;font-weight:600;border-left-color:var(--c)}
.mn-b{margin:2.2rem auto 0;display:grid;gap:1rem;max-width:640px;width:100%}
.mn-b .btn{justify-content:center;width:100%}
.mn-ec{color:rgba(255,255,255,.75);font:600 .95rem Sora,sans-serif;text-align:center}
.mn-soc{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}
.mn-soc a{padding:.6em 1.1em;border-radius:99px;border:1px solid rgba(255,255,255,.18);font:600 .85rem Sora,sans-serif;color:#fff}
/* Pas de zoom automatique d'iPhone sur les champs (taille 16 px minimum) */
@media (max-width:600px){input,textarea,select{font-size:16px!important}}

/* ===== Vague 1 de corrections, accueil (audit de Renaud, 10/10) ===== */
/* Offre spéciale : badge et date bien visibles */
.ob-badge{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.55rem .7rem;padding:.6rem 1.1rem .6rem .95rem;border-radius:99px;background:linear-gradient(90deg,#db2777,#8b5cf6);color:#fff;font:700 1rem Sora,sans-serif;letter-spacing:.01em;box-shadow:0 16px 36px -16px rgba(219,39,119,.75)}
.ob-badge i{width:10px;height:10px;border-radius:50%;background:#fff;animation:obPulse 1.8s infinite}
.ob-badge b{font-weight:800;background:rgba(255,255,255,.2);padding:.22em .75em;border-radius:99px}
@keyframes obPulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.75)}70%{box-shadow:0 0 0 10px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
.ob-rib{display:inline-block;margin-bottom:1.1rem;font:700 .85rem Sora,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:#db2777;padding:.5em .95em;border-radius:10px}
.offre-tag{font-size:1rem}
.offre-tag span{font-size:.74rem}
.offre-tag em{font-style:normal;font-weight:700;color:#f9a8d4}
/* Catalogues de l'accueil : Aurelis Tempo montré en entier (couverture plus large que les autres) */
.cat .pg-ct{background:#080809}
.cat .pg-ct img{object-fit:cover}
/* « Se connecter » (Eronda) : passe au vert au survol, texte blanc */
.b-erl{border:1px solid var(--ink);color:var(--ink)}
.b-erl::before{background:var(--emer)}
.b-erl:hover{color:#fff;border-color:var(--emer)}
/* Frise : « Découvrir » en bulle de la couleur de l'univers, pavés cliquables */
.jx-h a.jx-go{opacity:1;display:inline-flex;align-items:center;gap:.5rem;padding:.8em 1.4em;border-radius:99px;color:#fff;font:600 .95rem Sora,sans-serif;transition:transform .3s,filter .3s,box-shadow .3s}
.u-mk .jx-go{background:#db2777;box-shadow:0 14px 28px -14px rgba(219,39,119,.85)}
.u-er .jx-go{background:#0f8a3a;box-shadow:0 14px 28px -14px rgba(15,138,58,.85)}
.u-in .jx-go{background:#c2620a;box-shadow:0 14px 28px -14px rgba(194,98,10,.85)}
.jx-h a.jx-go:hover{transform:translateY(-2px);filter:brightness(1.1)}
.jx a.st{display:block;color:inherit;text-decoration:none;cursor:pointer}
.u-mk a.st:hover h3{color:#db2777}.u-er a.st:hover h3{color:#0f8a3a}.u-in a.st:hover h3{color:#c2620a}
.jx a.st h3{transition:color .3s}
/* Ordre des sections : témoignages sur fond papier pour les séparer des bénéfices (blancs) */
.home .tr{background:var(--paper)}

/* ===== Vague 1, Marketing & Web (audit de Renaud, 10/10) ===== */
/* Pavés stables au survol : plus de déplacement (la carte qui monte sortait de sous la souris, puis revenait : va-et-vient) */
.u-card:hover,.sp-sib a:hover,.pf-track figure:hover,.st:hover,.jx-row .st:hover{transform:none}
/* Carte de discussion : pas de flou d'arrière-plan pendant qu'elle flotte (recalcul coûteux à chaque image) */
.ct-card{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(12,14,22,.95)}
/* Halo des citations : dégradé simple, sans filtre de flou sur une grande surface */
.sp-conv::before{filter:none;background:radial-gradient(closest-side,color-mix(in srgb,var(--acc) 20%,transparent),transparent)}
/* Éventail « Des catalogues qu'on garde sur son bureau » : couvertures entières (proportions réelles), éventail resserré */
.pf-fan figure{width:30%;aspect-ratio:auto}
.pf-fan img{height:auto;display:block}
.pf-fan figure:nth-child(1){transform:translate(-50%,-50%) translateX(-80%) rotate(-10deg)}
.pf-fan figure:nth-child(2){transform:translate(-50%,-50%) translateX(-40%) rotate(-5deg)}
.pf-fan figure:nth-child(4){transform:translate(-50%,-50%) translateX(40%) rotate(5deg)}
.pf-fan figure:nth-child(5){transform:translate(-50%,-50%) translateX(80%) rotate(10deg)}
.pf-fan:hover figure:nth-child(1){transform:translate(-50%,-50%) translateX(-96%) rotate(-13deg)}
.pf-fan:hover figure:nth-child(2){transform:translate(-50%,-50%) translateX(-50%) rotate(-6deg)}
.pf-fan:hover figure:nth-child(3){transform:translate(-50%,-50%) translateY(-3%) scale(1.04)}
.pf-fan:hover figure:nth-child(4){transform:translate(-50%,-50%) translateX(50%) rotate(6deg)}
.pf-fan:hover figure:nth-child(5){transform:translate(-50%,-50%) translateX(96%) rotate(13deg)}
@media (max-width:1000px){.pf-fan{height:92vw;max-height:470px}.pf-fan figure{width:36%}
  .pf-fan figure:nth-child(1),.pf-fan:hover figure:nth-child(1){transform:translate(-50%,-50%) translateX(-64%) rotate(-10deg)}
  .pf-fan figure:nth-child(2),.pf-fan:hover figure:nth-child(2){transform:translate(-50%,-50%) translateX(-32%) rotate(-5deg)}
  .pf-fan figure:nth-child(3),.pf-fan:hover figure:nth-child(3){transform:translate(-50%,-50%)}
  .pf-fan figure:nth-child(4),.pf-fan:hover figure:nth-child(4){transform:translate(-50%,-50%) translateX(32%) rotate(5deg)}
  .pf-fan figure:nth-child(5),.pf-fan:hover figure:nth-child(5){transform:translate(-50%,-50%) translateX(64%) rotate(10deg)}}
/* Configurateur : mention de la promotion bien visible ; bouton LINE lisible au survol (fond vert, texte foncé) */
.cfg-promo{display:flex;gap:.6rem;align-items:flex-start;margin:.7rem 0 1rem;padding:.75rem .9rem;border-radius:14px;background:linear-gradient(90deg,rgba(219,39,119,.28),rgba(139,92,246,.22));border:1px solid rgba(236,72,153,.55);font:700 .9rem/1.4 Sora,sans-serif;color:#fff}
.cfg-promo i{flex:none;width:9px;height:9px;margin-top:.4em;border-radius:50%;background:#f9a8d4;animation:obPulse 1.8s infinite}
.cfg-call .b-line{border:1px solid rgba(255,255,255,.4);color:#fff}
.cfg-call .b-line::before{background:#06c755}
.cfg-call .b-line:hover{color:#04210f;border-color:#06c755}
/* Prestations dédiées (jour, semaine, mois), distinctes des forfaits */
.ded{margin-top:9vh;display:grid;grid-template-columns:1fr 1.05fr;gap:4vw;align-items:center;padding:clamp(1.6rem,3.5vw,3rem);border-radius:30px;background:radial-gradient(60% 90% at 100% 0%,rgba(236,72,153,.28),transparent 60%),radial-gradient(60% 90% at 0% 100%,rgba(47,111,240,.28),transparent 60%),#0d1020;color:#fff}
.u-sec .ded .u-k{color:#f9a8d4}
.ded h3{font:700 clamp(1.5rem,2.6vw,2.3rem)/1.12 Sora,sans-serif;letter-spacing:-.035em;margin:.8rem 0 1rem}
.ded h3 em{font-style:normal;color:#8fb8ff}
.ded-t p{color:rgba(255,255,255,.72);line-height:1.65;margin-bottom:1.6rem;max-width:56ch}
.ded-g{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}
.ded-g>div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:1.2rem 1rem}
.ded-g small{display:block;font:600 .74rem Sora,sans-serif;letter-spacing:.08em;text-transform:uppercase;opacity:.7}
.ded-g b{display:block;font:800 clamp(1.3rem,2vw,1.75rem) Sora,sans-serif;letter-spacing:-.03em;margin:.35rem 0 .2rem}
.ded-g span{font-size:.82rem;opacity:.65}
.ded-n{grid-column:1/-1;font-size:.78rem;opacity:.6;margin-top:.3rem}
@media (max-width:1000px){.ded{grid-template-columns:1fr}}
@media (max-width:600px){.ded-g{grid-template-columns:1fr}}
/* « Une nouvelle identité pour lancer une gamme » : atelier en fond, intérieur du catalogue (benne levée), couverture devant */
.u-case .u-fig.u-mt img.mt-bg{inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;box-shadow:none;transform:none;filter:brightness(.5) saturate(.85)}
.u-case:hover .u-fig.u-mt img.mt-bg{transform:none}
.u-case .u-fig.u-mt img.mt-in{height:74%;z-index:1;transform:translateX(-26%) rotate(-7deg)}
.u-case .u-fig.u-mt img.mt-cv{height:82%;z-index:2;transform:translateX(20%) rotate(4deg)}
.u-case:hover .u-fig.u-mt img.mt-in{transform:translateX(-36%) rotate(-10deg)}
.u-case:hover .u-fig.u-mt img.mt-cv{transform:translateX(27%) rotate(6deg)}
/* Bouton contour dans le pavé de prix (« Poser une question », « Toutes nos prestations ») :
   contour dessiné à l'intérieur (ombre interne), jamais rogné par le bord arrondi ; au survol, fond blanc et texte foncé */
.ob-p .b-line{border:0;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.85)}
.ob-p .b-line::before{background:#fff}
.ob-p .b-line:hover{color:var(--ink)}
/* Catalogues & supports : cadre en hauteur pour un document en portrait, plus de découpe en haut et en bas */
.u-fig.sp-obj{aspect-ratio:4/4.5}
.u-fig.sp-obj img{width:auto;height:84%;max-height:none;max-width:82%}

/* ===== Bandeaux 3D des sous-pages (10/10) : même moteur que l'accueil, assets/js/hero3d.js =====
   La photo passe au second plan, un ciel profond accueille les particules à droite. */
.h3d{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:0;transition:opacity 1.2s ease}
.h3d-on .h3d{opacity:1}
.h3d-on .u-hero-media{opacity:.94}
/* 10/10 (Renaud) : la photo reste claire ; seulement une ombre très légère derrière les particules */
.h3d{background:radial-gradient(26% 40% at 79% 50%,rgba(6,7,11,.2),transparent 78%)}
@media (max-width:900px){
  .h3d-on .u-hero-in{padding-top:330px}
  .h3d{background:radial-gradient(60% 150px at 50% 205px,rgba(6,7,11,.22),transparent 80%)}
}

/* ===== Couleur de chaque univers dans la fiche de fin et le pied de page (vagues 2 et 3, 10/10) =====
   Marketing & Web : rose. Eronda : vert. Ingénierie industrielle : orange. Textes et boutons restent lisibles :
   bouton orange ou vert = texte sombre ; bouton rose = texte blanc. */
.fiche-marketing,.uv-mk{--fa:#ec4899;--fa2:#f9a8d4;--fa3:#a78bfa;--fb:#db2777;--fbt:#fff;--fr:236,72,153}
.fiche-eronda,.uv-er{--fa:#16b24b;--fa2:#86efac;--fa3:#70f888;--fb:#22c55e;--fbt:#04140a;--fr:22,178,75}
.fiche-industrie,.uv-in{--fa:#f2a33a;--fa2:#ffd08a;--fa3:#ff7a1a;--fb:#f2a33a;--fbt:#1a1206;--fr:242,163,58}
.fiche .ct-k{color:var(--fa2)}
.fiche h2 em{background-image:linear-gradient(90deg,var(--fa2),var(--fa) 35%,var(--fa3) 60%,var(--fa2))}
.fiche .btns .b-blue,.fiche .ct-ask button{background:var(--fb);color:var(--fbt)}
.fiche .btns .b-blue:hover{color:var(--ink)}
.fiche .btns .b-ghost:hover{border-color:var(--fa)}
.fiche .ia-tag{background:linear-gradient(135deg,var(--fa),var(--fa3));color:var(--fbt)}
.fiche .ct-opts a:hover{border-color:rgba(var(--fr),.6);background:rgba(var(--fr),.12)}
.fiche .ct-ask input:focus{outline:2px solid rgba(var(--fr),.55);outline-offset:1px}
.fiche:not(.fiche-anim) .ct-aura{background:radial-gradient(40% 50% at 72% 60%,rgba(var(--fr),.26),transparent 70%),radial-gradient(35% 40% at 18% 30%,rgba(var(--fr),.12),transparent 70%)}
.fiche.fiche-anim .ct-aura{background:radial-gradient(38% 55% at 16% 45%,rgba(var(--fr),.22),transparent 70%),radial-gradient(28% 40% at 94% 28%,rgba(var(--fr),.1),transparent 70%)}
.fiche .ct-ag{background:linear-gradient(150deg,rgba(var(--fr),.2),rgba(var(--fr),.06))!important;border-color:rgba(var(--fr),.4)!important}
.fiche .ct-card.pointee{animation-name:ficheUv;border-color:rgba(var(--fr),.65)}
@keyframes ficheUv{0%,100%{box-shadow:0 30px 70px -30px rgba(0,0,0,.9),0 0 0 0 rgba(var(--fr),0)}50%{box-shadow:0 30px 70px -30px rgba(0,0,0,.9),0 0 0 12px rgba(var(--fr),.3)}}
.uv-mk .ft,.uv-er .ft,.uv-in .ft{border-top-color:rgba(var(--fr),.28);background:radial-gradient(55% 70% at 82% 0%,rgba(var(--fr),.13),transparent 70%),radial-gradient(40% 50% at 8% 100%,rgba(var(--fr),.07),transparent 70%),rgba(6,7,11,.78)}
.uv-mk .ft .ft-form,.uv-er .ft .ft-form,.uv-in .ft .ft-form{background:var(--fb);color:var(--fbt)}
.uv-mk .ft .ft-form:hover,.uv-er .ft .ft-form:hover,.uv-in .ft .ft-form:hover{color:var(--ink)}
.uv-mk .ft a:hover,.uv-er .ft a:hover,.uv-in .ft a:hover,.uv-mk .ft-h a:hover,.uv-er .ft-h a:hover,.uv-in .ft-h a:hover{color:var(--fa2)}
.uv-mk .ft .giant,.uv-er .ft .giant,.uv-in .ft .giant{background-image:linear-gradient(180deg,rgba(var(--fr),.2),rgba(var(--fr),0) 85%)}

/* Réalisations : photos supplémentaires dans la visionneuse (vague 3, 10/10) */
.sp-dom-g figure[data-plus]{position:relative}
.sp-dom-g figure[data-plus]::after{content:attr(data-plus);position:absolute;right:8px;bottom:8px;font:600 .72rem Sora;padding:.45em .75em;border-radius:99px;background:rgba(6,7,11,.72);color:#fff;backdrop-filter:blur(6px);pointer-events:none}

/* ===== Eronda (vague 2, 10/10) : page générale, 5 sous-pages, formules et simulateur ===== */
.b-er{background:var(--emer);color:#04140a}.b-er::before{background:#fff}.b-er:hover{color:var(--ink)}
.u-h1 .ln{padding-bottom:.14em;margin-bottom:-.06em}
.er-tg{display:inline-block;font:600 .68rem var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:.35em .7em;border-radius:99px;background:color-mix(in srgb,var(--emer) 14%,#fff);color:#0f7a35;vertical-align:middle}
.dkb .er-tg,.dk .er-tg{background:rgba(112,248,136,.14);color:var(--emer2)}
/* grande bulle « ce n'est pas à vous de vous adapter… » */
.er-bulle{position:relative;max-width:1000px;margin:0 auto 6vh;padding:clamp(1.8rem,4vw,3.4rem);border-radius:36px;background:linear-gradient(135deg,#0b1a10,#0e2a17);color:#fff;box-shadow:0 40px 80px -40px rgba(15,122,53,.55)}
.er-bulle::after{content:"";position:absolute;left:12%;bottom:-22px;width:44px;height:44px;background:#0e2a17;transform:rotate(45deg);border-radius:6px}
.er-bulle-t{font:700 clamp(1.5rem,2.8vw,2.5rem)/1.2 Sora;letter-spacing:-.03em}
.er-bulle-t em{font-style:normal;color:var(--emer2)}
.er-bulle-g{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:1.8rem}
.er-bulle-g>div{padding:1.1rem 1.2rem;border-radius:18px;background:rgba(112,248,136,.07);border:1px solid rgba(112,248,136,.18);display:grid;gap:.35rem;align-content:start}
.er-bulle-g b{font:700 1rem Sora;color:var(--emer2)}
.er-bulle-g span{font-size:.9rem;line-height:1.55;color:rgba(255,255,255,.78)}
.er-bulle .btn{margin-top:1.6rem}
@media (max-width:800px){.er-bulle-g{grid-template-columns:1fr}}
.er-trades>*{border-top:3px solid var(--emer)}
/* tailles d'entreprise, couches d'adaptation */
.er-tailles{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.er-tailles>div{padding:1.6rem;border-radius:22px;background:#fff;border:1px solid var(--line);display:grid;gap:.4rem;align-content:start}
.er-tailles small{font:500 .74rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#0f7a35}
.er-tailles b{font:700 1.15rem Sora;letter-spacing:-.02em}
.er-tailles span{color:var(--grey);line-height:1.55;font-size:.95rem}
.er-couches{display:grid;gap:1rem;counter-reset:c}
.er-c{display:grid;grid-template-columns:56px 1fr;column-gap:1.4rem;padding:1.6rem 1.8rem;border-radius:22px;background:#fff;border:1px solid var(--line)}
.er-c>span{grid-row:span 2;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;font:800 1rem Sora;color:#0f7a35;background:color-mix(in srgb,var(--emer) 14%,#fff)}
.er-c h3{font:700 1.2rem Sora;letter-spacing:-.02em;margin-bottom:.4rem}
.er-c p{color:var(--grey);line-height:1.65}
.er-c a{color:#0f7a35;font-weight:600}
/* compris / développement */
.er-2col{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;position:relative}
.er-col{padding:2rem;border-radius:26px;background:#fff;border:1px solid var(--line)}
.er-col-ok{background:linear-gradient(160deg,#f1fbf4,#fff);border-color:color-mix(in srgb,var(--emer) 35%,#fff)}
.er-col>small{font:500 .74rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#0f7a35}
.er-col h3{font:700 1.4rem Sora;letter-spacing:-.03em;margin:.4rem 0 0}
.er-col .u-list{margin-top:1.2rem}
.er-col-p{margin-top:1.4rem;color:var(--grey);font-size:.95rem}
.er-col-p b{color:#0f7a35}
.er-tarifs{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:1.4rem}
.er-tarifs>div{padding:1.1rem 1.2rem;border-radius:16px;background:var(--paper);display:grid;gap:.25rem}
.er-tarifs small{font:500 .72rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--grey)}
.er-tarifs b{font:700 1.05rem Sora}
.er-tarifs span{font-size:.88rem;color:var(--grey);line-height:1.5}
.er-zone{grid-column:1/-1;justify-self:start;background:#eef0f3!important;margin:0}
.er-zone button.on{background:var(--ink)!important;color:#fff!important}
/* gains (8 cartes) */
.er-bens{display:grid;gap:1rem}
.er-ben{display:grid;grid-template-columns:64px 1.1fr 1fr;gap:1.6rem;align-items:start;padding:1.8rem 2rem;border-radius:26px;background:#fff;border:1px solid var(--line)}
.er-ben-n{font:800 1.6rem Sora;color:#0f7a35;letter-spacing:-.04em}
.er-ben h3{font:700 clamp(1.2rem,1.8vw,1.55rem)/1.2 Sora;letter-spacing:-.03em;margin-bottom:.5rem}
.er-ben p{color:var(--grey);line-height:1.65}
.er-ben-f{padding:1.1rem 1.3rem;border-radius:18px;background:var(--paper)}
.er-ben-f small{font:500 .72rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#0f7a35}
.er-ben-f ul{list-style:none;margin-top:.6rem;display:grid;gap:.45rem;font-size:.93rem;line-height:1.45}
.er-ben-f li{padding-left:1.1rem;position:relative}
.er-ben-f li::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--emer)}
.er-ben-f li.b{color:var(--grey)}
.er-ben-f li.b::before{background:#c9ced6}
/* origine */
.er-orig .u-h2 em{color:#0f7a35}
/* assistants */
.er-asst{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.er-a{position:relative;padding:2.2rem;border-radius:28px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;gap:.2rem}
.er-a2{background:linear-gradient(160deg,#0b1a10,#0f2a18);color:#fff;border-color:transparent}
.er-a>.er-tg{position:absolute;top:1.4rem;right:1.4rem}
.er-a-id{display:flex;align-items:center;gap:1rem;margin-bottom:.6rem}
.er-a-av{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:50% 18%;border:3px solid var(--emer);background:#0e2a17}
.er-a-logo{object-fit:contain;padding:10px}
.er-a-id small{font:500 .72rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#0f7a35}
.er-a2 .er-a-id small{color:var(--emer2)}
.er-a h2{font:800 clamp(1.7rem,2.6vw,2.3rem) Sora;letter-spacing:-.04em}
.er-a-l{font:600 1.05rem/1.4 Sora;margin:.2rem 0 .2rem}
.er-a .u-list{margin-top:1rem}
.er-a2 .u-list li{color:rgba(255,255,255,.85)}
.er-lim{margin-top:1.4rem;padding:1rem 1.2rem;border-radius:16px;background:#fff6e8;color:#7a4b00;line-height:1.55;font-size:.95rem}
.er-a2 .er-lim{background:rgba(255,255,255,.06);color:#ffe2b0}
.er-now{margin-top:.8rem;padding:1rem 1.2rem;border-radius:16px;background:#f1fbf4;color:#0f5c2a;line-height:1.55;font-size:.93rem}
.er-modes{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.er-modes>div{padding:2rem;border-radius:26px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;gap:.5rem}
.er-modes span{font:500 .72rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#0f7a35}
.er-modes b{font:700 1.3rem Sora;letter-spacing:-.02em}
.er-modes p{color:var(--grey);line-height:1.6}
.er-m-pay{margin-top:auto;padding-top:.8rem;border-top:1px solid var(--line)}
.er-m-pay b{font-size:.95rem}
.er-pay{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:1.2rem}
.er-pay>div{padding:1.8rem;border-radius:24px;background:#fff;border:1px solid var(--line)}
.er-pay b{display:block;font:700 1.1rem Sora;margin-bottom:.6rem}
.er-pay p,.er-pay li{color:var(--grey);line-height:1.6;font-size:.95rem}
.er-pay .u-list{margin-top:.8rem}
.er-pay a{color:#0f7a35;font-weight:600;text-decoration:underline}
.er-etat{display:grid;gap:.5rem;max-width:860px}
.er-etat>div{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.3rem;border-radius:16px;background:#fff;border:1px solid var(--line)}
.er-etat span{flex:none;font:600 .72rem var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:.4em .8em;border-radius:99px;background:#fff6e8;color:#7a4b00}
.er-etat .ok span{background:#e3f8e9;color:#0f7a35}
.er-etat .et span{background:#eef0f3;color:var(--grey)}
/* espace client Eronda */
.er-login{display:grid;grid-template-columns:.9fr 1.1fr;gap:5vw;align-items:center}
.er-login-c{padding:2.4rem;border-radius:30px;background:linear-gradient(160deg,#0b1a10,#0f2a18);color:#fff;box-shadow:0 40px 80px -40px rgba(15,122,53,.55)}
.er-login-c img{width:56px;height:56px;object-fit:contain;margin-bottom:1rem}
.er-login-c h2{font:800 1.9rem Sora;letter-spacing:-.04em;margin-bottom:.6rem}
.er-login-c p{color:rgba(255,255,255,.78);line-height:1.6}
.er-login-c .btns{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.4rem}
.er-login-c .b-erl{border-color:rgba(255,255,255,.4);color:#fff}
.er-login-n{display:block;margin-top:1rem;color:rgba(255,255,255,.55);font-size:.82rem}
.er-compat{display:grid;gap:.8rem;margin-top:1.6rem}
.er-compat>div{padding:1.2rem 1.4rem;border-radius:18px;background:var(--paper);display:grid;gap:.3rem}
.er-compat b{font:700 1.02rem Sora}
.er-compat span{color:var(--grey);line-height:1.55}
.er-sec{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.er-sec>div{padding:2rem;border-radius:26px;background:#fff;border:1px solid var(--line)}
.er-sec h3{font:700 1.3rem Sora;letter-spacing:-.02em;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.er-aide{display:grid;grid-template-columns:1.2fr .8fr;gap:5vw;align-items:center}
.er-acces{display:grid;grid-template-columns:1.2fr .8fr;gap:5vw;align-items:center}
.er-acces-c{padding:2rem;border-radius:26px;background:var(--paper);border:1px solid var(--line)}
.dkb .er-acces-c,.dk .er-acces-c{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}
.er-acces-c h3{font:700 1.3rem Sora;letter-spacing:-.02em;margin-bottom:.5rem}
.er-acces-c p{color:var(--grey);line-height:1.6;margin-bottom:1.2rem}
.dkb .er-acces-c p,.dk .er-acces-c p{color:rgba(255,255,255,.7)}
/* formules */
.er-zsw{display:inline-flex;gap:.3rem;padding:.3rem;border-radius:99px;background:#eef0f3;align-self:end}
.er-zsw button{border:0;background:none;font:700 .9rem Sora;padding:.55em 1.1em;border-radius:99px;cursor:pointer;color:var(--grey)}
.er-zsw button.on{background:var(--ink);color:#fff}
.erfs{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;align-items:stretch}
.erf{position:relative;padding:1.8rem 1.6rem;border-radius:26px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;gap:.6rem}
.erf-reco{border:2px solid var(--emer);box-shadow:0 30px 60px -36px rgba(15,122,53,.5)}
.erf-tag{position:absolute;top:-.85rem;left:1.4rem;font:600 .7rem var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:.45em .8em;border-radius:99px;background:var(--emer);color:#04140a}
.erf h3{font:800 1.45rem Sora;letter-spacing:-.03em}
.erf-pour{color:#0f7a35;font:600 .9rem/1.4 Sora}
.erf-prix{padding:.8rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.erf-prix s{color:#9aa1ab;font-size:.95rem;margin-right:.3rem}
.erf-prix b{font:800 2rem Sora;letter-spacing:-.04em}
.erf-prix small{display:block;color:var(--grey);font-size:.78rem;margin-top:.2rem}
.erf-d{color:var(--grey);line-height:1.55;font-size:.92rem;flex:1}
.erf .btn{justify-content:center}
.er-annexes{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.2rem}
.er-annexes>div{padding:1.3rem 1.4rem;border-radius:20px;background:var(--paper);display:grid;gap:.3rem;align-content:start}
.er-annexes>div>b{font:700 1rem Sora}
.er-annexes span{font-size:.95rem}
.er-annexes span s{color:#9aa1ab;margin-right:.25rem}
.er-annexes small{color:var(--grey);line-height:1.5;font-size:.84rem}
.er-cond{margin-top:2.4rem;padding:1.8rem 2rem;border-radius:24px;border:1px dashed color-mix(in srgb,var(--emer) 45%,#fff);background:#fbfefc}
.er-cond h3{font:700 1.15rem Sora}
.er-cond .u-list{margin-top:1rem}
.er-cfg{margin-top:0;background:#fff}
.er-fixe{cursor:default}
.er-pays{display:flex;flex-wrap:wrap;gap:.5rem}
.er-pays label{position:relative;padding:.7em 1.2em;border-radius:99px;border:1px solid var(--line);font:600 .9rem Sora;cursor:pointer;background:#fff}
.er-pays label.on{border-color:var(--emer);background:#f1fbf4;color:#0f7a35}
.er-pays input{position:absolute;opacity:0;pointer-events:none}
.er-sep{margin-top:.6rem;padding-top:.6rem;border-top:1px solid rgba(255,255,255,.15);font:500 .72rem var(--mono);letter-spacing:.08em;text-transform:uppercase;opacity:.7}
.er-inc{margin-top:1rem;font-size:.85rem;line-height:1.5;opacity:.85}
.er-inc ul{list-style:none;margin-top:.4rem;display:flex;flex-wrap:wrap;gap:.3rem}
.er-inc li{padding:.25em .6em;border-radius:99px;background:rgba(112,248,136,.12)}
.er-tw{overflow-x:auto;border-radius:24px;border:1px solid var(--line);background:#fff}
.ert{width:100%;border-collapse:collapse;min-width:720px}
.ert th,.ert td{padding:.9rem 1rem;border-bottom:1px solid var(--line);text-align:center;vertical-align:middle}
.ert thead th{position:sticky;top:0;background:#0e2a17;color:#fff;font:700 .9rem Sora}
.ert thead th:first-child{text-align:left}
.ert td:first-child{text-align:left;max-width:440px}
.ert td:first-child b{display:block;font:700 .95rem Sora}
.ert td:first-child small{display:block;color:var(--grey);font-size:.82rem;line-height:1.45;margin-top:.15rem}
.ert-g th{background:#f1fbf4;color:#0f7a35;text-align:left!important;font:600 .75rem var(--mono);letter-spacing:.08em;text-transform:uppercase}
.ert .oui i{font-style:normal;display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e3f8e9;color:#0f7a35;font-weight:800}
.ert .non span{color:#c9ced6}
/* navigation entre sous-pages */
.er-sib a:hover{border-color:var(--emer)}
@media (max-width:1100px){.erfs,.er-annexes{grid-template-columns:repeat(2,1fr)}.er-tailles{grid-template-columns:repeat(2,1fr)}.er-pay{grid-template-columns:1fr}}
@media (max-width:900px){.er-2col,.er-asst,.er-modes,.er-sec,.er-login,.er-aide,.er-acces{grid-template-columns:1fr}.er-ben{grid-template-columns:44px 1fr}.er-ben-f{grid-column:1/-1}}
@media (max-width:600px){.erfs,.er-annexes,.er-tailles,.er-tarifs{grid-template-columns:1fr}.er-c{grid-template-columns:1fr}.er-c>span{grid-row:auto;margin-bottom:.8rem}.er-a{padding:1.6rem}.er-a>.er-tg{position:static;align-self:flex-start;margin-bottom:.8rem}.er-bulle{border-radius:26px}}

/* ===== Portail « Espace client » (vague 2, 10/10) : 4 entrées ===== */
.ec-hero .u-k{color:#8fb8ff}
.ec-g{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}
.ec-c{position:relative;padding:2.2rem;border-radius:28px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start;gap:.7rem}
.ec-c>small{position:absolute;top:1.6rem;right:1.8rem;font:500 .8rem var(--mono);color:#9aa1ab}
.ec-i{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--paper);color:var(--ink)}
.ec-i svg{width:28px;height:28px}
.ec-i img{width:34px;height:34px;object-fit:contain}
.ec-c h2{font:800 clamp(1.5rem,2.2vw,1.9rem) Sora;letter-spacing:-.04em}
.ec-c>p{color:var(--grey);line-height:1.6}
.ec-c .btn{margin-top:auto}
.ec-n{font-size:.88rem;color:var(--grey);line-height:1.5}
.ec-b{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:auto}
.ec-b .btn{margin-top:0}
.ec-er{background:linear-gradient(160deg,#0b1a10,#0f2a18);color:#fff;border-color:transparent}
.ec-er>p,.ec-er .ec-n{color:rgba(255,255,255,.78)}
.ec-er .ec-i{background:rgba(112,248,136,.12)}
.ec-er .b-line{color:#fff}
.ec-f{width:100%;margin-top:auto;display:grid;gap:.5rem}
.ec-f label{font:600 .85rem Sora}
.ec-f>div{display:flex;gap:.5rem}
.ec-f input{flex:1;min-width:0;padding:.85rem 1rem;border-radius:14px;border:1px solid var(--line);font:500 .95rem Inter,sans-serif;background:var(--paper)}
.ec-f input:focus{outline:2px solid var(--blue);outline-offset:1px}
.ec-err{color:#b42318;font-size:.82rem}
@media (max-width:800px){.ec-g{grid-template-columns:1fr}.ec-f>div{flex-direction:column}}
.er-cfg .cfg-sum .cfg-go{background:var(--emer);color:#04140a;border:0}.er-cfg .cfg-sum .cfg-go:hover{color:var(--ink)}
.er-a>.er-tg{position:static;align-self:flex-start;margin-bottom:.8rem}
.er-pay .u-list li,.er-cond .u-list li{display:block;position:relative;padding-left:1.5rem}
.er-pay .u-list li::before,.er-cond .u-list li::before{position:absolute;left:0;top:.05em}
.er-acces-c img{width:60px;height:60px;object-fit:contain;margin-bottom:.8rem}

/* ===== Vague 4 (10/10) : composition des gros titres =====
   Lignes équilibrées (plus de mot isolé en fin de titre), titres un peu plus larges, paragraphes sans mot seul. */
h1,h2,h3,h4,.u-h1 .ln>span,.u-h2,.panel h2,.ct h2,.sl-t{text-wrap:balance}
.u-lead,.u-p,.sub,.lead,.ct .sub,.u-card p,.sp-dom-t p{text-wrap:pretty}
.u-h2{max-width:21ch}
.u-split .u-h2,.u-ai .u-h2{font-size:clamp(2.2rem,4.1vw,4.3rem)}
@media (max-width:600px){.fm-h h2{font-size:2rem}}

/* Vague 4 : accueil — panneau Eronda (assistante IA au présent, 12 fonctions) et phrases mises en valeur */
.p-er .er-ia{display:flex;align-items:center;gap:.7rem;max-width:560px;margin:-.4rem 0 1.4rem;font:700 clamp(1.02rem,1.3vw,1.2rem)/1.35 Sora;letter-spacing:-.01em;color:#0f7a35}
.p-er .er-ia i{flex:none;font:800 .7rem Sora;font-style:normal;padding:.45em .6em;border-radius:9px;background:linear-gradient(135deg,#16b24b,#70f888);color:#04140a}
.p-er .svc-er{grid-template-columns:repeat(3,1fr);max-width:700px;gap:0 1.3rem;margin-bottom:1.8rem}
.p-er .svc-er li{font-size:.84rem;padding:.45rem 0;line-height:1.25}
@media (max-width:1100px){.p-er .svc-er{grid-template-columns:1fr 1fr}}
.jr-h p,.bn-h p{max-width:430px}
.hl-p{display:block;margin-top:.35rem;font:700 clamp(1.25rem,1.7vw,1.6rem)/1.3 Sora;letter-spacing:-.02em;color:var(--ink)}
.jr-h .hl-p{color:#1d4ed8}
.bn-h .hl-p{color:#1d4ed8}
.p-er h2{font-size:clamp(2.2rem,3.9vw,4.5rem)}
.p-er .svc-er{max-width:740px}
/* Marketing & Web : « Pas une agence de plus » — titre sur toute la largeur, texte et photo dessous */
.mk-diff-h{margin-bottom:5vh}
.mk-diff-t{max-width:none;font-size:clamp(2.2rem,4.2vw,4.1rem);margin-bottom:0}
.mk-diff{align-items:start}
.mk-diff .u-p:first-child{margin-top:0}
/* Vague 4 : espaces resserrés entre blocs blancs qui se suivent (page Sites internet) */
.u-sec.pad-b-s,.ob.pad-b-s{padding-bottom:clamp(36px,6vh,64px)}
.u-sec.pad-t-s,.ob.pad-t-s{padding-top:clamp(36px,6vh,64px)}

/* ===== Vague 5 (Eronda, monnaies) ===== */
/* sélecteurs de zone à 4 marchés : Europe €, Amériques $, Thaïlande ฿, autres pays d'Asie ฿ + équivalent $ */
.u-zone,.er-zsw{flex-wrap:wrap;max-width:100%}
.u-zone button,.er-zsw button{white-space:nowrap}
.er-zsw button{font-size:.82rem;padding:.55em .95em}
.cfg-z{display:grid;grid-template-columns:1fr 1fr;gap:.3rem}
.cfg-z button{font-size:.78rem;padding:.6em .4em}
.z-eq{font:500 .72em/1.2 inherit;letter-spacing:0;opacity:.72;white-space:nowrap;margin-left:.25em;vertical-align:middle}
.ob-amt .z-eq,.erf-prix .z-eq{font-size:max(.36em,12px)}
.cfg-tot .z-eq{display:block;margin:.2em 0 0;font-size:.62em;opacity:.7}
.z-note{flex-basis:100%;width:100%;margin:-.6rem 0 1rem;font-size:.78rem;line-height:1.45;color:var(--grey)}
.cfg-sum .z-note{color:rgba(255,255,255,.6);margin:.1rem 0 1rem}
.er-2col .z-note{grid-column:1/-1;margin:0}
.dk .z-note,.dkb .z-note{color:rgba(255,255,255,.6)}
/* Formules : texte des licences combinées */
.er-comb{margin-top:1rem;max-width:62ch}
.u-head .er-zsw{flex:0 1 auto;justify-content:flex-end}
/* bulles « i » du simulateur */
.er-i{position:relative;display:inline-flex;vertical-align:middle;margin-left:.45rem;cursor:help;outline:none}
.er-i>i{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#e6f6ea;color:#0f7a35;font:700 .7rem/1 Sora;font-style:normal;border:1px solid #bfe6c9;transition:background .2s,color .2s}
.er-i:hover>i,.er-i:focus>i,.er-i.open>i{background:#0f7a35;color:#fff}
.er-tip{position:absolute;left:-14px;bottom:calc(100% + 10px);transform:translateY(6px);width:min(320px,78vw);padding:.9rem 1rem;border-radius:14px;background:#0b1a10;color:rgba(255,255,255,.86);font:400 .82rem/1.5 Inter,system-ui,sans-serif;letter-spacing:0;text-align:left;box-shadow:0 24px 50px -20px rgba(0,0,0,.55);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s;z-index:30}
.er-tip b{display:block;color:#70f888;font:700 .85rem Sora;margin-bottom:.3rem}
.er-tip::after{content:"";position:absolute;left:16px;top:100%;border:7px solid transparent;border-top-color:#0b1a10}
.er-i:hover .er-tip,.er-i:focus .er-tip,.er-i.open .er-tip{opacity:1;visibility:visible;transform:translateY(0)}
.er-lic .cfg-t b{display:flex;align-items:center}
.cfg-step button:disabled{opacity:.35;cursor:not-allowed}
.cfg-tl{margin:.4rem 0 0;font-size:.9rem;color:var(--grey)}
.cfg-tl b{color:var(--ink)}
.er-off{border-color:#9fdcb0!important;background:linear-gradient(135deg,#f2fbf4,#fff)!important}
.er-off .cfg-p b,.er-annexes .er-off span b{color:#0f7a35}
/* Métiers : pavé « Et encore bien d'autres » sur toute la largeur */
.u-trades .er-more{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;gap:.6rem 2rem;align-items:center;background:linear-gradient(120deg,#0b1a10,#123f22);color:#fff;border:0;text-decoration:none;transition:transform .3s}
.u-trades .er-more:hover{transform:translateY(-3px)}
.u-trades .er-more b{margin:0;color:#fff}
.u-trades .er-more span{color:rgba(255,255,255,.78)}
.u-trades .er-more em{font:700 .92rem Sora;font-style:normal;color:#70f888;white-space:nowrap}
@media (max-width:900px){.u-trades .er-more{grid-template-columns:1fr}}
/* Communauté Eronda (fond sombre) */
.er-comm{grid-template-columns:repeat(3,1fr)}
.er-comm .u-step{padding:2rem;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(255,255,255,.04)}
.er-comm .u-step::before{position:static;display:block;background:none!important;padding:0;margin-bottom:1rem;color:#70f888!important}
.er-comm .u-step h3{color:#fff}
.er-comm .u-step p{color:rgba(255,255,255,.72)}
.er-comm-n{margin-top:2rem;color:rgba(255,255,255,.62)}
@media (max-width:900px){.er-comm{grid-template-columns:1fr}}
/* Assistants : sécurité, fin d'Eronda W */
.er-secia .u-card h3{font-size:1.15rem}
.er-w-fin{margin-top:1.1rem;font:700 1rem Sora;color:#0f7a35}
/* Espace client Eronda : étapes, appareils, application */
.er-etapes{list-style:none;counter-reset:et;display:grid;gap:.8rem;margin-top:1.6rem;padding:0}
.er-etapes li{counter-increment:et;position:relative;padding:1.1rem 1.3rem 1.1rem 3.6rem;border-radius:18px;background:var(--paper);display:grid;gap:.25rem}
.er-etapes li::before{content:counter(et);position:absolute;left:1.1rem;top:1.05rem;width:1.8rem;height:1.8rem;border-radius:50%;display:grid;place-items:center;background:#0f7a35;color:#fff;font:700 .85rem Sora}
.er-etapes b{font:700 1rem Sora}
.er-etapes span{color:var(--grey);line-height:1.55;font-size:.94rem}
.er-dev{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.er-dev>div{padding:1.5rem;border-radius:22px;background:#fff;border:1px solid var(--line);display:grid;gap:.4rem;align-content:start}
.er-dev-i{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#e6f6ea;color:#0f7a35;margin-bottom:.4rem}
.er-dev-i svg{width:24px;height:24px;color:#0f7a35;stroke:#0f7a35}
.er-dev b{font:700 1.05rem Sora}
.er-dev span{color:var(--grey);line-height:1.55;font-size:.93rem}
.er-pwa{display:grid;grid-template-columns:1.1fr .9fr;gap:3vw;align-items:center;margin-top:1.2rem;padding:2rem 2.2rem;border-radius:26px;background:linear-gradient(140deg,#0b1a10,#0f2a18);color:#fff}
.er-pwa .u-k{color:#70f888!important}
.er-pwa h3{font:800 1.6rem Sora;letter-spacing:-.03em;margin:.4rem 0 .6rem}
.er-pwa p{color:rgba(255,255,255,.78);line-height:1.6}
.er-pwa .u-list li{color:rgba(255,255,255,.86)}
.er-dev-n{margin-top:1.2rem}
@media (max-width:1100px){.er-dev{grid-template-columns:repeat(2,1fr)}}
@media (max-width:700px){.er-dev,.er-pwa{grid-template-columns:1fr}.er-pwa{padding:1.6rem}}
.u-head:has(> .er-zsw){display:grid;grid-template-columns:1fr auto;align-items:end;gap:1.2rem 3rem}
.u-head>.z-note{grid-column:1/-1;margin:0;text-align:right}
@media (max-width:900px){.u-head:has(> .er-zsw){grid-template-columns:1fr}.u-head>.z-note{text-align:left}}

/* totaux du simulateur : l'ancien prix au-dessus, en petit ; montants sur une ligne */
.cfg-tot b{white-space:nowrap}
.cfg-tot b s{display:block;font-size:.5em;font-weight:600;opacity:.55;letter-spacing:0;margin-bottom:.1em}
.ec-n a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
/* bulles « i » sur téléphone : la bulle prend la largeur de la ligne, au-dessus d'elle */
.er-cfg .cfg-it{position:relative}
@media (max-width:600px){.er-i{position:static}.er-tip{left:10px;right:10px;width:auto;bottom:calc(100% - 6px)}.er-tip::after{display:none}}
@media (max-width:600px){.er-zsw,.u-zone{display:grid;grid-template-columns:1fr 1fr;border-radius:16px;width:100%}.er-zsw button,.u-zone button{border-radius:12px}}
/* v18 : phrase sous le nom de licence (annexes) ; aide sous le sélecteur de zone, toujours visible */
.er-annexes .er-ph{display:block;font:600 .84rem Sora;font-style:normal;color:#0f7a35;margin:-.1rem 0 .2rem}
.z-note{color:var(--grey)}
.u-card .er-ph{font:600 .86rem Sora;color:#0f7a35;margin:-.2rem 0 .4rem}
.er-w-prix{margin-top:1rem;font-size:.95rem;color:rgba(255,255,255,.82)}
.er-w-prix b{color:#fff;font:700 1.05rem Sora}

/* Site en achat (D-062) : encadré discret sous la comparaison, moins visible que l'abonnement */
.mx-buy{margin-top:clamp(18px,2.4vw,28px);display:grid;grid-template-columns:1.2fr 1fr;gap:.9rem 2.4rem;align-items:center;padding:clamp(20px,2.4vw,30px);border-radius:20px;border:1px dashed #c9ccd3;background:#fbfbfa;color:#4b4f5a}
.mx-buy small{font:500 .7rem "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:#7a7f8c}
.mx-buy h3{font:700 1.08rem/1.35 Sora;letter-spacing:-.01em;color:#2a2e38;margin:.45rem 0 .5rem}
.mx-buy-t p{font-size:.93rem;line-height:1.55}
.mx-buy-l{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.mx-buy-l li{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid #e6e7ea;font-size:.92rem}
.mx-buy-l b{font:600 .95rem Sora;color:#2a2e38;white-space:nowrap}
.mx-buy-n{grid-column:1/-1;font-size:.84rem;line-height:1.5;color:#6b707c;margin:0}
.mx-buy .btn{grid-column:1/-1;justify-self:start;font-size:.88rem}
@media (max-width:860px){.mx-buy{grid-template-columns:1fr}}
/* Configurateur : location ou achat (D-062) */
.cfg-mode{display:grid;grid-template-columns:1.15fr 1fr;gap:.5rem;margin-bottom:1.4rem}
.cfg-mode button{display:grid;gap:.15rem;text-align:left;padding:.85rem 1rem;border-radius:16px;border:1.5px solid var(--line);background:#fff;cursor:pointer;font:inherit;color:inherit;transition:border-color .2s,box-shadow .2s}
.cfg-mode button b{font:700 1rem Sora}
.cfg-mode button small{font-size:.8rem;color:var(--grey)}
.cfg-mode button.on{border-color:var(--acc);box-shadow:0 14px 30px -22px color-mix(in srgb,var(--acc) 80%,transparent)}
.cfg-mode button[data-mode="achat"]:not(.on){opacity:.8}
.cfg-tot.cfg-tot3{grid-template-columns:repeat(3,1fr)}
.cfg-tot.cfg-tot3 b{font-size:1.15rem}
.cfg-cmp{margin:-.4rem 0 1.2rem;display:grid;gap:.8rem}
.cfg-pay{font-size:.82rem;color:rgba(255,255,255,.7);margin:0}
.cfg-cmp-b{padding:1rem 1.1rem;border-radius:16px;background:rgba(91,209,154,.08);border:1px solid rgba(91,209,154,.35)}
.cfg-cmp-b>b{font:700 .98rem Sora;color:#5bd19a}
.cfg-cmp-b p{font-size:.86rem;line-height:1.5;color:rgba(255,255,255,.82);margin:.35rem 0 .6rem}
.cfg-cmp-b p strong{color:#fff}
.cfg-cmp-b ul{list-style:none;margin:0 0 .4rem;padding:0;display:grid;gap:.3rem}
.cfg-cmp-b li{display:flex;justify-content:space-between;gap:.8rem;font-size:.84rem;color:rgba(255,255,255,.78)}
.cfg-cmp-b li em{font-style:normal;font-weight:700;color:#fff;white-space:nowrap}
.cfg-cmp-b small{display:block;font-size:.78rem;color:rgba(255,255,255,.6);margin-bottom:.7rem}
.cfg-cmp-b .btn{font-size:.85rem}
.cfg-opts,.cfg-sum,.cfg-mode>*{min-width:0}
@media (max-width:600px){.cfg-mode{grid-template-columns:1fr 1fr}.cfg-mode button{padding:.75rem .8rem}.cfg-tot.cfg-tot3{grid-template-columns:1fr 1fr 1fr}.cfg-tot.cfg-tot3 b{font-size:1rem}}
/* Téléphone : la bulle IA accrochée sous le doigt de l'assistante animée (agent.js) */
.fab.fab-doigt{animation:fabDoigt 1.7s ease-out 3}
.fab.fab-doigt{gap:0}.fab.fab-doigt .fab-t{max-width:0;padding:0}
@keyframes fabDoigt{0%{box-shadow:0 0 0 0 rgba(139,92,246,.6),0 20px 50px -20px rgba(0,0,0,.8)}100%{box-shadow:0 0 0 18px rgba(139,92,246,0),0 20px 50px -20px rgba(0,0,0,.8)}}
@media (prefers-reduced-motion:reduce){.fab.fab-doigt{animation:none}}
/* Petits téléphones (360 px) : la fiche de contact ne déborde plus de l'écran */
.fiche .ct-w>*,.fiche .ct-av>*{min-width:0}.fiche .ct-card{max-width:100%;box-sizing:border-box}

/* Audit 13/10 : encarts « Innovation » des pages Eronda */
.er-inno{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:clamp(20px,2.6vw,34px)}
.er-inno>div{position:relative;padding:1.3rem 1.2rem 1.25rem;border-radius:18px;background:radial-gradient(120% 120% at 0 0,rgba(22,178,75,.22),transparent 60%),#0b1510;color:#dfe9e2;border:1px solid rgba(112,248,136,.32);box-shadow:0 22px 50px -30px rgba(22,178,75,.55)}
.er-inno small{display:inline-block;font:600 .64rem "JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:#70f888;margin-bottom:.55rem}
.er-inno b{display:block;font:700 1.02rem/1.3 Sora;color:#fff;margin-bottom:.4rem}
.er-inno span{font-size:.9rem;line-height:1.5;color:rgba(223,233,226,.82)}
@media (max-width:1000px){.er-inno{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.er-inno{grid-template-columns:1fr}}

/* Audit 11/10 : simulateurs par page (configurateur.js) — onglets, passerelles, reste de la sélection */
.cfg-tabs{display:flex;flex-wrap:wrap;gap:.45rem;margin:-1rem 0 2rem}
.cfg-tabs button,.cfg-tabs a{padding:.6em 1em;border-radius:99px;border:1.5px solid var(--line);background:#fff;font:600 .88rem Sora;color:var(--ink);cursor:pointer;text-decoration:none;transition:border-color .2s,background .2s,color .2s}
.cfg-tabs button:hover,.cfg-tabs a:hover{border-color:var(--acc)}
.cfg-tabs button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.cfg-tabs .cfg-tab-er{border-color:#16b24b;color:#0f7a35}
.cfg-ponts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.6rem;margin-top:1.4rem}
.cfg-pont{display:grid;gap:.25rem;padding:1rem 1.1rem;border-radius:16px;background:linear-gradient(120deg,rgba(236,72,153,.1),rgba(139,92,246,.08));border:1px dashed color-mix(in srgb,var(--acc) 55%,var(--line));color:var(--ink);text-decoration:none;transition:transform .2s,border-color .2s}
.cfg-pont:hover{transform:translateY(-2px);border-style:solid}
.cfg-pont span{font-size:.9rem;color:var(--grey)}
.cfg-pont b{font:700 .95rem Sora;color:var(--acct,var(--acc))}
.cfg-pont b i{font-style:normal}
.cfg-dvs{font:600 .85rem Inter,sans-serif!important;color:var(--grey)}
.cfg-lines li.cfg-vide span{opacity:.6;font-style:italic}
.cfg-tot .cfg-an{grid-column:1/-1}
.cfg-reste{margin:-.4rem 0 1.2rem;padding:.8rem 1rem;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}
.cfg-reste summary{cursor:pointer;font:600 .86rem Sora;list-style:none;display:flex;justify-content:space-between;gap:.6rem}
.cfg-reste summary::-webkit-details-marker{display:none}
.cfg-reste summary::after{content:"+";opacity:.6}
.cfg-reste details[open] summary::after{content:"−"}
.cfg-reste summary em{font-style:normal;margin-left:auto;background:rgba(255,255,255,.12);border-radius:99px;padding:.1em .6em;font-size:.78rem}
.cfg-reste .cfg-lines{margin:.6rem 0 .2rem;max-height:200px}
.cfg-all{display:flex;justify-content:space-between;align-items:baseline;gap:.8rem;margin-top:.6rem;padding-top:.6rem;border-top:1px solid rgba(255,255,255,.14)}
.cfg-all small{font-size:.72rem;opacity:.65;text-transform:uppercase;letter-spacing:.08em}
.cfg-all b{font:700 .95rem Sora;text-align:right}
.cfg-mode button small{line-height:1.4}
@media (max-width:600px){.cfg-tabs{margin-top:0;flex-wrap:nowrap;overflow-x:auto;padding-bottom:.4rem;-webkit-overflow-scrolling:touch}.cfg-tabs button,.cfg-tabs a{flex:none}}
/* Invitation vers les simulateurs (page Marketing & Web) */
.simu-inv{margin-top:10vh;border-radius:32px;padding:clamp(1.6rem,4vw,3.4rem);background:radial-gradient(90% 120% at 0 0,rgba(236,72,153,.16),transparent 60%),radial-gradient(90% 120% at 100% 100%,rgba(139,92,246,.14),transparent 60%),var(--paper);border:1px solid var(--line);display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:center}
.simu-inv h3{font-size:clamp(1.7rem,3vw,2.6rem);letter-spacing:-.045em;line-height:1.08;margin:.8rem 0 .6rem}
.simu-inv h3 em{font-style:normal;color:var(--acct,var(--acc))}
.simu-inv p{color:var(--grey);line-height:1.6}
.simu-inv-b{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.simu-inv-b>a{display:grid;gap:.35rem;padding:1.2rem;border-radius:20px;background:#fff;border:1.5px solid var(--line);color:var(--ink);text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}
.simu-inv-b>a:hover{transform:translateY(-3px);border-color:var(--acc);box-shadow:0 20px 40px -28px color-mix(in srgb,var(--acc) 80%,transparent)}
.simu-inv-b small{font:500 .7rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--acct,var(--acc))}
.simu-inv-b b{font:700 1.05rem Sora;letter-spacing:-.02em}
.simu-inv-b span{font-size:.86rem;color:var(--grey)}
.simu-inv-all{grid-column:1/-1;font-size:.92rem;color:var(--grey)}
.simu-inv-all{margin:0}.simu-inv-all a{color:var(--acct,var(--acc));font-weight:600;text-decoration:underline;text-underline-offset:3px}
@media (max-width:860px){.simu-inv{grid-template-columns:1fr}}
@media (max-width:480px){.simu-inv-b{grid-template-columns:1fr}}
/* Kohren : encadré « Vous préférez acheter ? » en deux colonnes nettes */
@media (min-width:861px){.mx-buy{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:3.2rem}.mx-buy-t{max-width:44ch}.mx-buy-l{border-left:1px solid #e6e7ea;padding-left:2.2rem}}
/* Bulle « Vous voulez un site comme celui-ci ? » (page Sites internet) */
.sp-moi{display:grid;grid-template-columns:auto 1fr;gap:clamp(1.2rem,3vw,2.6rem);align-items:center;padding:clamp(1.3rem,3vw,2.4rem);border-radius:28px;background:linear-gradient(120deg,#1a0b1f,#0d0f1f);color:#fff;border:1px solid rgba(236,72,153,.35);box-shadow:0 40px 80px -50px rgba(236,72,153,.6)}
.sp-moi-b{position:relative;display:grid;gap:.25rem;padding:1.1rem 1.4rem;border-radius:22px 22px 22px 6px;background:linear-gradient(135deg,#ec4899,#8b5cf6);max-width:340px}
.sp-moi-b::after{content:"";position:absolute;left:-8px;bottom:6px;border:9px solid transparent;border-right-color:#ec4899;border-left:0}
.sp-moi-b b{font:800 clamp(1.15rem,2vw,1.45rem)/1.2 Sora;letter-spacing:-.03em}
.sp-moi-b span{font:600 1rem Sora;opacity:.92}
.sp-moi-t p{color:rgba(255,255,255,.8);line-height:1.65;margin:0 0 1rem;max-width:62ch}
@media (max-width:760px){.sp-moi{grid-template-columns:1fr}.sp-moi-b::after{display:none}}
/* Référencement : 12 familles reliées aux packs, sélection en rose (audit 11/10) */
.seo-sel{display:grid;grid-template-columns:1fr auto;gap:1rem 2rem;align-items:center;margin:0 0 1.6rem;padding:1.2rem 1.4rem;border-radius:20px;background:#fff;border:1px solid var(--line)}
.seo-sel-t b{display:block;font:700 1.05rem Sora;letter-spacing:-.02em}
.seo-sel-t span{font-size:.88rem;color:var(--grey)}
.seo-sel-b{display:flex;flex-wrap:wrap;gap:.4rem}
.seo-sel-b button{padding:.55em 1em;border-radius:99px;border:1.5px solid #f9a8d4;background:#fff;font:600 .86rem Sora;color:#9d174d;cursor:pointer;transition:background .2s,color .2s}
.seo-sel-b button:hover{background:#fdf2f8}
.seo-sel-b button.on{background:#ec4899;border-color:#ec4899;color:#fff}
.seo-cumul{grid-column:1/-1;list-style:none;margin:0;padding:.8rem 0 0;border-top:1px solid var(--line);display:grid;gap:.3rem;font-size:.9rem;color:var(--grey)}
.seo-cumul b{color:var(--ink)}
.seo-sel-n{grid-column:1/-1;margin:0;font-size:.82rem;color:var(--grey)}
.seo-pk{display:inline-block;margin:.2rem 0 .5rem;padding:.25em .7em;border-radius:99px;font:600 .7rem var(--mono);letter-spacing:.04em;background:#f2f3f6;color:#4b4f5a}
.seo-pk1{background:#fdf2f8;color:#9d174d}.seo-pk2{background:#fce7f3;color:#9d174d}.seo-pk3{background:#fbcfe8;color:#831843}.seo-pk4{background:#f9a8d4;color:#500724}.seo-pk0{background:#eef2ff;color:#3730a3}
.seo-c{transition:background .3s,border-color .3s,opacity .3s,transform .3s}
.seo-g.sel .seo-c{opacity:.45}
.seo-g.sel .seo-c.in{opacity:1;background:linear-gradient(160deg,#fdf2f8,#fce7f3);border-color:#ec4899;box-shadow:0 18px 40px -28px rgba(236,72,153,.8);transform:translateY(-2px)}
@media (max-width:760px){.seo-sel{grid-template-columns:1fr}}
/* Catalogues & supports : textiles, objets et supports physiques */
.obj-g{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.6rem}
.obj-g li{padding:1rem 1.1rem;border-radius:16px;background:#fff;border:1px solid var(--line);font:600 .95rem Sora;letter-spacing:-.01em;display:flex;align-items:center;gap:.6rem}
.obj-g li::before{content:"";flex:none;width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#ec4899,#8b5cf6)}
.aud-l li b{color:var(--ink)}
/* Audit 11/10 : logo plus grand et toujours visible en haut à gauche (bureau) ; menu centré sur toute la barre (Kohren) */
.hd .logo{position:relative;z-index:2;border-radius:18px;transition:background .4s,padding .4s,box-shadow .4s}
.hd .logo img{height:112px}
.hd.solid .logo img{height:70px}
.hd.solid .logo{padding:5px 10px;background:rgba(12,14,22,.62);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 14px 34px -18px rgba(0,0,0,.7)}
@media (min-width:1061px){
  /* trois colonnes : le menu reste au centre de la barre tant que la place le permet, sans jamais chevaucher les boutons */
  .hd{display:grid;grid-template-columns:minmax(max-content,1fr) auto minmax(max-content,1fr);align-items:center}
  .hd .logo{justify-self:start}
  .nv{margin:0;transition:transform .5s var(--ease),opacity .4s}
  .hd-r{justify-self:end;transition:transform .5s var(--ease),opacity .4s}
  .hd.hide{transform:none}
  .hd.hide .nv{transform:translateY(-220%);opacity:0;pointer-events:none}
  .hd.hide .hd-r{transform:translateY(-220%);opacity:0;pointer-events:none}
}
@media (min-width:1061px) and (max-width:1380px){.nl{padding:.7em .78em;font-size:.82rem}.hd-cta{padding:.85em 1.1em}}
@media (max-width:1060px){.hd .logo img{height:76px}.hd.solid .logo img{height:56px}.hd.solid .logo{padding:4px 8px}}
@media (max-width:600px){.hd .logo img{height:62px}.hd.solid .logo img{height:48px}.hd.solid .logo{padding:3px 7px;border-radius:14px}}
/* Espace client sans grand bandeau : les accès tout de suite (audit 11/10) */
.ec-top{position:relative;background:radial-gradient(70% 90% at 15% 0%,rgba(47,111,240,.22),transparent 60%),radial-gradient(60% 80% at 100% 100%,rgba(22,178,75,.14),transparent 60%),#07090f;color:#fff;padding:clamp(150px,15vw,190px) 0 clamp(48px,6vw,80px)}
.ec-tt{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1.4rem;margin-bottom:clamp(22px,3vw,36px)}
.ec-tt .u-k{color:#8fb8ff;flex-basis:100%}
.ec-tt h1{font:800 clamp(2rem,3.6vw,3rem)/1.05 Sora;letter-spacing:-.045em;margin:0}
.ec-tt p{color:rgba(255,255,255,.72);margin:0;max-width:52ch}
.ec-g.ec-g3{grid-template-columns:repeat(3,1fr)}
.ec-top .ec-c{color:var(--ink)}
.ec-top .ec-c.ec-er{color:#fff;border:1px solid rgba(112,248,136,.3)}
.ec-top .ec-c h2{font-size:clamp(1.35rem,1.8vw,1.6rem)}
@media (max-width:1000px){.ec-g.ec-g3{grid-template-columns:1fr}}
/* Passe de détails (Kohren) : rien ne dépasse de l'écran sur les petits téléphones (360 px) */
@media (max-width:1000px){.ct-w{grid-template-columns:minmax(0,1fr)}.u-contact,.u-show,.u-offer,.u-hero-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){
  .ct-av,.ct-pic,.u-form,.u-side,.u-fgrid>*{min-width:0;max-width:100%;box-sizing:border-box}
  .u-fgrid{grid-template-columns:minmax(0,1fr)}
  .btn{white-space:normal;max-width:100%;text-align:center;justify-content:center}
}
@media (max-width:1199px){.fiche-anim .ct-w{grid-template-columns:minmax(0,1fr)}}
@media (max-width:1000px){.ct:not(.fiche-anim) .ct-w{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.fiche .ct-av{width:100%!important;max-width:100%!important}.fiche .ct-av>.ct-pic:not(.ct-vid),.fiche .ct-av>.ct-card{width:100%!important;max-width:100%!important}}
@media (max-width:600px){.u-badge[style*="left:-"]{left:3%!important}.u-badge[style*="right:-"]{right:3%!important}}
/* Accueil, téléphone : l'étiquette « Offre spéciale » se lit comme une phrase */
@media (max-width:600px){.offre-tag{display:block;border-radius:18px;padding:.6rem .9rem;line-height:1.7;font-size:.92rem}.offre-tag span{display:inline-block;margin-right:.5rem;line-height:1.2}.offre-tag b{white-space:nowrap}}
/* Pages légales (version BUSINESS du 15/10) : sous-titres, listes et tableaux */
.lg-p h3{font:700 1.05rem Sora;margin:1.8rem 0 .5rem;color:var(--ink)}
.lg-p ol{padding-left:1.4rem}
.lg-p li{margin:.2rem 0}
.lg-p strong{color:var(--ink)}
.lg-p table{width:100%;border-collapse:collapse;margin:1rem 0 1.4rem;font-size:.92rem}
.lg-p th,.lg-p td{border:1px solid var(--line);padding:.55rem .7rem;text-align:left;vertical-align:top;color:#444}
.lg-p th{background:var(--paper);color:var(--ink);font-weight:600}
@media (max-width:600px){.lg-p table{display:block;overflow-x:auto}}
.lg-p a.btn{color:#fff;text-decoration:none;margin:0 0 2rem}
/* CGV en deux éditions (17/10) */
.lg-p .lg-ed{font-size:.92rem;color:var(--grey,#6b7280);margin-top:.4rem}
.lg-p .lg-ed a{text-decoration:underline}
.cfg-legal a{color:inherit;text-decoration:underline}

/* 17/10 : étiquettes sans majuscules (moins « site fait par IA ») ; un seul bandeau qui tourne par page */
.eyebrow,.u-k,.ob-k,.ct-k,.fm-k{text-transform:none!important;letter-spacing:.01em!important;font-family:inherit!important;font-weight:600!important;font-size:.95rem!important}
.pf-wall .pf-row{animation:none!important}

/* 19/10 : bulle « Vous avez déjà un fournisseur ? » (Catalogues & supports médias) */
.fab-d{max-width:440px;display:grid;gap:1.1rem}
.fab-b{max-width:none}
@media (max-width:760px){.fab-b::after{display:none}}

/* 19/10 (D-083) : choix du pays à la place des boutons de zone (simulateurs, offres, Eronda) */
.u-zone.zp,.cfg-z.zp,.er-zsw.zp{display:block;background:none;padding:0;border-radius:0;width:auto;max-width:340px;margin-bottom:.4rem}
.u-head .er-zsw.zp{justify-self:end;min-width:260px}
.zp-l{display:block;font:600 .78rem Sora;letter-spacing:.01em;opacity:.75;margin-bottom:.4rem}
.zp .zp-b{display:flex;align-items:center;gap:.6rem;width:100%;padding:.75em 1em;border-radius:12px;cursor:pointer;font:600 .95rem Sora;color:inherit;text-align:left;opacity:1;flex:none;white-space:nowrap;
  border:1px solid color-mix(in srgb,currentColor 28%,transparent);background:color-mix(in srgb,currentColor 7%,transparent);transition:border-color .2s}
.zp .zp-b:hover,.zp .zp-b[aria-expanded="true"]{border-color:color-mix(in srgb,currentColor 60%,transparent)}
.zp-n{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zp-m{flex:none;font-weight:700;opacity:.8}
.zp .zp-b i{flex:none;font-style:normal;font-size:.75em;opacity:.7}
.zp-p{position:fixed;z-index:9999;display:flex;flex-direction:column;background:#fff;color:#14151a;border-radius:14px;padding:.55rem;box-shadow:0 30px 70px -20px rgba(6,7,11,.55),0 0 0 1px rgba(6,7,11,.08)}
.zp-p[hidden]{display:none}
.zp-q{width:100%;box-sizing:border-box;padding:.7em .85em;border:1px solid #d9dbe2;border-radius:10px;font:500 .95rem Sora;color:#14151a;background:#f7f8fa;outline:none}
.zp-q:focus{border-color:#8b5cf6;background:#fff}
.zp-ul{list-style:none;margin:.45rem 0 0;padding:0;overflow:auto;flex:1;min-height:0}
.zp-ul li{padding:.55em .75em;border-radius:8px;cursor:pointer;font:500 .92rem Sora}
.zp-ul li.act,.zp-ul li[data-c]:hover{background:#f1effc}
.zp-ul li[aria-selected="true"]{font-weight:700}
.zp-ul .zp-sep{height:1px;padding:0;margin:.35rem .4rem;background:#e3e5ea;pointer-events:none;border-radius:0}
.zp-ul .zp-vide{color:#6b7280;cursor:default}
@media (max-width:600px){.u-zone.zp,.cfg-z.zp,.er-zsw.zp{max-width:none;width:100%}}
.cfg>.cfg-z.zp{max-width:380px;margin:-1.4rem 0 .5rem}
.cfg>.cfg-z.zp+.z-note{margin:0 0 2.2rem}

/* 19/10 : Eronda « Ce que vous y gagnez », situations du quotidien : la situation dans une bulle verte, la réponse en dessous */
.er-cas{display:grid;grid-template-columns:repeat(2,1fr);gap:1.1rem 1.4rem}
.er-cas>div{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding:1.4rem 1.5rem;border-radius:22px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09)}
.er-cas b{position:relative;display:inline-block;max-width:100%;padding:.62em 1.05em;border-radius:18px 18px 18px 5px;background:linear-gradient(135deg,#4ade80,#16a34a);color:#04210f;font:700 1.02rem/1.3 Sora;letter-spacing:-.01em;box-shadow:0 14px 30px -18px rgba(34,197,94,.9)}
.er-cas span{display:block;color:rgba(255,255,255,.84);font-size:1rem;line-height:1.6;padding-left:.15rem}
@media (max-width:760px){.er-cas{grid-template-columns:1fr}.er-cas>div{padding:1.2rem}}

/* 19/10 : bandeau « Vous souhaitez Eronda ? Calculer mon prix » sur toutes les pages Eronda (vers le simulateur) */
.er-prix{display:flex;align-items:center;justify-content:space-between;gap:1.6rem 2.4rem;flex-wrap:wrap;padding:clamp(1.5rem,3.2vw,2.4rem) clamp(1.5rem,3.6vw,2.8rem);border-radius:28px;text-decoration:none;color:#fff;
  background:radial-gradient(70% 120% at 100% 0%,rgba(112,248,136,.28),transparent 60%),linear-gradient(120deg,#062b15,#0b1f14 60%,#0a1410);border:1px solid rgba(112,248,136,.22);box-shadow:0 40px 80px -45px rgba(22,178,75,.65);transition:transform .35s var(--ease,ease),box-shadow .35s}
.er-prix:hover{transform:translateY(-3px);box-shadow:0 50px 90px -45px rgba(22,178,75,.85)}
.er-prix-t{display:grid;gap:.45rem;flex:1 1 380px}
.er-prix-t b{font:800 clamp(1.5rem,2.8vw,2.2rem)/1.1 Sora;letter-spacing:-.04em}
.er-prix-t span{color:rgba(255,255,255,.78);font-size:1.02rem;line-height:1.55;max-width:560px}
.er-prix-b{flex:none;display:inline-flex;align-items:center;gap:.7rem;padding:1.05em 1.7em;border-radius:99px;background:var(--emer2,#70f888);color:#04140a;font:800 1.08rem Sora;letter-spacing:-.01em;box-shadow:0 18px 40px -18px rgba(112,248,136,.9)}
.er-prix-b i{font-style:normal;transition:transform .3s}
.er-prix:hover .er-prix-b i{transform:translateX(5px)}
@media (max-width:600px){.er-prix-b{width:100%;justify-content:center}}

/* ===== 19/10 (D-084) : rubrique « Conseils & actualités » ===== */
.bl-f{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 2.4rem}
.bl-f button{border:1px solid var(--line,#e3e5ea);background:#fff;color:var(--ink,#14151a);font:600 .9rem Sora;padding:.65em 1.15em;border-radius:99px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.bl-f button:hover{border-color:var(--ink,#14151a)}
.bl-f button.on{background:var(--ink,#14151a);color:#fff;border-color:var(--ink,#14151a)}
.bl-g{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.bl-card{display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid var(--line,#e3e5ea);text-decoration:none;color:var(--ink,#14151a);transition:transform .35s var(--ease,ease),box-shadow .35s}
.bl-card:hover{transform:translateY(-4px);box-shadow:0 30px 60px -35px rgba(6,7,11,.45)}
.bl-card[hidden]{display:none}
.bl-img{display:block;aspect-ratio:16/9;overflow:hidden;background:#0d0f1f}
.bl-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease,ease)}
.bl-card:hover .bl-img img{transform:scale(1.04)}
.bl-txt{display:flex;flex-direction:column;gap:.55rem;padding:1.3rem 1.4rem 1.5rem;flex:1}
.bl-txt small{font:700 .78rem Sora;color:var(--pink,#ec4899)}
.bl-card[data-th="gestion-entreprise"] .bl-txt small{color:#0f7a35}
.bl-card[data-th="industrie"] .bl-txt small{color:#c47a12}
.bl-card[data-th="technologies-ia"] .bl-txt small{color:#7c3aed}
.bl-txt b{font:800 1.22rem/1.25 Sora;letter-spacing:-.025em}
.bl-txt>span{color:var(--grey,#5b6170);line-height:1.6;font-size:.97rem}
.bl-txt em{margin-top:auto;padding-top:.4rem;font-style:normal;font-size:.82rem;color:var(--grey,#5b6170)}
.bl-g:not(.filtre) .bl-une{grid-column:1/-1;flex-direction:row}
.bl-g:not(.filtre) .bl-une .bl-img{flex:0 0 56%;aspect-ratio:auto;min-height:340px}
.bl-g:not(.filtre) .bl-une .bl-txt{justify-content:center;padding:2.2rem 2.4rem;gap:.8rem}
.bl-g:not(.filtre) .bl-une .bl-txt b{font-size:clamp(1.5rem,2.4vw,2.1rem)}
.bl-g:not(.filtre) .bl-une .bl-txt em{margin-top:.4rem}
.bl-vide{font-size:1.1rem;color:var(--grey,#5b6170)}
.bl-g3{grid-template-columns:repeat(3,1fr)}
@media (max-width:1000px){.bl-g{grid-template-columns:1fr 1fr}.bl-g:not(.filtre) .bl-une{flex-direction:column}.bl-g:not(.filtre) .bl-une .bl-img{flex:none;min-height:0;aspect-ratio:16/9}}
@media (max-width:640px){.bl-g,.bl-g3{grid-template-columns:1fr}}
/* l'article */
.bl-hero .bl-h1{font-size:clamp(2.1rem,4.4vw,3.6rem);line-height:1.05;letter-spacing:-.04em;max-width:22ch}
.bl-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .8rem;margin:1.2rem 0 0;font:600 .88rem Sora;color:rgba(255,255,255,.75)}
.bl-meta i{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.6}
.bl-corps .wrap{max-width:820px}
.bl-art{font-size:1.1rem;line-height:1.75;color:#262832}
.bl-art>*+*{margin-top:1.15em}
.bl-art h2{font:800 clamp(1.5rem,2.6vw,2rem)/1.2 Sora;letter-spacing:-.03em;color:var(--ink,#14151a);margin-top:2.2em}
.bl-art h3{font:700 1.25rem/1.3 Sora;letter-spacing:-.02em;color:var(--ink,#14151a);margin-top:1.8em}
.bl-art ul,.bl-art ol{padding-left:1.3em}
.bl-art li+li{margin-top:.45em}
.bl-art li::marker{color:var(--pink,#ec4899);font-weight:700}
.bl-art a{color:var(--blue,#2f6ff0);text-decoration:underline;text-underline-offset:3px}
.bl-art strong{color:var(--ink,#14151a)}
.bl-art blockquote{margin:1.6em 0;padding:1.1em 1.4em;border-left:4px solid var(--pink,#ec4899);background:#faf7fb;border-radius:0 14px 14px 0;font-style:normal}
.bl-art .bl-astuce{padding:1.2em 1.4em;border-radius:16px;background:#f1effc;border:1px solid #e2dcfb}
.bl-art .bl-astuce strong:first-child{display:block;margin-bottom:.3em}
.bl-art img,.bl-art figure{max-width:100%;height:auto;border-radius:16px}
.bl-art table{width:100%;border-collapse:collapse;font-size:.98rem}
.bl-art th,.bl-art td{padding:.6em .8em;border-bottom:1px solid var(--line,#e3e5ea);text-align:left}
.bl-cta{display:flex;align-items:center;justify-content:space-between;gap:1.4rem 2rem;flex-wrap:wrap;margin-top:3.2rem;padding:1.8rem 2rem;border-radius:24px;text-decoration:none;color:#fff;
  background:radial-gradient(70% 120% at 100% 0%,rgba(236,72,153,.35),transparent 60%),linear-gradient(120deg,#1a0b1f,#0d0f1f);box-shadow:0 40px 80px -45px rgba(139,92,246,.7);transition:transform .35s var(--ease,ease)}
.bl-cta:hover{transform:translateY(-3px)}
.bl-single[data-th="gestion-entreprise"] .bl-cta{background:radial-gradient(70% 120% at 100% 0%,rgba(112,248,136,.28),transparent 60%),linear-gradient(120deg,#062b15,#0a1410)}
.bl-single[data-th="industrie"] .bl-cta{background:radial-gradient(70% 120% at 100% 0%,rgba(242,163,58,.35),transparent 60%),linear-gradient(120deg,#2a1704,#14100a)}
.bl-cta-t{display:grid;gap:.4rem;flex:1 1 320px}
.bl-cta-t b{font:800 clamp(1.3rem,2.4vw,1.8rem)/1.15 Sora;letter-spacing:-.035em}
.bl-cta-t span{color:rgba(255,255,255,.78);line-height:1.55}
.bl-cta-b{flex:none;display:inline-flex;align-items:center;gap:.6rem;padding:1em 1.6em;border-radius:99px;background:#fff;color:#14151a;font:800 1rem Sora}
.bl-cta-b i{font-style:normal;transition:transform .3s}
.bl-cta:hover .bl-cta-b i{transform:translateX(5px)}
@media (max-width:600px){.bl-cta-b{width:100%;justify-content:center}}

/* ---- Sélecteur de langue (1.7.0) ---- */
.lgs{display:flex;align-items:center;gap:2px;padding:3px;border-radius:99px;background:rgba(12,14,22,.45);backdrop-filter:blur(14px);font:600 .74rem/1 Sora,system-ui,sans-serif;letter-spacing:.04em}
.lgs a,.lgs b{display:inline-block;padding:.55em .7em;border-radius:99px;color:rgba(255,255,255,.72);text-decoration:none}
.lgs a:hover{color:#fff;background:rgba(255,255,255,.1)}
.lgs b{color:#fff;background:rgba(255,255,255,.16)}
.lgs-m{display:inline-flex;margin-top:1rem}
@media(max-width:1060px){.hd-r>.lgs{display:none}}