/* =========================================================
   Impaaact · familles ajoutées pour les pages types
   S'ajoute à prisme-nuit.css (copie exacte de la production),
   sans le modifier. Mêmes jetons, mêmes anneaux de 1 px,
   mêmes rayons (7 px commandes, 14 à 22 px cartes), même
   lumière des IA. Chaque famille sert à plusieurs pages (R19).
   ========================================================= */

/* ---------- Socle commun ---------- */
.sec{--bg-sec:var(--paper)}
.sec-band{--bg-sec:#0d0e10}
.nav a[aria-current="page"]{color:var(--ink);background:rgba(255,255,255,.06)}
.mnav-links a[aria-current="page"]{color:var(--ink)}
.foot-legal a{display:inline-flex;align-items:center;min-height:40px;color:var(--soft);transition:color .3s}
.foot-legal a:hover{color:var(--ink)}
/* Cinq liens au lieu de trois : la navigation garde sa largeur propre, sans passer à la ligne */
.nav{width:max-content}
@media (min-width:761px) and (max-width:1020px){
  .nav{gap:0}
  .nav a{padding:0 9px;font-size:14px}
}
@media (max-width:640px){
  .foot-col a{width:auto;min-height:44px;line-height:1.35}
}
.sec-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;margin-top:clamp(36px,4vw,52px)}
.sec-foot p{font-size:15px;color:var(--soft)}
.sec-head.is-center{display:block;text-align:center;max-width:44em;margin-inline:auto}
.sec-head.is-center .eyebrow{justify-content:center}
.sec-head.is-center .lead{margin-top:22px}
.sec-head.is-solo .h2{grid-column:1/span 9}

/* ---------- Fil d'Ariane ---------- */
.crumbs{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 0;margin:0 0 26px;font-size:13px;line-height:1.4;color:var(--muted)}
.crumbs li{display:flex;align-items:center}
.crumbs li+li::before{content:"";width:5px;height:5px;margin:0 12px 0 10px;border-top:1.4px solid var(--faint);border-right:1.4px solid var(--faint);transform:rotate(45deg)}
.crumbs a{display:inline-flex;align-items:center;min-height:32px;color:var(--soft);transition:color .25s}
.crumbs a:hover{color:var(--ink)}
.crumbs [aria-current]{color:var(--muted)}

/* ---------- Hero de page : le hero d'accueil en version compacte ---------- */
.page-hero{position:relative;isolation:isolate;padding-top:clamp(36px,4vw,60px);padding-bottom:clamp(64px,6.4vw,104px);background:var(--paper);text-align:center}
.page-hero>.container{position:relative;z-index:1}
.page-hero .ha-surface{max-height:820px}
.page-hero .hero-eyebrow{margin-bottom:22px}
.page-title{max-width:15.5em;margin:0 auto;font-size:clamp(38px,4.7vw,70px);line-height:1.07;letter-spacing:-.047em;font-weight:400;color:var(--ink)}
.page-title .tail{font-weight:380}
.page-lead{max-width:36em;margin:24px auto 0;font-size:clamp(17px,1.35vw,19.5px);line-height:1.6;color:var(--body)}
.page-actions{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:30px}
.page-note{font-size:13.5px;color:var(--muted)}
.page-hero .hero-logo{height:var(--h,34px);width:auto;margin:0 auto 26px}
/* Variante alignée à gauche (article, T7) */
.page-hero.is-left{text-align:left}
.page-hero.is-left .crumbs{justify-content:flex-start}
.page-hero.is-left .page-title,.page-hero.is-left .page-lead{margin-inline:0}
/* Variante sobre (pages utilitaires) : pas de lumière, moins de hauteur */
.page-hero.is-plain{padding-bottom:clamp(40px,4vw,64px)}
.page-hero.is-plain+.sec:not(.sec-band){padding-top:clamp(16px,2vw,32px)}

