/* fl-site.css v1 - système Foldline des pages secondaires (services, outils).
   Source unique : tokens et composants de la homepage (couleurs, polices, rayons, easing, boutons, tuiles). */
:root{--bg:#0A0B09;--g1:#121410;--g2:#1A1C17;--bone:#E8EAE1;--ink:#F1F3EA;--mute:#8C9087;--mute2:#4A4E46;--neon:#39FF14;--warn:#FFB020;
--line:rgba(241,243,234,.09);--line2:rgba(241,243,234,.16);--r:22px;--gap:10px;--pad:12px;
--eo:cubic-bezier(.16,1,.3,1);--eio:cubic-bezier(.76,0,.24,1);
--fd:"Archivo","Arial Narrow",system-ui,sans-serif;--fs:"Instrument Serif",Georgia,serif;--fm:"JetBrains Mono",ui-monospace,Menlo,monospace}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:76px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 15px/1.55 var(--fd);-webkit-font-smoothing:antialiased}
a{color:inherit}
svg{display:block;max-width:100%}
figure{margin:0}
p{margin:0}
:focus-visible{outline:2px solid var(--neon);outline-offset:3px;border-radius:8px}
.skip{position:absolute;left:-999px;top:10px;z-index:30;background:var(--neon);color:var(--bg);padding:10px 14px;border-radius:999px;font-weight:600;text-decoration:none}
.skip:focus{left:12px}
.wrap{max-width:1440px;margin:0 auto;padding:0 var(--pad)}
.stack{display:grid;gap:var(--gap);grid-template-columns:minmax(0,1fr)}

/* En-tête (identique à la homepage) */
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;height:60px;padding:0 4px;background:rgba(10,11,9,.86);backdrop-filter:saturate(1.2) blur(12px);-webkit-backdrop-filter:blur(12px)}
.logo{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink)}
.logo .logo-mark{height:18px;width:auto}
.logo small{font:500 10px/1 var(--fm);letter-spacing:.09em;text-transform:uppercase;color:var(--mute);padding-left:14px;border-left:1px solid var(--line2)}
.status{display:inline-flex;align-items:center;gap:9px;margin:0 auto;font:500 11px/1 var(--fm);letter-spacing:.03em;color:var(--mute);border:1px solid var(--line);border-radius:999px;padding:8px 14px;white-space:nowrap}
.status b{color:var(--ink);font-weight:500}
.pulse{width:7px;height:7px;border-radius:50%;background:var(--warn);flex:none}
.status.on .pulse{background:var(--neon);animation:pulse 2.2s var(--eo) infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(57,255,20,.55)}70%,100%{box-shadow:0 0 0 8px rgba(57,255,20,0)}}
.nav{display:flex;align-items:center;gap:8px;margin-left:auto}
.status+.nav{margin-left:0}
.jl{font:500 13px/40px var(--fd);color:var(--mute);padding:0 12px;text-decoration:none;border-radius:999px;transition:color .2s}
.jl:hover{color:var(--ink)}

/* Boutons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 22px;border:0;border-radius:999px;background:var(--neon);color:var(--bg);font:600 14px/1 var(--fd);letter-spacing:-.01em;text-decoration:none;cursor:pointer;transition:transform .4s var(--eo),box-shadow .4s var(--eo),background .2s}
.btn:hover{transform:translateY(-1px);box-shadow:0 10px 30px -12px rgba(57,255,20,.6)}
.btn.sm{height:40px;padding:0 16px;font-size:13px}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line2)}
.btn.ghost:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.btn.dark{background:var(--bg);color:var(--neon)}
.btn .ar{transition:transform .4s var(--eo)}
.btn:hover .ar{transform:translateX(3px)}
.btn[disabled]{opacity:.55;cursor:progress}
.ctas{display:flex;flex-wrap:wrap;gap:10px}

/* Typographie */
.kick{display:flex;align-items:center;gap:12px;font:500 11px/1.2 var(--fm);letter-spacing:.09em;text-transform:uppercase;color:var(--mute);margin:0 0 18px}
.kick::after{content:"";width:28px;height:1px;background:currentColor;opacity:.45}
.h-xl{margin:0;font:800 clamp(36px,4.7vw,72px)/.9 var(--fd);letter-spacing:-.052em}
.h-l{margin:0;font:800 clamp(32px,4.1vw,60px)/.93 var(--fd);letter-spacing:-.05em}
.h-xl em,.h-l em{display:block;font:400 italic 1.12em/.95 var(--fs);letter-spacing:-.015em;color:var(--neon)}
.lede{font-size:17px;line-height:1.58;max-width:35em}
.mute{color:var(--mute)}
.s-bone .mute,.s-neon .mute{color:var(--mute2)}

