/* ============================================================
   WEBOMANE · pages services (silos) · complète style.css
   Méga-menu, menu burger, en-tête service, visuels animés façon
   « vitrine de service », grilles de contenu, guide SEO, quiz.
   ============================================================ */

/* ---------- Méga-menu ---------- */
.mm{position:static}
.mm-btn{display:flex;align-items:center;gap:6px;min-height:44px;background:none;border:0;padding:0;font:500 16px/1 var(--body);color:var(--text);cursor:pointer;letter-spacing:-.01em}
.mm-btn svg{transition:transform .25s ease}
.mm:hover .mm-btn,.mm.open .mm-btn{color:var(--ink)}
.mm:hover .mm-btn svg,.mm.open .mm-btn svg{transform:rotate(180deg)}
.mega{position:absolute;left:50%;top:100%;width:min(1140px,calc(100vw - 48px));transform:translate(-50%,8px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,transform .22s ease,visibility 0s .22s;padding-top:14px;z-index:60}
.mega::before{content:"";position:absolute;left:0;right:0;top:-6px;height:24px}
.mm:hover .mega,.mm.open .mega,.mm:focus-within .mega{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);transition:opacity .22s ease,transform .22s ease}
.mega-in{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;background:#fff;border:1px solid var(--line);border-radius:26px;padding:14px;box-shadow:0 30px 70px -30px rgba(0,0,0,.35)}
.mega-col{padding:12px;border-radius:18px;transition:background .2s ease}
.mega-col:hover{background:var(--panel)}
.mega-h{display:flex;align-items:center;gap:10px;font:800 16px/1.15 var(--head);color:var(--ink);margin-bottom:10px;min-height:40px}
.mega-h .svc-ic{flex:0 0 38px;width:38px;height:38px;border-radius:12px;display:grid;place-items:center}
.mega-h:hover{color:var(--orange-txt)}
.mega-col ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.mega-col li a{display:block;padding:8px 10px;border-radius:12px;transition:background .18s ease,transform .18s ease}
.mega-col li a b{display:block;font:700 14.5px/1.25 var(--body);color:var(--ink)}
.mega-col li a span{display:block;font-size:13px;line-height:1.35;color:var(--muted);margin-top:2px}
.mega-col li a:hover{background:#fff;transform:translateX(3px)}
.mega-col li a:hover b{color:var(--orange-txt)}
.mega-side{grid-column:1/-1;background:var(--ink);color:#C9C9C9;border-radius:18px;padding:14px 16px 14px 14px;display:flex;align-items:center;gap:16px}
.mega-side div{flex:1}.mega-side b{display:block}
.mega-side b{font:800 17px/1.15 var(--head);color:#fff}
.mega-side p{font-size:14px;line-height:1.45}
.mega-side .face{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid #fff}
.mega-side .btn{background:var(--orange);color:#fff;flex:0 0 auto}
.nav-links{align-items:center}

/* ---------- Menu burger ---------- */
.burger{display:none;width:48px;height:48px;border-radius:50%;border:1px solid var(--line-2);background:#fff;cursor:pointer;flex:0 0 48px;place-items:center;padding:0}
.burger i{display:block;width:18px;height:2px;background:var(--ink);border-radius:2px;position:relative;transition:background .2s}
.burger i::before,.burger i::after{content:"";position:absolute;left:0;width:18px;height:2px;background:var(--ink);border-radius:2px;transition:transform .25s ease,top .25s ease}
.burger i::before{top:-6px}.burger i::after{top:6px}
.drawer{position:fixed;inset:0;z-index:90;visibility:hidden;pointer-events:none}
.drawer.open{visibility:visible;pointer-events:auto}
.drawer-bg{position:absolute;inset:0;background:rgba(20,20,20,.45);opacity:0;transition:opacity .3s ease}
.drawer.open .drawer-bg{opacity:1}
.drawer-p{position:absolute;top:0;right:0;bottom:0;width:min(420px,100%);background:var(--bg);transform:translateX(100%);transition:transform .35s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}
.drawer.open .drawer-p{transform:none}
.drawer-top{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 14px 20px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg);z-index:1}
.drawer-top img{height:22px;width:auto}
.drawer-x{width:48px;height:48px;border-radius:50%;border:1px solid var(--line-2);background:#fff;font-size:22px;line-height:1;cursor:pointer;color:var(--ink)}
.drawer-nav{padding:10px 16px 20px;display:grid;gap:8px}
.drawer-nav details{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.drawer-nav summary{list-style:none;display:flex;align-items:center;gap:12px;padding:12px 14px;font:800 17px/1.2 var(--head);color:var(--ink);cursor:pointer;min-height:56px}
.drawer-nav summary::-webkit-details-marker{display:none}
.drawer-nav summary .svc-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:0 0 34px}
.drawer-nav summary::after{content:"";margin-left:auto;width:9px;height:9px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg);transition:transform .25s ease}
.drawer-nav details[open] summary::after{transform:rotate(-135deg)}
.drawer-nav details a{display:flex;align-items:center;min-height:46px;padding:0 16px 0 60px;font-size:15.5px;color:var(--ink);border-top:1px solid var(--line)}
.drawer-nav details a.all{color:var(--orange-txt);font-weight:700}
.drawer-nav>a{display:flex;align-items:center;min-height:54px;padding:0 16px;background:#fff;border:1px solid var(--line);border-radius:18px;font:800 17px/1 var(--head);color:var(--ink)}
.drawer-foot{margin-top:auto;padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid var(--line);position:sticky;bottom:0;background:var(--bg)}
.drawer-foot .btn-dark{background:var(--ink)}
.drawer-foot .btn{font-size:12.5px;padding:12px 10px}
body.lock{overflow:hidden}

@media (max-width:1080px){
  .nav-links{display:none}
  .burger{display:grid}
}
@media (max-width:720px){
  .nav .wa{display:none}
  .burger{width:44px;height:44px;flex-basis:44px}
}

/* ---------- En-tête de page service ---------- */
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13.5px;color:var(--muted);margin-bottom:18px}
.crumbs a{color:var(--muted);text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px}
.crumbs a:hover{color:var(--ink)}
.crumbs span[aria-current]{color:var(--ink);font-weight:600}
.shero{padding:46px 0 10px;overflow:hidden}
.shero-in{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:54px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font:700 13.5px/1 var(--body);color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 14px 6px 6px;margin-bottom:18px}
.eyebrow .svc-ic{width:30px;height:30px;border-radius:50%;display:grid;place-items:center}
.eyebrow .svc-ic svg{width:18px;height:18px}
.shero h1{font-size:clamp(34px,4.3vw,58px);line-height:1.03;letter-spacing:-.03em}
.shero-sub{font-size:18px;line-height:1.55;margin-top:18px;max-width:560px}
.shero .hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;justify-content:flex-start}
.shero-pts{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:8px 18px}
.shero-pts li{display:flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600;color:var(--ink)}
.shero-pts li::before{content:"";width:18px;height:18px;border-radius:50%;background:#E6F6EC url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12 4 4 8-8' fill='none' stroke='%23157A3B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat;flex:0 0 18px}
.shero-rate{display:flex;align-items:center;gap:10px;margin-top:22px;font-size:14px;color:var(--muted)}
.shero-rate b{color:var(--ink)}
.shero-rate .gstars{display:inline-flex;gap:1px}
.shero .logos-wall{margin-top:54px}

/* ---------- Scène visuelle (vitrine de service) ---------- */
.vis{position:relative;aspect-ratio:1/0.86;border-radius:32px;overflow:hidden;isolation:isolate}
.vis::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 85% 10%,rgba(255,255,255,.75),transparent 55%);z-index:-1}
.t-blue{background:#E4F1F8}.t-orange{background:#FFEBDD}.t-green{background:#E3F4E8}.t-violet{background:#EEE9FB}.t-yellow{background:#FFF3D6}.t-ink{background:#1F1F21}
.vis .blob{position:absolute;border-radius:50%;filter:blur(2px);opacity:.55;z-index:-1;animation:float 9s ease-in-out infinite}
.vis .b1{width:46%;aspect-ratio:1;right:-10%;bottom:-14%;background:rgba(255,255,255,.7)}
.vis .b2{width:22%;aspect-ratio:1;left:6%;top:8%;background:rgba(255,255,255,.55);animation-delay:-3s}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.browser{position:absolute;left:7%;top:12%;width:78%;background:#fff;border-radius:14px;box-shadow:0 30px 60px -28px rgba(0,0,0,.45),0 0 0 1px rgba(0,0,0,.05);overflow:hidden;animation:bob 7s ease-in-out infinite}
.browser-bar{display:flex;align-items:center;gap:6px;height:26px;padding:0 10px;background:#F3F3F4;border-bottom:1px solid #E7E7E7}
.browser-bar i{width:8px;height:8px;border-radius:50%;background:#DADADA}
.browser-bar i:nth-child(1){background:#FF6159}.browser-bar i:nth-child(2){background:#FFBD2E}.browser-bar i:nth-child(3){background:#28C941}
.browser-bar span{margin-left:10px;flex:1;height:14px;border-radius:7px;background:#fff;font-size:9px;line-height:14px;padding-left:8px;color:#8A8A8A;overflow:hidden;white-space:nowrap}
.screen{position:relative;aspect-ratio:16/10;overflow:hidden;background:#EEE}
.screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0;transform:scale(1.04);transition:opacity .9s ease,transform 6s ease}
.screen img.on{opacity:1;transform:scale(1)}
.phone{position:absolute;right:7%;bottom:8%;width:25%;aspect-ratio:9/19;background:#111;border-radius:22px;padding:5px;box-shadow:0 26px 50px -20px rgba(0,0,0,.55);animation:bob 6s ease-in-out infinite reverse}
.phone .screen{aspect-ratio:auto;height:100%;border-radius:17px}
.phone .screen img{object-position:18% top}
.phone::after{content:"";position:absolute;top:9px;left:50%;width:30%;height:6px;border-radius:4px;background:#111;transform:translateX(-50%);z-index:2}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.chip{position:absolute;display:flex;align-items:center;gap:9px;background:#fff;border-radius:14px;padding:9px 13px 9px 9px;font:700 12.5px/1.2 var(--body);color:var(--ink);box-shadow:0 18px 36px -18px rgba(0,0,0,.4);z-index:3;white-space:nowrap}
.chip small{display:block;font-weight:500;color:var(--muted);font-size:11.5px}
.chip .ci{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;flex:0 0 30px;color:#fff;font-size:14px}
.ci-g{background:#16A34A}.ci-o{background:var(--orange)}.ci-b{background:#1C6E96}.ci-k{background:var(--ink)}
.chip.pop{animation:chipIn 5.2s ease-in-out infinite}
.chip.pop.d2{animation-delay:-1.7s}.chip.pop.d3{animation-delay:-3.4s}
@keyframes chipIn{0%,8%{opacity:0;transform:translateY(12px) scale(.94)}16%,70%{opacity:1;transform:none}82%,100%{opacity:0;transform:translateY(-8px) scale(.97)}}
.chip.stay{animation:bob 5s ease-in-out infinite}

/* avant / après (refonte) */
.ba{position:relative;aspect-ratio:16/10;overflow:hidden}
.ba-old{position:absolute;inset:0;background:#F1EFEA;padding:7% 8%;display:grid;grid-template-rows:auto auto 1fr;gap:8%}
.ba-old i{display:block;background:#CFCAC0;border-radius:3px}
.ba-old .o1{height:9%;width:100%;background:#B9B3A7}
.ba-old .o2{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6%}
.ba-old .o2 i{height:42px}
.ba-old .o3{background:repeating-linear-gradient(#CFCAC0 0 6px,transparent 6px 16px);border-radius:0}
.ba-new{position:absolute;inset:0;clip-path:inset(0 0 0 50%);animation:wipe 7s ease-in-out infinite}
.ba-new img{width:100%;height:100%;object-fit:cover;object-position:top}
.ba-line{position:absolute;top:0;bottom:0;left:50%;width:3px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.08);animation:wipeL 7s ease-in-out infinite;z-index:2}
.ba-line::after{content:"⇆";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:15px;color:var(--ink);box-shadow:0 6px 16px -6px rgba(0,0,0,.4)}
.ba-tag{position:absolute;top:10px;font:700 10.5px/1 var(--body);text-transform:uppercase;letter-spacing:.06em;background:rgba(26,26,26,.82);color:#fff;border-radius:999px;padding:6px 9px;z-index:3}
.ba-tag.l{left:10px}.ba-tag.r{right:10px;background:var(--orange)}
@keyframes wipe{0%,100%{clip-path:inset(0 0 0 78%)}45%,55%{clip-path:inset(0 0 0 14%)}}
@keyframes wipeL{0%,100%{left:78%}45%,55%{left:14%}}

/* annonce Google (moteur) */
.gs{position:absolute;left:8%;right:8%;top:11%;background:#fff;border-radius:18px;box-shadow:0 30px 60px -28px rgba(0,0,0,.4);padding:16px 18px 18px;animation:bob 7s ease-in-out infinite}
.gs-bar{display:flex;align-items:center;gap:10px;border:1px solid #DFE1E5;border-radius:999px;padding:9px 14px;font-size:13.5px;color:#202124;box-shadow:0 1px 6px rgba(32,33,36,.12)}
.gs-bar .caret{display:inline-block;width:1.5px;height:15px;background:#1a73e8;animation:blink 1s steps(1) infinite;vertical-align:middle}
@keyframes blink{50%{opacity:0}}
.gs-tabs{display:flex;gap:16px;font-size:11.5px;color:#5f6368;margin:12px 4px 10px;border-bottom:1px solid #EBEBEB;padding-bottom:8px}
.gs-tabs b{color:#1a73e8;font-weight:600;box-shadow:0 10px 0 -8px #1a73e8}
.gs-ad{border-radius:12px;padding:10px;margin:0 -10px;opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .45s ease,background .4s ease}
.gs.show .gs-ad{opacity:1;transform:none;background:#FFF7F2}
.gs-sp{font:700 11px/1 var(--body);color:#202124}
.gs-url{display:flex;align-items:center;gap:8px;margin:6px 0 4px;font-size:12px;color:#202124}
.gs-url i{width:22px;height:22px;border-radius:50%;background:var(--orange);display:grid;place-items:center;color:#fff;font:800 11px/1 var(--head);font-style:normal}
.gs-t{font:500 16px/1.3 Arial,sans-serif;color:#1a0dab}
.gs-d{font:400 12.5px/1.45 Arial,sans-serif;color:#4d5156;margin-top:3px}
.gs-btns{display:flex;gap:8px;margin-top:9px}
.gs-btns span{font:600 11.5px/1 var(--body);border:1px solid #DADCE0;border-radius:999px;padding:7px 11px;color:#1a73e8}
.gs-btns span.call{background:#1a73e8;color:#fff;border-color:#1a73e8}
.gs-org{margin-top:12px;display:grid;gap:7px}
.gs-org i{display:block;height:8px;border-radius:4px;background:#EEF0F2}
.gs-org i:nth-child(1){width:40%;height:10px;background:#DCE3F5}.gs-org i:nth-child(2){width:92%}.gs-org i:nth-child(3){width:76%}

/* publicité dans le fil (Instagram) et en story (Snapchat) */
.phone.big{position:absolute;left:50%;right:auto;top:7%;bottom:auto;width:43%;transform:translateX(-50%);animation:bobC 7s ease-in-out infinite}
@keyframes bobC{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-9px)}}
.feed{position:absolute;inset:5px;border-radius:17px;background:#fff;overflow:hidden;display:flex;flex-direction:column}
.feed-h{display:flex;align-items:center;gap:7px;padding:22px 9px 7px;font:700 9.5px/1.15 var(--body);color:#111}
.feed-h img{width:22px;height:22px;border-radius:50%;object-fit:contain;background:#fff;border:1px solid #eee}
.feed-h small{display:block;font-weight:500;color:#737373;font-size:8.5px}
.feed-img{position:relative;aspect-ratio:1;overflow:hidden;background:#eee}
.feed-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease}
.feed-img img.on{opacity:1}
.feed-cta{display:flex;justify-content:space-between;align-items:center;background:#EFEFEF;padding:7px 9px;font:700 9.5px/1 var(--body);color:#111}
.feed-act{display:flex;gap:9px;padding:8px 9px 4px}
.feed-act svg{width:17px;height:17px}
.feed-act .heart{animation:heart 2.6s ease-in-out infinite;transform-origin:center}
@keyframes heart{0%,60%,100%{transform:scale(1)}70%{transform:scale(1.28)}80%{transform:scale(.95)}}
.feed-t{padding:0 9px;font-size:9px;line-height:1.35;color:#262626}
.feed-t b{font-weight:700}
.lead{position:absolute;left:5px;right:5px;bottom:5px;background:#fff;border-radius:16px 16px 17px 17px;padding:12px 11px;box-shadow:0 -10px 24px -10px rgba(0,0,0,.3);transform:translateY(105%);animation:sheet 8s ease-in-out infinite;font-size:9.5px;color:#111}
.lead b{font:800 12px/1.2 var(--head);display:block;margin-bottom:7px}
.lead i{display:block;height:20px;border-radius:7px;background:#F1F1F1;margin-bottom:6px}
.lead span{display:block;text-align:center;background:#1877F2;color:#fff;border-radius:8px;padding:7px;font-weight:700}
@keyframes sheet{0%,40%{transform:translateY(105%)}50%,85%{transform:none}95%,100%{transform:translateY(105%)}}
.story{position:absolute;inset:5px;border-radius:17px;overflow:hidden;background:#000}
.story img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease}
.story img.on{opacity:1}
.story-bars{position:absolute;top:10px;left:8px;right:8px;display:flex;gap:3px;z-index:2}
.story-bars i{flex:1;height:2.5px;border-radius:2px;background:rgba(255,255,255,.4);overflow:hidden}
.story-bars i em{display:block;height:100%;width:0;background:#fff}
.story-bars i.on em{animation:bar 3.2s linear forwards}.story-bars i.done em{width:100%}
@keyframes bar{to{width:100%}}
.story-h{position:absolute;top:20px;left:9px;display:flex;align-items:center;gap:6px;z-index:2;font:700 9.5px/1.1 var(--body);color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5)}
.story-h img{position:static;opacity:1;width:22px;height:22px;border-radius:50%;background:#fff;object-fit:contain}
.story-h small{display:block;font-weight:500;opacity:.85;font-size:8.5px}
.story-cta{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:2;background:#fff;color:#111;border-radius:999px;padding:8px 14px;font:800 10px/1 var(--body);white-space:nowrap;animation:swipe 1.8s ease-in-out infinite}
.story-cta::before{content:"";position:absolute;left:50%;top:-12px;width:8px;height:8px;border-left:2px solid #fff;border-top:2px solid #fff;transform:translateX(-50%) rotate(45deg)}
@keyframes swipe{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-6px)}}
.ghost{position:absolute;left:9%;top:12%;width:17%;aspect-ratio:1;border-radius:26%;background:#FFFC00;display:grid;place-items:center;box-shadow:0 18px 36px -18px rgba(0,0,0,.4);animation:bob 5s ease-in-out infinite;z-index:3}
.ghost svg{width:62%;height:62%}

/* fiche Google */
.map{position:absolute;inset:0;background:#E8ECEF;z-index:-1;overflow:hidden}
.map::before{content:"";position:absolute;inset:-20%;background:linear-gradient(90deg,transparent 48%,#fff 48% 52%,transparent 52%) 0 0/120px 120px,linear-gradient(0deg,transparent 48%,#fff 48% 52%,transparent 52%) 0 0/120px 120px,linear-gradient(35deg,transparent 49%,#F9D77E 49% 51.5%,transparent 51.5%) 0 0/100% 100%;opacity:.95}
.map::after{content:"";position:absolute;width:38%;height:30%;left:-6%;bottom:6%;background:#CFE7D2;border-radius:40% 60% 50% 40%}
.pin{position:absolute;width:26px;height:26px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#EA4335;box-shadow:0 6px 12px -4px rgba(0,0,0,.4)}
.pin::after{content:"";position:absolute;inset:8px;border-radius:50%;background:#fff}
.pin.p1{left:14%;top:18%}.pin.p2{right:12%;top:26%;background:#9AA0A6}.pin.p3{left:30%;bottom:14%;background:#9AA0A6}
.gb{position:absolute;left:12%;right:12%;top:16%;background:#fff;border-radius:18px;box-shadow:0 30px 60px -26px rgba(0,0,0,.45);overflow:hidden;animation:bob 7s ease-in-out infinite}
.gb-cover{height:84px;background:#DDE3E8 center/cover;position:relative}
.gb-cover::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,0);transition:background .5s ease}
.gb.off .gb-cover{filter:grayscale(1)}
.gb.off .gb-cover::after{background:rgba(255,255,255,.55)}
.gb-b{padding:13px 15px 15px}
.gb-n{font:600 17px/1.2 Arial,sans-serif;color:#202124}
.gb-r{display:flex;align-items:center;gap:5px;font:400 12.5px/1 Arial,sans-serif;color:#70757a;margin-top:6px}
.gb-r b{color:#202124;font-weight:400}
.gb-r .st{color:#FBBC04;letter-spacing:1px}
.gb-c{font:400 12.5px/1.3 Arial,sans-serif;color:#70757a;margin-top:5px}
.gb-s{display:inline-flex;align-items:center;gap:6px;margin-top:10px;border-radius:999px;padding:6px 11px;font:700 12px/1 var(--body);transition:background .4s ease,color .4s ease}
.gb-s::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.gb-s.bad{background:#FDECEC;color:#C5221F}.gb-s.mid{background:#FFF4E0;color:#B06000}.gb-s.ok{background:#E6F4EA;color:#137333}
.gb-acts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}
.gb-acts span{display:grid;justify-items:center;gap:5px;font:500 10.5px/1 Arial,sans-serif;color:#1a73e8}
.gb-acts span::before{content:"";width:30px;height:30px;border-radius:50%;border:1px solid #DADCE0}
.gb.off .gb-acts,.gb.off .gb-r{opacity:.35}
.gb-rev{display:flex;gap:6px;margin-top:12px;min-height:34px}
.gb-rev i{flex:1;background:#F4F6F8;border-radius:9px;padding:6px 7px;font:400 10px/1.3 Arial,sans-serif;color:#3c4043;font-style:normal;opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .4s ease}
.gb-rev i.on{opacity:1;transform:none}
.gb-rev i b{color:#FBBC04;display:block;font-size:9px;letter-spacing:1px}
.check-l{position:absolute;right:6%;bottom:7%;background:#fff;border-radius:16px;padding:12px 14px;box-shadow:0 20px 40px -20px rgba(0,0,0,.4);display:grid;gap:7px;z-index:3;min-width:46%}
.check-l b{font:800 13px/1.1 var(--head);color:var(--ink)}
.check-l span{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--muted);transition:color .3s ease}
.check-l span::before{content:"";width:16px;height:16px;border-radius:50%;border:1.5px solid #D5D5D5;flex:0 0 16px;transition:background .3s ease,border-color .3s ease}
.check-l span.ok{color:var(--ink)}
.check-l span.ok::before{border-color:#16A34A;background:#16A34A url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12 4 4 8-8' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat}

/* logos et charte */
.lgrid{position:absolute;inset:9%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:10px}
.lgrid .tile{position:relative;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 16px 30px -18px rgba(0,0,0,.35)}
.lgrid .tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.08);transition:opacity .8s ease,transform .8s ease}
.lgrid .tile img.on{opacity:1;transform:none}
.lgrid .tile.big{grid-column:span 2;grid-row:span 2}
.pal{position:absolute;left:8%;bottom:7%;display:flex;gap:6px;background:#fff;border-radius:14px;padding:8px;box-shadow:0 18px 36px -18px rgba(0,0,0,.4);z-index:3;animation:bob 6s ease-in-out infinite}
.pal i{width:26px;height:26px;border-radius:8px;transition:background .8s ease}
.typo{position:absolute;right:7%;top:8%;background:#fff;border-radius:16px;padding:12px 16px;box-shadow:0 18px 36px -18px rgba(0,0,0,.4);z-index:3;font:800 34px/1 var(--head);color:var(--ink);animation:bob 7s ease-in-out infinite reverse}
.typo small{display:block;font:600 11px/1.3 var(--body);color:var(--muted);margin-top:4px}
.sheet{position:absolute;left:9%;top:14%;width:70%;border-radius:14px;overflow:hidden;box-shadow:0 30px 60px -26px rgba(0,0,0,.5);transform:rotate(-4deg);animation:tilt 8s ease-in-out infinite}
.sheet img{width:100%;height:auto}
@keyframes tilt{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(-1.5deg) translateY(-8px)}}

/* ---------- Sections de contenu ---------- */
.lead-p{font-size:17.5px;line-height:1.6;color:var(--text)}
.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:44px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:44px}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:44px}
.pcard{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px 24px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;position:relative}
.pcard:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--line-2)}
.pcard .n{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--orange-soft);color:var(--orange-txt);font:800 15px/1 var(--head);margin-bottom:18px}
.pcard h3{font-size:20px;line-height:1.2;margin-bottom:10px}
.pcard p{font-size:15.5px;line-height:1.55}
.pcard.q h3::before{content:"« ";color:var(--orange-txt)}
.pcard.q h3::after{content:" »";color:var(--orange-txt)}
.sec-dark{background:var(--ink);color:#BDBDBD}
.sec-dark h2,.sec-dark h3{color:#fff}
.sec-dark .head p{color:#BDBDBD}
.goal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:44px}
.goal-i{border:1px solid #333;border-radius:24px;padding:26px;background:linear-gradient(180deg,#232325,#1C1C1D);transition:border-color .3s ease,transform .3s ease}
.goal-i:hover{border-color:var(--orange);transform:translateY(-4px)}
.goal-i .gi{width:46px;height:46px;border-radius:50%;background:var(--orange);display:grid;place-items:center;margin-bottom:18px;box-shadow:0 0 0 8px rgba(229,83,0,.16)}
.goal-i h3{font-size:21px;margin-bottom:10px}
.goal-i p{font-size:15.5px;line-height:1.55}
.deliv-g{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);gap:48px;align-items:start}
.deliv-g .head{text-align:left;position:sticky;top:120px}
.deliv-g .head p{margin-left:0}
.dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.dl li{list-style:none;background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px 20px 20px 62px;position:relative;transition:transform .25s ease,box-shadow .25s ease}
.dl li:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.dl li::before{content:"";position:absolute;left:20px;top:20px;width:28px;height:28px;border-radius:9px;background:#E6F6EC url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12 4 4 8-8' fill='none' stroke='%23157A3B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/15px no-repeat}
.dl h3{font-size:17px;line-height:1.25;margin-bottom:6px}
.dl p{font-size:14.5px;line-height:1.5}
.dl{padding:0;margin:0}

/* niveaux */
.lv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:44px}
.lv-i{background:#fff;border:1px solid var(--line);border-radius:26px;padding:26px;display:flex;flex-direction:column;gap:12px;transition:transform .25s ease,box-shadow .25s ease}
.lv-i:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.lv-top{display:flex;align-items:center;justify-content:space-between}
.lv-tag{font:700 12.5px/1 var(--body);text-transform:uppercase;letter-spacing:.05em;color:var(--orange-txt);background:var(--orange-soft);border-radius:999px;padding:7px 11px}
.lv-bars{display:flex;align-items:flex-end;gap:4px;height:26px}
.lv-bars i{width:7px;border-radius:3px;background:#E3E3E3}
.lv-bars i:nth-child(1){height:40%}.lv-bars i:nth-child(2){height:70%}.lv-bars i:nth-child(3){height:100%}
.lv-i[data-l="1"] .lv-bars i:nth-child(-n+1),.lv-i[data-l="2"] .lv-bars i:nth-child(-n+2),.lv-i[data-l="3"] .lv-bars i{background:var(--orange)}
.lv-i h3{font-size:20px;line-height:1.2}
.lv-i p{font-size:15.5px;line-height:1.55}
/* secteurs */
.sx{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:44px}
.sx-i{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;transition:transform .25s ease,border-color .25s ease}
.sx-i:hover{transform:translateY(-3px);border-color:var(--orange)}
.sx-ic{flex:0 0 46px;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--panel)}
.sx-ic svg{width:24px;height:24px}
.sx-i h3{font-size:17px;line-height:1.2;margin-bottom:5px}
.sx-i p{font-size:14.5px;line-height:1.5}

/* réalisations façon vitrine */
.gig-m{overflow:hidden;margin-top:44px;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.gig-t{display:flex;width:max-content;gap:18px;animation:scrollX 55s linear infinite}
.gig-m:hover .gig-t{animation-play-state:paused}
@keyframes scrollX{to{transform:translateX(-50%)}}
.gig{flex:0 0 330px;width:330px;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
.gig:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.gig-c{position:relative;aspect-ratio:16/10.4;padding:16px 18px 0;overflow:hidden}
.gig-c .fr{position:relative;border-radius:10px 10px 0 0;overflow:hidden;box-shadow:0 18px 30px -18px rgba(0,0,0,.45);height:100%;background:#fff}
.gig-c .fr::before{content:"";display:block;height:14px;background:#F2F2F3 radial-gradient(circle at 9px 7px,#FF6159 2.5px,transparent 3px),radial-gradient(circle at 18px 7px,#FFBD2E 2.5px,transparent 3px);background-color:#F2F2F3}
.gig-c .fr img{width:100%;height:calc(100% - 14px);object-fit:cover;object-position:top;transition:transform 4s ease}
.gig:hover .gig-c .fr img{transform:translateY(-6%)}
.gig-c.logo{padding:0}
.gig-c.logo img{width:100%;height:100%;object-fit:cover}
.gig-b{padding:14px 18px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.gig-b b{font:800 16px/1.2 var(--head);color:var(--ink)}
.gig-b span{font-size:12.5px;font-weight:600;color:var(--muted);background:var(--panel);border-radius:999px;padding:5px 10px;white-space:nowrap}

/* cartes des pages filles (pages mères) */
.kids{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:44px}
.kid{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
.kid:hover{transform:translateY(-5px);box-shadow:0 30px 60px -30px rgba(0,0,0,.35)}
.kid .vis{aspect-ratio:16/8.6;border-radius:0}
.kid-b{padding:22px 24px 24px;display:flex;flex-direction:column;gap:8px;flex:1}
.kid-b h3{font-size:22px;line-height:1.15}
.kid-b p{font-size:15.5px;line-height:1.55}
.kid-go{margin-top:auto;padding-top:10px;display:inline-flex;align-items:center;gap:10px;font:700 13.5px/1 var(--body);text-transform:uppercase;letter-spacing:.02em;color:var(--ink)}
.kid-go i{width:32px;height:32px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;font-style:normal;transition:transform .25s ease}
.kid:hover .kid-go i{transform:translateX(4px)}
.kids.n3{grid-template-columns:repeat(3,minmax(0,1fr))}

/* quiz */
.quiz{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:40px;align-items:stretch}
.quiz-q{background:#fff;border:1px solid var(--line);border-radius:26px;padding:26px}
.quiz-q>b{display:block;font:800 21px/1.2 var(--head);color:var(--ink);margin-bottom:16px}
.quiz-o{display:grid;gap:10px}
.quiz-o button{display:flex;align-items:center;gap:12px;text-align:left;min-height:54px;padding:12px 16px;border-radius:16px;border:1.5px solid var(--line-2);background:#fff;font:600 15.5px/1.3 var(--body);color:var(--ink);cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}
.quiz-o button::before{content:"";flex:0 0 20px;width:20px;height:20px;border-radius:50%;border:2px solid #CFCFCF;transition:border .2s ease,background .2s ease}
.quiz-o button:hover{border-color:var(--ink);transform:translateX(3px)}
.quiz-o button.on{border-color:var(--orange);background:var(--orange-soft)}
.quiz-o button.on::before{border:6px solid var(--orange)}
.quiz-r{background:var(--ink);border-radius:26px;padding:28px;color:#BDBDBD;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}
.quiz-r .lbl{font:700 12.5px/1 var(--body);text-transform:uppercase;letter-spacing:.06em;color:#FFB48A}
.quiz-r h3{color:#fff;font-size:28px;line-height:1.1}
.quiz-r p{font-size:16px;line-height:1.55}
.quiz-r .btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:10px}
.quiz-r .btn-orange{background:var(--orange);color:#fff}
.quiz-r .btn-light{background:transparent;color:#fff;border-color:#444}
.quiz-r.flash{animation:flash .5s ease}
@keyframes flash{0%{transform:scale(.98);opacity:.6}100%{transform:none;opacity:1}}

/* intro deux colonnes */
.intro2{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:48px;align-items:start}
.intro2 .txt{display:grid;gap:16px;font-size:17px;line-height:1.65}

/* guide SEO */
.guide{display:grid;grid-template-columns:300px minmax(0,1fr);gap:56px;align-items:start}
.toc{position:sticky;top:120px;display:grid;gap:14px}
.toc h2{font-size:clamp(28px,3vw,38px)}
.toc p{font-size:15.5px;line-height:1.55}
.toc ol{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:4px;counter-reset:t}
.toc li a{display:flex;gap:10px;padding:9px 12px;border-radius:12px;font-size:14.5px;font-weight:600;color:var(--muted);transition:background .2s ease,color .2s ease;counter-increment:t}
.toc li a::before{content:counter(t,decimal-leading-zero);color:var(--orange-txt);font-weight:700}
.toc li a:hover,.toc li a.on{background:#fff;color:var(--ink)}
.art-g{display:grid;gap:16px}
.art-b{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px 32px;scroll-margin-top:120px}
.art-b h3{font-size:23px;line-height:1.2;margin-bottom:12px}
.art-b p{font-size:16.5px;line-height:1.7;color:#454545}
.art-b p+p{margin-top:12px}

/* avis nommés (déblocage) */
.revs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:44px}
.rev{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;display:flex;flex-direction:column;gap:14px}
.rev .st{color:#FBBC04;letter-spacing:2px;font-size:15px}
.rev p{font-size:15.5px;line-height:1.6;color:#3F3F3F}
.rev b{margin-top:auto;font:800 16px/1.2 var(--head);color:var(--ink)}
.rev small{display:block;font:500 13px/1.3 var(--body);color:var(--muted);margin-top:3px}
.reassure{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;margin-top:8px}
.reassure li{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--ink);font-size:15px;list-style:none}
.reassure li::before{content:"";width:20px;height:20px;border-radius:50%;background:#E6F6EC url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12 4 4 8-8' fill='none' stroke='%23157A3B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat}
.types{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
.types div{border-radius:20px;padding:20px;border:1px solid var(--line)}
.types div:first-child{background:#FFF7E6}.types div:last-child{background:#FDECEC}
.types b{display:block;font:800 18px/1.2 var(--head);color:var(--ink);margin-bottom:6px}
.fy{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:44px;counter-reset:f}
.fy li{list-style:none;background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;counter-increment:f;font:600 16.5px/1.45 var(--body);color:var(--ink);transition:border-color .3s ease,transform .3s ease}
.fy li::before{content:counter(f,decimal-leading-zero);display:block;font:800 40px/1 var(--head);color:var(--orange);margin-bottom:14px}
.fy li.in:hover{transform:translateY(-4px);border-color:var(--orange)}
.fy{padding:0}
.tl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:44px;position:relative;padding:0}
.tl::before{content:"";position:absolute;left:24px;right:24px;top:24px;height:3px;background:var(--line-2);border-radius:2px}
.tl::after{content:"";position:absolute;left:24px;top:24px;height:3px;width:0;background:var(--orange);border-radius:2px;transition:width 2.4s ease}
.tl.go::after{width:calc(100% - 48px)}
.tl li{list-style:none;position:relative;padding-top:66px}
.tl li i{position:absolute;top:0;left:0;width:50px;height:50px;border-radius:50%;background:#fff;border:3px solid var(--line-2);display:grid;place-items:center;font:800 17px/1 var(--head);color:var(--ink);font-style:normal;transition:border-color .4s ease,background .4s ease,color .4s ease;z-index:1}
.tl.go li i{border-color:var(--orange);background:var(--orange);color:#fff}
.tl.go li:nth-child(2) i{transition-delay:.6s}.tl.go li:nth-child(3) i{transition-delay:1.2s}.tl.go li:nth-child(4) i{transition-delay:1.8s}
.tl h3{font-size:18px;line-height:1.25;margin-bottom:6px}
.tl p{font-size:15px;line-height:1.5}
.inc{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:30px;padding:36px;margin-top:10px}
.inc h2{font-size:clamp(26px,3vw,38px)}
.inc ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.inc li{display:flex;gap:12px;align-items:flex-start;font-size:16px;line-height:1.5;color:var(--ink);font-weight:500}
.inc li::before{content:"";flex:0 0 24px;width:24px;height:24px;border-radius:50%;margin-top:1px;background:#16A34A url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12 4 4 8-8' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.gar{display:grid;grid-template-columns:auto minmax(0,1fr);gap:34px;align-items:center;background:linear-gradient(135deg,#FFF1E8,#FFF8F3);border:1px solid #FFD9C2;border-radius:30px;padding:40px}
.seal{width:150px;height:150px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;text-align:center;font:800 15px/1.1 var(--head);text-transform:uppercase;letter-spacing:.04em;box-shadow:0 0 0 10px rgba(229,83,0,.14),0 20px 40px -18px rgba(229,83,0,.8);animation:spinS 18s linear infinite}
.seal span{display:block;font-size:40px;line-height:1;margin:2px 0}
.seal>div{animation:spinS 18s linear infinite reverse}
@keyframes spinS{to{transform:rotate(360deg)}}
.gar h2{font-size:clamp(26px,3vw,40px)}
.gar p{font-size:16px;line-height:1.6;margin-top:10px}
.gar .sign{font-weight:700;color:var(--ink)}
.disc{font-size:13.5px;line-height:1.55;color:var(--muted);max-width:860px;margin:26px auto 0;text-align:center}

/* liens du silo */
.rel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:36px}
.rel a{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px 18px;transition:transform .2s ease,border-color .2s ease}
.rel a:hover{transform:translateY(-3px);border-color:var(--ink)}
.rel .svc-ic{flex:0 0 42px;width:42px;height:42px;border-radius:12px;display:grid;place-items:center}
.rel b{display:block;font:800 16px/1.2 var(--head);color:var(--ink)}
.rel span{display:block;font-size:13.5px;color:var(--muted);margin-top:2px;line-height:1.35}
.rel .up{background:var(--ink)}
.rel .up b{color:#fff}.rel .up span{color:#BDBDBD}

/* pied de page étendu */
.foot-in.wide{grid-template-columns:1.5fr repeat(5,minmax(0,1fr));gap:28px}
.foot-in.wide .foot-col p a{color:inherit}
.foot-in.wide+.foot-in{grid-template-columns:1.5fr repeat(5,minmax(0,1fr));gap:28px}
.foot-in.wide+.foot-in .foot-col:first-child{grid-column:2/span 2}
.foot-col a{line-height:1.35}

@media (max-width:1080px){
  .mega{display:none}
  .shero-in{grid-template-columns:minmax(0,1fr);gap:34px}
  .shero .vis{max-width:620px;width:100%;margin:0 auto}
  .grid4,.fy,.tl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tl::before,.tl::after{display:none}
  .deliv-g,.guide,.intro2{grid-template-columns:minmax(0,1fr);gap:26px}
  .deliv-g .head,.toc{position:static}
  .foot-in.wide,.foot-in.wide+.foot-in{grid-template-columns:repeat(3,minmax(0,1fr))}
  .foot-in.wide .foot-brand{grid-column:1/-1}
  .foot-in.wide+.foot-in .foot-col:first-child{grid-column:auto}
  .revs{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:860px){
  .goal,.lv,.sx,.grid3,.kids,.kids.n3,.quiz,.rel,.inc{grid-template-columns:minmax(0,1fr)}
  .gar{grid-template-columns:minmax(0,1fr);text-align:center;justify-items:center;padding:30px 22px}
}
@media (max-width:720px){
  .shero{padding-top:26px}
  .shero-sub{font-size:16.5px}
  .grid4,.fy,.tl,.dl,.grid2,.types{grid-template-columns:minmax(0,1fr)}
  .art-b{padding:22px 20px}
  .gig{flex-basis:270px;width:270px}
  .shero .hero-cta .btn{width:100%}
  .vis{border-radius:24px}
  .chip{font-size:11px;padding:7px 10px 7px 7px}.chip .ci{width:24px;height:24px;flex-basis:24px}
  .inc{padding:24px 20px}
  .foot-in.wide,.foot-in.wide+.foot-in{grid-template-columns:1fr 1fr}
}

/* ---------- Silo Logiciels et IA ---------- */
.app-mk{position:absolute;left:6%;right:6%;top:10%;bottom:14%;background:#fff;border-radius:16px;box-shadow:0 30px 60px -28px rgba(0,0,0,.45);display:grid;grid-template-columns:30% 1fr;overflow:hidden;animation:bob 7s ease-in-out infinite}
.app-mk aside{background:#1F1B2E;padding:14px 10px;display:flex;flex-direction:column;gap:4px}
.app-mk aside b{color:#fff;font:800 13px/1 var(--head);margin:0 6px 10px}
.app-mk aside span{font-size:11px;color:#B9B3CF;padding:7px 8px;border-radius:8px}
.app-mk aside span.on{background:#6D4AE0;color:#fff}
.app-mk-m{padding:12px;display:flex;flex-direction:column;gap:9px;min-width:0}
.kp{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.kp div{background:#F6F4FC;border-radius:10px;padding:8px 9px}
.kp small{display:block;font-size:9px;color:var(--muted);line-height:1.2}
.kp b{font:800 18px/1.1 var(--head);color:var(--ink)}
.spark{width:100%;height:30px}
.spark path{stroke-dasharray:260;stroke-dashoffset:260;animation:draw 4s ease-in-out infinite}
@keyframes draw{0%{stroke-dashoffset:260}45%,80%{stroke-dashoffset:0}100%{stroke-dashoffset:-260}}
.rows{list-style:none;margin:0;padding:0;display:grid;gap:5px;overflow:hidden;height:124px;position:relative}
.rows li{display:grid;grid-template-columns:8px minmax(0,1fr) auto;column-gap:8px;align-items:center;background:#FAFAFB;border-radius:8px;padding:6px 8px;font-size:10px;transition:transform .5s ease,opacity .5s ease}
.rows li i{width:8px;height:8px;border-radius:50%;grid-row:span 2}
.rows li b{color:var(--ink);font-size:10.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rows li span{grid-column:2;color:var(--muted);font-size:9.5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.rows li em{grid-row:1/span 2;grid-column:3;font:700 9px/1 var(--body);padding:4px 7px;border-radius:999px}
.rows em.ok{background:#E6F4EA;color:#137333}.rows em.mid{background:#FFF4E0;color:#9A5200}.rows em.bad{background:#FDECEC;color:#B3261E}
.flow{position:absolute;left:10%;right:10%;top:8%;bottom:18%;display:flex;flex-direction:column;justify-content:space-between}
.fl-n{display:flex;align-items:center;gap:12px;background:#fff;border-radius:14px;padding:10px 14px;box-shadow:0 16px 30px -18px rgba(0,0,0,.35);transition:box-shadow .3s ease,transform .3s ease}
.fl-n.hot{box-shadow:0 0 0 3px var(--c),0 16px 30px -18px rgba(0,0,0,.35);transform:scale(1.03)}
.fl-i{width:30px;height:30px;border-radius:10px;background:var(--c);flex:0 0 30px}
.fl-n b{display:block;font:800 14px/1.1 var(--head);color:var(--ink)}
.fl-n small{display:block;font-size:11.5px;color:var(--muted);margin-top:2px;opacity:0;transition:opacity .3s ease}
.fl-n.hot small,.fl-n.done small{opacity:1}
.fl-l{align-self:flex-start;margin-left:28px;width:3px;flex:1;min-height:10px;background:rgba(0,0,0,.1);border-radius:2px;position:relative;overflow:hidden}
.fl-l em{position:absolute;left:0;right:0;top:-40%;height:40%;background:var(--orange);border-radius:2px}
.fl-l.run em{animation:drop .7s ease-in forwards}
@keyframes drop{to{top:100%}}
.aicw{position:absolute;left:10%;right:10%;top:8%;bottom:9%;background:#fff;border-radius:18px;box-shadow:0 30px 60px -28px rgba(0,0,0,.45);display:flex;flex-direction:column;overflow:hidden;animation:bob 7s ease-in-out infinite}
.aic-h{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}
.bot{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#6D4AE0,#FF652D);color:#fff;display:grid;place-items:center;font:800 12px/1 var(--head)}
.aic-h b{display:block;font:800 13.5px/1.1 var(--head);color:var(--ink)}
.aic-h small{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);margin-top:2px}
.aic-h small i{width:7px;height:7px;border-radius:50%;background:#16A34A}
.aic-b{flex:1;padding:12px;display:flex;flex-direction:column;gap:8px;overflow:hidden;justify-content:flex-end}
.aic-b .m{max-width:82%;font-size:12px;line-height:1.4;padding:8px 11px;border-radius:14px;opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease;display:none}
.aic-b .m.show{display:block}
.aic-b .m.in{opacity:1;transform:none}
.aic-b .u{align-self:flex-end;background:var(--ink);color:#fff;border-bottom-right-radius:4px}
.aic-b .a{align-self:flex-start;background:#F1EEFB;color:#2A2440;border-bottom-left-radius:4px}
.aic-b .typing{align-self:flex-start;background:#F1EEFB;border-radius:14px;padding:10px 12px;display:flex;gap:4px}
.aic-b .typing i{width:6px;height:6px;border-radius:50%;background:#8E80C4;animation:dots 1s infinite}
.aic-b .typing i:nth-child(2){animation-delay:.15s}.aic-b .typing i:nth-child(3){animation-delay:.3s}
@keyframes dots{0%,100%{opacity:.3;transform:none}50%{opacity:1;transform:translateY(-3px)}}
.aic-in{display:flex;justify-content:space-between;align-items:center;margin:0 12px 12px;border:1px solid var(--line-2);border-radius:999px;padding:8px 8px 8px 14px;font-size:12px;color:var(--muted)}
.aic-in i{width:26px;height:26px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:11px;font-style:normal}
.mvp{position:relative;aspect-ratio:16/10;padding:10px;display:flex;flex-direction:column;gap:8px;background:#fff}
.mvp.m{position:absolute;inset:5px;aspect-ratio:auto;border-radius:17px;padding:22px 8px 8px}
.mv{display:block;border-radius:6px;background:#F0ECE7;opacity:0;transform:scale(.92);transition:opacity .4s ease,transform .4s ease}
.mv.in{opacity:1;transform:none}
.mv.h{height:12%;background:#1A1A1A}
.mv-r{flex:1;display:grid;grid-template-columns:24% 1fr;gap:8px}
.mv.s{background:#FFE3D2}
.mv-c{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto 1fr 1fr;gap:6px}
.mv.k{height:34px;background:#FFF1E8;box-shadow:inset 0 0 0 1px #FFD4BA}
.mv.t{grid-column:1/-1;background:#F4F4F5}
.mvp.m .mv.k{height:40px}.mvp.m .mv.t{height:22px}.mvp.m .mv.b{height:26px;border-radius:999px;background:var(--orange);margin-top:auto}
.tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:44px}
.tool{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;transition:transform .25s ease,box-shadow .25s ease}
.tool:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.tool .ti{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;font:800 16px/1 var(--head);color:#fff}
.tool h3{font-size:20px;line-height:1.2;margin-bottom:6px}
.tool p{font-size:15px;line-height:1.55}
.tool .tg{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.tool .tg span{font-size:12.5px;font-weight:600;background:var(--panel);border-radius:999px;padding:5px 10px;color:var(--ink)}
@media (max-width:860px){.tools{grid-template-columns:minmax(0,1fr)}}
.foot-in.wide+.foot-in{margin-top:22px}
/* contrastes et zones de clic */
.pcard .n,.lv-tag,.toc li a::before,.drawer-nav details a.all{color:#A33A00}
.browser-bar span{color:#666}
.ci-g{background:#137333}
.bot{background-color:#6D4AE0}
.crumbs a,.crumbs span[aria-current]{display:inline-flex;align-items:center;min-height:40px}
.crumbs{margin-bottom:8px}
.socials{display:flex;gap:10px;margin-top:4px}
.socials a{width:42px;height:42px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;color:var(--ink);background:#fff;transition:transform .2s ease,background .2s ease,color .2s ease}
.socials a:hover{transform:translateY(-2px);background:var(--ink);color:#fff}
.foot-in.wide+.foot-in{grid-template-columns:1.5fr repeat(5,minmax(0,1fr))}
.foot-in.wide+.foot-in .foot-col:first-child{grid-column:2}

/* ---------- Pages du site ---------- */
.phero{padding-bottom:10px}
.phero .shero-txt{max-width:820px}
.phero h1{font-size:clamp(34px,4.6vw,60px)}
.filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:30px}
.filters button{min-height:44px;padding:10px 16px;border-radius:999px;border:1px solid var(--line-2);background:#fff;font:600 14.5px/1 var(--body);color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .2s ease,color .2s ease,border-color .2s ease}
.filters button em{font-style:normal;font-size:12px;background:var(--panel);border-radius:999px;padding:3px 7px;color:var(--muted)}
.filters button:hover{border-color:var(--ink)}
.filters button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.filters button.on em{background:#333;color:#fff}
.projs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.proj{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease,opacity .3s ease}
.proj:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.proj.hide{display:none}
.proj .gig-c{aspect-ratio:16/10}
.proj:hover .gig-c .fr img{transform:translateY(-6%)}
.proj-b{padding:18px 20px 20px;display:flex;flex-direction:column;gap:9px;flex:1}
.proj-tags{display:flex;flex-wrap:wrap;gap:6px}
.proj-tags span{font-size:12.5px;font-weight:600;background:var(--panel);border-radius:999px;padding:5px 10px;color:var(--ink)}
.proj h3{font-size:19px;line-height:1.2}
.proj p{font-size:15px;line-height:1.55}
.proj-f{margin-top:auto;padding-top:8px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.proj-f .dom{font-size:13px;color:var(--muted);font-weight:600}
.proj-f .kid-go{padding-top:0;font-size:12.5px}
.ccard{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;display:flex;flex-direction:column;gap:8px}
.cc-i{width:44px;height:44px;border-radius:14px;background:var(--orange);color:#fff;display:grid;place-items:center;font:800 18px/1 var(--head)}
.ccard h3{font-size:17px}
.ccard a,.ccard b{font:800 18px/1.25 var(--head);color:var(--ink);word-break:break-word}
.ccard a:hover{color:var(--orange-txt)}
.ccard p{font-size:14.5px;color:var(--muted)}
.founder{display:grid;grid-template-columns:200px minmax(0,1fr);gap:36px;align-items:center;max-width:920px;margin:0 auto}
.founder img{width:200px;height:200px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 10px #fff,0 30px 60px -30px rgba(0,0,0,.45)}
.founder h2{margin:12px 0 10px}
.founder p{font-size:17px;line-height:1.6}
.badges-row{display:flex;justify-content:center;margin-top:30px}
.badges-row .badges{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:26px}
.badges-row .badges img{height:84px;width:auto}
.badges-row .badges img.wide{height:40px}
.legal{background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px 38px}
.legal h2{font-size:22px;margin:28px 0 10px}
.legal h2:first-child{margin-top:0}
.legal p,.legal li{font-size:15.5px;line-height:1.7;color:#454545;margin:0 0 10px}
.plan{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.plan-c{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px}
.plan-c h2{font-size:20px;margin-bottom:12px}
.plan-c h2 a:hover{color:var(--orange-txt)}
.plan-c ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.plan-c li a{display:flex;min-height:40px;align-items:center;font-size:15.5px;color:var(--text);border-bottom:1px solid var(--line)}
.plan-c li a:hover{color:var(--ink)}
.e404{text-align:center;padding:60px 0 20px}
.big404{display:block;font:900 clamp(110px,18vw,210px)/.9 var(--head);letter-spacing:-.05em;background:linear-gradient(135deg,var(--ink),#555 55%,var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent;animation:bob 6s ease-in-out infinite}
.e404 .shero-sub{max-width:560px}
.acov{aspect-ratio:16/8;display:flex;align-items:flex-end;padding:24px;position:relative;overflow:hidden}
.acov span{font:800 clamp(22px,2.4vw,30px)/1.1 var(--head);color:var(--ink);max-width:80%}
.acov::after{content:"";position:absolute;right:-40px;top:-40px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.55)}
@media (max-width:1080px){.projs,.plan{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.projs,.plan{grid-template-columns:minmax(0,1fr)}.founder{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}.legal{padding:24px 20px}}
.tl li i{width:auto;min-width:50px;padding:0 14px;border-radius:999px;white-space:nowrap}
/* ---------- Articles ---------- */
.art-hero .a-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:18px;font-size:14px;color:var(--muted)}
.art-hero .a-meta img{width:36px;height:36px;border-radius:50%;object-fit:cover}
.art-hero .a-meta b{color:var(--ink)}
.a-intro{margin-top:22px;display:grid;gap:12px;font-size:18px;line-height:1.65;color:#3F3F3F}
.guide.artg{grid-template-columns:260px minmax(0,1fr)}
.toc-t{font:800 16px/1 var(--head);color:var(--ink)}
.a-body{max-width:760px}
.a-sec{scroll-margin-top:120px;padding:10px 0 18px}
.a-sec h2{font-size:clamp(26px,2.6vw,34px);line-height:1.15;margin:26px 0 14px}
.a-sec h3{font-size:21px;margin:22px 0 10px}
.a-sec p{font-size:17.5px;line-height:1.75;color:#3A3A3A;margin:0 0 14px}
.a-sec a{color:var(--orange-txt);text-decoration:underline;text-underline-offset:3px;font-weight:600}
.a-list{margin:4px 0 16px;padding:0;list-style:none;display:grid;gap:9px}
.a-list li{position:relative;padding-left:30px;font-size:17px;line-height:1.6;color:#3A3A3A}
.a-list li::before{content:"";position:absolute;left:0;top:5px;width:18px;height:18px;border-radius:50%;background:#E6F6EC url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12 4 4 8-8' fill='none' stroke='%23157A3B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.a-tip{background:#FFF6EF;border:1px solid #FFD9C2;border-left:4px solid var(--orange);border-radius:0 18px 18px 0;padding:16px 20px;margin:8px 0 12px}
.a-tip b{font:800 15px/1.2 var(--head);color:#A33A00}
.a-tip p{margin:6px 0 0;font-size:16px}
.a-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--ink);border-radius:24px;padding:26px 28px;margin:26px 0;color:#C9C9C9}
.a-cta b{display:block;font:800 21px/1.2 var(--head);color:#fff}
.a-cta p{margin:6px 0 0;font-size:15.5px;color:#C9C9C9}
.a-cta .btn-orange{background:var(--orange);color:#fff;flex:0 0 auto}
@media (max-width:1080px){.guide.artg{grid-template-columns:minmax(0,1fr)}.guide.artg .toc{display:none}}
@media (max-width:720px){.a-cta{flex-direction:column;align-items:flex-start}.a-sec p{font-size:17px}}
.shero h1{margin:0;max-width:20ch}
.e404 h1{margin:0 auto}
/* ---------- Page pilote ---------- */
.emp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.emp-l{display:grid;gap:12px}
.bub{background:#fff;border:1px solid var(--line);border-radius:22px 22px 22px 6px;padding:16px 20px;font-size:16.5px;line-height:1.5;color:var(--ink);font-weight:500;box-shadow:0 14px 30px -24px rgba(0,0,0,.4);max-width:92%}
.bub:nth-child(even){justify-self:end;border-radius:22px 22px 6px 22px;background:var(--ink);color:#fff;border-color:var(--ink)}
.emp-r p{font-size:18px;line-height:1.6;margin-top:14px}
.sits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:44px}
.sit{background:#fff;border:1px solid var(--line);border-radius:26px;padding:26px;display:flex;flex-direction:column;gap:12px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.sit:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--orange)}
.sit[data-l="1"] .lv-bars i:nth-child(-n+1),.sit[data-l="2"] .lv-bars i:nth-child(-n+2),.sit[data-l="3"] .lv-bars i{background:var(--orange)}
.sit h3{font-size:21px;line-height:1.2}
.sit p{font-size:15.5px;line-height:1.55}
.sit ul{list-style:none;margin:0 0 6px;padding:0;display:grid;gap:7px}
.sit li{display:flex;gap:9px;font-size:14.5px;font-weight:600;color:var(--ink)}
.sit li::before{content:"";flex:0 0 18px;height:18px;border-radius:50%;background:#E6F6EC url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12 4 4 8-8' fill='none' stroke='%23157A3B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat;margin-top:1px}
.sit .btn{margin-top:auto;align-self:flex-start}
.expl{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;align-items:start}
.expl h2{margin-bottom:16px}
.expl p{font-size:17px;line-height:1.65;margin-bottom:12px}
.expl-c{background:#fff;border:1px solid var(--line);border-radius:26px;padding:26px}
.expl-c h3{font-size:21px;margin:18px 0 10px}
.expl-c p{font-size:15.5px}
.expl-v{display:flex;align-items:center;justify-content:center;gap:16px;background:var(--panel);border-radius:18px;padding:18px}
.shopf{display:grid;justify-items:center;gap:6px;font-size:40px;line-height:1;color:var(--muted)}
.shopf small{font:600 12px/1.2 var(--body)}
.shopf.on{color:var(--orange);animation:bob 4s ease-in-out infinite}
.expl-v i{font:800 26px/1 var(--head);font-style:normal;color:var(--ink)}
.opp{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;transition:transform .25s ease,border-color .25s ease}
.opp:hover{transform:translateY(-4px);border-color:var(--orange)}
.opp-i{width:46px;height:46px;border-radius:14px;background:var(--orange-soft);color:#A33A00;display:grid;place-items:center;font-size:22px;margin-bottom:14px}
.opp h3{font-size:18px;margin-bottom:8px}
.opp p{font-size:15px;line-height:1.55}
.untold .goal-i p{font-size:15.5px}
.prep{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:30px;padding:36px}
.prep-l p{font-size:16px;margin-top:10px}
.prep-bar{height:10px;border-radius:999px;background:var(--panel);margin-top:22px;overflow:hidden}
.prep-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--orange),#16A34A);border-radius:999px;transition:width .4s ease}
.prep-n{font-weight:600;color:var(--ink)}
.prep-n b{font:800 22px/1 var(--head)}
.prep-note{color:var(--muted);margin-bottom:18px}
.prep-r{display:grid;gap:10px}
.pk{display:flex;align-items:center;gap:14px;min-height:54px;padding:12px 16px;border:1.5px solid var(--line-2);border-radius:16px;cursor:pointer;font-weight:600;color:var(--ink);font-size:15.5px;transition:border-color .2s ease,background .2s ease}
.pk input{appearance:none;-webkit-appearance:none;flex:0 0 22px;width:22px;height:22px;border-radius:7px;border:2px solid #CFCFCF;margin:0;display:grid;place-items:center;transition:background .2s ease,border-color .2s ease}
.pk input:checked{background:#16A34A url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12 4 4 8-8' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat;border-color:#16A34A}
.pk:has(input:checked){border-color:#16A34A;background:#F3FBF5}
@media (max-width:1080px){.sits{grid-template-columns:minmax(0,1fr)}.emp,.expl,.prep{grid-template-columns:minmax(0,1fr)}}
@media (max-width:720px){.prep{padding:24px 18px}.bub{max-width:100%}}
.a-sec a{color:#A33A00}
.shopf.on{color:#A33A00}
.ccard a{display:inline-flex;align-items:center;min-height:44px}
.proj-f .kid-go{min-height:44px}
.socials a{flex:0 0 42px;min-width:42px;padding:0}.socials{flex-wrap:wrap}
/* ---------- Articles WordPress (contenu libre du rédacteur) ---------- */
.post-c{font-size:17.5px;line-height:1.75;color:#3A3A3A}
.post-c>*:first-child{margin-top:0}
.post-c h2{font-size:clamp(26px,2.6vw,34px);line-height:1.15;margin:40px 0 14px;scroll-margin-top:120px}
.post-c h3{font-size:21px;line-height:1.25;margin:26px 0 10px}
.post-c p{margin:0 0 14px}
.post-c a{color:#A33A00;text-decoration:underline;text-underline-offset:3px;font-weight:600}
.post-c ul,.post-c ol{margin:4px 0 18px;padding-left:22px}
.post-c li{margin:6px 0}
.post-c ol li::marker{font-weight:800;color:#A33A00}
.post-c blockquote{margin:14px 0 18px;background:#FFF6EF;border:1px solid #FFD9C2;border-left:4px solid var(--orange);border-radius:0 18px 18px 0;padding:14px 20px}
.post-c blockquote p{margin:0;font-size:16.5px}
.post-c figure{margin:22px 0}
.post-c img{border-radius:18px;box-shadow:0 20px 40px -26px rgba(0,0,0,.45)}
.post-c figcaption{font-size:14px;color:var(--muted);margin-top:8px;text-align:center}
.post-c table{border-collapse:collapse;width:100%;font-size:15px;margin:14px 0 20px;display:block;overflow-x:auto}
.post-c th,.post-c td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.post-c th{background:var(--panel);color:var(--ink)}
.post-c details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:0 18px;margin:0 0 10px}
.post-c summary{cursor:pointer;font-weight:700;color:var(--ink);min-height:54px;display:flex;align-items:center}
.post-c details p{margin:0 0 14px}
.a-cover{margin:28px 0 0}
.a-cover img{width:100%;height:auto;border-radius:24px}
.a-av{width:36px;height:36px;border-radius:50%;object-fit:cover}
.acov.has-img{padding:0}
.acov.has-img img{width:100%;height:100%;object-fit:cover}
.acov.has-img::after{display:none}
.blog-list .kid.hide{display:none}
.gb-cover{background:linear-gradient(135deg,#1C6E96,#3094C1 55%,#E55300)!important}
.gb-cover::before{content:"";position:absolute;left:16px;bottom:-22px;width:48px;height:48px;border-radius:14px;background:#fff;box-shadow:0 8px 18px -8px rgba(0,0,0,.35)}
.gb-b{padding-top:30px}
.gb-rev s{display:block;height:6px;border-radius:3px;background:#DDE1E5;margin-top:5px;text-decoration:none}
.gb-rev s+s{width:60%}

/* cocon : liens dans le texte des guides et des questions */
.art-b p a,.faq details p a,.art-more a{color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;text-decoration-color:var(--orange,#f26a1b)}
.art-b p a:hover,.faq details p a:hover,.art-more a:hover{color:var(--orange,#f26a1b)}
.art-more{font-size:16.5px;line-height:1.7;color:#454545;padding:6px 8px 0}