/* Blocs créés depuis le BO. Classes préfixées b-. */
.bo-pic{display:contents}

/* Assistant : Modifier la couleur de fond des champs de formulaire (input, textarea, select) p */
input:not([type=checkbox]):not([type=radio]), textarea, select { background: #f8f8f8 !important; } .ci input { background: #f8f8f8 !important; } .ask-r input { background: #f8f8f8 !important; }

/* Carrousel d'avis (section quote) */
.b-avis{position:relative}
.b-avis-r{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;margin:0;pointer-events:none}
.b-avis-w{display:grid}
.b-avis-q{grid-area:1/1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(20px,4vw,60px);align-items:end;opacity:0;visibility:hidden;transform:translateX(40px);transition:opacity .5s ease,transform .7s cubic-bezier(.16,1,.3,1),visibility 0s .5s}
#b-avis-1:checked~.b-avis-w .b-avis-q:nth-child(1),#b-avis-2:checked~.b-avis-w .b-avis-q:nth-child(2),#b-avis-3:checked~.b-avis-w .b-avis-q:nth-child(3),#b-avis-4:checked~.b-avis-w .b-avis-q:nth-child(4),#b-avis-5:checked~.b-avis-w .b-avis-q:nth-child(5),#b-avis-6:checked~.b-avis-w .b-avis-q:nth-child(6),#b-avis-7:checked~.b-avis-w .b-avis-q:nth-child(7){opacity:1;visibility:visible;transform:none;transition:opacity .5s ease .1s,transform .7s cubic-bezier(.16,1,.3,1) .1s,visibility 0s}
.b-avis-n{display:flex;align-items:center;gap:10px}
.b-avis-n>span{font-size:15px;color:var(--g);margin-right:6px;white-space:nowrap}
.b-avis-n label{display:grid;place-items:center;width:52px;height:52px;margin:0;padding:0;border:1.5px solid #000;border-radius:50%;background:#fff;color:#000;cursor:pointer;transition:background .15s,color .15s}
.b-avis-n label:hover{background:#000;color:#fff}
.b-avis-n svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.b-avis-n .b-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.b-avis-r:focus-visible~.b-avis-w .b-avis-n label{outline:2px solid #000;outline-offset:3px}
@media (max-width:820px){.b-avis-q{grid-template-columns:1fr}.b-avis-n{margin-top:6px}}
@media (prefers-reduced-motion:reduce){.b-avis-q,#b-avis-1:checked~.b-avis-w .b-avis-q:nth-child(1),#b-avis-2:checked~.b-avis-w .b-avis-q:nth-child(2),#b-avis-3:checked~.b-avis-w .b-avis-q:nth-child(3),#b-avis-4:checked~.b-avis-w .b-avis-q:nth-child(4),#b-avis-5:checked~.b-avis-w .b-avis-q:nth-child(5),#b-avis-6:checked~.b-avis-w .b-avis-q:nth-child(6),#b-avis-7:checked~.b-avis-w .b-avis-q:nth-child(7){transition:none;transform:none}}

/* Ce que vous gagnez : grille à filets + apparition */
.cols3.b-gain{gap:0!important}
.cols3.b-gain>div{display:flex!important;flex-direction:column;justify-content:space-between;gap:24px;min-height:clamp(190px,19vw,290px)!important;padding:clamp(20px,2.4vw,36px)!important;background:#fff!important;color:#000!important;border-top:1px solid #e3e3e3!important;border-left:1px solid #e3e3e3;transition:opacity .6s ease var(--d,0s),transform .8s cubic-bezier(.16,1,.3,1) var(--d,0s),background .25s,color .25s}
.cols3.b-gain>div:first-child{border-left:0}
.cols3.b-gain+.cols3.b-gain>div{border-bottom:1px solid #e3e3e3}
.cols3.b-gain h3{transition:transform .35s cubic-bezier(.16,1,.3,1)}
.cols3.b-gain p{max-width:20em}
.cols3.b-gain>div:hover{background:#000!important;color:#fff!important}
.cols3.b-gain>div:hover h3{transform:translateX(6px)}
.cols3.b-gain>div.b-gain-h{opacity:0;transform:translateY(28px)}
.cols3.b-gain>div.b-gain-h.b-gain-in{opacity:1;transform:none}
@media (max-width:820px){.cols3.b-gain>div{border-left:0;min-height:0!important}.cols3.b-gain+.cols3.b-gain>div{border-bottom:0}.cols3.b-gain+.cols3.b-gain>div:last-child{border-bottom:1px solid #e3e3e3}}
@media (prefers-reduced-motion:reduce){.cols3.b-gain>div,.cols3.b-gain h3{transition:none}.cols3.b-gain>div.b-gain-h{opacity:1;transform:none}}

/* Quitter WordPress : texte collé au titre */
.sec-d.b-wp-t{padding-bottom:clamp(18px,2.4vw,32px)}
.sec-c.b-wp-x{padding-top:0}
.sec-c.b-wp-x p:first-child{margin-top:0}

/* Quitter WordPress : bloc back-office */
.b-bo .cols{margin-top:clamp(20px,3vw,40px)}
.b-bo .cols p{font-size:clamp(18px,1.6vw,22px);line-height:1.3;max-width:26em}

/* Quitter WordPress : étapes animées au survol */
.steps.b-steps li{transition:background .25s ease}
.steps.b-steps li:before{display:inline-block;transform-origin:left center;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.steps.b-steps li>div{transform-origin:left center;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.steps.b-steps li:hover,.steps.b-steps li:focus-within{background:#f6f6f6}
.steps.b-steps li:hover:before,.steps.b-steps li:focus-within:before{transform:scale(1.12)}
.steps.b-steps li:hover>div,.steps.b-steps li:focus-within>div{transform:translateX(8px) scale(1.05)}
@media (max-width:820px){.steps.b-steps li:hover>div,.steps.b-steps li:focus-within>div{transform:scale(1.03)}}
@media (prefers-reduced-motion:reduce){.steps.b-steps li,.steps.b-steps li:before,.steps.b-steps li>div{transition:none}.steps.b-steps li:hover:before,.steps.b-steps li:hover>div,.steps.b-steps li:focus-within:before,.steps.b-steps li:focus-within>div{transform:none}}

/* Bloc noir : prompts tapés + tag */
.b-typing .pt-t{display:inline}
.b-typing .pt-g{display:inline-block;vertical-align:middle;margin-left:6px;padding:2px 10px;border:1px solid currentColor;border-radius:30px;font:500 13px/1.4 "DM Sans",sans-serif;letter-spacing:0;font-style:normal;white-space:nowrap}
.b-typing.pt-js .pt-l{display:grid}
.b-typing.pt-js .pt-live,.b-typing.pt-js .pt-ghost{grid-area:1/1}
.b-typing.pt-js .pt-ghost{visibility:hidden}
.b-typing.pt-js .pt-g{opacity:0;transform:translateY(4px) scale(.92);transition:opacity .3s ease,transform .4s cubic-bezier(.16,1,.3,1)}
.b-typing.pt-js .pt-g.on{opacity:1;transform:none}
.b-typing .pt-c{display:inline-block;width:.55em;height:1.05em;margin-left:2px;vertical-align:text-bottom;background:currentColor;animation:ptc 1s steps(1) infinite}
@keyframes ptc{50%{opacity:0}}
.b-typing .pt-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (prefers-reduced-motion:reduce){.b-typing .pt-c{animation:none}.b-typing.pt-js .pt-g{transition:none}}

/* Ce que vous faites seul : icônes */
.cols3.tied .b-ico{display:block;width:clamp(34px,3vw,44px);height:clamp(34px,3vw,44px);margin-bottom:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .4s cubic-bezier(.16,1,.3,1)}
.cols3.tied>div:hover .b-ico{transform:translateY(-3px) rotate(-4deg)}
@media (prefers-reduced-motion:reduce){.cols3.tied .b-ico{transition:none}.cols3.tied>div:hover .b-ico{transform:none}}

/* Textes barrés : l'élément recule, le trait se trace avec un léger élan */
.list li:not(.keep){transition:color .5s ease .1s,opacity .6s ease .15s,transform .8s cubic-bezier(.16,1,.3,1)}
.list li:not(.keep):after{transform:scaleX(0) rotate(-1.2deg);transition:transform .55s cubic-bezier(.7,0,.2,1)}
.list li.x:not(.keep){opacity:.45;transform:translateX(.18em)}
.list li.x:not(.keep):after{transform:scaleX(1) rotate(-1.2deg)}
.list li.keep{transition:transform .8s cubic-bezier(.16,1,.3,1)}
.list ol:has(li:nth-last-child(2).x) li.keep{animation:b-keep .9s cubic-bezier(.16,1,.3,1) both}
@keyframes b-keep{from{opacity:.2;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.list li:not(.keep),.list li:not(.keep):after{transition:none}.list li.x:not(.keep){transform:none}.list ol:has(li:nth-last-child(2).x) li.keep{animation:none}}

/* Landing WordPress sans plugins */
.b-lp-hero{align-items:start!important}
.b-lp-hero .l{max-width:11em}
.b-lp-ok{display:grid;gap:8px;margin:clamp(18px,2.4vw,30px) 0 0;font-size:clamp(17px,1.5vw,20px)}
.b-lp-ok li{display:flex;gap:10px;align-items:baseline}
.b-lp-ok svg{flex:none;width:14px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.b-lp-card{border:2px solid #000;border-radius:10px;padding:clamp(20px,2.4vw,34px);background:#fff;scroll-margin-top:84px}
.b-lp-ct{font-size:clamp(26px,2.6vw,38px);letter-spacing:-.04em;line-height:1.05}
.b-lp-cs{color:var(--g);margin:8px 0 18px;font-size:17px}
.b-lp-card .form{gap:14px;max-width:none}
.b-lp-card .form .two{gap:14px}
.b-lp-card textarea{min-height:96px}
.b-lp-card .help{margin:0}
.b-lp-go{width:100%;font-size:18px;padding:15px 20px}
.sec-d.b-lp-t{padding-bottom:clamp(18px,2.4vw,32px)}
.sec-c.b-lp-x{padding-top:0}
.sec-c.b-lp-x p:first-child{margin-top:0}
.b-lp-cmp .cols{margin-top:clamp(20px,3vw,40px)}
.b-lp-cmp .cols p{font-size:clamp(18px,1.6vw,22px);line-height:1.3;max-width:26em}
.b-lp-do{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:center;padding:var(--sp) var(--gut);border-top:1px solid #e3e3e3}
.b-lp-pr{margin:0}
.b-lp-dt p:not(.eyebrow){font-size:clamp(18px,1.6vw,22px);line-height:1.3;max-width:28em;margin-top:12px}
.b-lp-sticky{display:none}
@media (max-width:820px){.b-lp-do{grid-template-columns:1fr}.b-lp-card .form .two{grid-template-columns:1fr}.b-lp-sticky{display:block;position:fixed;left:var(--gut);right:var(--gut);bottom:14px;z-index:40;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.25)}}

/* Images placeholder (landing WordPress) */
.b-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;background:#f1f1f1;border:1.5px dashed #bdbdbd;border-radius:6px;color:var(--g);padding:16px}
.b-ph svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.b-ph span{font:400 14px "JetBrains Mono",monospace;letter-spacing:-.02em;color:#000}
.b-ph small{font-size:14px;max-width:24em}
.b-ph-43{aspect-ratio:4/3;margin-bottom:18px}
.b-ph-k{background:#e9e9e9;border-color:#000}
.b-ph-wide{aspect-ratio:21/9;margin:clamp(20px,3vw,40px) 0}
.b-lp-dt .b-ph{margin:clamp(20px,2.4vw,30px) 0 0}
@media (max-width:820px){.b-ph-wide{aspect-ratio:16/9}}

/* Animations landing WordPress */
.b-rv-on .b-rv{opacity:0}
.b-rv-on .b-rv.b-in{animation:b-rise .85s cubic-bezier(.16,1,.3,1) var(--d,0s) both}
@keyframes b-rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}

/* Entrée du haut de page */
.b-lp-ok li{animation:b-rise .8s cubic-bezier(.16,1,.3,1) both}
.b-lp-ok li:nth-child(1){animation-delay:.5s}
.b-lp-ok li:nth-child(2){animation-delay:.62s}
.b-lp-ok li:nth-child(3){animation-delay:.74s}
.b-lp-ok svg path{stroke-dasharray:16;stroke-dashoffset:16;animation:b-tick .5s ease both}
.b-lp-ok li:nth-child(1) svg path{animation-delay:.9s}
.b-lp-ok li:nth-child(2) svg path{animation-delay:1.02s}
.b-lp-ok li:nth-child(3) svg path{animation-delay:1.14s}
@keyframes b-tick{to{stroke-dashoffset:0}}
.b-lp-card{animation:b-rise .9s cubic-bezier(.16,1,.3,1) .35s both;transition:box-shadow .3s ease,transform .3s ease}
.b-lp-card:focus-within{box-shadow:8px 8px 0 #000;transform:translate(-3px,-3px)}
.b-lp-go{transition:transform .2s ease,background .15s,color .15s}
.b-lp-go:hover{transform:translateY(-2px)}

/* Survols des blocs importants */
.b-lp-cmp .cols>div .b-ph{transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .3s}
.b-lp-cmp .cols>div:hover .b-ph{transform:translateY(-4px)}
.b-lp-cmp .cols>div:hover .b-ph-k{border-style:solid}
.b-ph svg{transition:transform .5s cubic-bezier(.16,1,.3,1)}
.b-ph:hover svg{transform:scale(1.12) rotate(-4deg)}
.b-lp-pr div{transition:transform .3s cubic-bezier(.16,1,.3,1)}
.b-lp-pr div:hover{transform:translateX(8px)}
.steps li:before{transition:transform .35s cubic-bezier(.16,1,.3,1)}
.steps li:hover:before{transform:translateX(8px)}
.logos div img{transition:filter .3s,transform .4s cubic-bezier(.16,1,.3,1)}
.logos div:hover img{transform:scale(1.06)}
.b-lp-sticky{animation:b-pulse 2.8s ease-in-out 2s 2}
@keyframes b-pulse{50%{transform:scale(1.04)}}

@media (prefers-reduced-motion:reduce){.b-rv-on .b-rv,.b-lp-ok li,.b-lp-ok svg path,.b-lp-card,.b-lp-sticky{animation:none!important;opacity:1;stroke-dashoffset:0}.b-lp-card,.b-lp-go,.b-lp-pr div,.steps li:before,.b-ph svg,.b-lp-cmp .cols>div .b-ph{transition:none}}

/* Prompts tapés + pastille Fait (landing WordPress) */
.b-lp-pr.b-ty-on>div{position:relative;padding-left:1.3em}
.b-lp-pr.b-ty-on>div:before{content:">";position:absolute;left:0}
.b-lp-pr.b-ty-on>div+div{margin-top:.4em}
.b-ty-l{display:inline-grid;vertical-align:top;max-width:100%}
.b-ty-g,.b-ty-v{grid-area:1/1}
.b-ty-g{visibility:hidden}
.b-ty-c{display:inline-block;width:.5em;height:1.05em;margin-left:.08em;background:currentColor;vertical-align:-.17em;animation:b-ty-blink 1s steps(1) infinite}
@keyframes b-ty-blink{50%{opacity:0}}
.b-ty-ok{display:inline-flex;align-items:center;gap:.4em;margin-left:.6em;padding:.18em .7em .2em .55em;border-radius:99px;background:#fff;color:#000;font:500 12px/1.2 "DM Sans",sans-serif;letter-spacing:0;vertical-align:.2em;white-space:nowrap;opacity:0;transform:translateY(4px) scale(.85);transition:opacity .35s ease,transform .45s cubic-bezier(.2,1.6,.4,1)}
.b-ty-ok:before{content:"";width:.38em;height:.7em;border:solid currentColor;border-width:0 .14em .14em 0;transform:translateY(-.08em) rotate(45deg)}
.b-ty-ok.on{opacity:1;transform:none}
@media (max-width:820px){.b-ty-ok{display:flex;width:max-content;margin:8px 0 0;vertical-align:0}}
@media (prefers-reduced-motion:reduce){.b-ty-c{animation:none}.b-ty-ok{transition:none}}

/* Emplacement vidéo YouTube (haut de page) */
.b-ph-video{aspect-ratio:16/9;width:100%;max-width:640px;margin:clamp(18px,2.2vw,28px) 0 0}
.b-ph-video svg{width:56px;height:56px}

/* Accent bleu (landing WordPress uniquement) */
main:has(.b-lp-hero){--lp-a:#2546ff;--lp-t:#eef1ff}
main:has(.b-lp-hero) .b-lp-hero .eyebrow{color:var(--lp-a);font-weight:500}
main:has(.b-lp-hero) .b-lp-ok svg{stroke:var(--lp-a);stroke-width:2.2}
main:has(.b-lp-hero) .b-lp-card{border-color:var(--lp-a)}
main:has(.b-lp-hero) .b-lp-card:focus-within{box-shadow:8px 8px 0 var(--lp-a)}
main:has(.b-lp-hero) .b-lp-card textarea{border-color:var(--lp-a)}
main:has(.b-lp-hero) .b-lp-go,main:has(.b-lp-hero) .b-lp-sticky,main:has(.b-lp-hero) .b-lp-x .btn:not(.ghost){background:var(--lp-a);border-color:var(--lp-a);color:#fff}
main:has(.b-lp-hero) .b-lp-go:hover,main:has(.b-lp-hero) .b-lp-sticky:hover,main:has(.b-lp-hero) .b-lp-x .btn:not(.ghost):hover{background:#fff;color:var(--lp-a)}
main:has(.b-lp-hero) .b-lp-x .btn.ghost{border-color:var(--lp-a);color:var(--lp-a)}
main:has(.b-lp-hero) .b-lp-x .btn.ghost:hover{background:var(--lp-a);color:#fff}
main:has(.b-lp-hero) .b-ph-video svg{color:var(--lp-a)}
main:has(.b-lp-hero) .b-ph-k{border-color:var(--lp-a);background:var(--lp-t)}
main:has(.b-lp-hero) .b-ph-k svg{color:var(--lp-a)}
main:has(.b-lp-hero) .b-ty-ok{background:var(--lp-a);color:#fff}
main:has(.b-lp-hero) .b-lp-pr.b-ty-on>div:before{color:#8da0ff}
main:has(.b-lp-hero) .steps li:before{color:var(--lp-a)}
main:has(.b-lp-hero) .steps.b-steps li:hover,main:has(.b-lp-hero) .steps.b-steps li:focus-within{background:var(--lp-t)}
main:has(.b-lp-hero) .faq summary:after{color:var(--lp-a)}
main:has(.b-lp-hero) .faq details[open] summary{color:var(--lp-a)}
main:has(.b-lp-hero) .bnr{background:var(--lp-a)}
main:has(.b-lp-hero) .bnr .btn:not(.ghost){background:#fff;color:var(--lp-a);border-color:#fff}
main:has(.b-lp-hero) .bnr .btn:not(.ghost):hover{background:transparent;color:#fff}

/* Page articles : filtres par catégorie et liste lisible */
.idx.sm .bflt{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:clamp(20px,3vw,36px) var(--gut);border-bottom:1px solid #e3e3e3}
.idx.sm .bflt:before{content:"Catégories";flex:none;width:100%;font-size:15px;color:var(--g);margin-bottom:2px}
.idx.sm .bflt a{display:inline-block;justify-content:flex-start;gap:0;padding:9px 18px;border:1.5px solid #000;border-radius:99px;font-size:16px;line-height:1.2;text-decoration:none;background:#fff;color:#000;transition:background .15s,color .15s}
.idx.sm .bflt a:hover,.idx.sm .bflt a:focus-visible{background:#000;color:#fff}
.idx.sm .bflt a[aria-current]{background:#000;color:#fff}
.idx.sm{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(26px,3vw,44px) clamp(14px,2vw,28px);align-content:start;padding:0 var(--gut) var(--sp)}
.idx.sm .bflt,.idx.sm .bnone{grid-column:1/-1;margin:0 calc(var(--gut)*-1) clamp(4px,1vw,12px)}
.idx.sm a:not(.bflt a){display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:0;border:0;background:none;color:#000}
.idx.sm a:not(.bflt a):hover,.idx.sm a:not(.bflt a):focus-visible{background:none;color:#000}
.idx.sm a:not(.bflt a):not(:has(img)):before{content:"";display:block;width:100%;aspect-ratio:4/3;background:#f1f1f1;border-radius:6px;transition:background .2s}
.idx.sm a:not(.bflt a):hover:before{background:#e4e4e4}
.idx.sm a:not(.bflt a) img{order:-1;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px}
.idx.sm a:not(.bflt a) picture{order:-1;display:block;width:100%}
.idx.sm a:not(.bflt a) span{font-size:clamp(17px,1.35vw,21px);line-height:1.22;letter-spacing:-.02em;font-weight:500;max-width:none;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;transition:text-decoration-color .2s}
.idx.sm a:not(.bflt a):hover span,.idx.sm a:not(.bflt a):focus-visible span{text-decoration-color:currentColor}
.idx.sm a:not(.bflt a) em{display:inline-block;flex:none;max-width:100%;padding:4px 12px;border:1px solid currentColor;border-radius:99px;font-size:14px;line-height:1.3;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.idx.sm .bnone{padding:clamp(28px,4vw,56px) var(--gut);font-size:clamp(18px,1.6vw,22px);color:var(--g)}
@media (max-width:1100px){.idx.sm{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:820px){.idx.sm{grid-template-columns:repeat(2,minmax(0,1fr))}.idx.sm .bflt a{display:inline-block}.idx.sm a:not(.bflt a) em{display:inline-block;max-width:100%;margin-top:0;text-align:left}.idx.sm a:not(.bflt a) span{font-size:clamp(16px,4vw,19px)}}
@media (max-width:480px){.idx.sm{grid-template-columns:1fr}}

/* Page articles : miniatures de couverture visibles */
.idx.sm .bth{display:block;order:-1;width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:6px;background:#f1f1f1;font-style:normal}
.idx.sm .bth img{display:block;width:100%;height:100%;object-fit:cover;border-radius:6px;transition:transform .4s cubic-bezier(.16,1,.3,1)}
.idx.sm a:hover .bth img{transform:scale(1.04)}
.idx.sm a:has(.bth)::before{display:none}
@media (prefers-reduced-motion:reduce){.idx.sm .bth img{transition:none}}

/* Page articles : pastilles alignées, titres limités, dernier article en grand */
.idx.sm a:not(.bflt a) span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;flex:1 0 auto}
.idx.sm a:not(.bflt a) em{margin-top:auto;white-space:normal;text-overflow:clip;overflow:visible;border-radius:16px;text-align:left;color:var(--g);border-color:#bdbdbd;padding:4px 12px}
.idx.sm a:not(.bflt a):hover em,.idx.sm a:not(.bflt a):focus-visible em{border-color:#000;color:#000}
@media (min-width:481px){
.idx.sm .bflt+a{grid-column:span 2}
.idx.sm .bflt+a span{font-size:clamp(24px,2.8vw,40px);line-height:1.1;letter-spacing:-.035em;-webkit-line-clamp:4;line-clamp:4}
.idx.sm .bflt+a em{font-size:15px;padding:5px 14px}
}
@media (min-width:821px){
.idx.sm .bflt+a{grid-row:span 2}
.idx.sm .bflt+a .bth{aspect-ratio:auto;flex:1 1 auto;min-height:0}
}

/* Landing tâches IA : choix de la tâche et comparaison */
.b-ia-hero{align-items:start!important}
.b-ia-hero .l{max-width:10em}
.b-ia-card fieldset{margin:0}
.b-ia-card legend{margin-bottom:8px}
.b-ia-opts{gap:8px}
.b-ia-opts .opt span{font-size:16px;padding:9px 16px;border-width:1.5px}
.b-ia-opts .opt input:checked+span{background:#000;color:#fff}
.b-ia-opts .opt span{transition:background .15s,color .15s,transform .2s cubic-bezier(.16,1,.3,1)}
.b-ia-opts .opt:hover span{transform:translateY(-2px)}
.b-ia-mir .eyebrow{margin-bottom:12px}
.b-ia-mir .d-48{margin-bottom:6px}
.b-ia-mir>div+div{background:#000;color:#fff}
.b-ia-mir>div+div .eyebrow{color:#b5b5b5}
.b-ia-mir>div+div{border-left:0}
.b-ia-mir ul{list-style:none;padding:0;margin-top:18px}
.b-ia-mir li{padding:12px 0;border-top:1px solid #e3e3e3;font-size:clamp(18px,1.6vw,22px)}
.b-ia-mir>div+div li{border-color:#444}
@media (prefers-reduced-motion:reduce){.b-ia-opts .opt span{transition:none}.b-ia-opts .opt:hover span{transform:none}}