/* Tuiles */
.tile{position:relative;background:var(--g1);border-radius:var(--r);padding:16px}
.tile.lg{padding:clamp(22px,3.2vw,44px)}
.s-bone{background:var(--bone);color:var(--bg)}
.s-neon{background:var(--neon);color:var(--bg)}
.lit{box-shadow:inset 0 0 0 1.5px var(--neon)}
.tag{font:500 10px/1.2 var(--fm);letter-spacing:.07em;text-transform:uppercase;color:var(--mute)}
.s-bone .tag,.s-neon .tag{color:rgba(10,11,9,.62)}
.t-name{margin:0;font:700 21px/1.12 var(--fd);letter-spacing:-.025em}
.t-sub{font-size:14px;line-height:1.55;color:var(--mute)}
.s-bone .t-sub{color:var(--mute2)}
.card{display:flex;flex-direction:column;gap:12px;min-height:150px;min-width:0}
.card .go{margin-top:auto;font:500 10.5px/1.3 var(--fm);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);text-decoration:none;display:inline-flex;gap:8px}
.card .go:hover{color:var(--neon)}
.s-bone .card .go,.s-bone.card .go{color:var(--bg)}
.grid{display:grid;gap:var(--gap)}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px;align-items:end;margin-bottom:clamp(22px,3vw,40px)}

/* Héros façon « stage » */
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(22px,3vw,44px);align-items:stretch}
.hero .lede{margin:22px 0 26px}
.facts{display:flex;flex-wrap:wrap;gap:16px 34px;margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}
.facts div{display:grid;gap:6px}
.facts span{font:500 10px/1.2 var(--fm);letter-spacing:.09em;text-transform:uppercase;color:var(--mute)}
.facts b{font:600 14px/1.35 var(--fd)}
.proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}
.proof div{background:var(--g1);border-radius:16px;padding:14px 16px;display:grid;gap:6px}
.proof b{font:700 15px/1.2 var(--fd)}
.proof span{font:500 10px/1.45 var(--fm);letter-spacing:.05em;text-transform:uppercase;color:var(--mute)}

/* Dieline */
.dl{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;overflow:hidden;background-color:#0D0F0B;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:34px 34px;min-height:420px}
.dl-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:16px}
.dl-tabs button{font:500 11px/1 var(--fm);color:var(--mute);background:var(--bg);border:1px solid var(--line2);border-radius:999px;padding:7px 11px;cursor:pointer}
.dl-tabs button[aria-selected=true]{background:var(--neon);border-color:var(--neon);color:var(--bg)}
.dl-art{flex:1;display:grid;place-items:center;padding:0 18px}
.dl-art svg{width:min(100%,560px);height:auto;overflow:visible}
.dl-art [data-view]{transition:opacity .45s var(--eo)}
.dl-art [data-view][hidden]{display:none}
.dl .cut{fill:rgba(57,255,20,.06);stroke:var(--neon);stroke-width:1.6;stroke-linejoin:round}
.dl .fold{fill:none;stroke:var(--neon);stroke-width:1.2;stroke-dasharray:5 5;opacity:.75}
.dl .dim{stroke:var(--mute);stroke-width:1}
.dl text{font:500 11px var(--fm);fill:var(--ink)}
.dl .lbl{font:400 italic 30px var(--fs);fill:var(--neon)}
.dl-cap{display:flex;align-items:center;gap:12px;padding:14px 16px;border-top:1px solid var(--line);background:rgba(10,11,9,.7);font-size:13px;color:var(--mute)}
.chip{flex:none;font:600 10px/1 var(--fm);letter-spacing:.08em;text-transform:uppercase;background:var(--neon);color:var(--bg);border-radius:999px;padding:6px 9px}

/* Méthode */
.steps{display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:var(--gap)}
.step{display:flex;flex-direction:column;gap:10px;background:var(--g2);border-radius:16px;padding:18px}
.step .n{font:500 11px/1 var(--fm);color:var(--neon)}
.step h3{margin:0;font:700 19px/1.1 var(--fd);letter-spacing:-.02em}
.step p{font-size:13.5px;line-height:1.5;color:var(--mute)}
.step .v{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);font:500 10px/1.45 var(--fm);letter-spacing:.06em;text-transform:uppercase}