/* ---------- Bandeau de références compact sous le hero (T1 §2) ---------- */
.clients.is-compact{margin-top:clamp(64px,6.4vw,96px);text-align:left}
.logo-grid{background:rgba(255,255,255,.27)}
.t-results .res-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:52px;margin-top:20px;border-top:1px solid var(--line);font-size:14.5px;font-weight:500;color:var(--soft)}
.t-results .res-more-in{display:grid;flex:none;grid-template-rows:0fr;transition:grid-template-rows .55s var(--ease)}
.t-results .res-more-in>div{min-height:0;overflow:hidden;visibility:hidden;transition:visibility 0s linear .55s}
.t-results .res-more.is-open .res-more-in{grid-template-rows:1fr}
.t-results .res-more.is-open .res-more-in>div{visibility:visible;transition:none}
.t-results .res-more .bars{margin:6px 0 18px}
.t-results .res-more .res-meta{margin-bottom:8px}
.logo-grid.is-row{grid-template-columns:repeat(8,minmax(0,1fr))}
.logo-grid.is-row .logo-cell{height:clamp(84px,7vw,100px);padding:14px}
@media (max-width:1080px){.logo-grid.is-row{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:640px){
  .logo-grid.is-row .logo-cell{height:72px;padding:8px}
  .logo-grid.is-row img{height:calc(var(--h,34px) * .72)}
}

/* ---------- Deux colonnes : texte à gauche, carte à droite ---------- */
.offer-split{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(40px,6vw,96px);align-items:start}
.offer-copy .h2{margin-bottom:28px}
.offer-copy .lead+p,.offer-copy p+p{margin-top:16px}
.offer-copy .link{margin-top:18px}

/* ---------- Carte d'offre : le prix, les livrables, une action ---------- */
.offer{position:relative;isolation:isolate;display:flex;flex-direction:column;padding:30px 30px 26px;border-radius:18px;background:var(--card);box-shadow:0 0 0 1px var(--line-2),inset 0 1px 0 rgba(255,255,255,.05),0 40px 80px -50px rgba(0,0,0,.9)}
.offer-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px}
.offer-name{font-size:15px;font-weight:520;color:var(--ink)}
.offer-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin-top:26px;font-size:clamp(54px,5.2vw,78px);line-height:.92;letter-spacing:-.06em;font-weight:300;font-variant-numeric:tabular-nums;color:var(--ink)}
.offer-price small{font-size:15px;line-height:1.3;letter-spacing:-.01em;font-weight:460;color:var(--soft)}
.offer-price.is-quote{font-size:clamp(40px,3.8vw,54px);letter-spacing:-.05em}
.offer-desc{margin-top:14px;font-size:15.5px;line-height:1.55;color:var(--body)}
.offer .halo,.offer .btn{width:100%}
.offer-foot{margin-top:14px;font-size:12.5px;line-height:1.5;color:var(--muted);text-align:center}
.checks{display:grid;gap:12px;margin:24px 0 26px;padding-top:22px;border-top:1px solid var(--line)}
.checks li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;font-size:15px;line-height:1.5;color:var(--body)}
.checks .ic{width:22px;height:22px;padding:4.5px;border-radius:50%;background:#1a1b1f;box-shadow:inset 0 0 0 1px var(--line-2);color:var(--ink)}
.checks b{font-weight:560;color:var(--ink)}

/* ---------- Faits clés : la grille à filets des fiches projet ---------- */
.kpis{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:1px;padding:1px;border-radius:var(--r);background:var(--line-2);overflow:hidden;box-shadow:var(--sh-2)}
.kpis>div{padding:22px 22px 20px;background:#101114}
.kpis b{display:block;font-size:clamp(28px,2.5vw,36px);line-height:1.08;letter-spacing:-.045em;font-weight:320;font-variant-numeric:tabular-nums;color:var(--ink)}
.kpis span{display:block;margin-top:8px;font-size:14px;line-height:1.45;color:var(--soft)}
.kpis-src{margin-top:14px;font-size:12.5px;line-height:1.5;color:var(--muted)}

/* ---------- Étapes : pastilles à pictogramme sur une ligne (le pictogramme dit l'étape, la ligne et l'ordre de la liste disent la suite) ---------- */
.steps{--sn:45px;position:relative;display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:28px}
.steps::before{content:"";position:absolute;left:calc(var(--sn) / 2 - .5px);right:calc(var(--sn) / 2 - .5px);top:calc(var(--sn) / 2 - .5px);height:1px;background:linear-gradient(90deg,var(--line-2),rgba(255,255,255,.22) 50%,var(--line-2))}
.step{position:relative}
.step-n{position:relative;display:grid;place-items:center;width:var(--sn);height:var(--sn);border-radius:50%;background:#16171a;box-shadow:inset 0 0 0 1px var(--line-2),var(--sh-1),0 0 0 7px var(--bg-sec,var(--paper));color:var(--ink)}
.step-n .ic{width:22px;height:22px}
.step h3{margin:20px 0 10px;font-size:19px;line-height:1.25;letter-spacing:-.025em;font-weight:450}
.step p{font-size:15.5px;line-height:1.58;color:var(--body)}
.step-meta{display:inline-flex;align-items:center;gap:7px;margin-top:14px;padding:6px 11px;border-radius:999px;background:#1a1b1f;box-shadow:inset 0 0 0 1px var(--line);font-size:12px;font-weight:540;color:var(--soft)}
.step-meta .ic{width:13px;height:13px}

/* ---------- Cartes de service : icône de marque, lumière de sa couleur ---------- */
.svc-grid{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:20px}
.svc-card{--c:#8a8d94;position:relative;display:flex;flex-direction:column;padding:26px 26px 20px;border-radius:18px;background:var(--card);box-shadow:0 0 0 1px var(--line),inset 0 1px 0 rgba(255,255,255,.04),0 34px 60px -48px color-mix(in srgb,var(--c) 28%,transparent);transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
a.svc-card:hover,.svc-card:has(.card-link:hover){transform:translateY(-4px);box-shadow:0 0 0 1px var(--line-2),0 36px 64px -34px color-mix(in srgb,var(--c) 32%,transparent),0 12px 26px -16px rgba(0,0,0,.6)}
.svc-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#1a1b1f;box-shadow:inset 0 0 0 1px var(--line-2),0 14px 26px -14px color-mix(in srgb,var(--c) 30%,transparent)}
.svc-ic .t-ic,.svc-ic .ic{width:22px;height:22px}
.svc-ic .ic{color:var(--soft)}
.svc-card .svc-label{margin-top:22px}
.svc-card h3{margin:8px 0 10px;font-size:21px;line-height:1.22;letter-spacing:-.025em;font-weight:450}
.svc-card>h3:first-child,.svc-ic+h3{margin-top:22px}
.svc-card p{font-size:15.5px;line-height:1.58;color:var(--body)}
.svc-card .card-link{margin-top:auto;padding-top:12px;align-self:flex-start}
.card-link::after{content:"";position:absolute;inset:0;border-radius:inherit}
.svc-card .price-tag{display:inline-flex;align-self:flex-start;margin-top:16px;padding:6px 11px;border-radius:999px;background:#1a1b1f;box-shadow:inset 0 0 0 1px var(--line);font-size:12.5px;font-weight:540;color:var(--soft)}
.svc-card.is-wide{grid-column:span 2}
.group-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;margin:0 0 20px}
.group-title h3{font-size:clamp(22px,1.9vw,27px);line-height:1.2;letter-spacing:-.03em;font-weight:420}
.group-title p{font-size:15px;color:var(--soft)}
.group+.group{margin-top:clamp(48px,5vw,72px)}

/* ---------- Moteurs couverts : cartes neutres, marques colorées ---------- */
.engines{display:grid;grid-template-columns:repeat(var(--cols,5),minmax(0,1fr));gap:14px}
.engine-tile{display:flex;flex-direction:column;gap:14px;padding:22px 20px 20px;border-radius:var(--r);background:var(--card);box-shadow:0 0 0 1px var(--line)}
.engine-tile img{width:34px;height:34px}
.engine-tile b{font-size:17px;font-weight:500;letter-spacing:-.015em;color:var(--ink)}
.engine-tile span{font-size:14px;line-height:1.5;color:var(--soft)}
.engine-tile .chip{align-self:flex-start;margin-top:auto;font-size:12px}
.engine-tile .chip.plan{font-size:12px}

/* ---------- Sections image + texte : une image, un H2, côtés alternés (R14) ---------- */
.split .fig{margin:0}
.split .fig .ill{box-shadow:0 0 0 1px var(--line),0 40px 80px -50px rgba(0,0,0,.9)}
.split .fig .cov{border:0;border-radius:18px;box-shadow:0 0 0 1px var(--line),var(--sh-3)}
.split .fig figcaption{margin-top:14px}
.split-copy .lead+p{margin-top:16px}
.split-copy .link{display:flex;width:max-content;max-width:100%;margin-top:18px}
.split-copy .btn-row{margin-top:26px}

/* ---------- Illustrations statiques reprises des services ---------- */
.ill.is-static .i-type{animation:none;clip-path:none}

/* ---------- Article (T7) : une colonne de lecture de 940 px ---------- */
.art{width:min(940px,86%);margin-inline:auto}
.art-head{padding-top:clamp(28px,3.4vw,52px)}
.art-head .crumbs{justify-content:flex-start;margin-bottom:22px}
.art-cat{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#1a1b1f;box-shadow:inset 0 0 0 1px var(--line);font-size:12.5px;font-weight:540;color:var(--soft)}
.art-cat .zz{width:14px;height:11px}
.art-title{margin-top:20px;max-width:15em;font-size:clamp(36px,4.3vw,60px);line-height:1.08;letter-spacing:-.045em;font-weight:400}
.art-title .tail{font-weight:380}
.art-lead{max-width:38em;margin-top:22px;font-size:clamp(18px,1.45vw,20.5px);line-height:1.6;color:var(--body)}
.art-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:30px;padding-top:22px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}
.art-author{display:flex;align-items:center;gap:12px;color:var(--soft)}
.art-author img{width:38px;height:38px;border-radius:50%;object-fit:cover}
.art-author b{display:block;font-weight:520;color:var(--ink)}
.art-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--faint)}
.art-cover{margin:36px 0 0}
.art-cover .cov{aspect-ratio:16/9;border:0;border-radius:18px;box-shadow:0 0 0 1px var(--line),var(--sh-3)}
.art-cover .cov-in{font-size:clamp(9px,2.2cqw,15px)}
.art-cover figcaption{margin-top:12px;font-size:12.5px;line-height:1.5;color:var(--muted)}

.prose{padding-block:clamp(44px,4.4vw,68px) clamp(80px,8vw,120px);font-size:17px;line-height:1.8;color:var(--body)}
.prose>*+*{margin-top:1.15em}
.prose h2{margin-top:2.1em;font-size:clamp(28px,2.7vw,40px);line-height:1.18;letter-spacing:-.035em;font-weight:400;scroll-margin-top:96px}
.prose h2+*{margin-top:.8em}
.prose h3{margin-top:1.9em;font-size:clamp(20px,1.7vw,24px);line-height:1.3;letter-spacing:-.025em;font-weight:450}
.prose h3+*{margin-top:.6em}
.prose a{color:var(--ink);text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);text-decoration-thickness:1px;text-underline-offset:3px;transition:text-decoration-color .3s}
.prose a:hover{text-decoration-color:var(--ink)}
.prose strong,.prose b{color:var(--ink)}
.prose ul{display:grid;gap:.55em}
.prose ul li{position:relative;padding-left:1.35em}
.prose ul li::before{content:"";position:absolute;left:.2em;top:.78em;width:6px;height:6px;border-radius:50%;background:var(--soft)}
.prose ol{display:grid;gap:.7em;counter-reset:n}
.prose ol li{position:relative;padding-left:2.4em;counter-increment:n}
.prose ol li::before{content:counter(n);position:absolute;left:0;top:.18em;display:grid;place-items:center;width:1.7em;height:1.7em;border-radius:50%;background:#16171a;box-shadow:inset 0 0 0 1px var(--line-2);font-size:.78em;font-weight:560;line-height:1;color:var(--ink)}
.prose figure{margin-block:2em}
.prose figcaption{margin-top:12px;font-size:12.5px;line-height:1.5;color:var(--muted)}
.prose .quote{margin-block:2.2em}
.prose .quote svg{width:34px;height:24px;margin-bottom:18px;color:#44464c}
.prose .quote p{font-size:clamp(20px,1.8vw,24px);line-height:1.5;letter-spacing:-.02em;color:var(--text)}
.prose .quote cite{display:block;margin-top:14px;font-size:14px;font-style:normal;color:var(--muted)}
.toc{padding:22px 24px;border-radius:var(--r);background:var(--card);box-shadow:0 0 0 1px var(--line),var(--sh-2)}
.toc p{font-size:13px;font-weight:500;color:var(--muted)}
.toc ol{display:grid;gap:2px;margin-top:10px;counter-reset:t}
.toc li{counter-increment:t}
.toc a{display:flex;align-items:baseline;gap:12px;min-height:40px;padding:8px 0;font-size:15.5px;line-height:1.45;color:var(--body);text-decoration:none;transition:color .25s}
.toc a::before{content:counter(t,decimal-leading-zero);flex:none;font-size:12.5px;font-variant-numeric:tabular-nums;color:var(--faint)}
.toc a:hover{color:var(--ink)}
.prose .toc{margin-top:0}
/* Les listes des composants gardent leur propre dessin dans une colonne .prose */
.prose .toc li{padding-left:0;counter-increment:t}
.prose .toc li::before,.prose .au-engines li::before,.prose .checks li::before{content:none}
.prose .au-engines li{padding-left:.5em}
.prose .checks li{padding-left:0}
/* Les légendes passent au-dessus de l'ombre des blocs positionnés (.cov, .ill) peints après elles */
.fig figcaption,.art-cover figcaption,.prose figcaption{position:relative}
.keypoints{padding:24px 26px;border-radius:var(--r);background:var(--card);box-shadow:0 0 0 1px var(--line-2),var(--sh-2)}
.keypoints>p:first-child{font-size:13px;font-weight:500;color:var(--muted)}
.keypoints ul{margin-top:12px;gap:10px}
.keypoints ul li{padding-left:34px;font-size:16px;line-height:1.6}
.keypoints ul li::before{left:0;top:.2em;width:22px;height:22px;border-radius:50%;background:#1a1b1f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f6' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.2 4.2L19 7'/%3E%3C/svg%3E") center/13px no-repeat;box-shadow:inset 0 0 0 1px var(--line-2)}
.note{padding:18px 20px;border-radius:var(--r);background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px var(--line);font-size:15.5px;line-height:1.65;color:var(--soft)}
.note b{color:var(--ink)}
@media (max-width:640px){
  .prose{font-size:16px}
  .art{width:auto;margin-inline:0}
}

/* ---------- Bandeau d'action de fin d'article (T7) ---------- */
.cta-band{padding-block:clamp(72px,7vw,110px)}
.cta-card{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px 56px;align-items:center;padding:clamp(30px,3.6vw,52px);border-radius:22px;background:var(--card);box-shadow:0 0 0 1px var(--line),inset 0 1px 0 rgba(255,255,255,.04),0 40px 80px -50px rgba(0,0,0,.9);overflow:hidden}
.cta-card::before{content:"";position:absolute;right:-8%;top:-60%;z-index:-1;width:520px;height:420px;background:radial-gradient(closest-side,rgba(255,255,255,.07),transparent)}
.cta-card h2{font-size:clamp(28px,2.8vw,42px);line-height:1.1;letter-spacing:-.04em;font-weight:400}
.cta-card p{max-width:34em;margin-top:14px;color:var(--body)}

/* ---------- Cartes d'articles : variantes de la carte du blog ---------- */
.post .card-link{position:static}
.post:has(.card-link:hover){transform:translateY(-4px);box-shadow:0 0 0 1px var(--line-2),0 30px 56px -30px rgba(0,0,0,.9)}
.post{position:relative}
.post h3 a{color:inherit}
.post .post-meta{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:12px;font-size:12.5px;color:var(--muted)}
.post .post-meta .badge{margin-top:0}
.post.is-feature{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.post.is-feature .cov{aspect-ratio:auto;min-height:100%;border-bottom:0;border-right:1px solid var(--line)}
.post.is-feature .post-body{justify-content:center;padding:clamp(28px,3vw,44px)}
.post.is-feature h3{font-size:clamp(26px,2.4vw,34px);line-height:1.14;letter-spacing:-.035em;font-weight:420}
.post.is-feature p{font-size:16.5px}
.post.is-compact{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
.post.is-compact .cov{aspect-ratio:auto;min-height:100%;border-bottom:0;border-right:1px solid var(--line)}
.post.is-compact .post-body{padding:20px 22px 22px}
.post.is-compact h3{font-size:18px}
.post.is-compact p{font-size:14.5px}
.rel-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
.rel-grid>.post:first-child{grid-row:span 2}
.rel-grid>.post:first-child .cov{aspect-ratio:16/11}
.filters{display:flex;flex-wrap:wrap;gap:4px;margin:0 -6px 26px;padding:6px}
.filter{flex:none;display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 18px;border-radius:999px;font-size:15px;font-weight:470;letter-spacing:-.012em;white-space:nowrap;color:var(--soft);transition:color .3s,background-color .3s,box-shadow .45s var(--ease)}
.filter:hover{color:var(--ink);background:rgba(255,255,255,.05)}
.filter[aria-pressed="true"]{color:var(--ink);background:var(--card-2);box-shadow:0 0 0 1px var(--line-2),var(--sh-1),0 8px 20px -12px rgba(0,0,0,.8)}
.filter small{font-size:12.5px;font-variant-numeric:tabular-nums;color:var(--muted)}
.list-count{margin:-10px 0 22px;font-size:13.5px;color:var(--muted)}
[data-filter-item][hidden]{display:none}

/* ---------- Formulaires ---------- */
.form-layout{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(32px,5vw,80px);align-items:start}
.form-card{padding:clamp(24px,3vw,40px);border-radius:22px;background:var(--card);box-shadow:0 0 0 1px var(--line),inset 0 1px 0 rgba(255,255,255,.04),0 40px 80px -50px rgba(0,0,0,.9)}
.form-card>h2{font-size:clamp(24px,2.2vw,30px);line-height:1.15;letter-spacing:-.035em;font-weight:420}
.form-card>h2+p{margin-top:10px;color:var(--soft);font-size:15.5px}
.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px;margin-top:28px}
.field{display:grid;gap:9px;align-content:start;min-width:0}
.field.is-full,.form>fieldset,.form-foot{grid-column:1/-1}
fieldset{min-width:0;margin:0;padding:0;border:0}
.label,legend{padding:0;font-size:14px;font-weight:500;line-height:1.4;color:var(--soft)}
legend{margin-bottom:12px}
.label .opt,legend .opt{font-weight:400;color:var(--muted)}
.input,.select,.textarea{width:100%;min-height:52px;margin:0;padding:0 16px;border:0;border-radius:var(--r-s);background:#0e0f11;box-shadow:inset 0 0 0 1px var(--line-2);font:inherit;font-size:16px;letter-spacing:-.011em;color:var(--ink);transition:box-shadow .3s var(--ease),background-color .3s;-webkit-appearance:none;appearance:none}
.textarea{min-height:148px;padding:14px 16px;line-height:1.6;resize:vertical}
.select{padding-right:46px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c8cacf' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:18px;cursor:pointer}
.select option{background:#131417;color:var(--ink)}
.input::placeholder,.textarea::placeholder{color:#7d8088;opacity:1}
.input:hover,.select:hover,.textarea:hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.24)}
.input:focus,.select:focus,.textarea:focus{outline:0;background:#131417;box-shadow:inset 0 0 0 1px rgba(255,255,255,.62),0 0 0 4px rgba(255,255,255,.07)}
.hint{font-size:13px;line-height:1.5;color:var(--muted)}
.field.has-error .input,.field.has-error .textarea,.field.has-error .select{box-shadow:inset 0 0 0 1px #f28b82,0 0 0 4px rgba(242,139,130,.12)}
.error{display:none;font-size:13px;line-height:1.45;color:#f28b82}
.field.has-error .error{display:block}
.choices{display:flex;flex-wrap:wrap;gap:8px}
.choice{position:relative;display:inline-flex}
.choice input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.choice span{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 16px 0 13px;border-radius:999px;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px var(--line-2);font-size:14.5px;font-weight:470;letter-spacing:-.012em;color:var(--soft);transition:color .3s,background-color .3s,box-shadow .45s var(--ease)}
.choice .t-ic{width:17px;height:17px}
.choice:hover span{color:var(--ink);background:rgba(255,255,255,.05)}
.choice input:checked+span{color:var(--ink);background:var(--card-2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5),0 8px 20px -12px rgba(0,0,0,.8)}
.choice input:focus-visible+span{outline:2px solid var(--ink);outline-offset:3px}
.rcards{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:10px}
.rcard{position:relative;display:flex}
.rcard input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.rcard span{flex:1;display:grid;gap:5px;padding:16px 16px 15px;border-radius:12px;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px var(--line-2);transition:background-color .3s,box-shadow .45s var(--ease)}
.rcard b{font-size:15px;font-weight:520;color:var(--ink)}
.rcard small{font-size:13px;line-height:1.45;color:var(--muted)}
.rcard:hover span{background:rgba(255,255,255,.05)}
.rcard input:checked+span{background:var(--card-2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55),0 10px 24px -14px rgba(0,0,0,.9)}
.rcard input:focus-visible+span{outline:2px solid var(--ink);outline-offset:3px}
.consent{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;align-items:start;font-size:14px;line-height:1.55;color:var(--soft);cursor:pointer}
.consent a{color:var(--ink);text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:3px}
.box{display:grid;place-items:center;width:22px;height:22px;margin:0;border-radius:6px;background:#0e0f11;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color .25s,box-shadow .25s}
.box::after{content:"";width:10px;height:5.5px;margin-top:-2px;border-left:2px solid #0a0a0b;border-bottom:2px solid #0a0a0b;transform:rotate(-45deg) scale(0);transition:transform .3s var(--ease)}
.box:checked{background:var(--ink);box-shadow:none}
.box:checked::after{transform:rotate(-45deg) scale(1)}
.box:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.form-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;padding-top:6px}
.form-foot .hint{max-width:28em}
.form-aside{position:sticky;top:112px;display:grid;gap:18px}
.aside-card{padding:24px 24px 22px;border-radius:18px;background:var(--card);box-shadow:0 0 0 1px var(--line),var(--sh-2)}
.aside-card>p:first-child{font-size:13px;font-weight:500;color:var(--muted)}
.aside-card h2,.aside-card h3{margin-top:10px;font-size:21px;line-height:1.25;letter-spacing:-.025em;font-weight:450}
.aside-card .checks{margin:18px 0 0;padding-top:18px}
.aside-card .checks li{font-size:14.5px}
.mini-steps{display:grid;gap:18px;margin-top:18px}
.mini-steps li{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px}
.mini-n{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#16171a;box-shadow:inset 0 0 0 1px var(--line-2);color:var(--ink)}
.mini-n .ic{width:16px;height:16px}
.mini-steps div{padding-top:5px}
.mini-steps b{display:block;font-size:15px;font-weight:520;color:var(--ink)}
.mini-steps div span{display:block;margin-top:3px;font-size:14px;line-height:1.5;color:var(--soft)}
.contact-lines{display:grid;gap:4px;margin-top:14px}
.contact-lines a,.contact-lines span{display:flex;align-items:center;gap:12px;min-height:40px;font-size:15px;color:var(--body)}
.contact-lines a:hover{color:var(--ink)}
.contact-lines .ic{width:18px;height:18px;color:var(--muted)}
.demo-note{display:flex;align-items:center;gap:10px;margin-top:18px;font-size:12.5px;line-height:1.45;color:var(--muted)}
.demo-note .ic{width:15px;height:15px;flex:none}
.form-sent{display:none;margin-top:18px;padding:14px 16px;border-radius:var(--r-s);background:rgba(16,163,127,.12);box-shadow:inset 0 0 0 1px rgba(95,214,173,.3);font-size:14.5px;color:#9fe3c9}
.form-sent.is-on{display:block}


/* ---------- Confirmation ---------- */
.done-mark{position:relative;isolation:isolate;display:grid;place-items:center;width:76px;height:76px;margin:0 auto 30px;border-radius:50%;background:#16171a;box-shadow:inset 0 0 0 1px var(--line-2),0 18px 40px -18px rgba(0,0,0,.8)}
.done-mark::before{content:"";position:absolute;inset:-6px;z-index:-1;border-radius:50%;background:conic-gradient(from var(--a),var(--wheel));filter:blur(16px) saturate(1.2);opacity:.2;animation:spin 7s linear infinite}
.done-mark .ic{width:30px;height:30px;color:var(--ink)}

/* ---------- Page légale : sommaire latéral et texte de référence ---------- */
.legal-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,8fr);gap:clamp(32px,5vw,88px);align-items:start;padding-bottom:clamp(80px,8vw,120px)}
.legal-nav{position:sticky;top:104px;display:grid;gap:2px}
.legal-nav p{margin-bottom:8px;font-size:13px;font-weight:500;color:var(--muted)}
.legal-nav a{display:flex;align-items:center;min-height:40px;padding:0 12px;border-radius:var(--r-s);font-size:14.5px;color:var(--soft);transition:color .25s,background-color .25s}
.legal-nav a:hover{color:var(--ink);background:rgba(255,255,255,.05)}
.legal-nav a.is-on{color:var(--ink);background:rgba(255,255,255,.06)}
.legal-text{max-width:720px;padding-block:0;font-size:16.5px;line-height:1.75}
.legal-text>section+section{margin-top:clamp(52px,5vw,76px);padding-top:clamp(40px,4vw,56px);border-top:1px solid var(--line)}
.legal-text h2{margin-top:0;font-size:clamp(26px,2.3vw,34px)}
.legal-text h3{margin-top:1.8em;font-size:18px;font-weight:500;letter-spacing:-.015em}
.updated{display:inline-flex;align-items:center;gap:8px;margin-top:22px;padding:6px 12px;border-radius:999px;background:#1a1b1f;box-shadow:inset 0 0 0 1px var(--line);font-size:12.5px;font-weight:520;color:var(--soft)}
.updated .ic{width:14px;height:14px}

/* ---------- Page introuvable ---------- */
.nf{position:relative;isolation:isolate;overflow:hidden;padding-block:clamp(64px,8vw,120px) clamp(88px,9vw,140px);text-align:center}
.nf-mark{width:clamp(104px,11vw,150px);height:auto;margin:0 auto 34px;overflow:visible}
.nf-mark .nf-line{stroke-dasharray:1;stroke-dashoffset:1;animation:nfDraw 2.2s var(--ease-io) .3s forwards}
@keyframes nfDraw{to{stroke-dashoffset:0}}
.nf-links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 26px;margin-top:26px}

/* ---------- Étude de cas ---------- */
.case-layout{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(40px,6vw,96px);align-items:start}
.case-layout .prose{padding-block:0}
.case-layout .prose>h2:first-child{margin-top:0}
.facts{position:sticky;top:104px;padding:24px 24px 8px;border-radius:18px;background:var(--card);box-shadow:0 0 0 1px var(--line),var(--sh-2)}
.facts img{height:var(--h,28px);width:auto;margin-bottom:18px}
.facts dl{display:grid;margin:0}
.facts dl>div{display:grid;gap:4px;padding:14px 0;border-top:1px solid var(--line)}
.facts dt{font-size:12.5px;color:var(--muted)}
.facts dd{margin:0;font-size:15px;line-height:1.5;color:var(--ink)}
.bars-card{padding:24px 24px 18px;border-radius:18px;background:var(--card);box-shadow:0 0 0 1px var(--line),var(--sh-2)}
.bars-card .bars{margin:4px 0 16px}
.bars-card.in .bar-fill{width:var(--w)}
.bars-card .res-meta{margin-top:0}
.prose .bars-card{margin-block:2em}
.prose .t-card{margin-block:2.2em}
.prose .t-card blockquote{font-size:18px}

/* ---------- Liens de sortie sous la FAQ ---------- */
.more-links{margin-top:28px;padding-top:24px;border-top:1px solid var(--line-2);font-size:15.5px;line-height:1.7;color:var(--soft)}
.more-links a{color:var(--ink);text-decoration:underline;text-decoration-color:rgba(255,255,255,.3);text-underline-offset:3px;transition:text-decoration-color .3s}
.more-links a:hover{text-decoration-color:var(--ink)}
.faq-aside .halo{margin-top:16px}

/* ---------- Adaptations ---------- */
@media (max-width:1080px){
  .engines{grid-template-columns:repeat(3,minmax(0,1fr))}
  .form-layout{grid-template-columns:minmax(0,1fr)}
  .form-aside{position:static}
}
@media (max-width:900px){
  .offer-split,.case-layout,.legal-layout{grid-template-columns:minmax(0,1fr)}
  .facts,.legal-nav{position:static}
  .legal-nav{display:none}
  .svc-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .svc-card.is-wide{grid-column:auto}
  .steps{grid-template-columns:minmax(0,1fr);gap:26px}
  .steps::before{left:calc(var(--sn) / 2 - .5px);right:auto;top:calc(var(--sn) / 2);bottom:16px;width:1px;height:auto;background:var(--line-2)}
  .step{display:grid;grid-template-columns:var(--sn) minmax(0,1fr);column-gap:18px}
  .step>*:not(.step-n){grid-column:2}
  .step-n{grid-row:1/span 4}
  .step h3{margin:8px 0 8px}
  .step-meta{justify-self:start}
  .split>.fig{order:-1}
  .post.is-feature,.post.is-compact{grid-template-columns:minmax(0,1fr)}
  .post.is-feature .cov,.post.is-compact .cov{aspect-ratio:16/10.5;min-height:0;border-right:0;border-bottom:1px solid var(--line)}
  .rel-grid{grid-template-columns:minmax(0,1fr);max-width:560px}
  .rel-grid>.post:first-child{grid-row:auto}
  .cta-card{grid-template-columns:minmax(0,1fr)}
  .kpis{grid-template-columns:repeat(min(var(--cols,3),2),minmax(0,1fr))}
}
@media (max-width:640px){
  .page-title{font-size:clamp(32px,9.6vw,44px);line-height:1.1;letter-spacing:-.045em}
  .page-hero .hero-eyebrow{font-size:13px;margin-bottom:18px}
  .page-actions .halo,.page-actions .btn{width:100%}
  .crumbs{margin-bottom:20px}
  .svc-grid,.engines,.rcards{grid-template-columns:minmax(0,1fr)}
  .engine-tile{flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px 14px}
  .engine-tile img{width:28px;height:28px}
  .engine-tile span{flex-basis:100%}
  .kpis{grid-template-columns:minmax(0,1fr)}
  .offer{padding:26px 22px 22px}
  .form{grid-template-columns:minmax(0,1fr)}
  .form-foot .halo,.form-foot .btn{width:100%}
  .step-nav .halo,.step-nav .halo .btn{width:100%}
  .cta-card .halo,.cta-card .btn{width:100%}
  .filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1 * var(--pad));padding-inline:calc(var(--pad) - 4px)}
  .filters::-webkit-scrollbar{display:none}
}
@media (max-width:760px),(hover:none) and (pointer:coarse){
  .done-mark::before{animation:none}
}
@media (prefers-reduced-motion:reduce){
  .nf-mark .nf-line{stroke-dashoffset:0}
  .bars-card .bar-fill{width:var(--w)}
}

/* ---------- Illustration de l'audit : les trois IA couvertes par l'audit à 790 € ---------- */
.au-engines.is-three{grid-template-columns:repeat(3,minmax(0,1fr));width:min(28em,90%)}
.au-engines li{box-shadow:0 0 0 1px rgba(255,255,255,.1),0 18px 32px -28px rgba(0,0,0,.85)}
.au-engines .au-scan{display:none}
@container (max-width:560px){.au-engines.is-three{grid-template-columns:minmax(0,1fr);width:86%}}

/* ---------- R13 : dans une section à deux colonnes, les deux colonnes partent de la même ligne ---------- */
.split{align-items:start}

/* Illustration château : mêmes classes et même rendu que la home corrigée. */
.campaign-visual{position:relative}
.campaign-frame{position:relative;isolation:isolate}
.campaign-visual .aura::before{inset:0;filter:blur(14px) saturate(.65);opacity:.14}
.campaign-visual .aura::after{display:none}
.campaign-visual .aura{animation-duration:18s}
.chat-body{display:grid;gap:14px;padding:22px 20px 8px}
.campaign-example{padding:12px;border-radius:12px;background:#282828;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 10px 26px -18px rgba(0,0,0,.8)}
.campaign-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:12.5px;color:#b4b4b4}
.campaign-meta em{font-style:normal;color:#9b9b9b}
.campaign-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:14px;align-items:center}
.campaign-layout img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
.campaign-title{font-size:15px;font-weight:620;color:#f3f3f3;margin-bottom:5px;letter-spacing:-.015em}
.campaign-copy{font-size:12.8px;line-height:1.45;color:#c4c4c4}
.campaign-domain{margin-top:7px;font-size:12px;color:#9b9b9b}
.campaign-action{display:inline-flex;margin-top:10px;padding:7px 12px;border-radius:999px;background:#ececec;color:#0d0d0d;font-size:12.3px;font-weight:560}
.campaign-visual figcaption{margin-top:18px}
.campaign-visual .convo-window{box-shadow:0 0 0 1px rgba(255,255,255,.09),0 30px 60px -36px rgba(0,0,0,.9)}

/* Lumières plus discrètes sur toutes les pages du studio Impaaact. */
.halo::before{opacity:.22}
.halo:hover::before{opacity:.38}
.aura::before{opacity:calc(.27 + var(--k) * .16)}
.aura::after{opacity:calc(.12 + var(--k) * .12)}
.campaign-visual .aura::before{opacity:.14}
.res{box-shadow:0 0 0 1px var(--line),inset 0 1px 0 rgba(255,255,255,.04),0 34px 60px -46px color-mix(in srgb,var(--c) 28%,transparent)}
.res:hover{box-shadow:0 0 0 1px var(--line-2),0 36px 64px -34px color-mix(in srgb,var(--c) 32%,transparent),0 12px 26px -16px rgba(0,0,0,.6)}
@media(max-width:640px){
  .campaign-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:12px}
  .campaign-visual .campaign-copy,.campaign-visual .a-tools{display:none}
}
@media(max-width:760px),(hover:none) and (pointer:coarse){
  .aura::before{opacity:.4}
  .stage.is-flare .aura::before{opacity:.58}
  .campaign-visual .aura::before{inset:0;filter:none;background:none;opacity:.18;box-shadow:0 10px 30px -16px rgba(139,158,188,.35)}
}

.cov-photo>img{display:block;width:100%;height:100%;object-fit:cover}

/* Même intensité de lumière dans les illustrations partagées. */
.serp-res.you{background:#202124;box-shadow:0 0 0 1px rgba(138,180,248,.22),0 0 0 .38em rgba(66,133,244,.1),0 1.8em 3em -1.6em rgba(66,133,244,0.252)}
.page{overflow:hidden;padding-bottom:1em;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 1.8em 3em -1.7em rgba(16,163,127,0.231)}
.bsum{display:flex;flex-direction:column;align-items:flex-start;padding:1.2em;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 1.8em 3em -1.6em rgba(242,166,0,0.231)}
.li{position:absolute;right:0;top:11%;width:43%;padding:.8em;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 1.8em 3em -1.6em rgba(10,102,194,0.252)}
.ig{overflow:hidden;padding-bottom:.85em;box-shadow:0 0 0 1px rgba(255,255,255,.08),-1.1em 1.6em 2.6em -1.7em rgba(214,41,118,0.231),1.1em 1.6em 2.6em -1.7em rgba(150,47,191,0.210),0 2.1em 2.6em -1.9em rgba(250,126,30,0.210)}
.cv-chat{width:68%;padding:1.2em 1.3em 1.25em;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 2em 3.2em -1.9em rgba(16,163,127,0.252)}
.svc-glow{opacity:.18}

/* ---------- Page introuvable (agent E) ---------- */
/* Le contenu passe devant la lumière du hero, comme .page-hero>.container */
.nf>.container{position:relative;z-index:1}
.t-404 .nf .page-title{text-wrap:balance}
@media (max-width:640px){.nf-break{display:none}}
/* Sur téléphone, les quatre rubriques se rangent deux par deux au lieu de laisser « Contact » seul sur sa ligne */
@media (max-width:640px){.nf-links{display:grid;grid-template-columns:repeat(2,auto);justify-content:center;justify-items:center;gap:4px 28px}}

/* ---------- À propos (agent B) ---------- */
/* Méthode : la note d’engagement (.note des articles) se détache des étapes numérotées (.mini-steps) */
.split-copy .mini-steps+.note{margin-top:24px}
.split-copy .mini-steps{margin-top:22px}
.t-about .page-title{text-wrap:balance}
.t-about .page-title .about-specialty{white-space:nowrap}

/* Mention sous toute image générée par intelligence artificielle (hors portrait de Théo) : liste dans src/content/ai-images.json. */
.ai-note{display:block;margin:10px 0 0;font-size:12.5px;line-height:1.5;color:var(--muted)}
.cap>.ai-note{margin-top:2px}
.stage-ai{margin-top:6px;text-align:center}
.fig>.cap.ai-note{margin-top:12px;text-align:center}
.t-card>.ai-note{margin:16px 0 0}
.post>.ai-note{margin:0;padding:12px 26px 0;font-size:12.5px;line-height:1.5;color:var(--muted)}
.post>.ai-note+.post-body{padding-top:10px}
/* Cartes alignées : celles sans image générée gardent la même hauteur de tête que celles qui portent la mention. */
.posts:has(>.post>.ai-note)>.post:not(:has(>.ai-note))>.post-body{padding-top:calc(10px + 30.75px)}

/* Contact : dans l’aside d’un formulaire, les coordonnées directes (.contact-lines) passent de 40 à 44 px pour offrir des cibles tactiles de 44 px, comme les champs voisins */
.form-aside .contact-lines>*{min-height:44px}

/* ---------- Étude de cas (agent B) ---------- */
/* Chiffres clés sous le hero d’une étude de cas : même retrait et même alignement à gauche que le bandeau de références compact */
.hero-kpis{margin-top:clamp(64px,6.4vw,96px);text-align:left}
/* Autres résultats d’une étude de cas : deux cartes .res côte à côte au lieu de deux tiers de grille */
.res-grid.is-two{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:900px){
  .res-grid.is-two{grid-template-columns:minmax(0,1fr)}
  /* Trois chiffres sur deux colonnes : le troisième prend toute la ligne plutôt que de laisser une case vide */
  .hero-kpis .kpis>div:last-child:nth-child(odd){grid-column:1/-1}
}

/* =========================================================
   Guides : le hub des guides (t-guides) et l'article (t-article, T7)
   Variantes nommées sur les familles existantes, mêmes jetons.
   La couleur reste la lumière des marques (ombre portée, reflet),
   jamais un aplat.
   ========================================================= */

/* ---------- Hub : la liste suit le hero de près, les guides apparaissent dès le premier écran ---------- */
.t-guides .sec.is-listing{padding-top:clamp(44px,4.4vw,68px)}
.t-guides .post.is-feature{margin-bottom:20px}
.t-guides .post.is-feature .checks{margin:6px 0 4px;padding-top:18px}
.t-guides .post.is-feature .checks li{font-size:15px}
.t-guides .post.is-feature .post-meta{flex-wrap:wrap;justify-content:space-between;gap:4px 18px;padding-top:6px}
/* Quatre guides à suivre : deux colonnes de cartes compactes plutôt que trois colonnes et une orpheline */
.t-guides .posts{grid-template-columns:repeat(2,minmax(0,1fr))}
.t-guides .posts .post.is-compact .post-body{padding:22px 24px 24px}

/* ---------- Couvertures dessinées : deux moteurs de plus dans la famille .cv-card de la home ---------- */
/* Perplexity : une réponse et ses sources numérotées, dans la lumière turquoise de la marque */
.cv-pplx{width:74%;padding:1.1em 1.2em 1.2em;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 2em 3.2em -1.9em rgba(32,184,205,.26)}
.cv-refs{display:flex;gap:.4em;margin:-.1em 0 .3em}
.cv-ref{display:inline-flex;align-items:center;gap:.4em;min-width:0;height:2.2em;padding:0 .6em 0 .4em;border-radius:.55em;background:#26272b;font-size:.94em;font-weight:560;letter-spacing:-.01em;white-space:nowrap;color:#dcdde0}
.cv-ref i{display:grid;place-items:center;flex:none;width:1.45em;height:1.45em;border-radius:50%;background:#34363b;font-style:normal;font-size:.78em;font-weight:620;color:#c8cacf}
.cv-ref b{display:block;width:var(--w,2.4em);height:.55em;border-radius:.28em;background:#3a3c42}
.cv-ref.is-you{background:rgba(32,184,205,.14);box-shadow:inset 0 0 0 1px rgba(32,184,205,.3);color:#8fe0ec}
.cv-ref.is-you i{background:rgba(32,184,205,.32);color:#effcfe}
.cv-cite{position:relative}
@container (max-width:250px){
  .cv-pplx{width:84%}
  .cv-ref:nth-child(3){display:none}
}
.cv-cite i{position:absolute;left:calc(100% + .5em);top:50%;display:grid;place-items:center;width:1.9em;height:1.9em;border-radius:50%;transform:translateY(-50%);background:rgba(32,184,205,.2);box-shadow:inset 0 0 0 1px rgba(32,184,205,.34);font-style:normal;font-size:.68em;font-weight:620;line-height:1;color:#8fe0ec}

/* Gemini et AI Overviews : la recherche Google, puis l’aperçu IA et sa source, dans la lumière bleu-violet de Gemini */
.cv-aio{display:grid;gap:.7em;width:76%}
.cv-gbar{display:flex;align-items:center;gap:.7em;height:2.6em;padding:0 1em 0 .8em;border-radius:1.3em;background:#303134;box-shadow:0 0 0 1px rgba(255,255,255,.06),0 .35em 1em -.45em rgba(0,0,0,.6)}
.cv-gbar .cv-g{width:1.25em;height:1.25em;flex:none}
.cv-gbar b{display:block;width:58%;height:.55em;border-radius:.28em;background:#4a4c52}
.cv-gbar .ic{width:1.05em;height:1.05em;margin-left:auto;color:#8ab4f8}
.cv-ov{padding:1em 1.2em 1.15em;box-shadow:0 0 0 1px rgba(255,255,255,.08),-1.4em 2em 3.2em -2em rgba(49,134,255,.26),1.4em 2em 3.2em -2em rgba(139,108,240,.21)}
.cv-ov .cv-head{margin-bottom:.8em}
.cv-ov .cv-head span{background:linear-gradient(90deg,#4f93ff 0%,#9b7cf4 55%,#e2728a 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.cv-src.is-google{background:rgba(66,133,244,.16);color:#8ab4f8}
.cv-src.is-google .ok{color:#6ea2ff}

/* SEO, GEO, AEO et mesure : panneaux natifs de la même famille que la carte ChatGPT. */
.cv-approaches,.cv-observe{width:74%;padding:1.15em 1.25em 1.2em}
.cv-cover-icon{display:block;flex:none;width:1.3em;height:1.3em;color:#b8bec7}
.cv-approaches .cv-head,.cv-observe .cv-head{margin-bottom:1em}
.cv-approaches-list{display:grid;gap:.43em}
.cv-approach{display:flex;align-items:center;gap:.8em;min-height:2.35em;padding:0 .72em;border-radius:.55em;background:#292b30}
.cv-approach-name{min-width:2.8em;font-size:.93em;font-weight:650;letter-spacing:.02em;color:#d9dce1}
.cv-approach-track{display:block;flex:1;height:1px;background:#59616b}
.cv-approach-node{flex:none;width:.5em;height:.5em;border-radius:50%;background:#a7b5c7}
.cv-approach:nth-child(2) .cv-approach-track{background:#536d75}
.cv-approach:nth-child(2) .cv-approach-node{background:#8bbdc3}
.cv-approach:nth-child(3) .cv-approach-track{background:#696476}
.cv-approach:nth-child(3) .cv-approach-node{background:#a99cb9}
.cv-approaches-foot,.cv-observe-foot{display:flex;align-items:center;gap:.8em;margin-top:.9em}
.cv-approaches-rule,.cv-observe-rule{flex:1;height:1px;background:#3b3e44}
.cv-approaches-site{display:inline-flex;align-items:center;gap:.48em;padding:.43em .65em;border-radius:.5em;background:#33363b;font-size:.82em;font-weight:550;color:#c5c9cf;white-space:nowrap}
.cv-approaches-site svg{width:1.2em;height:1.2em}
.cv-observe-grid{display:grid;gap:.43em}
.cv-observe-item{display:grid;grid-template-columns:.62em minmax(0,1fr) 1.05em;align-items:center;gap:.68em;min-height:2.35em;padding:0 .8em;border-radius:.55em;background:#292b30;font-size:.93em;font-weight:560;color:#d8dbe0}
.cv-observe-bullet{width:.56em;height:.56em;border-radius:50%;background:#8294a7}
.cv-observe-item:nth-child(2) .cv-observe-bullet{background:#8bbdc3}
.cv-observe-item:nth-child(3) .cv-observe-bullet{background:#a99cb9}
.cv-observe-mark{width:.95em;height:.95em;border:1px solid #6b7079;border-radius:.25em}
.cv-observe-foot span:last-child{font-size:.8em;color:#989da6;white-space:nowrap}
@container (max-width:260px){
  .cv-approaches,.cv-observe{width:84%;padding:1em 1.1em}
}

/* Couverture d’article (T7) : la réponse ChatGPT de la home en grand, avec la question du prospect et les sources */
.cv-chat.is-cover{width:min(34em,86%);padding:1.35em 1.5em 1.5em;font-size:1.12em;box-shadow:0 0 0 1px rgba(255,255,255,.09),0 3em 5em -2.8em rgba(16,163,127,.26)}
.cv-q{width:fit-content;max-width:82%;margin:0 0 1.15em auto;padding:.62em 1.05em;border-radius:1.25em;background:#303030;font-size:.98em;line-height:1.4;letter-spacing:-.01em;color:#ececec}
.cv-srow{display:flex;flex-wrap:wrap;align-items:center;gap:.5em;margin-top:1.2em}
.cv-srow .cv-src{margin-top:0}
.cv-ghost{display:inline-flex;align-items:center;gap:.5em;height:2.3em;padding:0 .8em 0 .6em;border-radius:.6em;background:#26272b}
.cv-ghost i{width:1.1em;height:1.1em;border-radius:50%;background:#3a3c42}
.cv-ghost b{display:block;width:var(--w,4em);height:.55em;border-radius:.28em;background:#3a3c42}
@container (max-width:560px){
  .cv-chat.is-cover{width:90%;font-size:1.15em;padding:1.1em 1.2em 1.2em}
  .cv-chat.is-cover .cv-head{margin-bottom:.8em}
  .cv-chat.is-cover .cv-q{margin-bottom:.8em}
  .cv-chat.is-cover .cv-l:nth-of-type(3),.cv-chat.is-cover .cv-ghost+.cv-ghost{display:none}
  .cv-chat.is-cover .cv-srow{margin-top:.9em}
}

/* ---------- Article (T7) : portrait de l’auteur recadré sur le visage (la photo source est un plan taille) ---------- */
.t-article .art-author .art-face{position:relative;flex:none;width:38px;height:38px;border-radius:50%;overflow:hidden;background:#505155;box-shadow:0 0 0 1px var(--line-2)}
.t-article .art-author .art-face img{position:absolute;left:50%;top:-4%;width:auto;max-width:none;height:230%;border-radius:0;transform:translateX(-48.75%)}

/* Un nom technique ne se coupe pas à son trait d’union (OAI-SearchBot) */
.t-article .prose .nw{white-space:nowrap}


/* L’illustration de l’audit reprise dans le corps : ni puces ni retrait des listes de .prose */
.t-article .prose .ill{border-radius:18px;box-shadow:0 0 0 1px var(--line),var(--sh-3)}
.t-article .prose .ill .au-engines{gap:.9em}
@media (min-width:641px){.t-article .prose .ill{aspect-ratio:16/9}}

/* ---------- Adaptations ---------- */
@media (max-width:900px){
  .t-guides .posts{max-width:none}
}
@media (max-width:640px){
  .t-guides .posts{grid-template-columns:minmax(0,1fr)}
  .t-guides .post.is-feature .post-meta{justify-content:flex-start}
  /* Auteur sur sa ligne, date et durée dessous : pas de point orphelin en fin de ligne */
  .t-article .art-meta .art-author{flex-basis:100%}
  .t-article .art-meta .art-author+.dot{display:none}
  .t-article .prose .ill{aspect-ratio:1/1}
}

/* ---------- Hub référencement IA : fenêtre ChatGPT statique sous le titre (le hero de page est centré ; la fenêtre garde un texte aligné à gauche et prend la hauteur de sa seule réponse, sans fondu) ---------- */
.t-hub .page-hero .stage{text-align:left}
.t-hub .convo.is-static .convo-viewport{height:auto;-webkit-mask-image:none;mask-image:none}
/* Tuile de moteur : accepte aussi une icône du sprite (le G de Google), à la taille des logos */
.engine-tile>.ic{width:34px;height:34px}
@media (max-width:640px){.engine-tile>.ic{width:28px;height:28px}}

/* ---------- Illustration de service : publicité ChatGPT (annonce séparée de la réponse, page d'arrivée, mesure) ---------- */
/* Fenêtre ChatGPT : seule lumière de la scène, le vert de la marque sous la fenêtre */
.ix-ads .ill-in{gap:3%}
.ix-ads .ca-chat{position:relative;flex:none;width:45%;overflow:hidden;border-radius:.9em;background:#212121;box-shadow:0 0 0 1px rgba(255,255,255,.09),0 1.9em 3.2em -1.7em rgba(16,163,127,.34),0 .4em 1em -.4em rgba(0,0,0,.6)}
.ix-ads .ca-head{display:flex;align-items:center;justify-content:space-between;height:2.6em;padding:0 1.05em;border-bottom:1px solid rgba(255,255,255,.07);font-size:.9em;font-weight:560;color:#ececec}
.ix-ads .ca-head img{width:1.3em;height:1.3em}
.ix-ads .ca-body{display:grid;gap:.7em;padding:.9em 1em 1em}
.ix-ads .ca-q{justify-self:end;max-width:86%;padding:.5em .85em;border-radius:1.1em;background:#303030;font-size:.86em;line-height:1.38;color:#ececec}
.ix-ads .ca-a{font-size:.86em;line-height:1.5;color:#e3e3e3}
.ix-ads .ca-tools{display:flex;gap:.9em;margin-top:-.2em;color:#9b9b9b}
.ix-ads .ca-tools .ic{width:1em;height:1em}
.ix-ads .ca-spons{margin-top:.2em;padding:.75em;border-radius:.75em;background:#282828;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 .6em 1.6em -1.1em rgba(0,0,0,.8)}
.ix-ads .ca-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:.65em;font-size:.76em;color:#b4b4b4}
.ix-ads .ca-meta em{font-style:normal;color:#9b9b9b}
.ix-ads .ca-meta .ic{width:1.2em;height:1.2em;color:#9b9b9b}
.ix-ads .ca-offer{display:grid;grid-template-columns:36% minmax(0,1fr);gap:.8em;align-items:center}
.ix-ads .ca-offer img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:50% 50%;border-radius:.5em}
.ix-ads .ca-title{font-size:.95em;font-weight:620;line-height:1.28;letter-spacing:-.012em;color:#f3f3f3}
.ix-ads .ca-url{margin-top:.3em;font-size:.76em;color:#9b9b9b}
.ix-ads .ca-cta{position:relative;display:inline-flex;margin-top:.6em;padding:.45em .8em;border-radius:999px;background:#ececec;font-size:.76em;font-weight:560;color:#0d0d0d;white-space:nowrap}
.ix-ads .ca-cursor{position:absolute;right:.55em;bottom:-.95em;width:1.25em;height:1.7em;overflow:visible;fill:#fff;stroke:#0d0d0d;stroke-width:1.3;stroke-linejoin:round;filter:drop-shadow(0 .2em .35em rgba(0,0,0,.55))}
.ix-ads .ca-foot{padding:0 .8em .8em}
.ix-ads .ca-composer{display:flex;align-items:center;gap:.6em;height:2.65em;padding:0 .35em 0 .85em;border-radius:1.35em;background:#303030;box-shadow:0 0 0 1px rgba(255,255,255,.06),0 .3em .9em -.4em rgba(0,0,0,.5);font-size:.84em;color:#a8a8a8}
.ix-ads .ca-composer .ic{width:1.1em;height:1.1em;flex:none;color:#d4d4d4}
.ix-ads .ca-mic{margin-left:auto}
.ix-ads .ca-voice{display:grid;place-items:center;flex:none;width:2em;height:2em;border-radius:50%;background:#ececec}
.ix-ads .ca-voice .ic{width:1em;height:1em;color:#0d0d0d}

/* Page d'arrivée : la même promesse, les réponses aux objections, une action identifiable */
.ix-ads .ca-side{display:grid;gap:.9em;flex:none;width:43%}
.ix-ads .ca-page{overflow:hidden;padding-bottom:1em}
.ix-ads .ca-bar{display:flex;align-items:center;gap:.4em;padding:.7em .95em;border-bottom:1px solid rgba(255,255,255,.07);font-size:.76em;color:#9d9fa6}
.ix-ads .ca-bar i{width:.6em;height:.6em;flex:none;border-radius:50%;background:#ff5f57}
.ix-ads .ca-bar i+i{background:#febc2e}
.ix-ads .ca-bar i+i+i{background:#28c840}
.ix-ads .ca-bar span{margin-left:.55em;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ix-ads .ca-bar b{font-weight:inherit}
.ix-ads .ca-h{padding:.85em 1.05em .55em;font-size:1.06em;font-weight:600;line-height:1.25;letter-spacing:-.012em;color:#f0f0f2}
.ix-ads .ca-list{display:grid;gap:.4em;margin:0;padding:0 1.05em;list-style:none}
.ix-ads .ca-list li{display:flex;align-items:center;gap:.55em;font-size:.84em;color:#c4c6cc}
.ix-ads .ca-list .ic{width:1em;height:1em;flex:none;color:#9d9fa6}
.ix-ads .ca-book{display:grid;gap:.6em;margin:.9em 1.05em 0;padding-top:.85em;border-top:1px solid rgba(255,255,255,.07)}
.ix-ads .ca-days{display:flex;gap:.4em}
.ix-ads .ca-days span{flex:1;display:grid;place-items:center;height:2.2em;border-radius:.5em;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);font-size:.78em;font-weight:520;color:#c4c6cc;white-space:nowrap}
.ix-ads .ca-days .is-on{background:#2e2f34;box-shadow:inset 0 0 0 1.5px #ececec;color:#f3f3f3}
.ix-ads .ca-go{display:grid;place-items:center;height:2.4em;border-radius:999px;background:#ececec;font-size:.8em;font-weight:600;color:#0d0d0d;white-space:nowrap}

/* Mesure : les visites ne suffisent pas, les demandes comptent, le critère est fixé avant */
.ix-ads .ca-meas{padding:.85em 1em .9em}
.ix-ads .ca-mh{display:flex;align-items:center;gap:.5em;font-size:.84em;font-weight:560;color:#e6e7ea}
.ix-ads .ca-mh .ic{width:1.15em;height:1.15em;color:#9d9fa6}
.ix-ads .ca-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5em;margin-top:.7em}
.ix-ads .ca-stats p{display:flex;flex-direction:column;gap:.15em;padding:.55em .75em;border-radius:.55em;background:#26272b}
.ix-ads .ca-stats span{font-size:.76em;color:#9d9fa6}
.ix-ads .ca-stats b{font-size:1.45em;line-height:1.1;font-weight:520;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#a6a8ae}
.ix-ads .ca-stats .is-key{background:#2c2d32;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.ix-ads .ca-stats .is-key span{color:#d8d9dc}
.ix-ads .ca-stats .is-key b{color:#f5f5f6}
.ix-ads .ca-rule{margin-top:.65em;font-size:.76em;color:#a6a8ae}
.ix-ads .ca-rule b{font-weight:560;color:#d8d9dc}

/* Entrées : l'annonce, puis la page, puis la mesure */
.ix-ads.play .ca-chat{animation:up .8s var(--ease) .2s both}
.ix-ads.play .ca-spons{animation:up .7s var(--ease) .75s both}
.ix-ads.play .ca-cursor{animation:caClick 1s var(--ease) .95s both}
.ix-ads.play .ca-page{animation:slideL .9s var(--ease) 1.6s both}
.ix-ads.play .ca-meas{animation:up .8s var(--ease) 2.15s both}
.ix-ads.play .ca-stats .is-key{animation:pop .5s var(--ease) 2.7s both}
@keyframes caClick{0%{opacity:0;transform:translate(1.6em,1.4em)}55%{opacity:1;transform:none}72%{transform:scale(.82)}100%{transform:none}}

@media (max-width:640px){
  /* Téléphone (figure 4/4.7) : l'annonce en haut, la page et la mesure côte à côte dessous */
  .ix-ads .ill-in{flex-direction:column;gap:.75em;font-size:clamp(10px,3.3cqw,13px)}
  .ix-ads .ca-chat{width:90%}
  .ix-ads .ca-q,.ix-ads .ca-tools,.ix-ads .ca-foot{display:none}
  .ix-ads .ca-head{height:2.4em}
  .ix-ads .ca-body{gap:.6em;padding:.75em .85em .85em}
  .ix-ads .ca-a{font-size:.88em;line-height:1.45}
  .ix-ads .ca-spons{margin-top:0;padding:.65em}
  .ix-ads .ca-meta{margin-bottom:.5em;font-size:.86em}
  .ix-ads .ca-offer{grid-template-columns:27% minmax(0,1fr);gap:.75em}
  .ix-ads .ca-title{font-size:.98em}
  .ix-ads .ca-url,.ix-ads .ca-cta{font-size:.86em}
  .ix-ads .ca-side{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7em;width:90%}
  .ix-ads .ca-bar{padding:.75em .85em}
  .ix-ads .ca-bar span,.ix-ads .ca-list li+li,.ix-ads .ca-days{display:none}
  .ix-ads .ca-h{padding:.7em .85em .45em;font-size:1em}
  .ix-ads .ca-list{padding:0 .85em}
  .ix-ads .ca-list li{font-size:.86em}
  .ix-ads .ca-book{margin:.65em .85em 0;padding-top:0;border-top:0}
  .ix-ads .ca-go{height:2.5em;font-size:.86em}
  .ix-ads .ca-meas{padding:.7em .8em .75em}
  .ix-ads .ca-mh{font-size:.9em}
  .ix-ads .ca-stats{grid-template-columns:minmax(0,1fr);gap:.35em;margin-top:.55em}
  .ix-ads .ca-stats p{flex-direction:row;align-items:baseline;justify-content:space-between;padding:.35em .6em}
  .ix-ads .ca-stats span{font-size:.86em}
  .ix-ads .ca-stats b{font-size:1.1em}
  .ix-ads .ca-rule{margin-top:.5em;font-size:.86em;line-height:1.35}
}
@media (min-width:641px){
  @container (max-width:560px){
    /* Ordinateur étroit (fenêtre de 900 à 1240 px) : la figure reste en 16/11, la scène garde ses deux colonnes.
       Taille de texte proportionnelle à la figure, sans les éléments secondaires (question, outils, champ de saisie, jours) ;
       les plus petits textes passent à .86em pour rester au-dessus de 9 px. */
    .ix-ads .ill-in{font-size:clamp(10.5px,2.3cqw,13px)}
    .ix-ads .ca-chat{width:47%}
    .ix-ads .ca-side{gap:.75em;width:44%}
    .ix-ads .ca-offer{grid-template-columns:30% minmax(0,1fr);gap:.7em}
    .ix-ads .ca-q,.ix-ads .ca-tools,.ix-ads .ca-foot,.ix-ads .ca-days,.ix-ads .ca-bar b{display:none}
    .ix-ads .ca-meta,.ix-ads .ca-url,.ix-ads .ca-cta,.ix-ads .ca-bar,.ix-ads .ca-list li,.ix-ads .ca-go,.ix-ads .ca-mh,.ix-ads .ca-stats span,.ix-ads .ca-rule{font-size:.86em}
    .ix-ads .ca-h{padding-top:.75em}
    .ix-ads .ca-book{margin-top:.75em;padding-top:0;border-top:0}
    .ix-ads .ca-meas{padding:.75em .9em .8em}
    .ix-ads .ca-stats{margin-top:.6em}
    .ix-ads .ca-stats p{flex-direction:row;align-items:baseline;justify-content:space-between;gap:.5em;padding:.45em .7em}
    .ix-ads .ca-stats b{font-size:1.15em}
    .ix-ads .ca-rule{margin-top:.55em;line-height:1.35}
  }
}
@container (max-width:300px){
  /* 320 px : mêmes objets, marges internes resserrées pour garder de l'air au-dessus et sous la scène */
  .ix-ads .ill-in{gap:.55em}
  .ix-ads .ca-head{height:2.15em}
  .ix-ads .ca-body{gap:.45em;padding:.55em .75em .65em}
  .ix-ads .ca-a{line-height:1.4}
  .ix-ads .ca-spons{padding:.55em}
  .ix-ads .ca-meta{margin-bottom:.4em}
  .ix-ads .ca-meas{padding:.6em .7em .65em}
  .ix-ads .ca-stats{margin-top:.45em}
  .ix-ads .ca-stats p{padding:.25em .55em}
  .ix-ads .ca-rule{margin-top:.4em;line-height:1.3}
  .ix-ads .ca-h{padding-top:.6em}
}

/* ---------- Illustration du hub : SEO, GEO et AEO, trois approches qui se recoupent autour d'un même site ---------- */
/* Trois cercles de lumière : le bleu de Google, le vert de ChatGPT, le violet d'une réponse directe. Ils arrivent séparés, glissent l'un
   vers l'autre et se recoupent ; au croisement, le site qui sert les trois. Tout se compte en em : la scène suit la largeur de l'encadré. */
.ix-approaches .ap{position:relative;isolation:isolate;flex:none;width:34em;height:32.3em;font-size:min(1.92cqw,14px)}
.ix-approaches .ap-disc{position:absolute;width:21em;height:21em;border-radius:50%;mix-blend-mode:screen;background:radial-gradient(circle at 50% 50%,rgba(var(--c),.07) 30%,rgba(var(--c),.4) 100%);box-shadow:inset 0 0 0 1px rgba(var(--c),.66),inset 0 0 3.6em -1.6em rgba(var(--c),.6),0 0 5em -1.2em rgba(var(--c),.5)}
.ix-approaches .ap-seo{--c:66,133,244;--fx:-7.5em;--fy:-3em;left:0;top:0}
.ix-approaches .ap-geo{--c:16,163,127;--fx:7.5em;--fy:-3em;left:13em;top:0}
.ix-approaches .ap-aeo{--c:139,108,240;--fx:0em;--fy:5.5em;left:6.5em;top:11.3em}

/* Chaque approche : son repère, son nom en grand, ce qu'elle vise en dessous */
.ix-approaches .ap-tag{position:absolute;z-index:2;display:grid;justify-items:center;gap:.42em;width:10em;margin:-3.3em 0 0 -5em;text-align:center;color:#f5f5f6}
.ix-approaches .ap-tag-seo{--c:66,133,244;--fx:-7.5em;--fy:-3em;left:6.2em;top:7em}
.ix-approaches .ap-tag-geo{--c:16,163,127;--fx:7.5em;--fy:-3em;left:27.8em;top:7em}
.ix-approaches .ap-tag-aeo{--c:139,108,240;--fx:0em;--fy:5.5em;left:17em;top:27.2em}
.ix-approaches .ap-ic{display:grid;place-items:center;width:2.7em;height:2.7em;border-radius:50%;background:rgba(var(--c),.24);box-shadow:inset 0 0 0 1px rgba(var(--c),.7)}
.ix-approaches .ap-ic .ic,.ix-approaches .ap-ic img{width:1.45em;height:1.45em}
.ix-approaches .ap-tag b{font-size:2.15em;font-weight:420;letter-spacing:.01em;line-height:1}
.ix-approaches .ap-sub{font-size:.9em;line-height:1.25;color:rgba(255,255,255,.76)}

/* Le site, au croisement : clair sur la scène sombre, comme la page de la scène « Votre métier » */
.ix-approaches .ap-site{position:absolute;z-index:3;left:17em;top:14.6em;width:8.8em;margin:-3em 0 0 -4.4em;border-radius:.75em;background:#f5f5f6;color:#141414;box-shadow:0 0 0 1px rgba(255,255,255,.25),0 1.1em 2.2em -.7em rgba(0,0,0,.85),0 0 3.4em rgba(255,255,255,.26)}
.ix-approaches .ap-bar{display:flex;align-items:center;gap:.32em;height:1.55em;padding:0 .62em;border-radius:.75em .75em 0 0;background:#2b2b2e}
.ix-approaches .ap-bar i{width:.46em;height:.46em;border-radius:50%;background:#ff5f57}
.ix-approaches .ap-bar i+i{background:#febc2e}
.ix-approaches .ap-bar i+i+i{background:#28c840}
.ix-approaches .ap-page{display:grid;gap:.46em;padding:.75em .8em .9em}
.ix-approaches .ap-page p{font-size:1.1em;font-weight:620;letter-spacing:-.01em;line-height:1.1}
.ix-approaches .ap-page span{display:block;width:var(--w);height:.46em;border-radius:.23em;background:#d6d7da}

/* Une onde part du site et traverse les trois cercles */
.ix-approaches .ap-pulse{position:absolute;z-index:1;left:17em;top:14.6em;width:7em;height:7em;margin:-3.5em 0 0 -3.5em;border-radius:50%;box-shadow:0 0 0 1.5px rgba(255,255,255,.6);opacity:0}

/* ---------- Déroulé : un peu plus de cinq secondes, une seule fois ---------- */
.ix-approaches.play .ap-disc{animation:apIn .9s var(--ease) both,apMerge 1.5s var(--ease-io) 1.1s both,apFlash 1.3s ease-out both}
.ix-approaches.play .ap-seo{animation-delay:.1s,1.1s,3.55s}
.ix-approaches.play .ap-geo{animation-delay:.3s,1.1s,3.7s}
.ix-approaches.play .ap-aeo{animation-delay:.5s,1.1s,3.85s}
.ix-approaches.play .ap-tag{animation:apIn .8s var(--ease) both,apMerge 1.5s var(--ease-io) 1.1s both}
.ix-approaches.play .ap-tag-seo{animation-delay:.3s,1.1s}
.ix-approaches.play .ap-tag-geo{animation-delay:.5s,1.1s}
.ix-approaches.play .ap-tag-aeo{animation-delay:.7s,1.1s}
.ix-approaches.play .ap-sub{animation:apSub .8s var(--ease) 2.25s both}
.ix-approaches.play .i-cap{animation:up .8s var(--ease) 2.5s both}
.ix-approaches.play .ap-site{animation:apSite .95s var(--ease) 2.65s both}
.ix-approaches.play .ap-pulse{animation:apPulse 2.3s var(--ease) 3.2s forwards}
.ix-approaches.play .ap-pulse+.ap-pulse{animation-delay:3.7s}
@keyframes apIn{from{opacity:0;scale:.8}}
@keyframes apMerge{from{translate:var(--fx) var(--fy)}}
@keyframes apSub{from{opacity:0;translate:0 .5em}}
@keyframes apFlash{35%{box-shadow:inset 0 0 0 2px rgba(var(--c),1),inset 0 0 3.6em -1.2em rgba(var(--c),.8),0 0 5.5em -.4em rgba(var(--c),.9)}}
@keyframes apSite{from{opacity:0;transform:translateY(1.4em) scale(.8)}}
@keyframes apPulse{0%{opacity:.85;transform:scale(.5)}100%{opacity:0;transform:scale(4.3)}}

/* Téléphone : le même schéma, resserré, sans la ligne qui précise chaque approche */
@media (max-width:640px){
  .ix-approaches .ap{font-size:calc(100cqw / 37)}
  .ix-approaches .ap-sub{display:none}
  .ix-approaches .ap-tag b{font-size:2.5em}
  .ix-approaches .ap-tag{margin-top:-2.8em}
  .ix-approaches .ap-page p{font-size:1.2em}
}

/* ---------- Illustration de service : création de site (page de service, formulaire au téléphone, recette) ---------- */
.ix-build .bd-d{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* Page de service sur ordinateur */
.ix-build .bd-web{position:absolute;left:4.5%;top:6%;width:56%;height:88%;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 1.6em 3em -1.6em rgba(0,0,0,.85)}
.ix-build .bd-bar{display:flex;align-items:center;gap:.4em;padding:.7em .95em;border-bottom:1px solid rgba(255,255,255,.07);font-size:.74em;color:#9d9fa6}
.ix-build .bd-bar i{width:.6em;height:.6em;flex:none;border-radius:50%;background:#ff5f57}
.ix-build .bd-bar i+i{background:#febc2e}
.ix-build .bd-bar i+i+i{background:#28c840}
.ix-build .bd-bar span{margin-left:.55em;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ix-build .bd-nav{display:flex;align-items:center;gap:1.5em;padding:.8em 1.45em;font-size:.76em;color:#9d9fa6}
.ix-build .bd-nav b{margin-right:.6em;font-size:1.14em;font-weight:650;letter-spacing:-.02em;color:#f0f0f2}
.ix-build .bd-photo{flex:none;width:100%;height:9.4em;object-fit:cover;object-position:50% 34%}
.ix-build .bd-copy{display:flex;flex-direction:column;align-items:flex-start;gap:.55em;padding:1.15em 1.1em 1em}
.ix-build .bd-kick{font-size:.74em;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#9d9fa6}
.ix-build .bd-h{font-size:1.62em;line-height:1.08;font-weight:600;letter-spacing:-.035em;color:#f2f2f4}
.ix-build .bd-cond{display:grid;gap:.42em;margin:.2em 0 .4em;padding:0;list-style:none}
.ix-build .bd-cond li{display:flex;align-items:center;gap:.55em;font-size:.84em;color:#c4c6cc}
.ix-build .bd-cond .ic{width:1.05em;height:1.05em;color:#9d9fa6}
.ix-build .bd-cta{display:inline-flex;align-items:center;height:2.45em;padding:0 1em;border-radius:.5em;background:#f1f1f3;font-size:.82em;font-weight:600;color:#141416;white-space:nowrap}

/* Formulaire de demande au téléphone */
.ix-build .bd-phone{position:absolute;left:45.5%;top:13%;width:22%;aspect-ratio:9/18.6;padding:.42em;border-radius:1.6em;background:#0c0d10;box-shadow:0 0 0 1px rgba(255,255,255,.15),0 2em 3.6em -1.6em rgba(0,0,0,.95)}
.ix-build .bd-screen{display:flex;flex-direction:column;gap:.5em;width:100%;height:100%;overflow:hidden;padding:1em .85em .9em;border-radius:1.2em;background:#18191c}
.ix-build .bd-screen>*{flex:none}
.ix-build .bd-url{display:flex;align-items:center;justify-content:center;gap:.35em;padding-bottom:.55em;border-bottom:1px solid rgba(255,255,255,.07);font-size:.74em;color:#9d9fa6}
.ix-build .bd-url .ic{width:.9em;height:.9em}
.ix-build .bd-ft{margin-top:.2em;font-size:1em;font-weight:620;letter-spacing:-.015em;color:#f0f0f2}
.ix-build .bd-field span{display:block;margin-bottom:.3em;font-size:.74em;color:#a6a8ae}
.ix-build .bd-field p{display:flex;align-items:center;justify-content:space-between;height:2.4em;padding:0 .7em;border-radius:.45em;background:#222327;box-shadow:inset 0 0 0 1px rgba(255,255,255,.13);font-size:.82em;color:#e6e7ea;white-space:nowrap}
.ix-build .bd-field p .ic{width:1em;height:1em;color:#9d9fa6}
.ix-build .bd-field.is-err span{color:#f28b82}
.ix-build .bd-field.is-err p{justify-content:flex-start;box-shadow:inset 0 0 0 1.5px #f28b82}
.ix-build .bd-field.is-err i{width:1px;height:1.15em;margin-left:.12em;background:#e6e7ea}
.ix-build .bd-err{display:flex;align-items:flex-start;gap:.4em;margin-top:-.15em;font-size:.76em;line-height:1.3;color:#f28b82}
.ix-build .bd-err svg{width:1.15em;height:1.15em;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.ix-build .bd-msg{display:none}
.ix-build .bd-msg p{color:#7d8088}
.ix-build .bd-send{display:flex;align-items:center;justify-content:center;height:2.5em;margin-top:auto;border-radius:.5em;background:#f1f1f3;font-size:.82em;font-weight:600;color:#141416}

/* Confirmation (seule lumière de la scène) et recette */
.ix-build .bd-side{position:absolute;left:70.5%;top:8%;bottom:8%;width:25%;display:flex;flex-direction:column;justify-content:center;gap:1.4em}
.ix-build .bd-ok{padding:1.05em 1.1em 1.1em;box-shadow:0 0 0 1px rgba(255,255,255,.09),0 1.9em 3.2em -1.7em rgba(52,168,83,.34),0 .4em 1em -.4em rgba(0,0,0,.6)}
.ix-build .bd-okic{display:grid;place-items:center;width:2.2em;height:2.2em;border-radius:50%;background:rgba(129,201,149,.16);color:#81c995}
.ix-build .bd-okic .ic{width:1.15em;height:1.15em}
.ix-build .bd-okt{margin-top:.7em;font-size:1.08em;font-weight:600;letter-spacing:-.015em;color:#f0f0f2}
.ix-build .bd-okp{margin-top:.25em;font-size:.82em;line-height:1.4;color:#bdc1c6}
.ix-build .bd-okm{display:flex;align-items:center;gap:.4em;margin-top:.7em;padding-top:.65em;border-top:1px solid rgba(255,255,255,.07);font-size:.76em;color:#9aa0a6}
.ix-build .bd-okm .ic{width:1.05em;height:1.05em}
.ix-build .bd-qa{padding:.95em 1.1em .55em}
.ix-build .bd-qah{margin-bottom:.35em;font-size:.9em;font-weight:600;color:#f0f0f2}
.ix-build .bd-qa ul{margin:0;padding:0;list-style:none}
.ix-build .bd-qa li{display:flex;align-items:center;gap:.55em;padding:.5em 0;border-top:1px solid rgba(255,255,255,.07);font-size:.82em;color:#d8d9dc}
.ix-build .bd-qa li .ic{width:1.1em;height:1.1em;color:#9d9fa6}
.ix-build .bd-qa li .bd-ck{margin-left:auto;color:#81c995}

.ix-build.play .bd-web{animation:up .8s var(--ease) .15s both}
.ix-build.play .bd-phone{animation:bdPhone .9s var(--ease) .55s both}
.ix-build.play .bd-field.is-err p{animation:bdShake .42s ease-in-out 1.45s both}
.ix-build.play .bd-err{animation:up .5s var(--ease) 1.5s both}
.ix-build.play .bd-field.is-err i{animation:blink 1s steps(2,jump-none) 2s 3}
.ix-build.play .bd-ok{animation:slideL .8s var(--ease) 1.9s both}
.ix-build.play .bd-qa{animation:up .7s var(--ease) 2.2s both}
.ix-build.play .bd-qa .bd-ck{animation:pop .45s var(--ease) both;animation-delay:calc(2.6s + var(--i) * .14s)}
@keyframes bdPhone{from{opacity:0;transform:translate(1.2em,1.8em)}}
@keyframes bdShake{20%,60%{transform:translateX(-.25em)}40%,80%{transform:translateX(.25em)}}

@container (max-width:560px){
  .ix-build .ill-in{font-size:clamp(10px,3.3cqw,16px)}
  .ix-build .bd-web{display:none}
  .ix-build .bd-phone{left:4.5%;top:calc(50% - 13.3em);width:13.3em;aspect-ratio:9/18;border-radius:1.5em}
  .ix-build .bd-msg{display:block}
  .ix-build .bd-screen{gap:.4em;padding:.8em .75em .8em;border-radius:1.12em}
  .ix-build .bd-url{padding-bottom:.5em;font-size:.86em}
  .ix-build .bd-ft{margin-top:0;font-size:1em}
  .ix-build .bd-field span,.ix-build .bd-field p,.ix-build .bd-err,.ix-build .bd-send{font-size:.86em}
  .ix-build .bd-field p{height:2.3em}
  .ix-build .bd-side{left:calc(4.5% + 14.3em);right:4.5%;top:calc(50% - 13.3em);bottom:auto;width:auto;height:26.6em;gap:.9em}
  .ix-build .bd-ok{padding:.85em .8em .9em}
  .ix-build .bd-okic{width:2em;height:2em}
  .ix-build .bd-okt{margin-top:.55em;font-size:1em}
  .ix-build .bd-okp{font-size:.86em}
  .ix-build .bd-okm{display:none}
  .ix-build .bd-qa{padding:.75em .75em .4em}
  .ix-build .bd-qah{font-size:.88em}
  .ix-build .bd-qa li{gap:.45em;padding:.42em 0;font-size:.86em}
  .ix-build .bd-qa li .ic:first-child{display:none}
}
/* Écrans de 901 à 1200 px : la figure passe sous 560 px mais reste en 16/11 */
@media (min-width:641px){@container (max-width:560px){
  .ix-build .ill-in{font-size:clamp(10px,3.3cqw,13px)}
  .ix-build .bd-phone{left:9%;top:calc(50% - 9.7em);width:auto;height:19.4em;aspect-ratio:9/16}
  .ix-build .bd-url,.ix-build .bd-field:first-of-type{display:none}
  .ix-build .bd-ft{margin-bottom:.1em}
  .ix-build .bd-side{left:calc(9% + 13em);right:9%;top:calc(50% - 9.7em);height:19.4em}
  .ix-build .bd-qa li{padding:.32em 0}
  .ix-build .bd-msg{display:none}
  .ix-build .bd-screen{padding-inline:.7em}
  .ix-build .bd-field p,.ix-build .bd-send,.ix-build .bd-err{font-size:.8em}
}}

/* ---------- Illustration de service : community management (calendrier de la semaine, modération) ---------- */
.ix-calendar .cm-cal{position:absolute;left:9%;right:4.5%;top:5%;overflow:hidden;border-radius:.9em;box-shadow:0 0 0 1px rgba(255,255,255,.08),-2.2em 1.9em 3em -2.3em rgba(214,41,118,.25),2.2em 1.9em 3em -2.3em rgba(150,47,191,.22),0 2.3em 3em -2.4em rgba(250,126,30,.21)}
.ix-calendar .cm-top{display:flex;align-items:center;gap:.65em;padding:.75em 1em;border-bottom:1px solid rgba(255,255,255,.07)}
.ix-calendar .cm-av{display:grid;place-items:center;width:2.15em;height:2.15em;flex:none;border-radius:50%;background:#ecebe8;font-size:.86em;font-weight:700;letter-spacing:-.02em;color:#141312}
.ix-calendar .cm-who{min-width:0}
.ix-calendar .cm-who b{display:block;font-size:.88em;font-weight:600;color:#f0f0f2}
.ix-calendar .cm-who small{display:block;font-size:max(9px,.76em);color:#9d9fa6}
.ix-calendar .cm-week{display:flex;align-items:center;gap:.5em;margin-left:auto;font-size:max(9px,.82em);font-weight:540;color:#dcdde0;white-space:nowrap}
.ix-calendar .cm-days{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.35em;padding:.5em .5em .55em}
.ix-calendar .cm-day{min-height:16.9em}
.ix-calendar .cm-day{min-width:0;padding:.45em .4em .5em;border-radius:.55em;background:rgba(255,255,255,.018)}
.ix-calendar .cm-day.is-today{background:rgba(255,255,255,.045)}
.ix-calendar .cm-d{display:flex;align-items:center;gap:.35em;height:1.75em;padding-left:.25em;font-size:max(9px,.78em);color:#9d9fa6}
.ix-calendar .cm-d b{font-size:1.08em;font-weight:600;color:#e6e7ea}
.ix-calendar .is-today .cm-d b{display:grid;place-items:center;width:1.75em;height:1.75em;border-radius:50%;background:#f0f0f2;color:#141312}
.ix-calendar .cm-post{margin-top:.4em;padding:.45em .45em .55em;border-radius:.6em;background:#26272b;box-shadow:0 0 0 1px rgba(255,255,255,.07)}
.ix-calendar .cm-meta{display:flex;align-items:center;gap:.4em;font-size:max(9px,.78em);font-variant-numeric:tabular-nums;color:#b1b3b9}
.ix-calendar .cm-net{width:1.4em;height:1.4em;flex:none;object-fit:contain}
.ix-calendar .cm-net.is-in{object-fit:cover;object-position:0 0}
.ix-calendar .cm-ph{width:100%;aspect-ratio:4/3.1;margin-top:.45em;border-radius:.4em;object-fit:cover}
.ix-calendar .cm-ph.is-team{object-position:68% 40%}
.ix-calendar .cm-card{display:flex;align-items:flex-end;aspect-ratio:4/3.1;margin-top:.45em;padding:.5em .55em;border-radius:.4em;background:#ecebe8;font-size:max(9px,.8em);line-height:1.18;font-weight:620;letter-spacing:-.02em;color:#141312}
.ix-calendar .cm-card .ic{display:none}
.ix-calendar .cm-role{margin-top:.5em;font-size:max(9px,.8em);font-weight:540;line-height:1.3;color:#e6e7ea}
.ix-calendar .cm-post .chip{margin-top:.45em;font-size:max(9px,.8em)}
.ix-calendar .cm-wait{background:rgba(251,188,4,.16);color:#fdd663}
.ix-calendar .cm-wait::before{content:"";width:.48em;height:.48em;border-radius:50%;background:#fbbc04}
.ix-calendar .cm-by{display:flex;align-items:center;gap:.4em;margin-top:.5em;font-size:max(9px,.78em);color:#b1b3b9}
.ix-calendar .cm-by span{display:grid;place-items:center;width:1.65em;height:1.65em;border-radius:50%;background:#3a3c42;font-size:1em;font-weight:650;color:#f0f0f2}
.ix-calendar .cm-event{display:flex;align-items:center;gap:.45em;margin-top:.4em;padding:.5em .6em;border-radius:.5em;background:#2b2c31;font-size:max(9px,.78em);font-weight:540;color:#dcdde0;white-space:nowrap}
.ix-calendar .cm-event .ic{width:1.15em;height:1.15em;color:#b1b3b9}

.ix-calendar .cm-mod{position:absolute;left:3.5%;top:62%;width:41%;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:.7em;row-gap:.6em;padding:.85em 1em .95em;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 1.4em 2.6em -1.2em rgba(0,0,0,.9)}
.ix-calendar .cm-mod-h{grid-column:1/-1;display:flex;align-items:center;gap:.45em;font-size:max(9px,.76em);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#9d9fa6}
.ix-calendar .cm-mod-h .ic{width:1.2em;height:1.2em}
.ix-calendar .cm-mod-h img{width:1.3em;height:1.3em;margin-left:auto}
.ix-calendar .cm-c{display:contents}
.ix-calendar .cm-cav{display:grid;place-items:center;width:2.1em;height:2.1em;border-radius:50%;background:#7e57c2;font-size:.84em;font-weight:650;color:#fff}
.ix-calendar .cm-c p{min-width:0;font-size:.86em;line-height:1.35;color:#e6e7ea}
.ix-calendar .cm-c b{display:block;font-size:max(9px,.92em);font-weight:600;color:#f0f0f2}
.ix-calendar .cm-mod-f{grid-column:2;display:flex;flex-wrap:wrap;align-items:center;gap:.4em .65em}
.ix-calendar .cm-fw{background:#2f3035;font-size:max(9px,.8em);color:#e6e7ea}
.ix-calendar .cm-fw .ic{width:1.05em;height:1.05em}
.ix-calendar .cm-mod-f small{font-size:max(9px,.76em);color:#9d9fa6}

.ix-calendar.play .cm-cal{animation:up .8s var(--ease) .2s both}
.ix-calendar.play .cm-post,.ix-calendar.play .cm-event{animation:up .6s var(--ease) both}
.ix-calendar.play .cm-day:nth-child(1) .cm-post{animation-delay:.55s}
.ix-calendar.play .cm-day:nth-child(2) .cm-post{animation-delay:.67s}
.ix-calendar.play .cm-day:nth-child(3) .cm-post{animation-delay:.79s}
.ix-calendar.play .cm-day:nth-child(4) .cm-post{animation-delay:.91s}
.ix-calendar.play .cm-event{animation-delay:1.03s}
.ix-calendar.play .cm-post .chip{animation:pop .45s var(--ease) 1.35s both}
.ix-calendar.play .cm-mod{animation:up .7s var(--ease) 1.6s both}
.ix-calendar.play .cm-fw{animation:pop .5s var(--ease) 2.3s both}

/* Colonne étroite : la semaine devient un agenda, une ligne par jour */
@container (max-width:560px){
  .ix-calendar .cm-top{padding:.65em .85em}
  .ix-calendar .cm-who b{font-size:.92em}
  .ix-calendar .cm-who small{display:none}
  .ix-calendar .cm-week{font-size:.86em;font-weight:500;color:#c8cacf}
  .ix-calendar .cm-days{grid-template-columns:minmax(0,1fr);gap:.4em;padding:.5em}
  .ix-calendar .cm-day{display:grid;grid-template-columns:2.6em minmax(0,1fr);align-items:center;column-gap:.5em;min-height:0;padding:.4em}
  .ix-calendar .cm-day:nth-child(3){display:none}
  .ix-calendar .cm-d{flex-direction:column;justify-content:center;gap:.1em;height:auto;padding:0;font-size:.86em;line-height:1.1}
  .ix-calendar .cm-d b{font-size:1.1em}
  .ix-calendar .is-today .cm-d b{width:1.7em;height:1.7em}
  .ix-calendar .cm-post{display:grid;grid-template-columns:3.3em minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:.65em;row-gap:.2em;margin:0;padding:.4em .55em .4em .4em}
  .ix-calendar .cm-ph,.ix-calendar .cm-card{grid-column:1;grid-row:1/span 2;width:3.3em;height:3.3em;aspect-ratio:auto;margin:0}
  .ix-calendar .cm-card{align-items:center;justify-content:center;padding:0}
  .ix-calendar .cm-card span,.ix-calendar .cm-by{display:none}
  .ix-calendar .cm-card .ic{display:block;width:1.35em;height:1.35em;color:#141312}
  .ix-calendar .cm-meta{grid-column:2;grid-row:1;align-self:end;font-size:.86em}
  .ix-calendar .cm-role{grid-column:2;grid-row:2;align-self:start;margin:0;font-size:.9em}
  .ix-calendar .cm-post .chip{grid-column:3;grid-row:1/span 2;margin:0;font-size:.86em}
  .ix-calendar .cm-event{margin:0;justify-self:start;font-size:.86em}
  .ix-calendar .cm-mod{padding:.75em .9em .85em;row-gap:.5em}
  .ix-calendar .cm-mod-h{font-size:.86em}
  .ix-calendar .cm-c p{font-size:.9em}
  .ix-calendar .cm-cav{font-size:.9em}
  .ix-calendar .cm-mod-f{gap:.35em .6em}
  .ix-calendar .cm-mod-f .chip{font-size:.86em}
  .ix-calendar .cm-mod-f small{font-size:.86em}
  /* Téléphone (cadre 4/4,7) : l'agenda au-dessus de la modération */
  @media (max-width:640px){
    .ix-calendar .ill-in{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:.65em;padding:4% 5% 1%}
    .ix-calendar .cm-cal,.ix-calendar .cm-mod{position:relative;inset:auto;width:auto;flex:none}
  }
  /* Ordinateur à colonne étroite (cadre 16/11 de 420 à 560 px) : l'agenda à gauche, la modération à droite */
  @media (min-width:641px){
    .ix-calendar .ill-in{font-size:clamp(10px,2.45cqw,12px);gap:2.5%;padding:0 4.5%}
    .ix-calendar .cm-cal,.ix-calendar .cm-mod{position:relative;inset:auto;flex:none}
    .ix-calendar .cm-cal{width:58%}
    .ix-calendar .cm-mod{width:39.5%;margin-top:5em}
    .ix-calendar .cm-mod-f{grid-column:1/-1}
  }
}
@container (max-width:329px){
  .ix-calendar .cm-day.is-event{display:none}
}
@container (max-width:480px){
  @media (min-width:641px){.ix-calendar .cm-day.is-event{display:none}}
}
/* Téléphone large (cadre 4/4,7 mais colonne de plus de 560 px) : la scène reste groupée au centre */
@media (max-width:640px){
  @container (min-width:561px){
    .ix-calendar .ill-in{flex-direction:column;align-items:stretch;padding:0 4.5% 0 9%}
    .ix-calendar .cm-cal,.ix-calendar .cm-mod{position:relative;inset:auto}
    .ix-calendar .cm-mod{width:45%;margin:-2.6em 0 0 -5%}
  }
}

/* ---------- Couverture : prix du référencement Google (un devis en trois blocs de nature différente, sans montant) ---------- */
/* La lumière bleue de Google sous la carte ; la nature de chaque bloc porte le bleu, les montants restent des squelettes.
   La taille suit la largeur de la couverture, en liste comme en tête d'article. */
.cv-quote{width:min(23em,82%);padding:1em 1.15em 1.05em;font-size:clamp(9px,3.3cqw,14px);box-shadow:0 0 0 1px rgba(255,255,255,.08),0 2em 3.2em -1.9em rgba(66,133,244,.42)}
.cv-quote .cv-head{margin-bottom:.3em}
.cv-quote-g{width:1.3em;height:1.3em;flex:none}
.cv-quote-row{display:flex;align-items:center;gap:.65em;min-height:2.35em;border-bottom:1px solid rgba(255,255,255,.07)}
.cv-quote-row b{font-size:.94em;font-weight:600;letter-spacing:-.01em;color:#eceef1;white-space:nowrap}
.cv-quote-row em{display:inline-flex;align-items:center;height:1.85em;padding:0 .65em;border-radius:.45em;background:rgba(66,133,244,.16);font-style:normal;font-size:.74em;font-weight:600;color:#8ab4f8;white-space:nowrap}
.cv-quote-row i,.cv-quote-total i{display:block;flex:none;width:2.8em;height:.62em;margin-left:auto;border-radius:.31em;background:#3a3c42}
.cv-quote-total{display:flex;align-items:center;gap:.65em;padding-top:.7em}
.cv-quote-total span{font-size:.86em;font-weight:560;color:#b1b3b9}
.cv-quote-total i{width:3.6em;height:.8em;border-radius:.4em;background:#55585f}
@container (max-width:250px){
  .cv-quote{width:90%}
}
@container (min-width:600px){
  .cv-quote{font-size:clamp(14px,2.2cqw,21px)}
}

/* ---------- Couverture : budget d'un community manager (une publication et le travail qu'elle demande) ---------- */
/* La lumière d'Instagram sous la carte ; les étapes reprennent son dégradé, du jaune de l'idée au bleu des réponses.
   La taille suit la largeur de la couverture, en liste comme en tête d'article. */
.cv-social{width:min(24em,84%);padding:1em 1.15em 1.1em;font-size:clamp(9px,3.3cqw,14px);box-shadow:0 0 0 1px rgba(255,255,255,.08),-1.2em 2em 3em -2em rgba(214,41,118,.24),1.2em 2em 3em -2em rgba(150,47,191,.2),0 2.3em 3em -2.2em rgba(250,126,30,.18)}
.cv-social .cv-head{margin-bottom:.85em}
.cv-social-grid{display:grid;grid-template-columns:5.6em minmax(0,1fr);gap:1.2em;align-items:center}
.cv-social-post{display:grid;gap:.5em}
.cv-social-media{display:block;aspect-ratio:1/1;border-radius:.5em;background:linear-gradient(155deg,#34363c,#27282d)}
.cv-social-acts{display:flex;gap:.55em;color:#b4b7bd}
.cv-social-acts .ic{width:1em;height:1em}
.cv-social-post .cv-l{height:.5em;margin-top:0}
.cv-social-steps{display:grid;gap:.48em;margin:0;padding:0;list-style:none}
.cv-social-steps li{display:grid;grid-template-columns:5.4em minmax(0,1fr);align-items:center;gap:.55em}
.cv-social-steps span{font-size:.86em;line-height:1.2;color:#c9cbd0;white-space:nowrap}
.cv-social-steps b{position:relative;display:block;height:.62em;border-radius:.31em;background:#2a2c31}
.cv-social-steps i{position:absolute;top:0;bottom:0;left:calc(var(--s) * 1%);width:calc(var(--d) * 1%);border-radius:.31em;background:linear-gradient(90deg,#feda75,#fa7e1e 25%,#d62976 50%,#962fbf 75%,#4f5bd5) calc(var(--s) / (100 - var(--d)) * 100%) 0/calc(10000% / var(--d)) 100% no-repeat}
@container (max-width:250px){
  .cv-social{width:88%}
}
@container (min-width:600px){
  .cv-social{font-size:clamp(14px,2.2cqw,21px)}
}

/* ---------- Couverture : évaluer un site internet (trois parcours repérés sur la page, deux validés, un à corriger) ---------- */
.cv-review{width:min(25.4em,88%);padding:1em 1.15em 1.1em;font-size:clamp(9px,3.3cqw,14px)}
.cv-review .cv-head{margin-bottom:.85em}
.cv-review-icon{width:1.3em;height:1.3em;flex:none;color:#b8bec7}
.cv-review-grid{display:grid;grid-template-columns:minmax(0,1fr) 11.9em;gap:1em;align-items:center}

/* La page testée, en squelette, avec un repère posé sur le titre, le menu et le bouton de contact */
.cv-review-site{position:relative;display:grid;gap:.6em;padding:0 .85em .9em;border-radius:.6em;background:#26272b;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.cv-review-bar{display:flex;gap:.3em;margin:0 -.85em;padding:.55em .7em;border-bottom:1px solid rgba(255,255,255,.06)}
.cv-review-bar i{width:.42em;height:.42em;border-radius:50%;background:#ff5f57}
.cv-review-bar i+i{background:#febc2e}
.cv-review-bar i+i+i{background:#28c840}
.cv-review-nav{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.6em;margin:.15em 0 .1em}
.cv-review-nav b{display:block;flex:none;width:2.2em;height:.62em;border-radius:.2em;background:#55585f}
.cv-review-nav span{display:flex;gap:.32em;margin-right:1.55em}
.cv-review-nav i{display:block;width:1em;height:.42em;border-radius:.21em;background:#3e4047}
.cv-review-hero{position:relative;padding-right:1.6em}
.cv-review-hero .cv-l{height:.72em;margin-top:.4em;background:#4a4c53}
.cv-review-hero .cv-l:first-child{margin-top:0}
.cv-review-cta{position:relative;display:flex;align-items:center;gap:.5em;margin-top:.2em}
.cv-review-cta span{display:inline-flex;align-items:center;height:2em;padding:0 .85em;border-radius:.4em;background:#d9dade;font-size:.76em;font-weight:600;color:#17181b}
.cv-review-pin{display:grid;place-items:center;flex:none;width:1.5em;height:1.5em;border-radius:50%;background:#3d3f46;box-shadow:0 0 0 .18em #26272b;font-style:normal;font-size:.76em;font-weight:650;line-height:1;color:#eceef1}
.cv-review-nav .cv-review-pin{position:absolute;right:0;top:50%;transform:translateY(-50%)}
.cv-review-hero .cv-review-pin{position:absolute;right:0;bottom:-.25em}
.cv-review-pin.is-fix{box-shadow:0 0 0 .18em #26272b,inset 0 0 0 1.5px rgba(251,188,4,.7);color:#fdd663}

/* Les trois parcours : deux validés, un à corriger */
.cv-review-list{display:grid;gap:.4em;margin:0;padding:0;list-style:none}
.cv-review-list li{display:flex;align-items:center;gap:.55em;min-height:2.1em;padding:0 .65em 0 .5em;border-radius:.5em;background:#26272b}
.cv-review-list i{display:grid;place-items:center;flex:none;width:1.45em;height:1.45em;border-radius:50%;background:#3d3f46;font-style:normal;font-size:.76em;font-weight:650;line-height:1;color:#eceef1}
.cv-review-list span{font-size:.88em;font-weight:540;color:#dfe1e5;white-space:nowrap}
.cv-review-list .ok{width:.95em;height:.95em;margin-left:auto;flex:none;color:#81c995}
.cv-review-list .is-fix{box-shadow:inset 0 0 0 1px rgba(251,188,4,.5)}
.cv-review-list .is-fix i{box-shadow:inset 0 0 0 1.5px rgba(251,188,4,.7);color:#fdd663}
.cv-review-list em{margin-left:auto;font-style:normal;font-size:.76em;font-weight:620;color:#fdd663;white-space:nowrap}
@container (max-width:250px){
  .cv-review{width:92%}
}
@container (min-width:600px){
  .cv-review{font-size:clamp(14px,2.2cqw,21px)}
}

/* ---------- Illustration du hub : la courbe du suivi de visibilité IA (vingt prompts, trois IA, trois concurrents) ---------- */
/* Une loupe lit la courbe de gauche à droite : à chaque mois, un point se pose. La lumière verte de ChatGPT sous la carte, comme le relevé
   de la page du suivi. La courbe est fictive ; les valeurs reprennent celles du relevé (4, 6 puis 9 réponses sur 20 de juillet à septembre). */
.ix-curve .cu{--pw:43.2em;--ph:18.4em;box-sizing:content-box;width:var(--pw);padding:1.15em 1.6em 1.1em;font-size:calc(94cqw / 46.4);box-shadow:0 0 0 1px rgba(255,255,255,.09),0 1.9em 3.2em -1.7em rgba(16,163,127,.34),0 .4em 1em -.4em rgba(0,0,0,.6)}
.ix-curve .cu-top{display:flex;align-items:center;justify-content:space-between;gap:1em;margin-bottom:2.5em}
.ix-curve .cu-title{font-size:1.12em;font-weight:600;letter-spacing:-.01em;color:#f0f0f2;white-space:nowrap}
.ix-curve .cu-title span{margin-left:.45em;font-size:.84em;font-weight:450;letter-spacing:0;color:#9d9fa6}
.ix-curve .cu-ais{display:flex;gap:.55em}
.ix-curve .cu-ais img{width:1.45em;height:1.45em}

/* Le tracé : trois couches de même taille (grille, concurrents, courbe), puis les points et les repères en HTML pour rester nets */
.ix-curve .cu-plot{position:relative;width:var(--pw);height:var(--ph)}
.ix-curve .cu-svg{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible}
.ix-curve .cu-rivals,.ix-curve .cu-draw{position:absolute;inset:0}
.ix-curve .cu-grid{fill:none;stroke:rgba(255,255,255,.07);stroke-width:1;stroke-dasharray:3 5;vector-effect:non-scaling-stroke}
.ix-curve .cu-rivals polyline{fill:none;stroke:rgba(190,193,200,.38);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.ix-curve .cu-area{fill:url(#cuArea)}
.ix-curve .cu-line{fill:none;stroke:#19c394;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 .45em rgba(25,195,148,.55))}
.ix-curve .cu-pt{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:1em;height:1em;margin:-.5em 0 0 -.5em;border-radius:50%;background:#16171a;box-shadow:inset 0 0 0 .24em #19c394}
.ix-curve .cu-pt.is-last{width:1.45em;height:1.45em;margin:-.725em 0 0 -.725em;box-shadow:inset 0 0 0 .32em #19c394,0 0 1.4em rgba(25,195,148,.7)}
.ix-curve .cu-val{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);transform:translate(-50%,-190%);padding:.45em .8em;border-radius:.5em;background:rgba(25,195,148,.2);font-size:1em;font-weight:620;line-height:1;white-space:nowrap;color:#5fd6ad;font-variant-numeric:tabular-nums}
.ix-curve .cu-val.is-first{background:#2b2c31;color:#c4c6cc}
.ix-curve .cu-rv{position:absolute;right:calc((100 - var(--x)) * 1% - .7em);top:calc(var(--y) * 1%);margin-top:.9em;font-size:.92em;line-height:1;white-space:nowrap;color:#9d9fa6}
.ix-curve .cu-x{position:relative;height:1.3em;margin-top:.85em;font-size:.92em;color:#9d9fa6}
.ix-curve .cu-x span{position:absolute;left:calc(var(--x) * 1%);top:0;transform:translateX(-50%);white-space:nowrap}

/* La loupe : un anneau et son manche, centrés sur le point lu */
.ix-curve .cu-lens{position:absolute;left:5%;top:80%;z-index:2;width:4.6em;height:4.6em;margin:-1.8em 0 0 -1.8em;opacity:0;filter:drop-shadow(0 .35em .5em rgba(0,0,0,.55))}
.ix-curve .cu-lens svg{display:block;width:100%;height:100%;overflow:visible}
.ix-curve .cu-lens circle{fill:rgba(255,255,255,.07);stroke:#f5f5f6;stroke-width:2.6}
.ix-curve .cu-lens path{fill:none;stroke:#f5f5f6;stroke-width:4.4;stroke-linecap:round}

/* ---------- Déroulé : environ six secondes, une seule fois ---------- */
.ix-curve.play .cu{animation:up .85s var(--ease) .15s both}
.ix-curve.play .cu-rivals{animation:cuWipe 1.3s var(--ease-io) .75s both}
.ix-curve.play .cu-draw{animation:cuWipe 3.4s linear 1.35s both}
.ix-curve.play .cu-lens{animation:cuLensIn .55s var(--ease) 1.05s both,cuLens 3.4s linear 1.35s both,cuLensOut .7s ease 4.95s forwards}
.ix-curve.play .cu-pt{animation:pop .5s var(--ease) both;animation-delay:calc(1.35s + var(--i) * .68s)}
.ix-curve.play .cu-val.is-first{animation:cuPill .6s var(--ease) 1.5s both}
.ix-curve.play .cu-val:not(.is-first){animation:cuPill .65s var(--ease) 4.55s both}
.ix-curve.play .cu-rv{animation:up .7s var(--ease) 2.1s both}
.ix-curve.play .i-cap{animation:up .8s var(--ease) 1s both}
@keyframes cuWipe{from{clip-path:inset(-30% 95% -30% 0)}to{clip-path:inset(-30% 5% -30% 0)}}
@keyframes cuLensIn{from{opacity:0;scale:.6}to{opacity:1;scale:1}}
@keyframes cuLensOut{from{opacity:1;scale:1}to{opacity:0;scale:.8}}
@keyframes cuLens{
  0%{translate:0 0}
  20%{translate:calc(var(--pw) * .18) calc(var(--ph) * -.0824)}
  40%{translate:calc(var(--pw) * .36) calc(var(--ph) * -.1647)}
  60%{translate:calc(var(--pw) * .54) calc(var(--ph) * -.2471)}
  80%{translate:calc(var(--pw) * .72) calc(var(--ph) * -.4118)}
  100%{translate:calc(var(--pw) * .9) calc(var(--ph) * -.6588)}
}
@keyframes cuPill{from{opacity:0;transform:translate(-50%,-150%) scale(.7)}}

/* Cadre étroit (liste à deux colonnes d'un petit ordinateur) : une carte plus compacte, aux textes plus grands */
@container (max-width:470px){
  .ix-curve .cu{--pw:29.6em;--ph:12.4em;padding:1.1em 1.5em 1em;font-size:calc(94cqw / 32.6)}
  .ix-curve .cu-top{margin-bottom:2.7em}
}
/* Téléphone : la carte occupe la largeur, le tracé s'élargit en hauteur */
@media (max-width:640px){
  .ix-curve .cu{--pw:25.8em;--ph:16.4em;padding:1.1em 1.5em 1em;font-size:calc(94cqw / 28.8)}
  .ix-curve .cu-top{margin-bottom:2.8em}
}

/* ---------- Illustration de service : SEO à Bruxelles (recherche, page qui répond, demande de contact) ---------- */
.ix-intent .it{position:relative;flex:none;width:47.6em;height:30.5em}

.ix-intent .it-links{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.ix-intent .it-ln{fill:none;stroke:rgba(255,255,255,.24);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1}
.ix-intent .it-ln.is-on{stroke:rgba(138,180,248,.72)}
.ix-intent .it-tips path{fill:none;stroke:rgba(255,255,255,.34);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.ix-intent .it-tips .is-on{stroke:#8ab4f8}
.ix-intent .it-dots circle{fill:#6b6f77}
.ix-intent .it-dots .is-on{fill:#8ab4f8}

.ix-intent .it-q{position:absolute;left:0;display:flex;align-items:center;gap:.7em;height:2.7em;padding:0 1em 0 .85em;border-radius:1.35em;background:#303134;box-shadow:0 0 0 1px rgba(255,255,255,.07),0 .5em 1.4em -.5em rgba(0,0,0,.7);color:#e8eaed;white-space:nowrap}
.ix-intent .it-q1{top:0}
.ix-intent .it-q2{top:17.9em}
.ix-intent .it-g{width:1.3em;height:1.3em;flex:none}
.ix-intent .it-qt{font-size:.96em}
.ix-intent .it-q .ic{width:1.05em;height:1.05em;margin-left:.5em;color:#8ab4f8}

.ix-intent .it-page{position:absolute;left:6.4em;width:21.6em;display:flex;flex-direction:column;overflow:hidden;padding-bottom:.85em;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 1.6em 3em -1.6em rgba(0,0,0,.85)}
.ix-intent .it-svc{top:4.2em;height:12.4em}
.ix-intent .it-art{top:22.1em;height:8.4em}
.ix-intent .it-bar{display:flex;align-items:center;gap:.4em;padding:.68em .95em;border-bottom:1px solid rgba(255,255,255,.07);font-size:.74em;color:#9d9fa6}
.ix-intent .it-bar i{width:.6em;height:.6em;flex:none;border-radius:50%;background:#ff5f57}
.ix-intent .it-bar i+i{background:#febc2e}
.ix-intent .it-bar i+i+i{background:#28c840}
.ix-intent .it-bar span{margin-left:.55em;white-space:nowrap}
.ix-intent .it-h{padding:.6em 1.04em .42em;font-size:1.06em;font-weight:600;letter-spacing:-.01em;color:#f0f0f2}
.ix-intent .it-facts{display:grid;gap:.4em;margin:0;padding:0 1.1em;list-style:none}
.ix-intent .it-facts li{display:flex;align-items:center;gap:.6em;font-size:.84em;color:#c4c6cc;white-space:nowrap}
.ix-intent .it-facts .ic{width:1.1em;height:1.1em;flex:none;color:#8ab4f8}
.ix-intent .it-btn{align-self:flex-start;display:inline-flex;align-items:center;height:2.2em;margin:auto 0 0 1.34em;padding:0 1.05em;border-radius:1.1em;background:#8ab4f8;font-size:.82em;font-weight:600;color:#1b1c1f}
.ix-intent .it-p{padding:0 1.31em;font-size:.84em;color:#bdc1c6}
.ix-intent .it-link{display:flex;align-items:center;gap:.4em;margin-top:auto;padding:0 1.31em;font-size:.84em;font-weight:560;color:#8ab4f8}
.ix-intent .it-link .ic{width:1.1em;height:1.1em}

.ix-intent .it-form{position:absolute;left:31.4em;top:8.6em;width:16.2em;display:flex;flex-direction:column;padding:1em 1.1em 1.05em;box-shadow:0 0 0 1px rgba(255,255,255,.09),0 1.9em 3.2em -1.7em rgba(66,133,244,.34),0 .4em 1em -.4em rgba(0,0,0,.6)}
.ix-intent .it-fh{display:flex;align-items:center;gap:.55em;font-size:.98em;font-weight:600;letter-spacing:-.01em;color:#f0f0f2;white-space:nowrap}
.ix-intent .it-fh .ic{width:1.15em;height:1.15em;flex:none;color:#8ab4f8}
.ix-intent .it-lab{margin-top:1em;font-size:.76em;color:#9d9fa6}
.ix-intent .it-field{display:flex;align-items:center;height:2.4em;margin-top:.4em;padding:0 .85em;border-radius:.5em;background:#16171a;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);font-size:.88em;color:#e8eaed;white-space:nowrap}
.ix-intent .it-send{display:flex;align-items:center;justify-content:center;height:2.5em;margin-top:.85em;border-radius:1.25em;background:#8ab4f8;font-size:.86em;font-weight:600;color:#1b1c1f}
.ix-intent .it-ok{display:flex;align-items:center;justify-content:center;gap:.45em;margin-top:.7em;padding:.5em;border-radius:.5em;background:rgba(52,168,83,.18);font-size:.84em;font-weight:600;color:#81c995}
.ix-intent .it-ok .ic{width:1.1em;height:1.1em}

.ix-intent.play .it-q1{animation:up .6s var(--ease) .1s both}
.ix-intent.play .it-svc{animation:up .7s var(--ease) .6s both}
.ix-intent.play .it-q2{animation:up .6s var(--ease) .8s both}
.ix-intent.play .it-q2 .i-type{animation-delay:1s}
.ix-intent.play .it-art{animation:up .7s var(--ease) 1.25s both}
.ix-intent.play .it-ln{animation:itDraw .7s var(--ease-io) both;animation-delay:.45s}
.ix-intent.play .it-ln:nth-child(2){animation-delay:1.1s}
.ix-intent.play .it-ln.is-on{animation-delay:1.75s}
.ix-intent.play .it-tips,.ix-intent.play .it-dots{animation:itFade .5s var(--ease) 1.95s both}
.ix-intent.play .it-form{animation:slideL .8s var(--ease) 1.55s both}
.ix-intent.play .it-field .i-type{animation-delay:2.1s}
.ix-intent.play .it-ok{animation:pop .5s var(--ease) 3s both}
@keyframes itDraw{from{stroke-dashoffset:1}}
@keyframes itFade{from{opacity:0}}

/* Téléphone : la recherche de service, sa page et la demande, l'une sous l'autre */
@container (max-width:560px){
  .ix-intent .it{display:flex;flex-direction:column;width:min(27.6em,91%);height:auto}
  .ix-intent .it-links,.ix-intent .it-q2,.ix-intent .it-art,.ix-intent .it-lab{display:none}
  .ix-intent .it-q,.ix-intent .it-page,.ix-intent .it-form{position:relative;left:auto;top:auto;width:auto;height:auto}
  .ix-intent .it-q1{align-self:flex-start;max-width:100%}
  .ix-intent .it-qt{font-size:.94em}
  .ix-intent .it-q1::before{content:"";position:absolute;left:1.5em;top:100%;width:2.3em;height:2.85em;border:solid rgba(255,255,255,.26);border-width:0 0 1.5px 1.5px;border-bottom-left-radius:.7em}
  .ix-intent .it-q1::after{content:"";position:absolute;left:3.42em;top:calc(100% + 2.52em);width:.42em;height:.42em;border:solid rgba(255,255,255,.4);border-width:1.5px 1.5px 0 0;transform:rotate(45deg)}
  .ix-intent .it-page{margin:1.6em 0 0 4em;padding-bottom:.85em;overflow:visible}
  .ix-intent .it-bar{padding:.62em .85em;font-size:.86em}
  .ix-intent .it-bar span{margin-left:.4em}
  .ix-intent .it-h{padding:.55em 1em .4em;font-size:1em}
  .ix-intent .it-facts{gap:.35em;padding:0 1em}
  .ix-intent .it-facts li{font-size:.86em}
  .ix-intent .it-btn{margin:.75em 0 0 1.16em;font-size:.86em}
  .ix-intent .it-form{margin:1.6em 0 0 4em;padding:.85em 1em .9em}
  .ix-intent .it-form::before{content:"";position:absolute;left:5.6em;bottom:100%;width:1.5px;height:1.6em;background:rgba(138,180,248,.75)}
  .ix-intent .it-form::after{content:"";position:absolute;left:calc(5.6em - .2em);top:-.42em;width:.42em;height:.42em;border:solid #8ab4f8;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
  .ix-intent .it-fh{font-size:1em}
  .ix-intent .it-form{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:.6em;align-items:center}
  .ix-intent .it-fh{grid-column:1/-1}
  .ix-intent .it-field{height:2.5em;margin-top:.75em;font-size:.88em}
  .ix-intent .it-send{margin-top:.75em;height:2.55em;padding:0 1.1em;font-size:.86em}
  .ix-intent .it-ok{grid-column:1/-1;margin-top:.6em;font-size:.86em}
}
/* Fenêtre étroite sur ordinateur (cadre 16/11 de 420 à 560 px) : même scène, moins haute */
@media (min-width:641px){
  @container (max-width:560px){
    .ix-intent .ill-in{font-size:clamp(10.6px,2.4cqw,13px)}
    .ix-intent .it-facts li:last-child{display:none}
    .ix-intent .it-page,.ix-intent .it-form{margin-top:1.3em}
    .ix-intent .it-q1::before{height:2.55em}
    .ix-intent .it-q1::after{top:calc(100% + 2.22em)}
    .ix-intent .it-form::before{height:1.3em}
    .ix-intent .it-fh{grid-column:1}
    .ix-intent .it-ok{grid-column:2;grid-row:1;margin:0;padding:.45em .75em}
  }
}

/* ---------- Illustration de service : SEO local (carte, fiche Google, page locale) ---------- */
.ix-local .lc-map{position:absolute;inset:0 0 -8% 0;width:100%;height:108%;z-index:-1}
.ix-local::after{content:"";position:absolute;inset:auto 0 0 0;height:22%;z-index:-1;pointer-events:none;background:linear-gradient(transparent,rgba(15,16,19,.92) 70%)}
.ix-local .lc-minor path{fill:none;stroke:#202329;stroke-width:3;stroke-linecap:round}
.ix-local .lc-major path{fill:none;stroke:#2b2f37;stroke-width:8;stroke-linecap:round}
.ix-local .lc-labels text{font:600 10.5px/1 Inter,sans-serif;letter-spacing:.16em;fill:#5f636b}
.ix-local .lc-others circle{fill:#3a3d44;stroke:#141619;stroke-width:2.5}
.ix-local .lc-drop{fill:#ea4335;stroke:#b31412;stroke-width:1.2}
.ix-local .lc-ring{fill:none;stroke:#ea4335;stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center}
.ix-local .lc-tag{font:600 12.5px/1 Inter,sans-serif;fill:#f28b82;stroke:#141619;stroke-width:4;paint-order:stroke;stroke-linejoin:round}
.ix-local .lc-pin{transform-box:fill-box;transform-origin:50% 100%}

.ix-local .lc-search{position:absolute;left:5%;top:7%;width:47%;display:flex;align-items:center;gap:.75em;height:2.9em;padding:0 1.05em 0 .9em;border-radius:1.45em;background:#303134;box-shadow:0 0 0 1px rgba(255,255,255,.07),0 .5em 1.4em -.5em rgba(0,0,0,.7);font-size:.98em;color:#e8eaed}
.ix-local .lc-g{width:1.25em;height:1.25em;flex:none}
.ix-local .lc-q{flex:1;min-width:0;white-space:nowrap;overflow:hidden}
.ix-local .lc-search .ic{width:1.05em;height:1.05em;color:#8ab4f8}

.ix-local .lc-card{position:absolute;right:5%;top:7%;width:39%;overflow:hidden;border-radius:.9em;box-shadow:0 0 0 1px rgba(255,255,255,.09),0 1.9em 3.2em -1.7em rgba(66,133,244,.32),0 .4em 1em -.4em rgba(0,0,0,.6)}
.ix-local .lc-photo{width:100%;aspect-ratio:16/6.6;object-fit:cover;object-position:50% 58%}
.ix-local .lc-body{padding:.95em 1.1em 1.1em}
.ix-local .lc-name{font-size:1.2em;font-weight:560;letter-spacing:-.015em;color:#e8eaed}
.ix-local .lc-rate{display:flex;align-items:center;gap:.4em;margin-top:.3em;font-size:.86em;color:#9aa0a6}
.ix-local .lc-rate b{font-weight:500;color:#e8eaed}
.ix-local .lc-rate .stars svg{width:.95em;height:.95em}
.ix-local .lc-cat{margin-top:.25em;font-size:.86em;color:#9aa0a6}
.ix-local .lc-open{margin-top:.25em;font-size:.86em;color:#9aa0a6}
.ix-local .lc-open em{font-style:normal;font-weight:560;color:#81c995}
.ix-local .lc-actions{display:flex;flex-wrap:wrap;gap:.45em;margin-top:.9em}
.ix-local .lc-actions span{display:inline-flex;align-items:center;gap:.4em;height:2.3em;padding:0 .8em;border-radius:1.15em;box-shadow:inset 0 0 0 1px rgba(138,180,248,.42);font-size:.8em;font-weight:560;color:#8ab4f8;white-space:nowrap}
.ix-local .lc-actions span.is-main{background:#8ab4f8;box-shadow:none;color:#1b1c1f}
.ix-local .lc-actions .ic{width:1.1em;height:1.1em;color:currentColor}

.ix-local .lc-page{position:absolute;left:5%;bottom:5%;width:43%;overflow:hidden;padding-bottom:.95em;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 1.6em 3em -1.6em rgba(0,0,0,.85)}
.ix-local .lc-bar{display:flex;align-items:center;gap:.4em;padding:.7em .95em;border-bottom:1px solid rgba(255,255,255,.07);font-size:.78em;color:#9d9fa6}
.ix-local .lc-bar i{width:.6em;height:.6em;flex:none;border-radius:50%;background:#ff5f57}
.ix-local .lc-bar i+i{background:#febc2e}
.ix-local .lc-bar i+i+i{background:#28c840}
.ix-local .lc-bar span{margin-left:.55em;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ix-local .lc-h{padding:.85em 1.1em .5em;font-size:1.06em;font-weight:600;letter-spacing:-.01em;color:#f0f0f2}
.ix-local .lc-list{display:grid;gap:.42em;margin:0;padding:0 1.1em;list-style:none}
.ix-local .lc-list li{display:flex;align-items:center;gap:.6em;font-size:.84em;color:#c4c6cc}
.ix-local .lc-list .ic{width:1.05em;height:1.05em;color:#8ab4f8}

.ix-local.play .lc-pin{animation:lcDrop .7s cubic-bezier(.3,1.5,.5,1) .35s both}
.ix-local.play .lc-ring{animation:lcRing 2.2s var(--ease) 1.1s 3}
.ix-local.play .lc-card{animation:slideL .9s var(--ease) .65s both}
.ix-local.play .lc-page{animation:up .8s var(--ease) 1.25s both}
@keyframes lcDrop{from{opacity:0;transform:translateY(-38%) scale(.8)}}
@keyframes lcRing{0%{opacity:.75;transform:scale(.6)}100%{opacity:0;transform:scale(3.2)}}

@container (max-width:560px){
  .ix-local .ill-in{font-size:clamp(10.4px,3.5cqw,13px)}
  .ix-local .lc-search{left:5%;right:5%;top:5%;width:auto}
  .ix-local .lc-card{left:5%;right:5%;top:auto;bottom:4%;width:auto;display:grid;grid-template-columns:30% minmax(0,1fr)}
  .ix-local .lc-photo{height:100%;aspect-ratio:auto}
  .ix-local .lc-body{padding:.8em .9em .9em}
  .ix-local .lc-name{font-size:1.08em}
  .ix-local .lc-actions{flex-wrap:nowrap;gap:.35em;margin-top:.7em}
  .ix-local .lc-actions span{padding:0 .6em;font-size:.82em}
  .ix-local .lc-actions span:last-child{display:none}
  .ix-local .lc-page{display:none}
  .ix-local::after{height:16%}
  .ix-local .lc-labels text+text{display:none}
}

/* Tablette et petit ordinateur : conteneur étroit mais cadre encore en 16/11, la fiche reste à droite de l'épingle */
@media (min-width:641px){
  @container (max-width:560px){
    .ix-local .ill-in{font-size:clamp(9.5px,2.3cqw,12.5px)}
    .ix-local .lc-search{left:5%;right:auto;top:7%;width:43%}
    .ix-local .lc-card{left:auto;right:5%;top:7%;bottom:auto;width:43%;display:block}
    .ix-local .lc-photo{height:auto;aspect-ratio:16/6.2}
    .ix-local .lc-body{padding:.8em .95em .95em}
    .ix-local .lc-page{display:block;left:5%;bottom:6%;width:43%}
    .ix-local::after{height:22%}
  }
  @container (max-width:479px){
    .ix-local .lc-page{display:none}
    .ix-local::after{height:16%}
  }
}

/* ---------- Illustration de service : refonte (plan de redirections, contrôle après mise en ligne) ---------- */

/* Plan de redirections : ancien site à gauche, nouveau site à droite, une courbe par correspondance */
.ix-migrate .mg-stack{position:absolute;left:4.5%;right:4.5%;top:0;bottom:0;display:flex;flex-direction:column;justify-content:center}
.ix-migrate .mg-win{position:relative;overflow:hidden;padding-bottom:2.7em;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 1.6em 3em -1.6em rgba(0,0,0,.85)}
.ix-migrate .mg-bar{display:flex;align-items:center;gap:.4em;padding:.7em .95em;border-bottom:1px solid rgba(255,255,255,.07);font-size:.74em;color:#9d9fa6}
.ix-migrate .mg-bar i{width:.6em;height:.6em;flex:none;border-radius:50%;background:#ff5f57}
.ix-migrate .mg-bar i+i{background:#febc2e}
.ix-migrate .mg-bar i+i+i{background:#28c840}
.ix-migrate .mg-bar b{margin-left:.6em;font-weight:600;color:#e6e7ea}
.ix-migrate .mg-bar span{margin-left:auto;white-space:nowrap}
.ix-migrate .mg-map{position:relative;width:42em;height:17em;margin:1em auto 0}
.ix-migrate .mg-lines{position:absolute;left:0;top:0;width:42em;height:17em;overflow:visible}
.ix-migrate .mg-lines-s{display:none}
.ix-migrate .mg-ln,.ix-migrate .mg-hd{fill:none;stroke:#70747c;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ix-migrate .mg-no{fill:none;stroke:#f28b82;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:2.5 4;opacity:.75}
.ix-migrate .mg-x{fill:none;stroke:#f28b82;stroke-width:1.7;stroke-linecap:round}
.ix-migrate .mg-h{position:absolute;top:0;line-height:1.2em;white-space:nowrap}
.ix-migrate .mg-h span{font-size:.74em;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#8f939b}
.ix-migrate .mg-h-o{right:27em}
.ix-migrate .mg-h-n{left:27em}
.ix-migrate .mg-o,.ix-migrate .mg-n{position:absolute;top:calc(var(--y) * 1em - 1.15em);display:flex;align-items:center;gap:.55em;height:2.3em;padding:0 .8em;border-radius:.5em;white-space:nowrap}
.ix-migrate .mg-o{right:27em;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);color:#a9acb3}
.ix-migrate .mg-n{left:27em;background:#2a2b30;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);color:#eceef1}
.ix-migrate .mg-o span,.ix-migrate .mg-n span{font-size:.88em}
.ix-migrate .mg-n span{font-weight:520}
.ix-migrate .mg-home{padding-right:.4em;background:none;box-shadow:inset 0 0 0 1px rgba(242,139,130,.32)}
.ix-migrate .mg-home s{font-weight:400;color:#8a8d94;text-decoration-color:#f28b82;text-decoration-thickness:1.5px}
.ix-migrate .mg-home em{padding:.42em .55em;border-radius:.35em;background:rgba(234,67,53,.16);font-style:normal;font-size:.74em;font-weight:620;line-height:1;color:#f28b82}
.ix-migrate .mg-p{position:absolute;left:19.6em;top:calc(var(--y) * 1em - .8em);display:grid;place-items:center;width:2.8em;height:1.6em;border-radius:.45em;background:#1d3324;box-shadow:0 0 0 .22em #1f2024}
.ix-migrate .mg-p span{font-size:.76em;font-weight:650;line-height:1;color:#81c995}

/* Contrôle après mise en ligne (seule lumière de la scène) */
.ix-migrate .mg-check{position:relative;margin:-1.7em 5% 0;display:flex;align-items:center;gap:1.4em;padding:.95em 1.3em;box-shadow:0 0 0 1px rgba(255,255,255,.09),0 1.9em 3.2em -1.7em rgba(52,168,83,.3),0 .4em 1em -.4em rgba(0,0,0,.6)}
.ix-migrate .mg-ck-top{flex:none}
.ix-migrate .mg-ck-h{font-size:.8em;color:#a6a8ae}
.ix-migrate .mg-ck-n{display:flex;align-items:baseline;gap:.4em;margin-top:.15em}
.ix-migrate .mg-ck-n b{font-size:2.1em;line-height:1;font-weight:450;letter-spacing:-.04em;color:#f0f0f2}
.ix-migrate .mg-ck-n span{font-size:.92em;font-weight:520;color:#e6e7ea}
.ix-migrate .mg-ck-list{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5em;margin:0 0 0 auto;padding:0;list-style:none}
.ix-migrate .mg-ck-list li{display:inline-flex;align-items:center;gap:.4em;height:2.3em;padding:0 .8em 0 .6em;border-radius:1.15em;background:#26272b;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);font-size:.82em;color:#dcdde0;white-space:nowrap}
.ix-migrate .mg-ck-list .ic{width:1.05em;height:1.05em;color:#81c995}

.ix-migrate.play .mg-win{animation:up .8s var(--ease) .15s both}
.ix-migrate.play .mg-o,.ix-migrate.play .mg-n{animation:up .55s var(--ease) both;animation-delay:calc(.45s + var(--i, 0) * .12s)}
.ix-migrate.play .mg-ln,.ix-migrate.play .mg-hd{stroke-dasharray:130;animation:mgDraw .8s var(--ease-io) both;animation-delay:calc(.95s + var(--i) * .15s)}
.ix-migrate.play .mg-p{animation:pop .45s var(--ease) both;animation-delay:calc(1.45s + var(--i) * .15s)}
.ix-migrate.play .mg-no{animation:mgFade .6s var(--ease) 2s both}
.ix-migrate.play .mg-x{transform-box:fill-box;transform-origin:center;animation:pop .45s var(--ease) 2.35s both}
.ix-migrate.play .mg-home em{animation:pop .45s var(--ease) 2.4s both}
.ix-migrate.play .mg-check{animation:up .8s var(--ease) 2.45s both}
.ix-migrate.play .mg-ck-list li{animation:pop .45s var(--ease) both;animation-delay:calc(2.8s + var(--i) * .12s)}
@keyframes mgDraw{from{stroke-dashoffset:130}to{stroke-dashoffset:0}}
@keyframes mgFade{from{opacity:0}}

@container (max-width:560px){
  .ix-migrate .ill-in{font-size:clamp(10px,3.3cqw,16px)}
  .ix-migrate .mg-stack{left:4.5%;right:4.5%}
  .ix-migrate .mg-bar{padding:.65em .9em;font-size:.86em}
  .ix-migrate .mg-bar b{margin-left:.5em}
  .ix-migrate .mg-bar span{display:none}
  .ix-migrate .mg-win{padding-bottom:2.6em}
  .ix-migrate .mg-map{width:23.7em;height:14.9em;margin-top:.9em}
  .ix-migrate .mg-lines{display:none}
  .ix-migrate .mg-lines-s{display:block;position:absolute;left:0;top:0;width:23.7em;height:14.9em;overflow:visible}
  .ix-migrate .mg-h span{font-size:.86em;letter-spacing:.1em}
  .ix-migrate .mg-h-o{right:12.4em}
  .ix-migrate .mg-h-n{left:13.9em}
  .ix-migrate .mg-o,.ix-migrate .mg-n{top:calc(var(--ys) * 1em - 1.1em);height:2.2em;padding:0 .6em}
  .ix-migrate .mg-o{right:12.4em}
  .ix-migrate .mg-n{left:13.9em}
  .ix-migrate .mg-home{gap:.45em;padding-right:.35em}
  .ix-migrate .mg-home em{font-size:.86em;padding:.32em .45em}
  .ix-migrate .mg-p{left:21.1em;top:calc(var(--ys) * 1em - .8em);width:2.6em;box-shadow:none}
  .ix-migrate .mg-p span{font-size:.86em}
  .ix-migrate .mg-check{display:grid;grid-template-columns:minmax(0,1fr);gap:.55em;margin:-1.7em 4% 0;padding:.85em 1em .95em}
  .ix-migrate .mg-ck-h{font-size:.86em}
  .ix-migrate .mg-ck-n b{font-size:1.9em}
  .ix-migrate .mg-ck-list{justify-content:flex-start;margin:0;gap:.4em}
  .ix-migrate .mg-ck-list li{height:2.2em;padding:0 .7em 0 .55em;font-size:.86em}
  .ix-migrate .mg-ck-r{display:none!important}
}
/* Écrans de 901 à 1200 px : la figure passe sous 560 px mais reste en 16/11 */
@media (min-width:641px){@container (max-width:560px){
  .ix-migrate .ill-in{font-size:clamp(10px,3.3cqw,13px)}
  .ix-migrate .mg-stack{left:6%;right:6%}
  .ix-migrate .mg-win{padding-bottom:.6em}
  .ix-migrate .mg-map,.ix-migrate .mg-lines-s{height:12.25em}
  .ix-migrate .mg-map{margin-top:.7em}
  .ix-migrate .mg-4{display:none}
  .ix-migrate .mg-check{display:flex;gap:1em;margin:.8em 0 0;padding:.7em 1em}
  .ix-migrate .mg-ck-top{display:flex;align-items:baseline;gap:.8em}
  .ix-migrate .mg-ck-h{display:none}
  .ix-migrate .mg-ck-list{margin-left:auto;justify-content:flex-end}
}}

/* ---------- Illustration de service : avis Google (avis critique, réponse en cours, contrôle avant publication) ---------- */
.ix-reply .ill-in{gap:1.3em}

/* Espace de gestion des avis, éclairé en bleu Google (seule lumière de la scène) */
.ix-reply .rp-panel{flex:none;width:31.5em;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.09),0 1.9em 3.2em -1.7em rgba(66,133,244,.32),0 .4em 1em -.4em rgba(0,0,0,.6)}
.ix-reply .rp-top{display:flex;align-items:center;gap:.55em;padding:.9em 1.2em;border-bottom:1px solid rgba(255,255,255,.07)}
.ix-reply .rp-g{width:1.15em;height:1.15em;flex:none}
.ix-reply .rp-top b{font-size:.98em;font-weight:600;color:#e8eaed}
.ix-reply .rp-top span{font-size:.8em;color:#9aa0a6;white-space:nowrap}
.ix-reply .rp-top em{margin-left:auto;padding:.45em .65em;border-radius:.45em;background:#2b2c31;font-style:normal;font-size:.74em;font-weight:600;line-height:1;color:#dcdde0;white-space:nowrap}
.ix-reply .rp-rev{display:grid;grid-template-columns:2.3em minmax(0,1fr);gap:.8em;padding:1.2em 1.2em 1em}
.ix-reply .rp-av{display:grid;place-items:center;width:2.3em;height:2.3em;border-radius:50%;background:#5c6bc0;font-size:.92em;font-weight:650;color:#fff}
.ix-reply .rp-n{font-size:.9em;font-weight:560;color:#e8eaed}
.ix-reply .rp-n small{margin-left:.45em;font-size:.9em;font-weight:400;color:#9aa0a6}
.ix-reply .rp-body .stars{margin-top:.25em}
.ix-reply .rp-body .stars svg{width:.95em;height:.95em}
.ix-reply .rp-t{margin-top:.35em;font-size:.86em;line-height:1.45;color:#bdc1c6}
.ix-reply .rp-reply{padding:0 1.2em 1.25em 4.3em}
.ix-reply .rp-l{font-size:.76em;font-weight:560;color:#9aa0a6}
.ix-reply .rp-box{margin-top:.45em;padding:.8em .9em .95em;border-radius:.55em;background:#26272b;box-shadow:inset 0 0 0 1.5px #8ab4f8}
.ix-reply .rp-box p{font-size:.84em;line-height:1.48;color:#e8eaed}
.ix-reply .rp-box i{display:inline-block;width:1.5px;height:1.15em;margin-left:.12em;vertical-align:-.2em;background:#8ab4f8}
.ix-reply .rp-act{display:flex;justify-content:flex-end;align-items:center;gap:.4em;margin-top:.9em}
.ix-reply .rp-act span{display:inline-flex;align-items:center;height:2.4em;padding:0 1.05em;border-radius:1.2em;font-size:.8em;font-weight:560;white-space:nowrap}
.ix-reply .rp-cancel{color:#8ab4f8}
.ix-reply .rp-pub{background:#8ab4f8;color:#202124}

/* Contrôle de la réponse avant publication, puis support de demande d’avis */
.ix-reply .rp-side{flex:none;display:flex;flex-direction:column;gap:1.1em;width:14.4em}
.ix-reply .rp-check{padding:1.1em 1.15em 1em}
.ix-reply .rp-ch{margin-bottom:.45em;font-size:.9em;font-weight:600;color:#f0f0f2}
.ix-reply .rp-check ul{margin:0;padding:0;list-style:none}
.ix-reply .rp-check li{display:flex;align-items:center;gap:.6em;padding:.46em 0;font-size:.84em;line-height:1.3;color:#dcdde0}
.ix-reply .rp-check li i{display:grid;place-items:center;width:1.3em;height:1.3em;flex:none;border-radius:.32em;background:rgba(129,201,149,.18);color:#81c995}
.ix-reply .rp-check li .ic{width:.95em;height:.95em}
.ix-reply .rp-flag{display:flex;align-items:center;justify-content:space-between;gap:.6em;margin-top:.6em;padding-top:.75em;border-top:1px solid rgba(255,255,255,.07)}
.ix-reply .rp-flag span{font-size:.8em;color:#9aa0a6}
.ix-reply .rp-flag em{padding:.45em .6em;border-radius:.45em;background:#2b2c31;font-style:normal;font-size:.74em;font-weight:600;line-height:1;color:#dcdde0;white-space:nowrap}

.ix-reply .rp-qr{display:flex;align-items:center;gap:.9em;padding:.85em 1em}
.ix-reply .rp-code{width:4.4em;height:4.4em;flex:none;border-radius:.35em}
.ix-reply .rp-code rect{fill:#e8eaed}
.ix-reply .rp-code path{fill:#202124}
.ix-reply .rp-qr b{display:block;font-size:.88em;font-weight:600;color:#f0f0f2}
.ix-reply .rp-qr span{display:block;margin-top:.2em;font-size:.76em;color:#9aa0a6}

.ix-reply.play .rp-panel{animation:up .8s var(--ease) .15s both}
.ix-reply.play .rp-rev{animation:up .6s var(--ease) .5s both}
.ix-reply.play .rp-reply{animation:up .6s var(--ease) .85s both}
.ix-reply.play .rp-box i{animation:blink 1s steps(2,jump-none) 1.4s 3}
.ix-reply.play .rp-pub{animation:pop .5s var(--ease) 1.5s both}
.ix-reply.play .rp-check{animation:slideL .8s var(--ease) 1.1s both}
.ix-reply.play .rp-check li i{animation:pop .45s var(--ease) both;animation-delay:calc(1.7s + var(--i) * .16s)}
.ix-reply.play .rp-flag{animation:up .5s var(--ease) 2.5s both}
.ix-reply.play .rp-qr{animation:up .7s var(--ease) 2.2s both}

@container (max-width:560px){
  .ix-reply .ill-in{flex-direction:column;gap:.75em;padding:0 4.5%;font-size:clamp(10px,3.3cqw,16px)}
  .ix-reply .rp-panel{width:100%}
  .ix-reply .rp-top{padding:.75em 1em}
  .ix-reply .rp-top b{font-size:1em}
  .ix-reply .rp-top span,.ix-reply .rp-t2,.ix-reply .rp-l,.ix-reply .rp-flag,.ix-reply .rp-qr{display:none}
  .ix-reply .rp-top em{font-size:.86em}
  .ix-reply .rp-rev{grid-template-columns:2.1em minmax(0,1fr);gap:.7em;padding:.85em 1em .7em}
  .ix-reply .rp-av{width:2.1em;height:2.1em;font-size:.95em}
  .ix-reply .rp-body{display:flex;flex-wrap:wrap;align-items:center;column-gap:.5em}
  .ix-reply .rp-n{order:0}
  .ix-reply .rp-n small{font-size:.96em}
  .ix-reply .rp-body .stars{order:1;margin:0}
  .ix-reply .rp-t{order:2;flex-basis:100%;margin-top:.25em;font-size:.9em}
  .ix-reply .rp-reply{padding:0 1em 1em}
  .ix-reply .rp-box{margin-top:0;padding:.7em .8em .8em}
  .ix-reply .rp-box p{font-size:.88em;line-height:1.45}
  .ix-reply .rp-act{margin-top:.7em}
  .ix-reply .rp-act span{font-size:.88em}
  .ix-reply .rp-side{width:100%}
  .ix-reply .rp-check{padding:.75em .9em .7em}
  .ix-reply .rp-ch{display:none}
  .ix-reply .rp-check ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:.8em}
  .ix-reply .rp-check li{gap:.5em;padding:.32em 0;font-size:.86em;line-height:1.25}
}
/* Écrans de 901 à 1200 px : la figure passe sous 560 px mais reste en 16/11 */
@media (min-width:641px){@container (max-width:560px){
  .ix-reply .ill-in{flex-direction:row;gap:1em;padding:0 3.5%;font-size:clamp(10px,3.3cqw,13px)}
  .ix-reply .rp-panel{width:auto;flex:1;min-width:0}
  .ix-reply .rp-rev{padding:.75em 1em .55em}
  .ix-reply .rp-reply{padding:0 1em .85em}
  .ix-reply .rp-box{padding:.6em .75em .7em}
  .ix-reply .rp-box p{font-size:.82em;line-height:1.42}
  .ix-reply .rp-act{margin-top:.55em}
  .ix-reply .rp-act span{font-size:.8em}
  .ix-reply .rp-side{width:10.6em}
  .ix-reply .rp-ch{display:block;font-size:.86em}
  .ix-reply .rp-check{padding:.8em .85em .6em}
  .ix-reply .rp-check ul{display:block}
  .ix-reply .rp-check li{align-items:flex-start;padding:.3em 0;font-size:.8em}
}}

/* ---------- Scène d'un métier : de la question à la prise de contact, sur le plan de Bruxelles ----------
   Une scène unique sous « Votre métier », commune aux sept pages métier. Chaque couleur suit un élément : spectre et vert de ChatGPT, ambre du sujet
   (licenciement), rouge Google du lieu, vert du rendez-vous. Le site de l'entreprise reste neutre, noir sur blanc.
   Deux compositions : colonne ou tablette (16/12) et téléphone (vertical, sous 560 px de large). */
/* Mise en page : le texte à gauche, la scène à droite, depuis la même ligne de tête (R13). Elle tient entière dans un écran de 1440 x 789.
   En dessous de 1180 px, elle passe sous le texte, sans dépasser 760 px de large. */
.sector-scene-split{grid-template-columns:minmax(0,1fr)}
.ix-scene{position:relative;isolation:isolate;justify-self:center;width:100%;max-width:760px;margin:0;container-type:inline-size}
@media (min-width:1180px){
  .sector-scene-split{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
  .ix-scene{justify-self:stretch;max-width:none}
}
.ix-scene .sc-glow{position:absolute;left:10%;right:10%;bottom:8%;height:50%;z-index:-1;border-radius:60px;background:linear-gradient(90deg,#10a37f,#f5b13d 32%,#ea4335 56%,#a33a50 76%,#34c759);filter:blur(64px) saturate(1.1);opacity:.13;pointer-events:none}
.ix-scene .sc-stage{position:relative;aspect-ratio:16/12;overflow:hidden;border-radius:20px;background:#141619;box-shadow:0 0 0 1px var(--line),inset 0 1px 0 rgba(255,255,255,.04),0 40px 80px -50px rgba(0,0,0,.9)}
.ix-scene .sc-in{--sc-tall:0;--rx:-5em;--ry:4em;position:absolute;inset:0;font-size:clamp(9.5px,1.85cqw,14px);line-height:1.4;color:#e6e7ea}
.ix-scene .sc-in::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(70% 60% at 50% 0%,rgba(255,255,255,.05),transparent 70%),linear-gradient(transparent 70%,rgba(12,13,15,.55))}

/* Plan de Bruxelles : la petite ceinture, l'avenue Louise, le canal et les parcs, à plat */
.ix-scene .sc-map{position:absolute;inset:0;width:100%;height:100%}
.ix-scene .sc-park path{fill:#17231b}
.ix-scene .sc-water{fill:none;stroke:#16303a;stroke-width:18;stroke-linecap:round}
.ix-scene .sc-minor path{fill:none;stroke:#1f2227;stroke-width:3.5;stroke-linecap:round}
.ix-scene .sc-major path{fill:none;stroke:#2b2f37;stroke-width:10;stroke-linecap:round;stroke-linejoin:round}
.ix-scene .sc-labels text{font:600 15px/1 Inter,sans-serif;letter-spacing:.18em;fill:#5c6068}
.ix-scene .sc-dots circle{fill:#4a4e56;stroke:#141619;stroke-width:4}

/* Liens lumineux : ils se dessinent, une comète les parcourt */
.ix-scene .sc-links{position:absolute;inset:0;z-index:2;width:100%;height:100%;overflow:visible;pointer-events:none}
.ix-scene .sc-line{fill:none;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;opacity:.95}
.ix-scene .sc-comet{fill:none;stroke:#fff;stroke-width:3.6;stroke-linecap:round;stroke-dasharray:.07 1.3;stroke-dashoffset:-1.2;filter:drop-shadow(0 0 5px rgba(255,255,255,.75))}

/* Épingle du cabinet */
.ix-scene .sc-pin{position:absolute;left:49%;top:86%;z-index:3;width:2.1em;height:2.75em;margin:-2.75em 0 0 -1.05em}
.ix-scene .sc-pin-drop{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 .3em .4em rgba(0,0,0,.55));transform-origin:50% 100%}
.ix-scene .sc-pin-ring{position:absolute;left:50%;bottom:-.7em;width:1.4em;height:1.4em;margin-left:-.7em;border-radius:50%;box-shadow:0 0 0 2px #ea4335;opacity:0}
.ix-scene .sc-pin-tag{position:absolute;left:100%;top:12%;margin-left:.55em;padding:.32em .65em;border-radius:.45em;background:#f5f5f6;box-shadow:0 .5em 1.2em -.4em rgba(0,0,0,.8);font-size:.86em;font-weight:620;white-space:nowrap;color:#141414}

/* Téléphone : ChatGPT, dans la lumière des IA */
.ix-scene .sc-phone{position:absolute;left:4%;top:6%;z-index:3;width:16.5em;height:88%;isolation:isolate}
.ix-scene .sc-phone .aura::before,.ix-scene .sc-phone .aura::after{border-radius:2.6em}
.ix-scene .sc-phone .aura::before{opacity:calc(.22 + var(--k) * .22)}
.ix-scene .sc-device{position:relative;height:100%;padding:.5em;border-radius:2.6em;background:#0c0c0e;box-shadow:0 0 0 1px rgba(255,255,255,.15),inset 0 0 0 1px rgba(255,255,255,.05),0 2.2em 4em -1.6em rgba(0,0,0,.9)}
.ix-scene .sc-screen{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:2.1em;background:#212121;font-size:1.05em}
.ix-scene .sc-status{display:flex;align-items:center;justify-content:space-between;padding:.85em 1.5em .2em;font-size:.76em;font-weight:620;color:#f3f3f3}
.ix-scene .sc-status i{width:1.9em;height:.9em;border-radius:.25em;box-shadow:inset 0 0 0 1.5px #d9d9d9;background:linear-gradient(#f3f3f3,#f3f3f3) .22em 50%/60% .45em no-repeat}
.ix-scene .sc-head{display:flex;align-items:center;justify-content:space-between;padding:.55em 1.15em .75em;border-bottom:1px solid rgba(255,255,255,.07);font-size:.95em;font-weight:560;color:#ececec}
.ix-scene .sc-head img{width:1.25em;height:1.25em}
.ix-scene .sc-thread{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;gap:1.05em;padding:1em .95em .9em}
.ix-scene .sc-q{align-self:flex-end;max-width:90%;padding:.72em 1em;border-radius:1.25em;background:#303030;font-size:.93em;line-height:1.45;color:#ececec}
.ix-scene .sc-k{white-space:nowrap;margin:0 -.08em;padding:.06em .3em;border-radius:.42em;background:linear-gradient(rgba(255,255,255,.15),rgba(255,255,255,.15)) 0 50%/100% 100% no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone;font-weight:580;color:#fff}
.ix-scene .sc-a{position:relative;display:grid;gap:.75em;justify-items:start}
.ix-scene .sc-copy{font-size:.93em;line-height:1.55;color:#ececec}
.ix-scene .sc-copy b{font-weight:620;color:#fff}
.ix-scene .sc-wait{position:absolute;left:0;top:.35em;width:.75em;height:.75em;border-radius:50%;background:#ececec;opacity:0}
.ix-scene .sc-biz{position:relative;overflow:hidden;display:flex;align-items:center;gap:.8em;width:100%;padding:.75em .8em;border-radius:.9em;background:#282828;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 .9em 1.8em -1.1em rgba(0,0,0,.8)}
.ix-scene .sc-biz::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.14) 50%,transparent 70%);transform:translateX(-120%)}
.ix-scene .sc-mono{display:grid;place-items:center;flex:none;background:#f5f5f6;color:#0b0c0e;font-family:ui-serif,Georgia,"Times New Roman",serif;font-weight:600}
.ix-scene .sc-biz-mono{width:2.35em;height:2.35em;border-radius:.55em;font-size:1.35em}
.ix-scene .sc-emblem{display:block;width:62%;height:62%}
.ix-scene .sc-biz-copy{display:grid;gap:.1em;min-width:0;font-size:.84em;line-height:1.35;color:#b4b4b4}
.ix-scene .sc-biz-copy b{font-size:1.14em;font-weight:620;letter-spacing:-.01em;color:#f3f3f3}
.ix-scene .sc-biz-loc{display:flex;align-items:center;gap:.3em;white-space:nowrap}
.ix-scene .sc-biz-loc .ic,.ix-scene .sc-sub .ic{width:1.05em;height:1.05em;flex:none}
.ix-scene .sc-biz-loc .ic{color:#ea4335}
.ix-scene .sc-sub .ic{color:#5f6168}
.ix-scene .sc-composer{display:flex;align-items:center;gap:.6em;height:2.9em;margin:0 .75em 1.05em;padding:0 .4em 0 .9em;border-radius:1.45em;background:#303030;box-shadow:0 0 0 1px rgba(255,255,255,.06);font-size:.84em;color:#a8a8a8}
.ix-scene .sc-composer .ic{width:1.15em;height:1.15em;color:#d4d4d4}
.ix-scene .sc-voice{display:grid;place-items:center;width:2.15em;height:2.15em;margin-left:auto;border-radius:50%;background:#ececec}
.ix-scene .sc-voice .ic{width:1em;height:1em;color:#0d0d0d}

/* Notification de rendez-vous, sur le téléphone de la personne */
.ix-scene .sc-note{position:absolute;left:.55em;right:.55em;top:2.3em;z-index:2;display:flex;align-items:center;gap:.6em;padding:.6em .7em;border-radius:1.15em;background:rgba(58,58,62,.94);box-shadow:0 0 0 1px rgba(255,255,255,.1),0 1em 2em -.8em rgba(0,0,0,.85),0 1.4em 2.4em -1.6em rgba(52,199,89,.6)}
.ix-scene .sc-cal{position:relative;display:grid;place-items:center;flex:none;width:2.45em;height:2.45em;padding-top:.15em;border-radius:.6em;background:#fff;line-height:1}
.ix-scene .sc-cal b{font-size:.62em;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#ff3b30}
.ix-scene .sc-cal span{font-size:1.2em;font-weight:500;color:#111}
.ix-scene .sc-note-txt{display:grid;gap:.12em;min-width:0}
.ix-scene .sc-note-txt b{font-size:.8em;white-space:nowrap;font-weight:620;line-height:1.2;color:#fff}
.ix-scene .sc-note-txt span{font-size:.74em;color:#d9d9dd;white-space:nowrap}
.ix-scene .sc-note-check{position:absolute;right:-.6em;bottom:-.5em;width:1.25em;height:1.25em;padding:.24em;border-radius:50%;background:#34c759;box-shadow:0 0 0 .18em rgba(58,58,62,1);color:#fff}

/* Page du cabinet : son expertise, puis la prise de rendez-vous */
.ix-scene .sc-page{position:absolute;right:4%;top:7%;z-index:3;width:25em;border-radius:.95em;background:#f5f5f6;color:#141414;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 2.6em 4.4em -2em rgba(0,0,0,.9);transform-origin:0 100%}
.ix-scene .sc-bar{display:flex;align-items:center;gap:.38em;height:2.35em;padding:0 .85em;border-radius:.95em .95em 0 0;background:#2b2b2e;border-bottom:1px solid #1c1c1f}
.ix-scene .sc-bar i{width:.56em;height:.56em;flex:none;border-radius:50%;background:#ff5f57}
.ix-scene .sc-bar i+i{background:#febc2e}
.ix-scene .sc-bar i+i+i{background:#28c840}
.ix-scene .sc-url{display:flex;align-items:center;gap:.4em;min-width:0;margin:0 auto;padding:.25em .9em;border-radius:.4em;background:#3a3a3e;font-size:.74em;white-space:nowrap;color:#c8c8cc}
.ix-scene .sc-url .ic{width:.9em;height:.9em}
.ix-scene .sc-site{padding:1.25em 1.5em 1.45em}
.ix-scene .sc-brand{display:flex;align-items:center;gap:.65em;font-size:.84em;line-height:1.25;color:#5f6168}
.ix-scene .sc-brand b{display:block;font-weight:640;color:#141414}
.ix-scene .sc-mono{width:2.3em;height:2.3em;border-radius:.5em;font-size:1.05em}
.ix-scene .sc-page .sc-mono{background:#141414;color:#f5f5f6}
.ix-scene .sc-h{margin-top:.75em;font:500 2.2em/1.02 ui-serif,Georgia,"Times New Roman",serif;letter-spacing:-.02em;color:#141414}
.ix-scene .sc-sub{display:flex;align-items:center;gap:.35em;margin-top:.5em;font-size:.9em;color:#5f6168}
.ix-scene .sc-cases{display:grid;gap:.42em;margin:1.05em 0 1.15em;padding:0;list-style:none}
.ix-scene .sc-case{display:flex;align-items:center;gap:.7em;min-height:2.55em;padding:0 .85em;border-radius:.6em;background:#fff;box-shadow:inset 0 0 0 1px #dcdde0;font-size:.95em;font-weight:520;color:#141414}
.ix-scene .sc-case .ic{width:1.1em;height:1.1em;flex:none;color:#5f6168}
.ix-scene .sc-case.is-match{box-shadow:inset 0 0 0 1.5px #141414}
.ix-scene .sc-case.is-match>.ic:first-child{color:#141414}
.ix-scene .sc-case .sc-tick{width:1.45em;height:1.45em;margin-left:auto;padding:.25em;border-radius:50%;background:#141414;color:#f5f5f6}
.ix-scene .sc-cta-row{display:flex}
.ix-scene .sc-cta{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:.55em;height:2.85em;padding:0 1.2em;border-radius:.5em;background:#141414;font-size:.95em;font-weight:580;white-space:nowrap;color:#f5f5f6;box-shadow:0 .7em 1.4em -.8em rgba(0,0,0,.6)}
.ix-scene .sc-cta .ic{width:1.1em;height:1.1em}
.ix-scene .sc-ripple{position:absolute;inset:0;z-index:-1;border-radius:inherit;box-shadow:0 0 0 .5em rgba(20,20,20,.28);opacity:0}
.ix-scene .sc-cursor{position:absolute;left:62%;top:48%;z-index:2;width:1.7em;height:1.7em;opacity:0}
.ix-scene .sc-cursor svg{width:100%;height:100%;overflow:visible;fill:#111;stroke:#fff;stroke-width:1.4;stroke-linejoin:round;filter:drop-shadow(0 .15em .25em rgba(0,0,0,.45));transform-origin:20% 15%}
.ix-scene .sc-end{position:absolute;width:0;height:0}

/* Pied : légende et commande */
.ix-scene .sc-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;font-size:12.5px;line-height:1.5;color:var(--muted)}
.ix-scene .sc-ctrl{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:50%;background:#16171a;box-shadow:inset 0 0 0 1px var(--line-2),var(--sh-1);color:var(--ink);transition:background-color .3s}
.ix-scene .sc-ctrl:hover{background:#202126}
.ix-scene .sc-ctrl[hidden]{display:none}
.ix-scene .sc-ctrl svg{display:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ix-scene .sc-ctrl .sc-i-play path{fill:currentColor;stroke:none}
.ix-scene .sc-ctrl[data-mode="pause"] .sc-i-pause,.ix-scene .sc-ctrl[data-mode="play"] .sc-i-play,.ix-scene .sc-ctrl[data-mode="replay"] .sc-i-replay{display:block}

/* ---------- Déroulé : environ dix secondes, une seule fois ---------- */
.ix-scene.is-armed:not(.play) :is(.sc-phone,.sc-pin-drop,.sc-pin-tag,.sc-page,.sc-links){opacity:0}
.ix-scene.play .sc-phone{animation:up .9s var(--ease) .1s both}
.ix-scene.play .sc-phone .aura{animation:spin 14s linear infinite,scFlare 2s var(--ease) 3.3s both}
.ix-scene.play .sc-q{animation:qIn .7s var(--ease) .8s both}
.ix-scene.play .sc-k-topic{animation:scMark .7s var(--ease) 1.45s both}
.ix-scene.play .sc-k-place{animation:scMark .7s var(--ease) 1.7s both}
.ix-scene.play .sc-wait{animation:scWait .85s ease-in-out 1.85s both}
.ix-scene.play .sc-copy .w{animation:scWord .4s var(--ease) both;animation-delay:calc(2.65s + var(--i) * .65s / var(--n,10))}
.ix-scene.play .sc-biz{animation:cardIn .9s var(--ease) 3.3s both}
.ix-scene.play .sc-biz::after{animation:sweep 1.4s var(--ease) 3.55s both}
.ix-scene.play .sc-dots circle{animation:scDim .7s var(--ease) 4.6s both}
.ix-scene.play .sc-line-1{animation:scDraw 1.1s var(--ease-io) 3.7s both}
.ix-scene.play .sc-comet-1{animation:scComet 1.25s var(--ease-io) 3.65s both}
.ix-scene.play .sc-pin-drop{animation:scDrop .7s cubic-bezier(.3,1.5,.5,1) 4.7s both}
.ix-scene.play .sc-pin-ring{animation:scRing 1.8s var(--ease) 5.2s 2}
.ix-scene.play .sc-pin-tag{animation:up .6s var(--ease) 5s both}
.ix-scene.play .sc-page{animation:scRise 1s var(--ease) 5.25s both}
.ix-scene.play .sc-case{animation:up .6s var(--ease) both;animation-delay:calc(5.95s + var(--i) * .14s)}
.ix-scene.play .sc-case.is-match{animation:up .6s var(--ease) 5.95s both,scMatch .9s var(--ease) 6.7s both}
.ix-scene.play .sc-tick{animation:pop .5s var(--ease) 6.9s both}
.ix-scene.play .sc-cursor{animation:scCursor 1.1s var(--ease) 7s both,scGone .5s ease 9.7s forwards}
.ix-scene.play .sc-cursor svg{animation:scClick .32s ease 8.05s}
.ix-scene.play .sc-cta{animation:scPress .4s ease 8.08s}
.ix-scene.play .sc-ripple{animation:scRipple .8s var(--ease) 8.1s}
.ix-scene.play .sc-line-2{animation:scDraw 1.1s var(--ease-io) 8.35s both}
.ix-scene.play .sc-comet-2{animation:scComet 1.25s var(--ease-io) 8.3s both}
.ix-scene.play .sc-note{animation:scNote .75s var(--ease) 9.3s both}
.ix-scene.play .sc-note-check{animation:pop .5s var(--ease) 9.85s both}
.ix-scene.play .sc-end{animation:scEnd .01s linear 10.5s both}
.ix-scene.is-done .aura{animation-play-state:paused}
.ix-scene:is(.is-paused,.is-off) :is(*,*::before,*::after){animation-play-state:paused!important}

@keyframes scFlare{35%{--k:1}100%{--k:0}}
@keyframes scMark{from{background-size:0 100%}}
@keyframes scWait{0%{opacity:0;transform:scale(.6)}15%{opacity:1;transform:none}50%{transform:scale(.62)}85%{opacity:1;transform:none}100%{opacity:0}}
@keyframes scWord{from{opacity:0;filter:blur(3px)}}
@keyframes scDim{to{fill:#2e3137}}
@keyframes scDraw{from{stroke-dashoffset:1}}
@keyframes scComet{from{stroke-dashoffset:.07}}
@keyframes scDrop{from{opacity:0;transform:translateY(-45%) scale(.7)}}
@keyframes scRing{0%{opacity:.85;transform:scale(.5)}100%{opacity:0;transform:scale(3.4)}}
@keyframes scRise{from{opacity:0;transform:translate(var(--rx),var(--ry)) scale(.9)}}
@keyframes scMatch{from{box-shadow:inset 0 0 0 1px #dcdde0}}
@keyframes scCursor{from{opacity:0;transform:translate(7em,4.5em)}25%{opacity:1}}
@keyframes scGone{to{opacity:0}}
@keyframes scClick{50%{transform:scale(.8)}}
@keyframes scPress{40%{transform:scale(.96);filter:brightness(.85)}}
@keyframes scRipple{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.35,1.6)}}
@keyframes scNote{from{opacity:0;transform:translateY(-130%) scale(.96)}}
@keyframes scEnd{to{opacity:0}}

/* ---------- Tablette et petit ordinateur : même scène, plus haute, éléments agrandis ---------- */
/* ---------- Boutique en ligne : ni plan ni épingle, une pastille de site sur un fond de points ---------- */
.ix-scene.is-web .sc-stage{background:#141619 radial-gradient(circle,rgba(255,255,255,.075) 1px,transparent 1.6px) 0 0/26px 26px}
.ix-scene.is-web .sc-map rect{fill:transparent}
.ix-scene.is-web .sc-map :is(.sc-park,.sc-water,.sc-minor,.sc-major,.sc-labels){display:none}
.ix-scene.is-web .sc-biz-loc .ic{color:#9d9fa6}
.ix-scene .sc-pin.is-badge{width:2.5em;height:2.5em}
.ix-scene .sc-badge{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;background:#f5f5f6;color:#0b0c0e;box-shadow:0 .35em .7em -.2em rgba(0,0,0,.6);transform-origin:50% 50%}
.ix-scene .sc-badge .ic{width:58%;height:58%}
.ix-scene .sc-pin.is-badge .sc-pin-ring{left:50%;top:50%;bottom:auto;margin:-.7em 0 0 -.7em;box-shadow:0 0 0 2px #f5f5f6}
.ix-scene .sc-pin.is-badge .sc-pin-tag{top:50%;margin-top:-.85em}
@container (min-width:561px){.ix-scene .sc-pin.is-badge{top:84%;margin:-1.25em 0 0 -1.25em}}

@container (max-width:560px){
  .ix-scene .sc-stage{aspect-ratio:auto;border-radius:16px}
  .ix-scene .sc-in{--sc-tall:1;--rx:0;--ry:5em;position:relative;inset:auto;display:flex;flex-direction:column;padding:1.05em .95em 1.1em;font-size:clamp(10.5px,3.45cqw,13.5px)}
  .ix-scene .sc-labels text{font-size:19px}
  .ix-scene .sc-labels text:is(:nth-child(2),:nth-child(3),:nth-child(5)){display:none}
  .ix-scene .sc-note-check{width:1.1em;height:1.1em;padding:.2em}
  .ix-scene .sc-phone{position:relative;left:auto;top:auto;order:1;width:auto;height:auto}
  .ix-scene .sc-phone .aura::before,.ix-scene .sc-phone .aura::after{border-radius:1.3em}
  .ix-scene .sc-phone .aura::after{inset:20% 10% -10%}
  .ix-scene .sc-device{padding:0;border-radius:1.3em;background:none}
  .ix-scene .sc-screen{border-radius:1.3em}
  .ix-scene .sc-status,.ix-scene .sc-composer{display:none}
  .ix-scene .sc-head{padding:.75em 1.05em}
  .ix-scene .sc-thread{justify-content:flex-start;gap:.9em;padding:.9em .95em 1em}
  .ix-scene .sc-q{max-width:94%}
  .ix-scene .sc-note{top:.4em;left:.4em;right:.4em;padding:.45em .7em;gap:.65em}
  .ix-scene .sc-cal{width:2.25em;height:2.25em;border-radius:.5em}
  .ix-scene .sc-pin{position:relative;left:auto;top:auto;order:2;align-self:flex-start;flex:none;margin:3.6em 0 3.3em 50%}
  .ix-scene .sc-page{position:relative;right:auto;top:auto;order:3;width:auto;transform-origin:20% 0}
  .ix-scene .sc-site{padding:1em 1.15em 1.15em}
  .ix-scene .sc-brand{display:none}
  .ix-scene .sc-h{margin-top:0;font-size:2em}
  .ix-scene .sc-cases{margin:.85em 0 .95em}
  .ix-scene .sc-case{min-height:2.45em}
  .ix-scene .sc-glow{left:4%;right:4%}
  .ix-scene .sc-foot{align-items:flex-start}
}

@media (prefers-reduced-motion:reduce){
  .ix-scene .sc-comet{display:none}
}

/* ---------- Questions à travailler : sous le texte et la scène, alignées sur les mêmes colonnes ---------- */
.sector-asks{display:grid;grid-template-columns:minmax(0,1fr);gap:28px 0;margin-top:clamp(56px,6vw,96px);padding-top:clamp(32px,4vw,56px);border-top:1px solid var(--line)}
.sector-asks h3{margin:20px 0 0;font-size:clamp(24px,2.4vw,32px);font-weight:400;letter-spacing:-.03em;line-height:1.2}
.sector-asks .sector-caption{margin-top:18px}
.sector-asks ul{list-style:none;margin:0;padding:0}
.sector-asks li{padding:20px 0;border-top:1px solid var(--line);font-size:17px;line-height:1.55}
.sector-asks li:first-child{border-top:0;padding-top:0}
@media (min-width:1180px){.sector-asks{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(44px,6vw,104px)}}

/* ---------- Illustration de service : audit SEO (rapport priorisé, ligne dépliée, page et rôle vérifié) ---------- */
.ix-seoaudit .sa{display:grid;grid-template-columns:minmax(0,1fr) 14.6em;column-gap:1.4em;align-items:start;width:91%}

.ix-seoaudit .sa-win{overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.09),0 1.9em 3.2em -1.7em rgba(234,67,53,.26),0 .4em 1em -.4em rgba(0,0,0,.6)}
.ix-seoaudit .sa-top{display:flex;align-items:center;justify-content:space-between;gap:1em;padding:.78em 1.1em;border-bottom:1px solid rgba(255,255,255,.07)}
.ix-seoaudit .sa-title{font-size:1.02em;font-weight:600;letter-spacing:-.01em;color:#f0f0f2;white-space:nowrap}
.ix-seoaudit .sa-title span{margin-left:.45em;font-size:.84em;font-weight:450;letter-spacing:0;color:#9d9fa6}
.ix-seoaudit .sa-meta{font-size:.8em;color:#9d9fa6;white-space:nowrap}

.ix-seoaudit .sa-sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6em;padding:.85em 1.1em .9em}
.ix-seoaudit .sa-n{display:flex;align-items:baseline;gap:.55em;padding:.62em .8em;border-radius:.6em;background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.ix-seoaudit .sa-n b{font-size:1.5em;line-height:1;font-weight:560;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ix-seoaudit .sa-n span{font-size:.8em;font-weight:560;color:#c4c6cc;white-space:nowrap}
.ix-seoaudit .sa-n.is-block b{color:#f28b82}
.ix-seoaudit .sa-n.is-useful b{color:#fdd663}
.ix-seoaudit .sa-n.is-watch b{color:#c4c6cc}

.ix-seoaudit .sa-row{display:grid;grid-template-columns:minmax(0,1fr) 6.4em 6.6em;grid-template-areas:"url role p" "issue role p";align-items:center;column-gap:.8em;row-gap:.12em;padding:.6em 1.1em;border-top:1px solid rgba(255,255,255,.06)}
.ix-seoaudit .sa-url{grid-area:url;font-size:.86em;font-weight:560;color:#e6e7ea;white-space:nowrap}
.ix-seoaudit .sa-issue{grid-area:issue;font-size:.8em;color:#9d9fa6;white-space:nowrap}
.ix-seoaudit .sa-role{grid-area:role;display:flex;align-items:center;gap:.4em;font-size:.8em;color:#b1b3b9;white-space:nowrap}
.ix-seoaudit .sa-role .ic{width:1.05em;height:1.05em;flex:none;color:#8a8d94}
.ix-seoaudit .sa-p{grid-area:p;justify-self:start;display:inline-flex;align-items:center;gap:.45em;padding:.45em .66em;border-radius:.45em;font-size:.78em;font-weight:600;line-height:1;white-space:nowrap}
.ix-seoaudit .sa-p::before{content:"";width:.5em;height:.5em;flex:none;border-radius:50%;background:currentColor}
.ix-seoaudit .sa-p.is-block{background:rgba(234,67,53,.17);color:#f28b82}
.ix-seoaudit .sa-p.is-block::before{background:#ea4335}
.ix-seoaudit .sa-p.is-useful{background:rgba(251,188,4,.14);color:#fdd663}
.ix-seoaudit .sa-p.is-useful::before{background:#fbbc04}
.ix-seoaudit .sa-p.is-watch{box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);color:#b1b3b9}
.ix-seoaudit .sa-p.is-watch::before{background:none;box-shadow:inset 0 0 0 1.5px currentColor}

.ix-seoaudit .sa-more{grid-column:1/-1;margin-top:.6em;padding:.72em .9em .8em;border-radius:.6em;background:#26272b}
.ix-seoaudit .sa-more p{display:grid;grid-template-columns:9.6em minmax(0,1fr);gap:.6em;font-size:.8em;line-height:1.4;color:#c4c6cc}
.ix-seoaudit .sa-more p+p{margin-top:.3em}
.ix-seoaudit .sa-more b{font-weight:600;color:#e6e7ea}
.ix-seoaudit .sa-more .sa-tags{display:flex;flex-wrap:wrap;gap:.5em;margin-top:.7em}
.ix-seoaudit .sa-tags span{display:inline-flex;align-items:center;gap:.4em;padding:.38em .62em;border-radius:.45em;background:#323338;font-weight:560;line-height:1.1;color:#dcdde0;white-space:nowrap}
.ix-seoaudit .sa-tags .ic{width:1.1em;height:1.1em;flex:none;color:#9d9fa6}

.ix-seoaudit .sa-check{align-self:center;padding:1em 1.05em 1.05em;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 1.6em 3em -1.6em rgba(0,0,0,.85)}
.ix-seoaudit .sa-ch{display:flex;align-items:center;gap:.55em;font-size:.8em;font-weight:560;color:#c4c6cc;white-space:nowrap}
.ix-seoaudit .sa-g{width:1.35em;height:1.35em;flex:none}
.ix-seoaudit .sa-path{margin-top:.75em;font-size:1.14em;font-weight:600;letter-spacing:-.01em;color:#f0f0f2}
.ix-seoaudit .sa-status{display:flex;align-items:center;gap:.5em;margin-top:.3em;font-size:.8em;color:#bdc1c6;white-space:nowrap}
.ix-seoaudit .sa-status i{display:grid;place-items:center;width:1.2em;height:1.2em;flex:none;border-radius:50%;box-shadow:inset 0 0 0 1.4px #9aa0a6}
.ix-seoaudit .sa-status i::before{content:"i";font-size:.78em;font-style:normal;font-weight:700;line-height:1;color:#9aa0a6}
.ix-seoaudit .sa-k{margin-top:1em;padding-top:.95em;border-top:1px solid rgba(255,255,255,.07);font-size:.74em;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#9d9fa6}
.ix-seoaudit .sa-roles{display:flex;flex-wrap:wrap;gap:.35em;margin-top:.5em}
.ix-seoaudit .sa-roles span{padding:.4em .6em;border-radius:.4em;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);font-size:.76em;font-weight:560;line-height:1;color:#a6a8ae}
.ix-seoaudit .sa-roles .is-on{background:#e8eaed;box-shadow:none;color:#1b1c1f}
.ix-seoaudit .sa-verdict{display:flex;align-items:center;gap:.45em;margin-top:.8em;font-size:.8em;color:#c4c6cc}
.ix-seoaudit .sa-verdict .ic{width:1.1em;height:1.1em;flex:none;color:#81c995}

.ix-seoaudit.play .sa-win{animation:up .8s var(--ease) .2s both}
.ix-seoaudit.play .sa-n{animation:pop .5s var(--ease) both;animation-delay:calc(.6s + var(--i) * .12s)}
.ix-seoaudit.play .sa-row{animation:slideL .7s var(--ease) both;animation-delay:calc(.95s + var(--i) * .15s)}
.ix-seoaudit.play .sa-more{animation:up .7s var(--ease) 1.5s both}
.ix-seoaudit.play .sa-check{animation:slideL .9s var(--ease) 1.2s both}
.ix-seoaudit.play .sa-roles .is-on{animation:pop .5s var(--ease) 2.1s both}
.ix-seoaudit.play .sa-verdict{animation:up .6s var(--ease) 2.4s both}

/* Téléphone : le rapport seul, la ligne dépliée en tête */
@container (max-width:560px){
  .ix-seoaudit .sa{grid-template-columns:minmax(0,1fr);width:92%}
  .ix-seoaudit .sa-check,.ix-seoaudit .sa-meta,.ix-seoaudit .is-extra{display:none}
  .ix-seoaudit .sa-top{padding:.7em .9em}
  .ix-seoaudit .sa-title span{font-size:.86em}
  .ix-seoaudit .sa-sum{gap:.45em;padding:.75em .9em .8em}
  .ix-seoaudit .sa-n{flex-direction:column;align-items:flex-start;gap:.3em;padding:.6em .7em .65em}
  .ix-seoaudit .sa-n b{font-size:1.4em}
  .ix-seoaudit .sa-n span{font-size:.86em}
  .ix-seoaudit .sa-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"url p" "issue role";row-gap:.3em;padding:.6em .9em}
  .ix-seoaudit .sa-url,.ix-seoaudit .sa-issue,.ix-seoaudit .sa-role,.ix-seoaudit .sa-p{font-size:.86em}
  .ix-seoaudit .sa-role,.ix-seoaudit .sa-p{justify-self:end}
  .ix-seoaudit .sa-more{padding:.65em .8em .7em}
  .ix-seoaudit .sa-more p{grid-template-columns:minmax(0,1fr);gap:.05em;font-size:.86em}
  .ix-seoaudit .sa-more p+p{margin-top:.4em}
  .ix-seoaudit .sa-more .sa-tags{gap:.4em;margin-top:.6em}
  .ix-seoaudit .sa-tags span{padding:.38em .5em}
}
/* Fenêtre étroite sur ordinateur (cadre 16/11 de 420 à 560 px) : le rapport seul, moins haut */
@media (min-width:641px){
  @container (max-width:560px){
    .ix-seoaudit .ill-in{font-size:clamp(10.6px,2.4cqw,13px)}
    .ix-seoaudit .sa{width:90%}
    .ix-seoaudit .sa-sum{gap:.6em;padding:.8em 1.1em .85em}
    .ix-seoaudit .sa-n{flex-direction:row;align-items:baseline;gap:.55em;padding:.55em .8em}
    .ix-seoaudit .sa-row{grid-template-columns:minmax(0,1fr) 7.6em 7em;grid-template-areas:"url role p" "issue role p";row-gap:.12em;padding:.55em 1.1em}
    .ix-seoaudit .sa-role{justify-self:start}
    .ix-seoaudit .sa-p{justify-self:start}
    .ix-seoaudit .sa-more p{grid-template-columns:9.6em minmax(0,1fr);gap:.6em}
    .ix-seoaudit .sa-more p+p{margin-top:.25em}
  }
}

/* ---------- Illustration de service : suivi de visibilité IA (relevé mensuel, légende, évolution) ---------- */
.ix-track .tk{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:1em;width:91%}

.ix-track .tk-win{grid-column:1/-1;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.09),0 1.9em 3.2em -1.7em rgba(16,163,127,.34),0 .4em 1em -.4em rgba(0,0,0,.6)}
.ix-track .tk-top{display:flex;align-items:center;justify-content:space-between;gap:1em;padding:.78em 1.1em;border-bottom:1px solid rgba(255,255,255,.07)}
.ix-track .tk-title{font-size:1.02em;font-weight:600;letter-spacing:-.01em;color:#f0f0f2;white-space:nowrap}
.ix-track .tk-title span{margin-left:.45em;font-size:.84em;font-weight:450;letter-spacing:0;color:#9d9fa6}
.ix-track .tk-who{font-size:.8em;color:#9d9fa6;white-space:nowrap}

.ix-track .tk-row{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,7.6em);align-items:center;column-gap:.7em;padding:.58em 1.1em;border-top:1px solid rgba(255,255,255,.06)}
.ix-track .tk-head{padding:.6em 1.1em .5em;border-top:0}
.ix-track .tk-hq{font-size:.74em;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#9d9fa6}
.ix-track .tk-eng{display:flex;align-items:center;gap:.45em;font-size:.84em;font-weight:560;color:#e6e7ea;white-space:nowrap}
.ix-track .tk-eng img{width:1.25em;height:1.25em;flex:none}
.ix-track .tk-q{font-size:.9em;line-height:1.35;color:#e6e7ea}

.ix-track .tk-s{justify-self:start;display:inline-flex;align-items:center;gap:.45em;padding:.45em .66em;border-radius:.45em;font-size:.78em;font-weight:600;line-height:1;white-space:nowrap}
.ix-track .tk-s::before{content:"";width:.5em;height:.5em;flex:none;border-radius:50%;background:currentColor}
.ix-track .is-rec{background:rgba(16,163,127,.18);color:#5fd6ad}
.ix-track .is-rec::before{background:#19c394}
.ix-track .is-link{background:rgba(66,133,244,.18);color:#8ab4f8}
.ix-track .is-name{background:#2b2c31;color:#dcdde0}
.ix-track .is-name::before{background:#9d9fa6}
.ix-track .is-none{box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);color:#a6a8ae}
.ix-track .is-none::before{background:none;box-shadow:inset 0 0 0 1.5px currentColor}
.ix-track .is-err{background:rgba(234,67,53,.17);color:#f28b82}
.ix-track .is-err::before{content:"!";display:grid;place-items:center;width:1.2em;height:1.2em;margin:-.1em 0;background:#ea4335;font-size:.86em;font-weight:800;color:#1b1c1f}

.ix-track .tk-k{font-size:.74em;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#9d9fa6}
.ix-track .tk-legend{padding:.95em 1.1em 1em}
.ix-track .tk-legend ul{display:grid;gap:.48em;margin:.7em 0 0;padding:0;list-style:none}
.ix-track .tk-legend li{display:grid;grid-template-columns:8.9em minmax(0,1fr);align-items:center;gap:.5em;font-size:.84em;color:#c4c6cc}
.ix-track .tk-legend .tk-s{font-size:.93em}

.ix-track .tk-chart{display:flex;flex-direction:column;padding:.95em 1.1em 1em}
.ix-track .tk-bars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.55em}
.ix-track .tk-bar{display:flex;flex-direction:column;align-items:center}
.ix-track .tk-plot{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:.32em;width:100%;height:5.5em;box-shadow:0 1px 0 rgba(255,255,255,.1)}
.ix-track .tk-bar b{font-size:.86em;font-weight:600;line-height:1;color:#c4c6cc;font-variant-numeric:tabular-nums}
.ix-track .tk-bar i{display:block;width:2.7em;height:calc(var(--v) * 4.6em);border-radius:.32em .32em 0 0;background:#3a3c42;transform-origin:50% 100%}
.ix-track .tk-m{margin-top:.5em;font-size:.76em;line-height:1;color:#9d9fa6}
.ix-track .tk-bar.is-now b{color:#5fd6ad}
.ix-track .tk-bar.is-now i{background:#19c394}
.ix-track .tk-note{display:flex;align-items:center;gap:.5em;margin-top:auto;padding-top:.8em;font-size:.8em;color:#a6a8ae}
.ix-track .tk-note .ic{width:1.1em;height:1.1em;flex:none;color:#9d9fa6}

.ix-track.play .tk-win{animation:up .8s var(--ease) .2s both}
.ix-track.play .tk-row:not(.tk-head) .tk-s{animation:pop .5s var(--ease) both;animation-delay:calc(.75s + var(--i) * .16s)}
.ix-track.play .tk-legend{animation:up .7s var(--ease) 1.25s both}
.ix-track.play .tk-chart{animation:up .7s var(--ease) 1.4s both}
.ix-track.play .tk-bar i{animation:tkGrow .9s var(--ease) both;animation-delay:calc(1.8s + var(--i) * .14s)}
@keyframes tkGrow{from{transform:scaleY(0)}}

@container (max-width:560px){
  .ix-track .tk{grid-template-columns:minmax(0,1fr);gap:.8em;width:92%}
  .ix-track .tk-top{padding:.7em .9em}
  .ix-track .tk-title span{font-size:.86em}
  .ix-track .tk-who,.ix-track .tk-hq,.ix-track .tk-legend,.ix-track .is-extra{display:none}
  .ix-track .tk-row{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:.45em;column-gap:.45em;padding:.6em .9em .65em}
  .ix-track .tk-head{padding:.55em .9em .45em}
  .ix-track .tk-q{grid-column:1/-1;font-size:.9em}
  .ix-track .tk-eng{gap:.4em;font-size:.86em}
  .ix-track .tk-eng img{width:1.15em;height:1.15em}
  .ix-track .tk-s{gap:.38em;padding:.42em .5em;font-size:.86em}
  .ix-track .tk-s::before{display:none}
  .ix-track .is-err::before{display:grid}
  .ix-track .tk-chart{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:1em;align-items:end;padding:.8em .9em .85em}
  .ix-track .tk-k{font-size:.86em}
  .ix-track .tk-chart .tk-k{grid-column:1;grid-row:1;align-self:start}
  .ix-track .tk-bars{grid-column:2;grid-row:1/span 2;margin:0}
  .ix-track .tk-plot{height:4.4em}
  .ix-track .tk-m{padding:0 .35em}
  .ix-track .tk-bar i{width:2.1em;height:calc(var(--v) * 3.5em)}
  .ix-track .tk-bar b,.ix-track .tk-m{font-size:.86em}
  .ix-track .tk-note{grid-column:1;grid-row:2;align-items:flex-start;padding-top:.5em;font-size:.86em;line-height:1.3}
}
/* Fenêtre étroite sur ordinateur (cadre 16/11 de 420 à 560 px) : le relevé et l'évolution côte à côte */
@media (min-width:641px){
  @container (max-width:560px){
    .ix-track .ill-in{font-size:clamp(10.6px,2.4cqw,13px)}
    .ix-track .tk{grid-template-columns:minmax(0,1fr) 11.4em;width:94%}
    .ix-track .tk-chart .tk-k{font-size:.9em;letter-spacing:0;text-transform:none;color:#e6e7ea}
    .ix-track .tk-win{grid-column:1}
    .ix-track .tk-chart{display:flex;flex-direction:column;padding:.85em .75em .9em .9em}
    .ix-track .tk-bars{margin-top:1em;column-gap:.25em}
    .ix-track .tk-plot{height:7.4em}
    .ix-track .tk-bar i{width:1.9em;height:calc(var(--v) * 6.4em)}
    .ix-track .tk-m{padding:0}
    .ix-track .tk-note{margin-top:auto;padding-top:.8em}
  }
}

/* ---------- Illustration de service : personal branding (scènes de l'entretien, post LinkedIn en brouillon) ---------- */
.ix-voice .ill-in{flex-direction:column}
.ix-voice .vo-notes{width:88%;padding:.85em 1em 1em}
.ix-voice .vo-notes-h{display:flex;align-items:center;gap:.5em;font-size:.84em;color:#9d9fa6}
.ix-voice .vo-notes-h .ic{width:1.25em;height:1.25em;color:#b1b3b9}
.ix-voice .vo-notes-h b{font-weight:600;color:#f0f0f2}
.ix-voice .vo-notes-h span{margin-left:auto;font-size:max(9px,.92em)}
.ix-voice .vo-scenes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6em;margin-top:.75em}
.ix-voice .vo-scenes li{display:flex;flex-direction:column;gap:.25em;padding:.7em .8em .75em;border-radius:.6em;background:rgba(255,255,255,.025);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.ix-voice .vo-t{font-size:max(9px,.76em);font-variant-numeric:tabular-nums;color:#9d9fa6}
.ix-voice .vo-scenes b{font-size:.92em;font-weight:560;line-height:1.3;color:#e6e7ea}
.ix-voice .vo-scenes .is-on{background:#2a2c31;box-shadow:inset 0 0 0 1px rgba(113,183,251,.62)}
.ix-voice .vo-safe{display:flex;align-items:center;gap:.4em;margin-top:.15em;font-size:max(9px,.76em);color:#b1b3b9}
.ix-voice .vo-safe .ic{width:1.1em;height:1.1em}
.ix-voice .vo-link{width:.8em;height:2em;margin:.25em 0;fill:none;stroke:#71b7fb;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.75}

.ix-voice .vo-post{width:62%;padding:1em 1.15em .9em;border-radius:.8em;background:#1d2226;box-shadow:0 0 0 1px rgba(255,255,255,.09),0 1.9em 3.2em -1.7em rgba(10,102,194,.45),0 .4em 1em -.4em rgba(0,0,0,.6)}
.ix-voice .vo-head{display:flex;align-items:center;gap:.65em}
.ix-voice .vo-av{display:grid;place-items:center;width:2.6em;height:2.6em;flex:none;border-radius:50%;background:#d0d5da;font-size:1em;font-weight:650;color:#1d2226}
.ix-voice .vo-who{min-width:0}
.ix-voice .vo-who b{display:block;font-size:.9em;font-weight:600;color:rgba(255,255,255,.92)}
.ix-voice .vo-who small{display:block;font-size:max(9px,.78em);color:rgba(255,255,255,.6)}
.ix-voice .vo-draft{margin-left:auto;padding:.3em .6em;border-radius:.45em;background:#2c3238;font-size:max(9px,.76em);font-weight:560;color:rgba(255,255,255,.78);white-space:nowrap}
.ix-voice .vo-in{width:1.4em;height:1.4em;flex:none;object-fit:cover;object-position:0 0;border-radius:.2em}
.ix-voice .vo-text{display:grid;gap:.2em;margin-top:.8em}
.ix-voice .vo-text p{font-size:.9em;line-height:1.45;color:rgba(255,255,255,.9)}
.ix-voice .vo-more{color:rgba(255,255,255,.6)}
.ix-voice .vo-foot{display:flex;flex-wrap:wrap;align-items:center;gap:.4em 1.3em;margin-top:.85em;padding-top:.75em;border-top:1px solid rgba(255,255,255,.08);font-size:max(9px,.8em);color:rgba(255,255,255,.72)}
.ix-voice .vo-foot span{display:inline-flex;align-items:center;gap:.4em;white-space:nowrap}
.ix-voice .vo-foot .ic{width:1.15em;height:1.15em}
.ix-voice .vo-ok{color:#71b7fb}

.ix-voice.play .vo-notes{animation:up .8s var(--ease) .2s both}
.ix-voice.play .vo-scenes li{animation:up .55s var(--ease) both}
.ix-voice.play .vo-scenes li:nth-child(1){animation-delay:.5s}
.ix-voice.play .vo-scenes li:nth-child(2){animation-delay:.62s}
.ix-voice.play .vo-scenes li:nth-child(3){animation-delay:.74s}
.ix-voice.play .vo-link{animation:ixVoiceDraw .6s var(--ease) 1.05s both}
.ix-voice.play .vo-post{animation:up .85s var(--ease) 1.2s both}
.ix-voice.play .vo-text p{animation:up .6s var(--ease) both}
.ix-voice.play .vo-text p:nth-child(1){animation-delay:1.6s}
.ix-voice.play .vo-text p:nth-child(2){animation-delay:1.75s}
.ix-voice.play .vo-text p:nth-child(3){animation-delay:1.9s}
.ix-voice.play .vo-ok{animation:pop .5s var(--ease) 2.4s both}
@keyframes ixVoiceDraw{from{opacity:0;clip-path:inset(0 0 100% 0)}}

@container (max-width:560px){
  /* Téléphone (cadre 4/4,7) : les scènes en liste, le post en pleine largeur */
  @media (max-width:640px){
    .ix-voice .ill-in{padding:4% 5% 1%}
    .ix-voice .vo-notes{width:100%;padding:.75em .85em .8em}
    .ix-voice .vo-notes-h{font-size:.9em}
    .ix-voice .vo-notes-h span{font-size:.96em}
    .ix-voice .vo-scenes{grid-template-columns:minmax(0,1fr);gap:.35em;margin-top:.6em}
    .ix-voice .vo-scenes li{flex-direction:row;align-items:center;gap:.65em;padding:.5em .7em}
    .ix-voice .vo-t{font-size:.86em}
    .ix-voice .vo-scenes b{font-size:.92em}
    .ix-voice .vo-safe{margin:0 0 0 auto;font-size:.86em}
    .ix-voice .vo-link{height:1.6em;margin:.15em 0}
    .ix-voice .vo-post{width:100%;padding:.85em .95em .8em}
    .ix-voice .vo-who small,.ix-voice .vo-draft{font-size:.86em}
    .ix-voice .vo-text p{font-size:.92em;line-height:1.4}
    .ix-voice .vo-foot{gap:.35em 1em;font-size:.86em}
  }
  /* Ordinateur à colonne étroite (cadre 16/11 de 420 à 560 px) : même scène, post plus large */
  @media (min-width:641px){
    .ix-voice .ill-in{font-size:clamp(10px,2.45cqw,12px)}
    .ix-voice .vo-notes{width:92%;padding:.75em .9em .85em}
    .ix-voice .vo-scenes{gap:.5em;margin-top:.6em}
    .ix-voice .vo-scenes li{padding:.6em .7em .65em}
    .ix-voice .vo-notes-h{font-size:.9em}
    .ix-voice .vo-notes-h span{font-size:.96em}
    .ix-voice .vo-t,.ix-voice .vo-safe,.ix-voice .vo-who small,.ix-voice .vo-draft{font-size:.86em}
    .ix-voice .vo-link{height:1.5em;margin:.2em 0}
    .ix-voice .vo-post{width:80%;padding:.85em 1em .8em}
    .ix-voice .vo-text{margin-top:.65em}
    .ix-voice .vo-foot{margin-top:.7em;padding-top:.6em;font-size:.86em}
  }
}

/* ---------- Illustration de service : rédaction SEO (entretien, page en cours, relecture du client) ---------- */
.ix-write .wr-tr{position:absolute;left:4.5%;top:22%;width:29%;padding:.95em 1.05em 1.1em;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 1.6em 3em -1.6em rgba(0,0,0,.85)}
.ix-write .wr-tr-h{display:flex;align-items:center;gap:.65em;padding-bottom:.8em;border-bottom:1px solid rgba(255,255,255,.07)}
.ix-write .wr-mic{display:grid;place-items:center;width:2.2em;height:2.2em;flex:none;border-radius:50%;background:#2b2c31;color:#c8cacf}
.ix-write .wr-mic .ic{width:1.05em;height:1.05em}
.ix-write .wr-tr-h b{display:block;font-size:.88em;font-weight:600;color:#f0f0f2}
.ix-write .wr-tr-h small{display:block;font-size:max(9px,.76em);color:#9d9fa6}
.ix-write .wr-line{margin-top:.85em}
.ix-write .wr-who{display:flex;align-items:baseline;gap:.55em;font-size:max(9px,.76em);font-weight:600;color:#9d9fa6}
.ix-write .wr-who span{font-weight:450;font-variant-numeric:tabular-nums;color:#7d8088}
.ix-write .wr-say{margin-top:.2em;font-size:.84em;line-height:1.5;color:#b9bbc1}
.ix-write .is-you .wr-who{color:#e6e7ea}
.ix-write .is-you .wr-say{color:#e6e7ea}
.ix-write .wr-mk{padding:.04em .12em;border-radius:.2em;background:linear-gradient(#f6c344,#f6c344) no-repeat 0 0/100% 100%;color:#1d1a12}

.ix-write .wr-doc{position:absolute;right:4.5%;top:6%;bottom:9%;width:60%;overflow:hidden;border-radius:.9em;background:#17181b;box-shadow:0 0 0 1px rgba(255,255,255,.09),0 1.9em 3.2em -1.7em rgba(66,133,244,.32),0 .4em 1em -.4em rgba(0,0,0,.6)}
.ix-write .wr-bar{display:flex;align-items:center;gap:.6em;height:2.75em;padding:0 1em;border-bottom:1px solid rgba(255,255,255,.07);background:#1f2024}
.ix-write .wr-docs{width:1.05em;height:1.4em;flex:none}
.ix-write .wr-file{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.84em;font-weight:540;color:#e8eaed}
.ix-write .wr-state{margin-left:auto;padding:.3em .6em;border-radius:.45em;background:#2b2c31;font-size:max(9px,.76em);font-weight:560;color:#c8cacf;white-space:nowrap}
.ix-write .wr-body{display:grid;grid-template-columns:minmax(0,1fr) 10.7em;gap:.75em;height:calc(100% - 2.75em);padding:1em .8em 0 1em}
.ix-write .wr-sheet{padding:1.25em 1.3em;border-radius:.35em .35em 0 0;background:#202124;box-shadow:0 0 0 1px rgba(255,255,255,.06)}
.ix-write .wr-h1{font-size:1.2em;line-height:1.25;font-weight:620;letter-spacing:-.015em;color:#f0f0f2}
.ix-write .wr-h2{margin-top:1em;font-size:.93em;line-height:1.3;font-weight:600;color:#e8eaed}
.ix-write .wr-p{margin-top:.45em;font-size:max(9px,.83em);line-height:1.55;color:#bdc1c6}
.ix-write .wr-sk{display:block;width:var(--w);height:.55em;margin-top:.6em;border-radius:.28em;background:#2c2e33}
.ix-write .wr-next{display:flex;align-items:center}
.ix-write .wr-caret{width:1.5px;height:1.15em;margin-left:.15em;background:#e8eaed}

.ix-write .wr-com{align-self:start;margin-top:6.6em;padding:.85em .85em .9em;border-radius:.75em;background:#26272b;box-shadow:0 0 0 1px rgba(138,180,248,.38),0 1em 2em -1em rgba(0,0,0,.8)}
.ix-write .wr-com-h{display:flex;align-items:center;gap:.55em}
.ix-write .wr-av{display:grid;place-items:center;width:2em;height:2em;flex:none;border-radius:50%;background:#1a73e8;font-size:max(9px,.82em);font-weight:650;color:#fff}
.ix-write .wr-com-h b{display:block;font-size:.84em;font-weight:600;color:#e8eaed}
.ix-write .wr-com-h small{display:block;font-size:max(9px,.76em);color:#9aa0a6}
.ix-write .wr-com-t{margin-top:.55em;font-size:max(9px,.8em);line-height:1.45;color:#d4d6da}
.ix-write .wr-ok{margin-top:.75em;font-size:max(9px,.8em)}
.ix-write .wr-ok .ic{width:1.05em;height:1.05em}

.ix-write.play .wr-tr{animation:up .8s var(--ease) .2s both}
.ix-write.play .wr-tr .wr-mk{animation:ixWriteMark .8s var(--ease) .9s both}
.ix-write.play .wr-doc{animation:slideL .9s var(--ease) .5s both}
.ix-write.play .wr-p .wr-mk{animation:ixWriteMark .8s var(--ease) 1.5s both}
.ix-write.play .wr-com{animation:up .7s var(--ease) 1.9s both}
.ix-write.play .wr-ok{animation:pop .5s var(--ease) 2.6s both}
.ix-write.play .wr-next .i-type{animation-delay:2.2s}
.ix-write.play .wr-caret{animation:ixWriteShow .01s 3.35s both,blink 1s steps(2,jump-none) 3.4s 3}
@keyframes ixWriteMark{from{background-size:0 100%}}
@keyframes ixWriteShow{from{opacity:0}}

/* Colonne étroite : la page passe sur une colonne, le commentaire devient un panneau en bas du document */
@container (max-width:560px){
  .ix-write .wr-tr{padding:.75em .95em .85em}
  .ix-write .wr-tr-h{padding-bottom:.55em}
  .ix-write .wr-mic{width:2em;height:2em}
  .ix-write .wr-tr-h small{font-size:.86em}
  .ix-write .wr-line{margin-top:.5em}
  .ix-write .wr-who{font-size:.86em}
  .ix-write .wr-say{font-size:.9em;line-height:1.45}
  .ix-write .wr-doc{display:flex;flex-direction:column}
  .ix-write .wr-bar{flex:none;height:2.5em}
  .ix-write .wr-file{font-size:.9em}
  .ix-write .wr-state{font-size:.86em}
  .ix-write .wr-body{flex:1;min-height:0;display:flex;flex-direction:column;height:auto;padding:.8em .8em 0}
  .ix-write .wr-sheet{flex:1;min-height:0;overflow:hidden;padding:.95em 1.1em}
  .ix-write .wr-h1{font-size:1.1em}
  .ix-write .wr-h2{margin-top:.7em;font-size:.94em}
  .ix-write .wr-p{font-size:.88em;line-height:1.45}
  .ix-write .wr-more,.ix-write .wr-sk,.ix-write .wr-sheet .wr-h2~.wr-h2{display:none}
  .ix-write .wr-com{flex:none;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:.7em;row-gap:.45em;margin:0 -.8em;padding:.8em 1.1em .9em 1.9em;border-radius:.75em .75em 0 0}
  .ix-write .wr-av{font-size:.9em}
  .ix-write .wr-com-h{grid-row:1/span 2;align-self:start}
  .ix-write .wr-com-h p{display:none}
  .ix-write .wr-com-t{margin:0;font-size:.88em}
  .ix-write .wr-ok{margin:0;justify-self:start;font-size:.86em}
  /* Téléphone (cadre 4/4,7) : l'entretien au-dessus de la page */
  @media (max-width:640px){
    .ix-write .ill-in{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:.65em;padding:4% 5% 1%}
    .ix-write .wr-tr,.ix-write .wr-doc{position:relative;inset:auto;width:auto}
    .ix-write .wr-tr{flex:none}
    .ix-write .wr-line:not(.is-you){display:none}
    .ix-write .wr-doc{flex:1;min-height:0}
  }
  /* Ordinateur à colonne étroite (cadre 16/11 de 420 à 560 px) : l'entretien à gauche de la page */
  @media (min-width:641px){
    .ix-write .ill-in{font-size:clamp(10px,2.45cqw,12px)}
    .ix-write .wr-tr{top:0;bottom:0;width:33%;height:max-content;margin:auto 0}
    .ix-write .wr-doc{top:6%;bottom:7%;width:55.5%}
    .ix-write .wr-sheet .wr-h2~.wr-h2:not(.wr-next),.ix-write .wr-sk{display:block}
  }
}
@container (min-width:330px) and (max-width:560px){
  @media (max-width:640px){.ix-write .wr-sheet .wr-h2~.wr-h2:not(.wr-next){display:block}}
}
/* Téléphone large (cadre 4/4,7 mais colonne de plus de 560 px) : la scène reste centrée */
@media (max-width:640px){
  @container (min-width:561px){
    .ix-write .wr-tr{top:0;bottom:0;height:max-content;margin:auto 0}
    .ix-write .wr-doc{top:0;bottom:0;height:30em;margin:auto 0}
  }
}

/* ---------- Page légale (agent E) ---------- */
/* Le texte légal est rangé en deux sections : le rythme vertical de .prose (>*+*) doit s'appliquer un niveau plus bas */
.legal-text>section>*+*{margin-top:1.15em}
/* Posée dans une .sec, la mise en page garde le seul espacement de la section (sinon 260 px vides avant le pied de page) */
.sec>.legal-layout{padding-bottom:0}
/* Sommaire : les sous-parties se rangent sous leur section, en retrait, sur un filet neutre */
.legal-nav a.is-sub{min-height:36px;margin-left:12px;padding:7px 12px 7px 14px;border-radius:0 var(--r-s) var(--r-s) 0;box-shadow:inset 1px 0 0 var(--line-2);font-size:14px;line-height:1.4;color:var(--muted)}
.legal-nav a.is-sub:hover,.legal-nav a.is-sub.is-on{color:var(--ink)}
.legal-nav a.is-sub.is-on{box-shadow:inset 1px 0 0 rgba(255,255,255,.5)}
/* Sommaire visible : chaque ancre s'arrête dans la bande suivie par site.js (30 à 40 % de l'écran), sinon le titre suivant s'allume à la place du lien cliqué */
@media (min-width:901px){.legal-text [id]{scroll-margin-top:calc(30vh - 80px)}}

/* ---------- Résultats (agent B) ---------- */
/* Références avec le rôle tenu : la cellule de logo de la home reçoit en dessous le type de référence et la contribution réelle (README : « le rôle tenu dans chaque projet ») */
.logo-grid.is-notes .logo-cell{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:auto;padding:28px 22px 22px;text-align:center}
.logo-grid.is-notes .logo-mark{display:grid;place-items:center;width:100%;height:clamp(66px,6vw,82px);margin-bottom:14px}
.ref-text{display:flex;flex-direction:column;align-items:center}
.ref-kind{font-size:12.5px;font-weight:520;line-height:1.4;color:var(--muted)}
.ref-note{margin-top:8px;max-width:17em;font-size:14.5px;line-height:1.5;color:var(--body)}
.ref-text .link{margin-top:2px;font-size:14px}
/* Premier bilan chiffré : logo du client et pastille de source au-dessus de la grille à filets, comme l’en-tête d’une carte .res */
.kpis-panel .res-top{margin-bottom:18px}
@media (max-width:640px){
  .logo-grid.is-notes{grid-template-columns:minmax(0,1fr)}
  .logo-grid.is-notes .logo-cell{flex-direction:row;align-items:center;gap:18px;padding:16px 18px;text-align:left}
  .logo-grid.is-notes .logo-mark{flex:none;width:88px;height:58px;margin:0}
  .logo-grid.is-notes .logo-mark img{height:calc(var(--h,34px) * .8)}
  .ref-text{align-items:flex-start}
  .ref-note{margin-top:4px}
}

/* Secteurs : composants Prisme nuit, contenus organisés par métier. */
.sector-directory,.sector-actions,.sector-metrics,.sector-video ol{list-style:none;padding:0;margin:0}
.sector-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:30px;border-top:1px solid var(--line)}
.sector-directory>li{min-width:0;border-bottom:1px solid var(--line)}
.sector-card{display:flex;flex-direction:column;height:100%;padding:36px;gap:20px;transition:background .2s}
.sector-card:hover{background:var(--card)}
.sector-card:focus-visible{outline:2px solid var(--ink);outline-offset:-4px}
.sector-emblem{display:block;width:32px;height:32px;flex-shrink:0;color:var(--ink)}
.sector-label{display:flex;align-items:center;gap:14px}
.sector-label .sector-emblem{width:26px;height:26px}
.sector-service-icon .ic{color:var(--c)}
.sector-service-icon use[href="#i-star"]{fill:currentColor}
.sector-icon-pair{display:flex;align-items:center;gap:10px}
.sector-video-icon .ic{color:var(--ink)}
.sector-card h2,.sector-actions h3,.sector-questions h3{font-size:clamp(24px,2.4vw,32px);font-weight:400;letter-spacing:-.03em;line-height:1.2}
.sector-card p,.sector-actions p,.sector-questions>p:not(.eyebrow){font-size:16px;line-height:1.65;color:var(--body)}
.sector-card-link{display:flex;align-items:center;gap:16px;margin-top:auto;padding-top:12px;font-size:14px}
.sector-card-link .ic{width:18px;height:18px}
.sector-questions{border:1px solid var(--line-2);border-radius:8px;background:var(--card);padding:clamp(24px,3.3vw,48px)}
.sector-questions h3{margin:20px 0 28px}
.sector-questions ul{list-style:none;padding:0;margin:0}
.sector-questions li{font-size:17px;line-height:1.55;padding:20px 0;border-top:1px solid var(--line)}
.sector-caption{font-size:13px!important;line-height:1.6;color:var(--body);margin-top:26px}
.sector-questions .btn{margin-top:28px}
/* Les cartes reprennent la couverture, la matière et le lien des articles de l’accueil. */
.sector-post{color:var(--ink);text-decoration:none;min-width:0;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.sector-post:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
.sector-post .post-body{min-height:220px}
.sector-post-link{display:inline-flex;align-items:center;gap:12px;margin-top:auto;padding-top:15px;font-size:14px;font-weight:520;color:var(--ink)}
.sector-post-link .ic{width:17px;height:17px}
.sector-cover-card{width:72%;padding:1.2em 1.25em 1.15em}
.sector-cover-card .cv-head{margin-bottom:1.1em}.sector-cover-card .cv-head .ic{width:1.35em;height:1.35em;color:#90b9ee}
.sector-cover-title{font-size:1.3em;font-weight:550;color:var(--ink);margin-bottom:.9em}
.sector-cover-line{display:block;width:90%;height:.55em;margin-top:.58em;border-radius:1em;background:#383d45}
.sector-cover-line.short{width:66%}
.sector-cover-foot{display:flex;justify-content:space-between;align-items:center;gap:1em;margin-top:1.35em;padding-top:.9em;border-top:1px solid var(--line-2);color:#fff;font-size:.92em}
.sector-cover-foot .ic{width:1.1em;height:1.1em}
.sector-cover-copy .cv-head .ic{color:#90b9ee}
.sector-copy-art{position:relative;height:8em;margin:-.25em 0 -.45em;isolation:isolate}
.sector-copy-paper{position:absolute;display:block;border-radius:.45em;background:#27364c;box-shadow:0 .6em 1.3em rgba(0,0,0,.27)}
.sector-copy-paper-back{left:19%;top:.55em;width:61%;height:6.7em;transform:rotate(-10deg);background:#344766}
.sector-copy-paper-front{left:23%;top:.1em;width:61%;height:7em;transform:rotate(6deg);border:1px solid #5b7cae;background:linear-gradient(145deg,#304563,#26364d)}
.sector-copy-paper-top{position:absolute;top:.6em;left:.7em;display:flex;gap:.25em}.sector-copy-paper-top i{width:.23em;height:.23em;border-radius:50%;background:#9fc5fa}
.sector-copy-balance{position:absolute;top:1.25em;left:50%;width:4.8em;height:4.5em;transform:translateX(-50%);color:#c6defe;filter:drop-shadow(0 .22em .25em #14233a)}
.sector-copy-paper-lines{position:absolute;left:28%;right:24%;bottom:.55em;display:grid;gap:.22em}.sector-copy-paper-lines i{height:.2em;border-radius:1em;background:#7798c4}.sector-copy-paper-lines i:last-child{width:72%}
.sector-copy-topic{position:absolute;right:0;bottom:.4em;padding:.4em .6em;border:1px solid #5475a5;border-radius:.4em;background:#223249;box-shadow:0 .4em .8em rgba(0,0,0,.35);color:#edf4ff;font-size:.86em;font-weight:550;transform:rotate(-3deg)}
.sector-cover-map{position:relative;height:6.5em;overflow:hidden;border-radius:.7em;background:repeating-linear-gradient(0deg,transparent 0 1.2em,#32373e 1.23em 1.3em),repeating-linear-gradient(90deg,#24272d 0 1.2em,#32373e 1.23em 1.3em)}
.sector-cover-route{position:absolute;left:16%;top:52%;width:62%;height:2px;transform:rotate(-24deg);background:#679af4;box-shadow:0 0 10px #679af4aa}
.sector-cover-marker{position:absolute;left:47%;top:23%;display:grid;place-items:center;width:2.5em;height:2.5em;border-radius:50%;background:#243b61;color:#9bc2ff;box-shadow:0 0 0 .4em #243b6155}
.sector-cover-marker .ic{width:1.3em;height:1.3em}
.sector-cover-ai-row{display:flex;align-items:center;gap:.6em;margin:1.2em 0;color:#dce6ec;font-size:1em}
.sector-cover-ai-row span{padding:.5em .65em;border:1px solid #424b57;border-radius:.6em;background:#282d35}
.sector-cover-ai-row i{flex:1;height:1px;background:linear-gradient(90deg,#6686ad,#90b9ee)}
/* Couvertures des autres métiers : même famille que les trois de l’Avocats, un dessin par service. */
.sector-site-art{position:relative;height:7.6em;overflow:hidden;border:1px solid #3d5071;border-radius:.7em;background:linear-gradient(160deg,#2b3b55,#222f45)}
.sector-site-bar{display:flex;align-items:center;gap:.28em;height:1.3em;padding:0 .7em;border-bottom:1px solid #394b69;background:#1f2a3d}
.sector-site-bar i{width:.34em;height:.34em;border-radius:50%;background:#6b8bbd}
.sector-site-photo{position:relative;display:block;height:2.1em;overflow:hidden;background:linear-gradient(135deg,#4a669a,#2f4468)}
.sector-site-photo i{position:absolute;bottom:0;width:1em;height:1.55em;border-radius:.55em .55em 0 0;background:rgba(222,234,252,.55)}
.sector-site-photo i:nth-child(1){left:24%}.sector-site-photo i:nth-child(2){left:46%}.sector-site-photo i:nth-child(3){left:68%}
.sector-site-body{padding:.75em .95em 0}
.sector-site-body b{display:block;font-size:1.04em;font-weight:560;letter-spacing:-.01em;color:#edf4ff}
.sector-site-body .sector-cover-line{width:78%;margin-top:.5em;background:#4a638d}
.sector-site-body .sector-cover-line.short{width:52%}
.sector-site-cta{position:absolute;left:.95em;bottom:.75em;display:inline-flex;align-items:center;gap:.45em;padding:.42em .7em;border-radius:.45em;background:#edf4ff;color:#17233a;font-size:.86em;font-weight:600;line-height:1}
.sector-site-cta .ic{width:1em;height:1em}
.sector-site-art.has-photo{height:8.5em}
.sector-site-art.has-photo .sector-site-body{padding-top:.65em}
.sector-site-art.has-photo .sector-site-body .sector-cover-line{display:none}
.sector-cover-reviews .cv-head .ic{color:#fbbc04}
.sector-cover-reviews .cv-head use[href="#i-star"]{fill:currentColor}
.sector-review-art{display:grid;align-content:center;height:7.2em}
.sector-review-stars{display:flex;gap:.2em;margin-bottom:.45em}
.sector-review-stars .ic{width:1.5em;height:1.5em;color:#fbbc04;fill:currentColor}
.sector-review-art .sector-cover-line{margin-top:.5em}
.sector-review-reply{display:flex;align-items:center;gap:.55em;margin-top:.95em;padding:.45em .65em;border:1px solid #435a7e;border-radius:.6em;background:#223249;color:#dbe8fb;font-size:.9em}
.sector-review-reply i{flex:none;width:1.45em;height:1.45em;border-radius:50%;background:linear-gradient(135deg,#8fb4f2,#4a6fb8)}
.sector-review-reply .ic{margin-left:auto;width:1em;height:1em;color:#19c394}
.sector-li-art{display:grid;align-content:center;gap:.65em;height:7.2em}
.sector-li-who{display:flex;align-items:center;gap:.6em}
.sector-li-who i{flex:none;width:2.1em;height:2.1em;border-radius:50%;background:linear-gradient(135deg,#8fb4f2,#4a6fb8)}
.sector-li-who span{display:grid;gap:.36em}
.sector-li-who b{display:block;width:6.4em;height:.52em;border-radius:1em;background:#c6d6ee}
.sector-li-who em{display:block;width:4.3em;height:.4em;border-radius:1em;background:#5a7096}
.sector-li-video{display:grid;place-items:center;height:3.7em;border-radius:.6em;background:linear-gradient(135deg,#3b5a8f,#243650)}
.sector-li-video .ic{box-sizing:content-box;width:1.15em;height:1.15em;padding:.55em;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;fill:currentColor}
.sector-social-art{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6em;align-content:center;height:7.2em}
.sector-social-tile{display:grid;place-items:center;height:5.6em;border-radius:.65em;color:#fff;box-shadow:0 .5em 1em rgba(0,0,0,.28)}
.sector-social-tile:nth-child(1){background:linear-gradient(135deg,#e1306c,#f77737)}
.sector-social-tile:nth-child(2){background:linear-gradient(135deg,#5b51d8,#c13584)}
.sector-social-tile:nth-child(3){background:linear-gradient(135deg,#fcaf45,#f56040)}
.sector-social-tile .ic{width:1.7em;height:1.7em}
.sector-sched-art{display:grid;align-content:center;gap:.5em;height:7.2em}
.sector-sched-row{display:flex;align-items:center;gap:.65em;padding:.45em .65em;border:1px solid #3d4f6c;border-radius:.55em;background:#252f40}
.sector-sched-row .ic{flex:none;width:1.2em;height:1.2em;color:#e6a98a}
.sector-sched-row i{flex:1;height:.5em;border-radius:1em;background:#4b5f82}
.sector-sched-row em{flex:none;padding:.3em .65em;border-radius:.4em;background:#c87a4f;color:#fff;font-size:.82em;font-style:normal;font-weight:600;line-height:1}
.sector-sched-row.is-open{border-color:#7a5a4a;background:#2d2a2f}
.sector-prod-art{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.9em;height:7.2em}
.sector-prod-photo{position:relative;width:6.7em;height:6.4em;overflow:hidden;border-radius:.65em;background:linear-gradient(160deg,#3d4d68,#2a3850)}
.sector-prod-rack{position:absolute;left:11%;right:11%;top:1.35em;height:.85em;border-radius:.4em;background:linear-gradient(#d9ab74,#b0804a);box-shadow:0 .4em .7em rgba(0,0,0,.4)}
.sector-prod-rack i{position:absolute;top:1.05em;width:.62em;height:.62em;border-radius:50%;background:radial-gradient(circle at 35% 30%,#e3b985,#a97945)}
.sector-prod-rack i:nth-child(1){left:12%}.sector-prod-rack i:nth-child(2){left:50%;margin-left:-.31em}.sector-prod-rack i:nth-child(3){right:12%}
.sector-prod-coat{position:absolute;left:50%;top:2.75em;width:3em;height:3.3em;margin-left:-1.5em;color:#86a6da;filter:drop-shadow(0 .3em .4em rgba(0,0,0,.35))}
.sector-prod-info{display:grid;gap:.5em;min-width:0}
.sector-prod-kpi{font-size:1.9em;font-weight:560;letter-spacing:-.03em;line-height:1;color:#edf4ff}
.sector-prod-info .sector-cover-line{margin:0;background:#4a638d}
.sector-prod-label{font-size:.9em;color:#a9bdd9}
.sector-cover-dance .cv-head .ic{color:#e6a98a}
.sector-mig-art{display:grid;grid-template-columns:minmax(0,1fr) 2.3em minmax(0,1fr);align-items:center;gap:.35em;height:7.2em}
.sector-mig-page{position:relative;display:grid;align-content:start;gap:.4em;height:5.6em;padding:.75em .7em;border:1px solid #3a4a64;border-radius:.6em;background:#232d3e}
.sector-mig-page i{display:block;height:.5em;border-radius:1em;background:#4a5d7d}
.sector-mig-page i:nth-child(1){width:48%;height:.6em}.sector-mig-page i:nth-child(3){width:70%}
.sector-mig-page.is-old{opacity:.62}
.sector-mig-page.is-new{border-color:#5b7cae;background:linear-gradient(145deg,#304563,#26364d);box-shadow:0 .55em 1.1em rgba(0,0,0,.32)}
.sector-mig-page.is-new i{background:#8fb0e4}
.sector-mig-page .ic{position:absolute;right:.5em;bottom:.5em;box-sizing:content-box;width:.8em;height:.8em;padding:.25em;border-radius:50%;background:#19c394;color:#06231b}
.sector-mig-arrow{position:relative;height:0;border-top:2px dashed #679af4}
.sector-mig-arrow::after{content:"";position:absolute;right:-.1em;top:-.42em;width:.62em;height:.62em;border-top:2px solid #679af4;border-right:2px solid #679af4;transform:rotate(45deg)}
.sector-serp-art{display:grid;align-content:center;gap:.55em;height:7.2em}
.sector-serp-bar{display:flex;align-items:center;gap:.5em;padding:.42em .75em;border:1px solid #435a7e;border-radius:2em;background:#273850;color:#cfe0fa;font-size:.9em}
.sector-serp-bar .ic{flex:none;width:1.05em;height:1.05em;color:#90b9ee}
.sector-serp-row{display:grid;gap:.32em;padding:.05em 0 .05em .7em;border-left:2px solid #3d4f6c}
.sector-serp-row.is-you{border-left-color:#679af4}
.sector-serp-row b{font-size:.88em;font-weight:560;color:#8db6fb}
.sector-serp-row .sector-cover-line{margin:0;background:#4a638d}
.sector-serp-row.is-dim .sector-cover-line{background:#34415a}
.sector-serp-row.is-dim b{display:block;width:5.6em;height:.5em;border-radius:1em;background:#34415a;font-size:1em}
.sector-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 64px}
.sector-actions li{border-top:1px solid var(--line-2);padding-top:24px;min-width:0}
.sector-actions h3{margin:20px 0 16px;font-size:25px}
.sector-service-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:16px}
.sector-service-link .ic{width:18px;height:18px;flex-shrink:0}
.sector-video ol{margin-top:24px}
.sector-video li{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:20px;padding:24px 0;border-top:1px solid var(--line)}
.sector-video li>.ic{width:26px;height:26px;color:var(--ink)}
.sector-video b{display:block;margin-bottom:8px;font-size:17px;font-weight:400}
.sector-video li span{display:block;color:var(--body);font-size:16px;line-height:1.6}
.sector-shoot{margin:0;min-width:0}
.sector-shoot img{display:block;width:100%;height:auto;border-radius:18px;box-shadow:0 0 0 1px var(--line),var(--sh-3)}
.sector-shoot figcaption{margin-top:14px}
.sector-video-wide{margin-top:48px}
.sector-video-wide ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
@media(max-width:760px){.sector-video-wide ol{grid-template-columns:1fr;gap:0}}
.sector-metrics li{display:flex;align-items:center;gap:18px;padding:22px 0;border-bottom:1px solid var(--line);font-size:17px;line-height:1.5}
.sector-metrics .ic{width:18px;height:18px;flex-shrink:0;color:var(--body)}
.sector-closing .lead{max-width:620px;margin:24px 0 30px}
.sector-back{display:inline-flex;align-items:center;min-height:44px;margin-left:24px}
@media(max-width:760px){.sector-directory,.sector-actions{grid-template-columns:1fr}.sector-card{padding:28px 0}.sector-actions{gap:32px}.sector-video li{gap:16px}.sector-back{display:flex;width:fit-content;margin:20px 0 0}}
@media(prefers-reduced-motion:reduce){.sector-card{transition:none}}

/* Le gris du titre conserve une légère matière, dans la teinte de la homepage. */
.t-services .page-title .tail{color:var(--tail)}
@supports (-webkit-background-clip:text){
  .t-services .page-title .tail{
    background-image:radial-gradient(circle,rgba(255,255,255,.07) .55px,transparent .8px),linear-gradient(110deg,#858890 0%,#a3a5ab 24%,#81848c 48%,#a0a2a8 72%,#898c94 100%);
    background-size:3px 3px,100% 100%;
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
  }
}

/* ---------- Services · comparatif des formats (.fmt-cmp) : aucune famille ne compare trois formats critère par critère ; lignes alignées par sous-grille, étiquettes en colonne sur ordinateur, dans chaque carte sur tablette et mobile ---------- */
.fmt-cmp{display:grid;grid-template-columns:minmax(0,.56fr) repeat(3,minmax(0,1fr));grid-template-rows:repeat(6,auto);column-gap:16px}
.fmt-keys{grid-column:1;grid-row:1/-1;display:grid;grid-template-rows:subgrid}
.fmt-keys li{padding:20px 14px 20px 0;border-top:1px solid var(--line);font-size:13.5px;font-weight:500;line-height:1.45;color:var(--soft)}
.fmt-keys li:first-child{border-top:0}
.fmt{position:relative;isolation:isolate;grid-row:1/-1;display:grid;grid-template-rows:subgrid;border-radius:18px;background:var(--card);box-shadow:0 0 0 1px var(--line),inset 0 1px 0 rgba(255,255,255,.04),0 40px 80px -50px rgba(0,0,0,.9)}
.fmt.is-entry{box-shadow:0 0 0 1px var(--line-2),inset 0 1px 0 rgba(255,255,255,.05),0 40px 80px -50px rgba(0,0,0,.9)}
.fmt.is-off::before{animation-play-state:paused}
.fmt-head{padding:24px 24px 20px}
.fmt-tags{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:28px}
.fmt-verb{font-size:13px;font-weight:500;color:var(--muted)}
.fmt-head h3{margin-top:14px;font-size:clamp(21px,1.75vw,24px);line-height:1.2;letter-spacing:-.028em;font-weight:450}
.fmt-cell{min-width:0;padding:20px 24px;border-top:1px solid var(--line);font-size:15px;line-height:1.55;color:var(--body)}
.fmt-k{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.fmt .checks{gap:10px;margin:0;padding:0;border:0}
.fmt .checks li{font-size:14.5px}
.fmt-times{display:grid;gap:8px}
.fmt-times li{display:flex;align-items:baseline;justify-content:space-between;gap:14px;font-size:14.5px;color:var(--body)}
.fmt-times b{flex:none;font-weight:540;font-variant-numeric:tabular-nums;color:var(--ink)}
.fmt-last{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding-bottom:18px}
.fmt-last .link{margin-top:auto;padding-top:8px;font-size:15px}
.fmt-amount{display:flex;align-items:baseline;gap:8px;font-size:clamp(36px,3.1vw,46px);line-height:1;letter-spacing:-.055em;font-weight:300;font-variant-numeric:tabular-nums;color:var(--ink)}
.fmt-amount small{font-size:14px;letter-spacing:-.01em;font-weight:460;color:var(--soft)}
.fmt-amount.is-quote{font-size:clamp(23px,1.9vw,27px);letter-spacing:-.03em;font-weight:400;color:var(--soft)}
@media (max-width:1080px){
  .fmt-cmp{grid-template-columns:repeat(3,minmax(0,1fr))}
  .fmt-keys{display:none}
  .fmt{grid-row:auto / span 6}
  .fmt-k{position:static;width:auto;height:auto;margin:0 0 8px;overflow:visible;clip:auto;white-space:normal;font-size:12.5px;font-weight:500;color:var(--muted)}
}
@media (max-width:900px){
  .fmt-cmp{grid-template-columns:minmax(0,1fr);grid-template-rows:none;row-gap:20px;max-width:560px}
  .fmt{grid-row:auto;grid-template-rows:none}
}
@media (max-width:640px){
  .fmt-head{padding:22px 20px 18px}
  .fmt-cell{padding:18px 20px}
}
@media (max-width:760px),(hover:none) and (pointer:coarse){
  .fmt.is-entry::before{animation:none}
}

/* ---------- Services · une icône et une lumière par carte, comme les cartes du modèle Audit GEO et les onglets de la home ---------- */
.svc-ic .t-ic.zz{width:22px;height:17px}
.svc-ic img.t-ic{border-radius:5px}

/* Déclinaisons du canon Prisme nuit : offre, preuve, article et liens contextuels. */
.offer-price.is-quote{font-size:clamp(36px,3.3vw,48px);line-height:1.15}
.offer-copy p+p,.split-copy p+p{margin-top:18px}
.work-board{display:flex;flex-direction:column;justify-content:center;min-height:410px}
.work-board .ill-in{display:block;width:100%;padding:42px 30px}.work-board .i-kicker{margin-bottom:16px}
.work-window{margin-top:16px;background:linear-gradient(135deg,#1a1c20,#101114);border:1px solid var(--line-2);border-radius:16px;box-shadow:0 24px 60px #0006;overflow:hidden}
.work-window-top{display:flex;align-items:center;gap:5px;padding:17px 18px;border-bottom:1px solid var(--line)}
.work-window-top>span{width:5px;height:5px;border-radius:50%;background:#737882;flex:none}
.work-window-top>b{margin-left:8px;font-size:12px;line-height:1.4;font-weight:500;color:var(--body)}
.work-row{display:flex;align-items:center;gap:14px;padding:20px;border-bottom:1px solid var(--line)}
.work-row:last-child{border-bottom:0}
.work-number{font-size:12px;color:var(--body);font-variant-numeric:tabular-nums}
.work-row>div{flex:1;min-width:0}
.work-row b{display:block;font-size:15px;font-weight:500;margin-bottom:4px}
.work-row div>span{font-size:12px;line-height:1.5;color:var(--body)}
.work-row>.ic{width:17px;height:17px;flex:none;color:#8ac8b4}
.proof-board{padding:clamp(30px,4vw,64px);border:1px solid var(--line-2);border-radius:20px;background:radial-gradient(ellipse at 80% 0%,#4285f411,transparent 65%),var(--card);min-height:340px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.proof-board>strong{display:block;font-size:clamp(70px,7vw,108px);font-weight:300;line-height:1;letter-spacing:-.065em;margin:30px 0 18px}
.proof-board>p{font-size:21px;line-height:1.35;color:var(--body);max-width:24ch}
.proof-board>strong.is-word{font-size:clamp(52px,5.2vw,84px);letter-spacing:-.05em}
.proof-note{display:block;color:var(--body);font-size:12px;line-height:1.5;margin-top:28px}
.path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.path-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 20px;gap:18px;padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--card);transition:border-color .2s,transform .2s}
.path-card>span{font-size:21px;line-height:1.25;letter-spacing:-.025em}
.path-card>p{grid-column:1/-1;color:var(--body);line-height:1.55;font-size:15px}
.path-card .ic{width:20px;height:20px;flex:none}
.path-card-icon{grid-column:1/-1}
.path-card-icon .svc-ic .ic{width:22px;height:22px}
.path-card-icon .svc-ic .zz{height:17px}
.path-card:hover{border-color:var(--line-2);transform:translateY(-3px)}
.path-card:focus-visible{outline:2px solid var(--body);outline-offset:4px}
.service-directory{margin-top:40px}.service-directory .path-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.cv-topic{width:88%;padding:24px}.cv-topic .cv-head{margin-bottom:20px}.cv-topic .cv-head>.ic{width:20px;height:20px}
.cv-topic-row{display:flex;align-items:center;gap:16px;padding:14px 0;border-top:1px solid var(--line);font-size:14px;color:var(--body)}
.cv-topic-row>i{height:4px;flex:1;border-radius:4px;background:#363a41}.cv-topic-row>.ic{width:14px;height:14px;color:#9ad1bc}
.table-scroll{overflow-x:auto;margin:28px 0;border:1px solid var(--line-2);border-radius:12px}
.editorial-table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.6}
.editorial-table th,.editorial-table td{padding:18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.editorial-table th{font-weight:600;background:var(--card);color:var(--ink)}
.editorial-table td{color:var(--body);min-width:135px}.editorial-table tr:last-child td{border-bottom:0}
.article-sources{margin-top:64px;padding-top:30px;border-top:1px solid var(--line)}
.article-sources h2{font-size:26px}.article-sources p,.article-sources li{font-size:14px}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.guide-grid .post{min-width:0}.guide-grid .post .cov{height:230px}.guide-grid .post .post-body{padding:24px}
.guide-grid .post h3{font-size:23px}.guide-grid .post-meta{margin-top:auto;padding-top:20px}
.form .demo-fields{display:contents;border:0;padding:0;margin:0}.form select.input{appearance:auto;background:var(--card);color:var(--body)}
@media(max-width:900px){.path-grid,.service-directory .path-grid,.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-board .ill-in{padding:32px 22px}.proof-board{min-height:300px}}
@media(max-width:640px){.path-grid,.service-directory .path-grid,.guide-grid{grid-template-columns:minmax(0,1fr)}.work-board{min-height:350px}.work-board .ill-in{padding:28px 16px}.work-row{padding:16px 14px;gap:10px}.work-window-top{padding:15px 13px}.proof-board{padding:30px}.path-card{padding:24px}.editorial-table{font-size:14px}.editorial-table th,.editorial-table td{padding:14px}.art-cover .cv-topic{width:92%;padding:20px}.cv-topic-row{gap:12px;font-size:12px}.guide-grid .post .cov{height:240px}}
@media(prefers-reduced-motion:reduce){.path-card{transition:none}.path-card:hover{transform:none}}

/* Particules du hero des pages intérieures, sorties du HTML en production */
.ha-dust>.ha-particle:nth-child(1){--x:6%;--y:5%;--size:1.2px;--alpha:0.16;--duration:43s;--delay:-24s;--drift:16px}.ha-dust>.ha-particle:nth-child(2){--x:14%;--y:31%;--size:2.5px;--alpha:0.13;--duration:35s;--delay:-21s;--drift:-10px}.ha-dust>.ha-particle:nth-child(3){--x:24%;--y:17%;--size:1.4px;--alpha:0.22;--duration:39s;--delay:-29s;--drift:-9px}.ha-dust>.ha-particle:nth-child(4){--x:39%;--y:10%;--size:2.0px;--alpha:0.2;--duration:34s;--delay:-2s;--drift:-3px}.ha-dust>.ha-particle:nth-child(5){--x:57%;--y:22%;--size:1.2px;--alpha:0.08;--duration:32s;--delay:-22s;--drift:14px}.ha-dust>.ha-particle:nth-child(6){--x:75%;--y:8%;--size:2.1px;--alpha:0.16;--duration:39s;--delay:-20s;--drift:-2px}.ha-dust>.ha-particle:nth-child(7){--x:90%;--y:29%;--size:2.1px;--alpha:0.2;--duration:40s;--delay:-4s;--drift:-15px}.ha-dust>.ha-particle:nth-child(8){--x:9%;--y:52%;--size:2.3px;--alpha:0.18;--duration:31s;--delay:-28s;--drift:3px}.ha-dust>.ha-particle:nth-child(9){--x:31%;--y:44%;--size:2.4px;--alpha:0.14;--duration:36s;--delay:-22s;--drift:-13px}.ha-dust>.ha-particle:nth-child(10){--x:54%;--y:56%;--size:2.0px;--alpha:0.2;--duration:26s;--delay:-19s;--drift:4px}.ha-dust>.ha-particle:nth-child(11){--x:69%;--y:39%;--size:2.2px;--alpha:0.09;--duration:39s;--delay:-6s;--drift:-2px}.ha-dust>.ha-particle:nth-child(12){--x:94%;--y:63%;--size:2.0px;--alpha:0.21;--duration:35s;--delay:-17s;--drift:-13px}.ha-dust>.ha-particle:nth-child(13){--x:18%;--y:73%;--size:1.2px;--alpha:0.24;--duration:30s;--delay:-33s;--drift:-4px}.ha-dust>.ha-particle:nth-child(14){--x:82%;--y:78%;--size:1.3px;--alpha:0.14;--duration:30s;--delay:-8s;--drift:25px}.ha-dust>.ha-particle:nth-child(15){--x:53%;--y:74%;--size:2.1px;--alpha:0.15;--duration:38s;--delay:-14s;--drift:-18px}.ha-dust>.ha-particle:nth-child(16){--x:58%;--y:45%;--size:2.0px;--alpha:0.18;--duration:43s;--delay:-27s;--drift:25px}.ha-dust>.ha-particle:nth-child(17){--x:89%;--y:10%;--size:2.0px;--alpha:0.22;--duration:25s;--delay:-18s;--drift:20px}.ha-dust>.ha-particle:nth-child(18){--x:44%;--y:65%;--size:1.2px;--alpha:0.16;--duration:26s;--delay:-11s;--drift:-15px}.ha-dust>.ha-particle:nth-child(19){--x:16%;--y:29%;--size:1.7px;--alpha:0.13;--duration:42s;--delay:-8s;--drift:-19px}.ha-dust>.ha-particle:nth-child(20){--x:38%;--y:56%;--size:1.3px;--alpha:0.22;--duration:42s;--delay:-20s;--drift:22px}.ha-dust>.ha-particle:nth-child(21){--x:47%;--y:29%;--size:2.2px;--alpha:0.13;--duration:30s;--delay:-32s;--drift:-7px}.ha-dust>.ha-particle:nth-child(22){--x:76%;--y:48%;--size:1.7px;--alpha:0.14;--duration:39s;--delay:-14s;--drift:-5px}.ha-dust>.ha-particle:nth-child(23){--x:30%;--y:16%;--size:2.4px;--alpha:0.17;--duration:42s;--delay:-13s;--drift:19px}.ha-dust>.ha-particle:nth-child(24){--x:81%;--y:74%;--size:2.5px;--alpha:0.16;--duration:37s;--delay:-14s;--drift:20px}.ha-dust>.ha-particle:nth-child(25){--x:46%;--y:22%;--size:2.3px;--alpha:0.1;--duration:42s;--delay:-17s;--drift:-5px}.ha-dust>.ha-particle:nth-child(26){--x:67%;--y:78%;--size:1.9px;--alpha:0.18;--duration:26s;--delay:-20s;--drift:20px}.ha-dust>.ha-particle:nth-child(27){--x:33%;--y:17%;--size:1.4px;--alpha:0.16;--duration:34s;--delay:-10s;--drift:10px}.ha-dust>.ha-particle:nth-child(28){--x:93%;--y:41%;--size:2.1px;--alpha:0.11;--duration:43s;--delay:-14s;--drift:26px}.ha-dust>.ha-particle:nth-child(29){--x:6%;--y:39%;--size:1.8px;--alpha:0.19;--duration:28s;--delay:-13s;--drift:-10px}.ha-dust>.ha-particle:nth-child(30){--x:70%;--y:45%;--size:2.1px;--alpha:0.09;--duration:42s;--delay:-11s;--drift:-13px}.ha-dust>.ha-particle:nth-child(31){--x:12%;--y:14%;--size:1.7px;--alpha:0.14;--duration:34s;--delay:-1s;--drift:7px}.ha-dust>.ha-particle:nth-child(32){--x:15%;--y:67%;--size:2.4px;--alpha:0.09;--duration:43s;--delay:-35s;--drift:-7px}.ha-dust>.ha-particle:nth-child(33){--x:2.3%;--y:15.1%;--size:2.6px;--alpha:0.20;--duration:33s;--delay:-29s;--drift:-17px}.ha-dust>.ha-particle:nth-child(34){--x:18.9%;--y:12.4%;--size:1.9px;--alpha:0.19;--duration:31s;--delay:-30s;--drift:-12px}.ha-dust>.ha-particle:nth-child(35){--x:28.9%;--y:15.3%;--size:2.4px;--alpha:0.19;--duration:31s;--delay:-14s;--drift:-16px}.ha-dust>.ha-particle:nth-child(36){--x:43.8%;--y:14.6%;--size:2.3px;--alpha:0.22;--duration:31s;--delay:-7s;--drift:-4px}.ha-dust>.ha-particle:nth-child(37){--x:53.2%;--y:11.5%;--size:2.5px;--alpha:0.16;--duration:40s;--delay:-19s;--drift:-12px}.ha-dust>.ha-particle:nth-child(38){--x:65.3%;--y:8.4%;--size:2.7px;--alpha:0.17;--duration:40s;--delay:-5s;--drift:22px}.ha-dust>.ha-particle:nth-child(39){--x:80.2%;--y:11.9%;--size:2.3px;--alpha:0.23;--duration:27s;--delay:-26s;--drift:4px}.ha-dust>.ha-particle:nth-child(40){--x:93.5%;--y:13.6%;--size:2.0px;--alpha:0.19;--duration:31s;--delay:-27s;--drift:-26px}

/* Titres blancs, 4 novembre 2026. */
.tail,.t-services .page-title .tail{color:inherit;background-image:none;-webkit-text-fill-color:currentColor}