/* Règles communes aux trois pages persona (libéraux, conseil, indépendants).
 *
 * Ce fichier existe parce que ces trois pages ont été bâties par
 * copier-coller : les règles ci-dessous y étaient dupliquées à l'identique,
 * et toute correction devait être faite trois fois. C'est ce qui a produit
 * les incohérences de couleurs et d'espacement corrigées début août 2026.
 *
 * NE PAS y remonter une règle qui diffère d'une page à l'autre. Chaque page
 * garde son identité (vert libéraux, aubergine conseil, rose indépendants)
 * dans son propre bloc <style>, chargé après cette feuille.
 *
 * Vérification : tools/snapshot-styles.mjs compare les styles calculés des
 * trois pages avant et après modification. Un diff vide prouve la neutralité.
 * tools/analyse-css-commun.mjs signale ce qui redevient dupliqué.
 *
 * Extrait le 3 août 2026, puis maintenu à la main.
 */

*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--body);background:var(--w);color:var(--ink);overflow-x:hidden;}
.nav-link{font-size:.75rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .2s;}
.nav-link:hover{color:var(--tx-accent);}
.btn-red{background:var(--accent-dark);color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:.48rem 1.2rem;text-decoration:none;transition:background .15s,transform .1s;display:inline-block;}
.btn-red:hover{background:var(--brand-dark);transform:translateY(-1px);}
.hero-actions{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start;}
.btn-red-hero{background:var(--accent-dark);color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.75rem 1.4rem;text-decoration:none;transition:background .15s;display:inline-block;white-space:nowrap;}
.btn-red-hero:hover{background:var(--brand-dark);}
.hero-right::before{content:'';position:absolute;right:0;top:0;bottom:0;width:3px;background:var(--accent);z-index:2;}
.prob-list{display:flex;flex-direction:column;}
.prob-card{border-top:1px solid var(--line);padding:1.6rem 0;display:grid;grid-template-columns:44px 1fr;gap:1.25rem;transition:padding-left .2s;cursor:default;}
.prob-card:hover{padding-left:.5rem;border-left:3px solid var(--brand);}
.prob-n{font-family:var(--display);font-size:1.25rem;color:var(--tx-accent);line-height:1;padding-top:.15rem;}
.mod{background:var(--card);padding:1.75rem 1.5rem;position:relative;overflow:hidden;transition:background .2s;}
.mod:hover::before{transform:scaleX(1);}
.mod-n{font-family:var(--display);font-size:1.75rem;color:rgba(0,0,0,.04);position:absolute;top:.6rem;right:1rem;line-height:1;}
.mod-icon{font-size:1.15rem;margin-bottom:.85rem;}
.mod-desc{font-size:.76rem;color:var(--soft);line-height:1.6;}
.s-num{font-family:var(--display);font-size:2.25rem;color:var(--tx-accent);line-height:1;}
.s-title{font-weight:600;font-size:.9rem;margin-bottom:.3rem;}
.profile-cta:hover{background:var(--brand-dark);}
.profile-cta-arrow{font-size:1.2rem;color:#fff;line-height:1;}
.profile-cta-sub{font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#fff;}
/* FAQ */
/* BIO */
.s-bio{display:grid;grid-template-columns:1fr minmax(240px,320px);}
.bio-content{background:var(--w);padding:4rem 4rem;display:flex;flex-direction:column;justify-content:center;order:1;}
.bio-img{background:var(--w);order:2;display:flex;align-items:stretch;justify-content:center;padding:2.75rem 2.75rem 2.75rem 1rem;box-sizing:border-box;}
.bio-frame{position:relative;flex:1;min-width:0;}
.bio-frame::before{content:"";position:absolute;inset:0;transform:translate(15px,15px);border:1.5px solid var(--brand);z-index:0;}
.bio-dispo{position:absolute;left:0;bottom:0;z-index:2;background:var(--accent-dark);color:#fff;font-family:var(--display);font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.5rem .85rem;}
.bio-frame img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center 16%;display:block;}
.bio-role{font-size:.63rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--tx-accent);margin-bottom:.45rem;display:flex;align-items:center;gap:.5rem;}
.bio-role::before{content:'';width:18px;height:1px;background:var(--brand);}
.bio-name{font-family:var(--display);font-size:3rem;line-height:.95;color:var(--ink);margin-bottom:2rem;}
.bio-text{font-family:var(--serif);font-style:normal;font-size:.91rem;line-height:1.85;color:var(--soft);margin-bottom:1rem;}
.btn-bio:hover{background:var(--accent);animation:none;}
.btn-bio-arrow{transition:transform .2s;}
.faq-sub{font-size:.8rem;color:var(--soft);line-height:1.7;}
.fq-icon{width:22px;height:22px;border:1.5px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--tx-accent);font-size:.85rem;transition:transform .3s,border-color .2s;}
.fi.open .fq-icon{transform:rotate(45deg);border-color:var(--tx-accent);}
/* FOOTER */
footer{background:var(--brand-dark);padding:2rem 3rem;}
.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;}
.fc{font-size:.68rem;color:rgba(255,255,255,.55);}
.footer-links{display:flex;gap:1.5rem;flex-wrap:wrap;}
.footer-links a{font-size:.68rem;color:rgba(255,255,255,.65);text-decoration:none;transition:color .2s;}
.footer-links a:hover{color:var(--brand-light);}
/* REVEAL */
.rev{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease;}
.rev.in{opacity:1;transform:none;}
.rev-l{opacity:0;transform:translateX(-28px);transition:opacity .6s ease,transform .6s ease;}
.rev-l.in{opacity:1;transform:none;}
.stg>*{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease;}
.stg.in>*:nth-child(1){opacity:1;transform:none;transition-delay:.04s;}
.stg.in>*:nth-child(2){opacity:1;transform:none;transition-delay:.10s;}
.stg.in>*:nth-child(3){opacity:1;transform:none;transition-delay:.16s;}
.stg.in>*:nth-child(4){opacity:1;transform:none;transition-delay:.22s;}
.stg.in>*:nth-child(5){opacity:1;transform:none;transition-delay:.28s;}
.stg.in>*:nth-child(6){opacity:1;transform:none;transition-delay:.34s;}
/* MOBILE CTA BAR */
.mob-cta-bar{display:none;}
/*no-italic-inline*/em,i,cite{font-style:normal;}
/*cta-space-grotesk*/.nav-link,.footer-links a,.btn,.btn-red,.btn-red-hero,.btn-ghost-hero,.btn-white,.btn-cta,.btn-bio,.btn-bio-arrow,.btn-top,.btn-au,.dl-btn,.cta-btn,.cta,.offre-cta,.offre-cta-solid,.offre-cta-outline,.afc-btn,.obj-btn,.uc-cta,.uc-promo-cta,.cas-cta,.dt-cta,.hero-cta,.s-cta,.art-footer-cta,.mob-cta-label,.who-link,.tool-link,.soft-link,.b-card-cta,.bcard-cta,.profile-cta-arrow,.linkedin,.blog-all a{font-family:var(--display);}