/* Onglets (segmented control de la homepage) */
.seg{display:inline-flex;gap:2px;max-width:100%;overflow-x:auto;background:var(--g2);border-radius:999px;padding:3px;scrollbar-width:none}
.seg::-webkit-scrollbar{display:none}
.seg button{font:500 13px/1 var(--fd);color:var(--mute);background:none;border:0;border-radius:999px;padding:10px 15px;white-space:nowrap;cursor:pointer;transition:color .2s,background .3s var(--eo)}
.seg button:hover{color:var(--ink)}
.seg button[aria-selected=true]{background:var(--neon);color:#111}
.panel{margin-top:22px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:22px 34px;align-items:start}
.panel[hidden]{display:none}
.panel dl{margin:0;display:grid;gap:14px}
.panel dt{font:500 10px/1.2 var(--fm);letter-spacing:.09em;text-transform:uppercase;color:var(--mute)}
.panel dd{margin:4px 0 0;font-size:15px}
.panel .lede{font-size:18px}

/* FAQ : titre collant à gauche, questions à droite */
.faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:clamp(24px,4vw,64px);align-items:start}
.faq>.head{grid-column:1;grid-row:1 / span 12;position:sticky;top:96px;margin:0;grid-template-columns:1fr}
.faq>details{grid-column:2}
.brief .h-l{font-size:clamp(30px,3.3vw,50px)}
.faq details{border-top:1px solid var(--line)}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:19px 0;cursor:pointer;list-style:none;font:600 17px/1.3 var(--fd);letter-spacing:-.01em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;font:300 26px/1 var(--fd);color:var(--neon);transition:transform .35s var(--eo)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 20px;max-width:60em;color:var(--mute)}
.faq a,.panel a,.lk{color:var(--ink);text-decoration-color:var(--neon);text-underline-offset:3px}

/* Guides (liste du blog de la homepage) */
.guides{list-style:none;margin:0;padding:0}
.guides a{display:grid;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:18px;padding:17px 0;border-top:1px solid var(--line);text-decoration:none}
.guides .tag{color:var(--neon)}
.guides b{font:600 17px/1.3 var(--fd);letter-spacing:-.01em}
.guides i{font-style:normal;color:var(--mute);transition:transform .35s var(--eo),color .2s}
.guides a:hover i{transform:translateX(4px);color:var(--neon)}

/* Brief (tuile bone) */
.brief{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,56px)}
.brief .h-l em{color:var(--bg)}
.brief .lede{margin-top:20px;color:var(--mute2)}
.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
.fld{display:grid;gap:7px}
.fld.full{grid-column:1/-1}
.fld label{font:500 10px/1.2 var(--fm);letter-spacing:.08em;text-transform:uppercase;color:var(--mute2)}
.fld input,.fld select,.fld textarea{width:100%;font:400 15px/1.4 var(--fd);color:var(--bg);background:#F5F6F0;border:1px solid rgba(10,11,9,.14);border-radius:12px;padding:13px 14px;transition:border-color .2s,box-shadow .2s}
.fld textarea{min-height:112px;resize:vertical}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--bg);box-shadow:0 0 0 3px rgba(57,255,20,.45)}
.consent{grid-column:1/-1;display:flex;gap:12px;align-items:flex-start;background:rgba(10,11,9,.05);border:1px solid rgba(10,11,9,.12);border-radius:14px;padding:14px;font-size:13.5px;line-height:1.45}
.consent input{margin-top:2px;width:18px;height:18px;accent-color:var(--bg);flex:none}
.consent small{display:block;color:var(--mute2)}
.send{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px}
.send small{flex:1;min-width:220px;font-size:12px;color:var(--mute2)}
.state{grid-column:1/-1;font:500 12px/1.4 var(--fm);min-height:1.4em}
.hp{position:absolute;left:-9999px}

/* CTA final + pied de page */
.cta-tile{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:22px;min-height:250px;text-decoration:none}
.cta-tile .h-l em{color:var(--bg)}
.circ{width:92px;height:92px;border-radius:50%;background:var(--bg);color:var(--neon);display:grid;place-items:center;transition:transform .6s var(--eo)}
.cta-tile:hover .circ{transform:rotate(-45deg) scale(1.04)}
.foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:22px 4px 34px;font:500 10px/1.5 var(--fm);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.foot nav{display:flex;flex-wrap:wrap;gap:10px 18px}
.foot a{text-decoration:none}
.foot a:hover{color:var(--ink)}

