/* Comparer : page centrale (/comparer) et pages « Alternative à X » (/comparer/<outil>).
   Gabarit léger : pas de GSAP ni de Lenis, tout le texte est dans le HTML et visible au chargement (copy/comparer.md § 2). */

/* ---------- en-tête : ciel partagé, fenêtre en dessous que les nuages recouvrent ---------- */
.c-sky .sky h1,.c-sky h1{max-width:14em}
.c-sky .lead{max-width:38rem}
.c-upd{margin-top:1rem;font-size:.78rem;color:rgba(255,255,255,.85)}
.c-stage{position:relative;z-index:1;width:min(100%,40rem);margin:3.4rem auto 0;text-align:left;color:var(--ink)}
.c-bars{list-style:none;margin:.6rem 0 0;padding:0;display:grid;gap:.55rem}
.c-bars li{display:grid;grid-template-columns:8.6rem minmax(0,1fr) 6.6rem;align-items:center;gap:.8rem;font-size:.82rem}
.c-bars b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c-bars i{display:block;height:.6rem;border-radius:999px;background:#e9ebe6;overflow:hidden}
.c-bars i::before{content:"";display:block;height:100%;width:var(--w);border-radius:inherit;background:var(--bar,#b9bdb6)}
@keyframes c-bar{from{transform:scaleX(0)}}
.c-bars i::before{transform-origin:0 50%;animation:c-bar 1.3s .5s var(--ease) both}
.c-bars li:nth-child(2) i::before{animation-delay:.58s}.c-bars li:nth-child(3) i::before{animation-delay:.66s}.c-bars li:nth-child(4) i::before{animation-delay:.74s}.c-bars li:nth-child(5) i::before{animation-delay:.82s}.c-bars li:nth-child(6) i::before{animation-delay:.9s}
@media (prefers-reduced-motion:reduce){.c-bars i::before{animation:none}}
.c-bars em{font-style:normal;font-weight:600;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.c-bars .is-lyno{--bar:#c7f33c}

/* duel du hero des pages « Alternative à » */
.c-duel{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:.8rem}
.c-side{padding:1.2rem 1.3rem;border-radius:1rem;background:#f4f6f5}
.c-side.is-lyno{background:#f3fbd6}
.c-side small{display:block;font-size:.72rem;font-weight:600;color:var(--muted)}
.c-side b{display:block;margin-top:.5rem;font-size:2.2rem;font-weight:600;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.c-side b span{font-size:.85rem;font-weight:500;letter-spacing:0;color:var(--muted)}
.c-side p{margin-top:.55rem;font-size:.78rem;line-height:1.4;color:var(--muted)}
.c-vs{align-self:center;width:2.4rem;height:2.4rem;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:.78rem;font-weight:700}

/* croissance : le même cabinet aujourd'hui puis plus grand (page « Alternative à ») */
.c-grow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;margin-top:1rem}
.c-grow>*{padding:.8rem .9rem;border-bottom:1px solid var(--line)}
.c-grow>:nth-last-child(-n+3){border-bottom:0}
.c-grow b{font-size:.74rem;font-weight:600;color:var(--muted);text-align:right;padding-top:0}
.c-grow b small,.c-grow span small{display:block;font-size:.7rem;font-weight:500;color:var(--muted2)}
.c-grow span{font-size:.9rem;font-weight:600}
.c-grow em{font-style:normal;font-size:1.7rem;font-weight:600;letter-spacing:-.04em;line-height:1;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.c-grow .is-lyno{background:#f3fbd6;color:var(--ink)}
.c-grow b.is-lyno{border-radius:.8rem .8rem 0 0;padding-top:.8rem}
.c-grow em.is-lyno:last-of-type{border-radius:0 0 .8rem .8rem}
.c-grow-note{margin:.9rem 0 1.6rem;font-size:.74rem;line-height:1.45;color:var(--muted2)}

/* ---------- sections ---------- */
.c-sec{padding:4.4rem 0}
.c-sec+.c-sec{padding-top:1.4rem}
.sky+.c-sec{padding-top:0;margin-top:-4rem;position:relative;z-index:4}
.c-head{max-width:46rem}
.c-head h2{margin-top:.8rem}
.c-head .lead{margin-top:1rem;color:var(--muted)}
.c-sec p a,.c-prose a,.c-card a:not(.tlink),.c-method a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
.c-prose{max-width:46rem;margin-top:1.4rem;font-size:1.05rem;line-height:1.55;color:var(--ink2)}
.c-prose p+p{margin-top:.9rem}

/* réponse directe, en tête de page */
.c-answer{max-width:52rem;margin:0 auto;padding:1.6rem 1.8rem;border-radius:1.4rem;background:#fff;box-shadow:0 0 0 1px var(--line);font-size:1.08rem;line-height:1.55}
.c-answer b{font-weight:600}

/* un logiciel par profil */
.c-profiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2.4rem}
.c-card{padding:1.5rem 1.6rem;border-radius:1.4rem;background:#fff;box-shadow:0 0 0 1px var(--line);display:flex;flex-direction:column}
.c-card .w-ic{margin-bottom:1rem}
.c-card h3{font-size:1.12rem;font-weight:600;letter-spacing:-.015em}
.c-card p{margin-top:.45rem;font-size:.93rem;line-height:1.45;color:var(--muted)}
.c-card .c-pick-name{margin-top:auto;padding-top:1rem;display:flex;align-items:center;justify-content:space-between;gap:.6rem;font-size:.86rem;font-weight:600;color:var(--ink)}
.c-profiles a.c-card{transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.c-profiles a.c-card:hover,.c-profiles a.c-card:focus-visible{transform:translateY(-4px);box-shadow:0 0 0 1px var(--line2),0 22px 40px -26px rgba(17,17,17,.4)}
.c-tool{scroll-margin-top:6rem}

/* ---------- comparateur : choix de 3 outils, vue côte à côte ---------- */
.c-pick{margin-top:2.4rem;padding:1.4rem;border-radius:1.6rem;background:var(--sand)}
.c-pick[hidden]{display:none}
.c-chips{display:flex;flex-wrap:wrap;gap:.5rem;border:0;margin:0;padding:0}
.c-chips legend{float:left;width:100%;margin-bottom:.8rem;font-size:.86rem;font-weight:600}
.c-chip{position:relative}
.c-chip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.c-chip span{display:inline-flex;align-items:center;gap:.4rem;height:2.4rem;padding:0 1rem;border-radius:999px;background:#fff;box-shadow:0 0 0 1px var(--line2);font-size:.86rem;font-weight:500;transition:background-color .3s,box-shadow .3s}
.c-chip span::before{content:"";width:.9rem;height:.9rem;border-radius:.3rem;box-shadow:inset 0 0 0 1.5px var(--line2);transition:background .3s,box-shadow .3s}
.c-chip input:checked+span{background:var(--ink);color:#fff;box-shadow:none}
.c-chip input:checked+span::before{background:#c7f33c;box-shadow:none}
.c-chip input:focus-visible+span{outline:2px solid var(--ink);outline-offset:3px}
.c-chip input:disabled+span{opacity:.45}
.c-note{margin-top:.8rem;font-size:.78rem;color:var(--muted)}
.c-all{height:2.4rem;padding:0 1rem;border:0;border-radius:999px;background:none;font:inherit;font-size:.86rem;font-weight:600;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}
.c-pick+.c-table-wrap{margin-top:1rem}

/* ---------- grand tableau (toujours visible) ---------- */
.c-table-wrap{margin-top:2rem;overflow-x:auto;border-radius:1.4rem;background:#fff;box-shadow:0 0 0 1px var(--line);-webkit-overflow-scrolling:touch}
.c-table{width:100%;min-width:calc(11rem + var(--n,8) * 6.4rem);border-collapse:separate;border-spacing:0;font-size:.84rem;line-height:1.4}
.c-table caption{caption-side:bottom;text-align:left;padding:.9rem 1.2rem;font-size:.74rem;color:var(--muted2);border-top:1px solid var(--line)}
.c-table th,.c-table td{padding:.75rem .9rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.c-table thead th{position:sticky;top:0;background:#fff;font-size:.86rem;font-weight:600;white-space:nowrap}
.c-table tbody th{font-weight:500;color:var(--ink2)}
.c-table th:first-child{position:sticky;left:0;z-index:1;width:11rem;background:#fff;box-shadow:1px 0 0 var(--line)}
.c-table thead th:first-child{z-index:2}
.c-table .c-g th{padding-top:1.2rem;font-size:.68rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--muted2);background:#fafaf8}
.c-table tr:last-child>*{border-bottom:0}
.c-table.is-two{min-width:0}
.c-table.is-two th:first-child{width:30%}
.y,.n,.q{display:inline-flex;align-items:baseline;gap:.35rem}
.y::before,.n::before,.q::before{flex:none;font-weight:700}
.y::before{content:"✓";color:#3e7a10}
.n::before{content:"–";color:var(--muted2)}
.q::before{content:"?";color:#9a5207}

/* ---------- calcul du coût ---------- */
.c-calc{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:1rem;margin-top:2.4rem}
.c-inputs{padding:1.6rem;border-radius:1.4rem;background:var(--ink);color:#fff;display:flex;flex-direction:column;gap:1.6rem}
.c-inputs label{display:flex;justify-content:space-between;align-items:baseline;font-size:.88rem}
.c-inputs output{font-size:2rem;font-weight:600;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.c-inputs input[type=range]{width:100%;margin-top:.6rem;accent-color:#c7f33c}
.c-inputs p{font-size:.78rem;line-height:1.45;color:rgba(255,255,255,.72)}
.c-out{padding:1.4rem 1.6rem;border-radius:1.4rem;background:#fff;box-shadow:0 0 0 1px var(--line)}
.c-out h3{font-size:1rem;font-weight:600}
.c-res{list-style:none;margin:.8rem 0 0;padding:0}
.c-res li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.2rem 1rem;padding:.75rem 0;border-bottom:1px solid var(--line)}
.c-res li:last-child{border-bottom:0}
.c-res b{font-size:.92rem;font-weight:600}
.c-res em{font-style:normal;font-size:.95rem;font-weight:600;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.c-res small{grid-column:1/-1;font-size:.74rem;line-height:1.4;color:var(--muted2)}
.c-res i{grid-column:1/-1;display:block;height:.45rem;border-radius:999px;background:#eef0ec;overflow:hidden}
.c-res i::before{content:"";display:block;height:100%;width:var(--w,0%);border-radius:inherit;background:var(--bar,#b9bdb6);transition:width .5s var(--ease)}
.c-res .is-lyno{--bar:#c7f33c}

/* ---------- outil par outil ---------- */
.c-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2.4rem}
.c-tool h3{font-size:1.3rem;letter-spacing:-.02em}
.c-tool .c-for{margin-top:.35rem;font-size:.88rem;color:var(--muted)}
.c-tool dl{display:grid;grid-template-columns:6.4rem minmax(0,1fr);gap:.55rem 1rem;margin:1.1rem 0 0;font-size:.88rem;line-height:1.45}
.c-tool dt{font-weight:600}
.c-tool dd{margin:0;color:var(--ink2)}
.c-tool .tlink{margin-top:1.2rem;align-self:flex-start;font-size:.88rem}

/* ---------- comment choisir, verdict, migration ---------- */
.c-steps{list-style:none;counter-reset:s;margin:2.2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.c-steps li{counter-increment:s;padding:1.5rem 1.6rem;border-radius:1.4rem;background:#fff;box-shadow:0 0 0 1px var(--line)}
.c-steps li::before{content:counter(s,decimal-leading-zero);display:block;font-size:.78rem;font-weight:600;color:var(--muted2)}
.c-steps h3{margin-top:.7rem;font-size:1.1rem;font-weight:600}
.c-steps p{margin-top:.4rem;font-size:.92rem;line-height:1.45;color:var(--muted)}
.c-crit{list-style:none;margin:2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem 2rem;max-width:56rem}
.c-crit li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.8rem;padding:1rem 0;border-top:1px solid var(--line);font-size:.95rem;line-height:1.45;color:var(--ink2)}
.c-crit li b{display:block;color:var(--ink);font-weight:600}
.c-crit .ph{font-size:1.2rem;color:#3e7a10;margin-top:.1rem}
.c-verdict{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2.4rem}
.c-verdict .c-card{padding:1.8rem}
.c-verdict .c-card.is-lyno{background:#f3fbd6;box-shadow:none}
.c-verdict ul{margin:.9rem 0 0;padding-left:1.1rem;font-size:.95rem;line-height:1.5;color:var(--ink2)}
.c-verdict li+li{margin-top:.45rem}

.c-verdict ul{list-style:none;padding-left:0}
.c-verdict li{position:relative;padding-left:1.6rem}
.c-verdict li::before{content:"";position:absolute;left:0;top:.42em;width:.85rem;height:.85rem;border-radius:50%;background:#e4e7e1}
.c-verdict .is-lyno li::before{background:#c7f33c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.4l2.5 2.4L12 5.4' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/80% no-repeat}

/* ce que Lyno fait autrement : une carte, un mini-visuel en tête */
.c-why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2.4rem}
.c-why .c-card{padding:.6rem .6rem 1.5rem}
.c-why h3,.c-why p{padding:0 1rem}
.c-why h3{margin-top:1.2rem}
.c-mini{height:7.4rem;border-radius:1rem;background:#f4f6f1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.55rem;padding:1rem;overflow:hidden;font-size:.74rem}
.c-mini .ph{font-size:.9rem}
.m-flow{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem 0;align-items:center;font-size:.7rem}
.m-flow li{display:inline-flex;align-items:center;gap:.25rem;height:1.7rem;padding:0 .6rem;border-radius:999px;background:#fff;box-shadow:0 0 0 1px var(--line);font-weight:500}
.m-flow li+li::before{content:"→";margin:0 .3rem;color:var(--muted2)}
.m-flow li+li{box-shadow:none;background:none;padding-left:0}
.m-flow li.ok span{display:inline-flex;align-items:center;gap:.2rem;height:1.7rem;padding:0 .55rem;border-radius:999px;background:#c7f33c;font-weight:600}
.m-leg{font-size:.68rem;color:var(--muted2)}
.m-ask{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .7rem;border-radius:.7rem;background:#fff;box-shadow:0 0 0 1.5px #c7f33c;font-weight:500}
.m-got{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .6rem;border-radius:.6rem;background:#fff;color:var(--ink2);box-shadow:0 0 0 1px var(--line)}
.m-got .ph{color:#3e7a10}
.m-price{display:flex;justify-content:space-between;align-items:baseline;width:100%;padding:.45rem .7rem;border-radius:.6rem;background:#fff;box-shadow:0 0 0 1px var(--line)}
.m-price b{font-size:1rem;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.m-price+.m-price{background:#f3fbd6;box-shadow:none}
.m-cal{display:grid;grid-template-columns:repeat(7,.85rem);gap:.25rem}
.m-cal i{height:.85rem;border-radius:.25rem;background:#c7f33c}
.m-cal i.off{background:#e4e7e1}
.m-logos{display:flex;gap:.4rem}
.m-logos img{width:2.1rem;height:2.1rem;padding:.4rem;border-radius:.6rem;background:#fff;box-shadow:0 0 0 1px var(--line)}
.m-tags{display:flex;gap:.3rem}
.m-tags span{padding:.2rem .5rem;border-radius:999px;background:#fff;font-weight:500;color:var(--ink2)}
.m-inv{display:flex;align-items:center;gap:.6rem;width:100%;padding:.5rem .7rem;border-radius:.6rem;background:#fff;box-shadow:0 0 0 1px var(--line)}
.m-inv span:not(.tag){flex:1;color:var(--muted)}
.m-inv .tag{text-transform:none;letter-spacing:0;padding:.15rem .45rem;border-radius:999px;background:#c7f33c;font-weight:600}

/* interactions des cartes : au survol (ou à l'arrivée à l'écran sur tactile, classe .on posée par comparer.js), le mini-visuel se joue.
   L'état de repos montre déjà tout : l'animation rejoue, elle ne révèle rien. */
.c-why .c-card{transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.c-why .c-card.on{transform:translateY(-4px);box-shadow:0 0 0 1px var(--line2),0 22px 40px -26px rgba(17,17,17,.4)}
.c-why .c-mini>*{transition:transform .5s var(--ease),box-shadow .5s var(--ease),background-color .5s}
@keyframes c-pop{0%{opacity:0;transform:translateY(8px) scale(.96)}100%{opacity:1;transform:none}}
@keyframes c-lit{0%,100%{background:transparent}40%{background:#e6f9a6}}
@keyframes c-fill{0%{background:#e4e7e1;transform:scale(.6)}100%{background:#c7f33c;transform:none}}
@keyframes c-wave{0%,100%{transform:none}40%{transform:translateY(-6px)}}
/* agent : la demande s'allume, la fiche arrive */
.c-why .on .m-ask{box-shadow:0 0 0 2px #c7f33c,0 8px 22px -10px rgba(120,170,10,.6)}
.c-why .on .m-got{animation:c-pop .55s .25s var(--ease) both}
/* tout relié : chaque étape s'allume à son tour */
.c-why .on .m-flow li{animation:c-lit .9s var(--ease) both;border-radius:999px}
.c-why .on .m-flow li:nth-child(2){animation-delay:.12s}.c-why .on .m-flow li:nth-child(3){animation-delay:.24s}.c-why .on .m-flow li:nth-child(4){animation-delay:.36s}
.c-why .on .m-flow li.ok{animation:none}.c-why .on .m-flow li.ok span{animation:c-pop .5s .5s var(--ease) both}
/* prix : la ligne à 50 consultants rejoint celle à 10, au même prix */
.c-why .on .m-price:first-child{transform:translateY(3px)}
.c-why .on .m-price+.m-price{transform:translateY(-3px);background:#e6f9a6}
.c-why .on .m-price b{animation:c-wave .6s var(--ease)}
/* CRA : les jours se cochent, puis l'envoi */
.c-why .on .m-cal i:not(.off){animation:c-fill .35s var(--ease) both}
.c-why .on .m-cal i:nth-child(1){animation-delay:0ms}.c-why .on .m-cal i:nth-child(2){animation-delay:45ms}.c-why .on .m-cal i:nth-child(3){animation-delay:90ms}.c-why .on .m-cal i:nth-child(4){animation-delay:135ms}.c-why .on .m-cal i:nth-child(5){animation-delay:180ms}.c-why .on .m-cal i:nth-child(6){animation-delay:225ms}.c-why .on .m-cal i:nth-child(7){animation-delay:270ms}.c-why .on .m-cal i:nth-child(8){animation-delay:315ms}.c-why .on .m-cal i:nth-child(9){animation-delay:360ms}.c-why .on .m-cal i:nth-child(10){animation-delay:405ms}.c-why .on .m-cal i:nth-child(11){animation-delay:450ms}.c-why .on .m-cal i:nth-child(12){animation-delay:495ms}.c-why .on .m-cal i:nth-child(13){animation-delay:540ms}.c-why .on .m-cal i:nth-child(14){animation-delay:585ms}
.c-why .on .m-cal+.m-got{animation:c-pop .5s .65s var(--ease) both}
/* ouvert à votre IA : une vague sur les logos */
.c-why .on .m-logos img{animation:c-wave .6s var(--ease) both}
.c-why .on .m-logos img:nth-child(2){animation-delay:.08s}.c-why .on .m-logos img:nth-child(3){animation-delay:.16s}.c-why .on .m-logos img:nth-child(4){animation-delay:.24s}
/* facture : elle part, la transmission se confirme */
.c-why .on .m-inv{transform:translateX(6px);box-shadow:0 0 0 1px var(--line2),0 10px 22px -14px rgba(17,17,17,.35)}
.c-why .on .m-inv+.m-got{animation:c-pop .5s .2s var(--ease) both}
@media (hover:hover){.c-why .c-card:hover{transform:translateY(-4px);box-shadow:0 0 0 1px var(--line2),0 22px 40px -26px rgba(17,17,17,.4)}}
@media (prefers-reduced-motion:reduce){.c-why .c-card,.c-why .c-card *{animation:none!important;transition:none!important}}

/* logos des éditeurs (récupérés sur leurs sites) et marque Lyno */
.c-brand{display:inline-flex;align-items:center;gap:.7rem;flex-wrap:wrap}
.c-brand span{font-size:.82rem;font-weight:600;color:var(--ink)}
.c-logo{display:block;height:1.2rem;width:auto;max-width:9rem}
.c-logo.is-tall{height:1.9rem}
.c-logo[src*=napta]{height:.9rem}
/* Stafiz ne publie qu'un PNG à larges marges : on compense pour que le mot pèse autant que les autres logos */
.c-logo[src*=stafiz]{height:1.8rem}
.c-grow b .c-logo[src*=stafiz]{height:1.45rem}
.c-thumb .t-o .c-logo[src*=stafiz]{height:2rem}
.c-lyno{display:inline-flex;align-items:center;gap:.4rem;font-size:1.22rem;font-weight:700;letter-spacing:-.035em;line-height:1;color:var(--ink)}
.c-lyno img{width:1.55rem;height:1.55rem}
.c-tool>.c-brand{margin-bottom:.9rem;min-height:1.9rem}
.c-tool>.c-brand .c-lyno{font-size:1.3rem}
.c-tool>.c-brand .c-lyno img{width:1.7rem;height:1.7rem}
.c-thumb .t-o .c-logo{height:1.35rem}
.c-thumb .t-o .c-logo.is-tall{height:2rem}
.c-grow b .c-brand{justify-content:flex-end}
.c-grow b .c-logo{height:.95rem}

/* la colonne Lyno, discrètement teintée dans les tableaux */
.c-table td[data-t=lyno],.c-table.is-two td:nth-child(2){background:#fbfdf1}
.c-table thead th[data-t=lyno],.c-table.is-two thead th:nth-child(2){background:#f3fbd6}

/* méthode, sources, liens */
.c-method{max-width:52rem;padding:1.5rem 1.7rem;border-radius:1.4rem;background:var(--sand);font-size:.86rem;line-height:1.55;color:var(--ink2)}
.c-method h2{font-size:1.2rem;letter-spacing:-.015em;line-height:1.2}
.c-method p,.c-method ul{margin-top:.6rem}
.c-method ul{padding-left:1.1rem}
.c-more{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem}
/* pages liées, en vignettes d'article : ciel de Lyno, Lyno × l'outil */
.c-art{display:flex;flex-direction:column;border-radius:1.4rem;background:#fff;box-shadow:0 0 0 1px var(--line);overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.c-art:hover,.c-art:focus-visible{transform:translateY(-4px);box-shadow:0 0 0 1px var(--line2),0 22px 40px -26px rgba(17,17,17,.4)}
.c-thumb{position:relative;height:9.5rem;display:flex;align-items:center;justify-content:center;gap:.7rem;background:url(/assets/ciel.jpg) center 35%/cover;overflow:hidden}
.c-thumb>span{display:inline-flex;align-items:center;gap:.45rem;height:3rem;padding:0 1rem;border-radius:.9rem;background:#fff;box-shadow:0 10px 24px -14px rgba(17,40,80,.55);font-size:1rem;font-weight:600;letter-spacing:-.02em;transition:transform .5s var(--ease)}
.c-thumb .t-l{background:var(--ink);color:#fff}
.c-thumb .t-x{width:2rem;height:2rem;padding:0;justify-content:center;border-radius:50%;background:rgba(255,255,255,.75);font-size:.9rem;color:var(--ink)}
.c-art:hover .t-l{transform:translateX(-4px)}
.c-art:hover .t-o{transform:translateX(4px)}
.c-art-b{display:flex;flex-direction:column;gap:.3rem;padding:1.1rem 1.3rem 1.3rem;flex:1}
.c-art-b small{font-size:.7rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--muted2)}
.c-art-b b{font-size:1.05rem;font-weight:600;letter-spacing:-.015em}
.c-art-b>span{font-size:.86rem;line-height:1.45;color:var(--muted)}
.c-art-b em{margin-top:auto;padding-top:.8rem;display:flex;align-items:center;gap:.5rem;font-style:normal;font-size:.84rem;font-weight:600}
.c-art-b em.c-soon{color:var(--muted2);font-weight:500}

/* FAQ : réponses ouvertes tant que le script ne les replie pas (le masquage est posé par site.js) */
.faq-list p a{text-decoration:underline;text-underline-offset:.18em}

@media (max-width:991px){
  .c-profiles,.c-more{grid-template-columns:minmax(0,1fr)}
  .c-why{grid-template-columns:repeat(2,minmax(0,1fr))}
  .c-calc,.c-tools,.c-verdict{grid-template-columns:minmax(0,1fr)}
  .c-steps{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:767px){
  .c-sec{padding:3rem 0}
  .c-answer{padding:1.2rem 1.3rem;font-size:1rem}
  .c-stage{margin-top:2.4rem}
  .c-bars li{grid-template-columns:6.4rem minmax(0,1fr) 5.6rem;gap:.5rem;font-size:.76rem}
  .c-duel{grid-template-columns:minmax(0,1fr)}
  .c-vs{justify-self:center}
  .c-crit,.c-why{grid-template-columns:minmax(0,1fr)}
  .c-grow em{font-size:1.1rem;letter-spacing:-.02em}
  .c-grow>*{padding:.65rem .45rem}
  .c-grow span{font-size:.8rem}
  .c-tool dl{grid-template-columns:minmax(0,1fr);gap:.15rem}
  .c-tool dd+dt{margin-top:.5rem}
  .c-table th:first-child{width:8.4rem}
  .c-table.is-two{font-size:.78rem}
  .c-table.is-two th,.c-table.is-two td{padding:.6rem .5rem;overflow-wrap:break-word;hyphens:auto}
  .c-table.is-two{table-layout:fixed}
  .c-table.is-two th:first-child{width:28%}
}
.c-grow b .c-lyno{font-size:1rem}
.c-grow b .c-lyno img{width:1.2rem;height:1.2rem}
.c-grow b.is-lyno{text-align:center}