/* Apparition douce */
.rv{animation:rv .9s var(--eo) both}
.rv.d1{animation-delay:.08s}.rv.d2{animation-delay:.16s}.rv.d3{animation-delay:.24s}
@keyframes rv{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* Responsive (points de rupture de la homepage : 1024 / 620) */
@media (max-width:1024px){
  .hero,.brief,.head,.panel,.faq{grid-template-columns:minmax(0,1fr)}
  .faq>.head{position:static;grid-row:auto;margin-bottom:12px}
  .faq>details{grid-column:1}
  .g4,.proof{grid-template-columns:repeat(2,minmax(0,1fr))}
  .g3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .status,.logo small{display:none}
  .dl{min-height:360px}
}
@media (max-width:620px){
  body{font-size:14.5px}
  .g2,.g3,.g4,.steps,.form{grid-template-columns:minmax(0,1fr)}
  .proof{grid-template-columns:repeat(2,minmax(0,1fr))}
  .guides a{grid-template-columns:minmax(0,1fr) auto}
  .guides .tag{grid-column:1/-1}
  .nav .jl{display:none}
  .lede,.panel .lede{font-size:16px}
  .cta-tile{grid-template-columns:1fr}
  .circ{width:72px;height:72px}
  .card{min-height:0}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}
/* v3 : onglets de section visibles sans défilement caché sur mobile */
@media (max-width:620px){.seg{display:flex;flex-wrap:wrap;border-radius:20px}}

/* ==== Foldline 1.1.24 · mode clair « Papier » =====================================================
   Actif quand <html data-theme="light"> (script de tête : choix mémorisé « fl:theme », sinon réglage de l'appareil).
   Mêmes jetons, valeurs claires : le graphite devient papier, l'os devient pierre, le néon reste une matière
   (boutons, tuile brief, puces) ; quand il sert de texte ou de trait il passe en vert encre lisible (5,2:1 sur papier).
   Les couches immersives (fiches services, NDA, brief, film) restent sombres. */
[data-theme="light"]{color-scheme:light;
  --bg:#E9EBE3;--g1:#F8F9F4;--g2:#EFF1E9;--bone:#DCDFD3;--ink:#0A0B09;--mute:#585C54;--mute2:#9A9E93;
  --line:rgba(10,11,9,.11);--line2:rgba(10,11,9,.2);--s-line:rgba(10,11,9,.11);--s-line2:rgba(10,11,9,.28);
  --neon-fill:#39FF14;--neon-ink:#157A0A;--neon-line:#1FB20E;--neon:var(--neon-ink)}
/* Le néon reste néon quand il est une matière : aplats sous un texte sombre, puces, surlignage, blocs sombres par nature. */
[data-theme="light"] :is(.s-neon,.s-bone,.btn,.chip-s,.cta-go,.seg-pill,.skip,.chip,.chipb[aria-current],.pager .current,.seg button[aria-selected=true],.fl-fp-panel .seg button[aria-checked=true],.is-zoom .fl-zoom-x,.lay.p .it,.pk .band,.head,.bx-chip){--neon:var(--neon-fill)}
[data-theme="light"] .entry :is(mark,a:hover,.is-style-fl-tldr,.is-style-fl-warn,.is-style-fl-steps,.fl-fig,.fl-cta,.fl-chat){--neon:var(--neon-fill)}
[data-theme="light"] :is(.s-graphite,.s-dark){--s-line:rgba(10,11,9,.1);--s-line2:rgba(10,11,9,.28);--s-btn:var(--neon-fill);--s-err:#A1071F}
[data-theme="light"] .s-dark{--s-bg:#F3F4EF}
[data-theme="light"] :is(.h1 em,.h1 .ln.on em,.post-title em){text-shadow:none}
/* Anneau de focus clavier : toujours l'encre verte sur fond clair, le néon dans les couches sombres. */
[data-theme="light"] :focus-visible{outline-color:var(--neon-ink)}
[data-theme="light"] :is(.stage,.dl,.entry .is-style-fl-tldr,.entry .fl-cta) :focus-visible{outline-color:#39FF14}
@media (hover:hover) and (pointer:fine){
  [data-theme="light"] .btn.ghost:is(:hover,:focus-visible){box-shadow:inset 0 0 0 1px currentColor,0 0 0 4px rgba(10,11,9,.05)!important}
  [data-theme="light"] .btn:not(.ghost):is(:hover,:focus-visible){box-shadow:inset 0 0 0 1px rgba(10,11,9,.18),0 0 0 4px rgba(57,255,20,.18)!important}
}
/* Illustrations : les couleurs écrites pour un fond sombre passent à l'encre (hors pierre, néon et couches sombres). */
[data-theme="light"] svg [stroke="#F1F3EA" i]:not(:is(.s-bone,.s-neon,.stage,.dl,.flf) *){stroke:var(--ink)}
[data-theme="light"] svg [fill="#F1F3EA" i]:not(:is(.s-bone,.s-neon,.stage,.dl,.flf) *){fill:var(--ink)}
[data-theme="light"] svg [fill="#121410" i]:not(:is(.s-bone,.s-neon,.stage,.dl,.flf) *){fill:var(--g1)}
[data-theme="light"] svg [stroke="#121410" i]:not(:is(.s-bone,.s-neon,.stage,.dl,.flf) *){stroke:var(--g1)}
[data-theme="light"] svg [fill="#1A1C17" i]:not(:is(.s-bone,.s-neon,.stage,.dl,.flf) *){fill:var(--g2)}
[data-theme="light"] svg [fill="#8C9087" i]:not(:is(.s-bone,.s-neon,.stage,.dl,.flf) *){fill:var(--mute)}
[data-theme="light"] svg [stroke="#39FF14" i]:not(:is(.s-bone,.s-neon,.stage,.dl,.flf) *){stroke:var(--neon-line)}
[data-theme="light"] svg [stroke="rgba(241,243,234,.2)"]:not(:is(.s-bone,.s-neon,.stage,.dl,.flf) *){stroke:rgba(10,11,9,.22)}
[data-theme="light"] svg [stroke="rgba(241,243,234,.16)"]:not(:is(.s-bone,.s-neon,.stage,.dl,.flf) *){stroke:rgba(10,11,9,.18)}
[data-theme="light"] svg [stroke="rgba(241,243,234,.3)"]:not(:is(.s-bone,.s-neon,.stage,.dl,.flf) *){stroke:rgba(10,11,9,.3)}
[data-theme="light"] svg [fill="rgba(241,243,234,.16)"]:not(:is(.s-bone,.s-neon,.stage,.dl,.flf) *){fill:rgba(10,11,9,.1)}
[data-theme="light"] svg [stroke="rgba(57,255,20,.28)"]:not(:is(.s-bone,.s-neon,.stage,.dl,.flf) *){stroke:rgba(31,178,14,.45)}
/* Interrupteur clair/sombre (en-tête ; pied de page sur téléphone). Visible seulement si le script de tête a tourné. */
.fl-theme,.fl-theme-foot{display:none}
[data-theme] .fl-theme{display:inline-grid;place-items:center;flex:0 0 40px;box-sizing:border-box;width:40px;height:40px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line2,rgba(241,243,234,.16));cursor:pointer;-webkit-tap-highlight-color:transparent;transition:box-shadow .28s ease,color .28s ease}
[data-theme] .fl-theme svg,[data-theme] .fl-theme-foot svg{display:block;width:16px;height:16px;transition:transform .6s cubic-bezier(.16,1,.3,1)}
[data-theme="light"] :is(.fl-theme,.fl-theme-foot) svg{transform:rotate(180deg)}
@media (hover:hover) and (pointer:fine){[data-theme] .fl-theme:hover{color:var(--neon);box-shadow:inset 0 0 0 1px currentColor}}
@media (max-width:420px){
  [data-theme] .top .fl-theme{display:none}
  [data-theme] .fl-theme-foot{display:inline-flex;align-items:center;gap:8px;margin:0;padding:8px 12px;border:0;border-radius:999px;background:transparent;color:inherit;font:500 10px/1 var(--fm,ui-monospace,monospace);letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 0 0 1px var(--line2,rgba(241,243,234,.16));cursor:pointer}
}
[data-theme="dark"] .fl-tl-l,[data-theme="light"] .fl-tl-d{display:none}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
@media (prefers-reduced-motion:reduce){[data-theme] :is(.fl-theme,.fl-theme-foot) svg{transition:none}}
/* -- pages services et outils (fl-site.css) -- */
[data-theme="light"] .top{background:rgba(233,235,227,.86)}
[data-theme="light"] :is(.skip,.btn,.s-bone,.s-neon,.chip,.dl-tabs button[aria-selected=true],.fld,.consent,.brief,.cta-tile){--bg:#0A0B09}
[data-theme="light"] :is(.s-bone,.s-neon){--mute2:#4A4E46}
[data-theme="light"] .tile:not(.s-bone):not(.s-neon){box-shadow:inset 0 0 0 1px rgba(10,11,9,.05)}
[data-theme="light"] .dl{--neon:var(--neon-fill);--mute:#8C9087;--ink:#F1F3EA;--line:rgba(241,243,234,.09);color:#F1F3EA}
[data-theme="light"] .btn:hover{box-shadow:0 10px 30px -12px rgba(31,178,14,.55)}