:root{
    --bg:#F7F4ED;
    --surface:#FFFFFF;
    --surface-alt:#EFEAE0;
    --line: #DCD5C4;
    --line-strong: #C3BAA4;
    --ink:#20261E;
    --ink-dim:#4B5147;
    --ink-faint:#767C6E;
    --navy:#1F3B52;
    --navy-tint: rgba(31,59,82,0.07);
    --brass:#8A5A22;
    --brass-tint: rgba(138,90,34,0.09);
    --font-display: 'Fraunces', serif;
    --font-body: 'IBM Plex Sans', sans-serif;
  }

  *{box-sizing:border-box;}
  html{scroll-behavior:smooth; font-size:18px;}
  body{
    margin:0;
    background:var(--bg);
    color:var(--ink);
    font-family:var(--font-body);
    line-height:1.7;
    -webkit-font-smoothing:antialiased;
  }
  a{color:inherit;}
  ::selection{background:var(--brass-tint); color:var(--ink);}

  .skip-link{position:absolute;left:-999px;top:0;background:var(--navy);color:#fff;padding:10px 16px;z-index:200;}
  .skip-link:focus{left:12px;top:12px;}

  header.site-header{
    position:sticky; top:0; z-index:100;
    display:flex; align-items:center; justify-content:space-between;
    padding:18px 5vw;
    background:rgba(247,244,237,0.94);
    backdrop-filter: blur(10px);
    border-bottom:1px solid var(--line);
  }
  .brand{display:flex; align-items:center; gap:14px; text-decoration:none;}
  .brand img{height:46px; width:46px; display:block;}
  .brand .word{font-family:var(--font-display); font-size:22px; font-weight:500; color:var(--ink);}
  .brand .word span{color:var(--brass);}

  nav.main-nav{display:flex; gap:6px; align-items:center;}
  nav.main-nav button{
    font-family:var(--font-body);
    font-size:16px;
    font-weight:500;
    background:transparent;
    border:1px solid transparent;
    color:var(--ink-dim);
    padding:11px 18px;
    cursor:pointer;
    border-radius:6px;
    transition:color 0.2s, border-color 0.2s, background 0.2s;
  }
  nav.main-nav button:hover{color:var(--ink); background:var(--surface-alt);}
  nav.main-nav button.active{color:var(--navy); border-color:var(--line-strong); background:var(--surface);}
  nav.main-nav button:focus-visible{outline:3px solid var(--navy); outline-offset:2px;}

  main{max-width:1140px; margin:0 auto; padding:0 5vw 120px;}
  .page{display:none; animation:fadeIn 0.4s ease;}
  .page.active{display:block;}
  @keyframes fadeIn{from{opacity:0; transform:translateY(6px);} to{opacity:1; transform:translateY(0);}}
  @media (prefers-reduced-motion: reduce){ .page{animation:none;} html{scroll-behavior:auto;} }

  .eyebrow{
    font-size:15px; font-weight:600; letter-spacing:0.04em; text-transform:uppercase;
    color:var(--brass); display:flex; align-items:center; gap:10px; margin:0 0 16px;
  }
  h1{font-family:var(--font-display); font-weight:500; font-size:clamp(34px,4.4vw,50px); line-height:1.18; margin:44px 0 20px; letter-spacing:-0.01em; max-width:16ch;}
  h1 em{font-style:normal; color:var(--brass);}
  h2.section-title{font-family:var(--font-display); font-weight:500; font-size:clamp(26px,3vw,32px); margin:0 0 14px; letter-spacing:-0.005em;}
  h3{font-family:var(--font-display); font-weight:500; font-size:22px; margin:0 0 10px; line-height:1.3;}
  p.lede{font-size:20px; color:var(--ink-dim); max-width:52ch; margin:0 0 36px;}
  .section-sub{color:var(--ink-dim); font-size:18px; max-width:62ch; margin:0 0 32px;}

  /* HERO */
  .hero-top{padding:8px 0 0;}
  .audience-split{display:grid; grid-template-columns:1fr 1fr; gap:24px; margin:36px 0 64px;}
  .audience-card{
    background:var(--surface); border:1px solid var(--line); border-radius:14px; padding:36px 32px;
    display:flex; flex-direction:column; gap:18px;
  }
  .audience-card.client{border-top:4px solid var(--navy);}
  .audience-card.expert{border-top:4px solid var(--brass);}
  .audience-card .tag{font-size:14.5px; font-weight:600; text-transform:uppercase; letter-spacing:0.03em;}
  .audience-card.client .tag{color:var(--navy);}
  .audience-card.expert .tag{color:var(--brass);}
  .audience-card ul{margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:12px;}
  .audience-card li{font-size:17px; color:var(--ink-dim); padding-left:22px; position:relative;}
  .audience-card.client li::before{content:"—"; position:absolute; left:0; color:var(--navy);}
  .audience-card.expert li::before{content:"—"; position:absolute; left:0; color:var(--brass);}

  .btn{
    font-family:var(--font-body); font-size:16px; font-weight:500;
    padding:14px 26px; border-radius:8px; cursor:pointer; border:1.5px solid var(--line-strong);
    background:var(--surface); color:var(--ink); transition:all 0.2s; display:inline-flex; align-items:center; gap:8px;
    align-self:flex-start;
  }
  .btn:hover{border-color:var(--navy); color:var(--navy);}
  .btn.primary{background:var(--navy); color:#fff; border-color:var(--navy);}
  .btn.primary:hover{background:#152c3f; border-color:#152c3f; color:#fff;}
  .btn.brass{background:var(--brass); color:#fff; border-color:var(--brass);}
  .btn.brass:hover{background:#734912;}
  .btn:focus-visible{outline:3px solid var(--navy); outline-offset:2px;}

  /* STAT BAR */
  .stat-bar{
    display:grid; grid-template-columns:repeat(4,1fr); gap:20px;
    margin-bottom:72px;
  }
  .stat{background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:26px 22px; text-align:center;}
  .stat .num{font-family:var(--font-display); font-size:34px; color:var(--navy); font-weight:500;}
  .stat .lbl{font-size:15px; color:var(--ink-dim); margin-top:6px;}

  section.block{margin-bottom:76px;}
  section.block:last-child{margin-bottom:0;}

  /* modalites d'intervention */
  .modes-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:20px;}
  .mode-card{background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:26px 28px;}
  .mode-card p{color:var(--ink-dim); font-size:16.5px; margin:6px 0 0;}

  /* MARCHES chips */
  .chip-row{display:flex; flex-wrap:wrap; gap:12px;}
  .chip{
    font-size:16px; font-weight:500;
    padding:11px 20px; border:1.5px solid var(--line-strong); border-radius:24px; color:var(--ink-dim);
    background:var(--surface);
  }
  .chip.accent{border-color:var(--navy); color:var(--navy); background:var(--navy-tint);}

  .rule-list{list-style:none; margin:0; padding:0;}
  .rule-list li{
    padding:18px 0; border-top:1px solid var(--line); display:flex; gap:18px; align-items:baseline;
  }
  .rule-list li:last-child{border-bottom:1px solid var(--line);}
  .rule-list .n{font-family:var(--font-display); color:var(--brass); font-size:16px; min-width:26px; font-weight:500;}
  .rule-list .t{color:var(--ink-dim); font-size:17px;}
  .rule-list .t b{color:var(--ink); font-weight:600;}

  .two-col{display:grid; grid-template-columns:1fr 1fr; gap:56px;}

  .values-strip{display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
  .value-item{background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:20px; text-align:center;}
  .value-item b{color:var(--navy); display:block; font-size:17px; margin-bottom:6px; font-family:var(--font-display); font-weight:500;}
  .value-item span{font-size:14.5px; color:var(--ink-dim);}

  .cta-band{
    border:1px solid var(--line); border-radius:14px; padding:44px; display:flex; align-items:center; justify-content:space-between; gap:28px; flex-wrap:wrap;
    background:var(--surface);
  }
  .cta-band p{color:var(--ink-dim); font-size:17px; margin:6px 0 0; max-width:440px;}

  /* MEMBRES PAGE */
  .members-toolbar{
    position:sticky; top:81px; z-index:50; background:rgba(247,244,237,0.96); backdrop-filter:blur(8px);
    padding:22px 0 20px; border-bottom:1px solid var(--line); margin-bottom:32px;
  }
  .search-row{display:flex; gap:12px; margin-bottom:16px; align-items:center;}
  .search-row input{
    flex:1; background:var(--surface); border:1.5px solid var(--line-strong); color:var(--ink);
    padding:13px 18px; font-family:var(--font-body); font-size:16.5px; border-radius:8px;
  }
  .search-row input::placeholder{color:var(--ink-faint);}
  .search-row input:focus{outline:none; border-color:var(--navy);}
  .count-pill{
    font-size:15px; color:var(--ink-faint); white-space:nowrap;
  }
  .filter-chips{display:flex; flex-wrap:wrap; gap:10px;}
  .filter-chip{
    font-size:15px; font-weight:500; padding:9px 16px; border-radius:20px; cursor:pointer;
    border:1.5px solid var(--line-strong); color:var(--ink-dim); background:var(--surface); transition:all 0.15s;
  }
  .filter-chip:hover{border-color:var(--navy); color:var(--navy);}
  .filter-chip.on{background:var(--navy); border-color:var(--navy); color:#fff;}
  .filter-chip:focus-visible{outline:3px solid var(--navy); outline-offset:2px;}

  .members-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(340px,1fr)); gap:20px;}
  .member-card{
    background:var(--surface); border:1px solid var(--line); border-radius:14px; padding:26px; cursor:pointer;
    transition:border-color 0.2s;
  }
  .member-card:hover{border-color:var(--line-strong);}
  .member-card.expanded{border-color:var(--navy);}
  .mc-head{display:flex; gap:16px; align-items:flex-start;}
  .avatar{
    width:52px; height:52px; border-radius:50%; background:var(--navy-tint); color:var(--navy);
    display:flex; align-items:center; justify-content:center; font-family:var(--font-display); font-size:18px; font-weight:500;
    flex-shrink:0; border:1.5px solid var(--navy);
  }
  .mc-name{font-family:var(--font-display); font-size:19px; font-weight:500; margin:0 0 4px;}
  .mc-role{font-size:15px; color:var(--ink-dim); margin:0; line-height:1.5;}
  .founder-badge{
    display:inline-block; font-size:12.5px; font-weight:600; letter-spacing:0.03em; text-transform:uppercase;
    color:var(--brass); border:1px solid var(--brass); padding:3px 10px; border-radius:10px; margin-top:8px;
  }
  .mc-tags{display:flex; flex-wrap:wrap; gap:8px; margin:16px 0 0;}
  .mc-tag{font-size:13px; font-weight:500; color:var(--ink-dim); background:var(--surface-alt); padding:5px 12px; border-radius:14px;}
  .mc-detail{
    max-height:0; overflow:hidden; transition:max-height 0.3s ease, margin-top 0.3s ease; margin-top:0;
  }
  .member-card.expanded .mc-detail{max-height:460px; margin-top:18px;}
  .mc-detail-inner{border-top:1px solid var(--line); padding-top:16px;}
  .mc-detail-inner ul{margin:0 0 16px; padding-left:0; list-style:none;}
  .mc-detail-inner li{font-size:15px; color:var(--ink-dim); padding:6px 0 6px 16px; position:relative;}
  .mc-detail-inner li::before{content:"—"; position:absolute; left:0; color:var(--brass);}
  .mc-contact{display:flex; flex-direction:column; gap:8px; font-size:14.5px; margin-bottom:14px;}
  .mc-contact a{color:var(--navy); text-decoration:none; font-weight:500;}
  .mc-contact a:hover{text-decoration:underline;}
  .mc-icons{display:flex; gap:10px; flex-wrap:wrap;}
  .icon-link{
    display:inline-flex; align-items:center; gap:7px; font-size:13.5px; font-weight:500;
    color:var(--navy); text-decoration:none; border:1.5px solid var(--line-strong); border-radius:20px;
    padding:7px 14px; background:var(--surface); transition:border-color 0.15s, background 0.15s;
  }
  .icon-link:hover{border-color:var(--navy); background:var(--navy-tint);}
  .no-results{padding:70px 0; text-align:center; color:var(--ink-faint); font-size:16px;}

  /* CONTACT PAGE */
  .contact-layout{display:grid; grid-template-columns:1.1fr 0.9fr; gap:60px; margin-top:8px;}
  form.contact-form{display:flex; flex-direction:column; gap:20px;}
  .field label{display:block; font-size:15px; font-weight:600; color:var(--ink); margin-bottom:8px;}
  .field input, .field select, .field textarea{
    width:100%; background:var(--surface); border:1.5px solid var(--line-strong); color:var(--ink);
    padding:13px 16px; font-family:var(--font-body); font-size:16.5px; border-radius:8px;
  }
  .field textarea{resize:vertical; min-height:130px;}
  .field input:focus, .field select:focus, .field textarea:focus{outline:none; border-color:var(--navy);}
  .field-row{display:grid; grid-template-columns:1fr 1fr; gap:18px;}
  .form-msg{font-size:15.5px; padding:14px 16px; border-radius:8px; display:none;}
  .form-msg.show{display:block;}
  .form-msg.ok{background:var(--navy-tint); color:var(--navy); border:1px solid var(--navy);}

  .founders-block{display:flex; flex-direction:column; gap:14px; margin-bottom:32px;}
  .founder-row{background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:20px 22px; display:flex; gap:16px; align-items:center;}
  .founder-info .name{font-family:var(--font-display); font-size:17px; font-weight:500;}
  .founder-info .role{font-size:14.5px; color:var(--ink-dim); margin-bottom:8px;}
  .founder-info a{font-size:15px; color:var(--navy); text-decoration:none; display:block; font-weight:500;}
  .founder-info a:hover{text-decoration:underline;}
  .general-box{border:1px solid var(--line); background:var(--surface); border-radius:12px; padding:24px; margin-bottom:32px;}
  .general-box .lbl{font-size:14.5px; font-weight:600; color:var(--ink-dim); margin-bottom:8px;}
  .general-box a{font-size:19px; color:var(--navy); text-decoration:none; font-weight:500;}
  .adhesion-note{font-size:16px; color:var(--ink-dim); line-height:1.75;}
  .adhesion-note b{color:var(--ink); font-weight:600;}

  footer{border-top:1px solid var(--line); padding:36px 5vw; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px;}
  footer .fnote{font-size:14.5px; color:var(--ink-faint);}

  @media (max-width:900px){
    html{font-size:17px;}
    .audience-split{grid-template-columns:1fr;}
    .stat-bar{grid-template-columns:repeat(2,1fr);}
    .modes-grid{grid-template-columns:1fr;}
    .two-col{grid-template-columns:1fr;}
    .values-strip{grid-template-columns:repeat(2,1fr);}
    .contact-layout{grid-template-columns:1fr;}
    .field-row{grid-template-columns:1fr;}
    nav.main-nav{display:none;}
    .members-toolbar{top:74px;}
  }

/* ============================================================
   AJOUTS SITE BÊTA (nav mobile, fiches membres, pages légales)
   ============================================================ */

/* --- Navigation : liens au lieu de boutons JS --- */
nav.main-nav a{
  font-family:var(--font-body); font-size:16px; font-weight:500;
  background:transparent; border:1px solid transparent; color:var(--ink-dim);
  padding:11px 18px; cursor:pointer; border-radius:6px; text-decoration:none;
  transition:color .2s, border-color .2s, background .2s;
}
nav.main-nav a:hover{color:var(--ink); background:var(--surface-alt);}
nav.main-nav a[aria-current="page"]{color:var(--navy); border-color:var(--line-strong); background:var(--surface);}
nav.main-nav a:focus-visible{outline:3px solid var(--navy); outline-offset:2px;}
nav.main-nav a.nav-cta{background:var(--navy); color:#fff; border-color:var(--navy);}
nav.main-nav a.nav-cta:hover{background:#152c3f; color:#fff;}

.nav-toggle{
  display:none; background:var(--surface); border:1.5px solid var(--line-strong);
  border-radius:8px; padding:10px 12px; cursor:pointer; color:var(--ink);
}
.nav-toggle:focus-visible{outline:3px solid var(--navy); outline-offset:2px;}
.nav-toggle svg{display:block;}

/* --- Boutons en tant que liens --- */
a.btn{text-decoration:none;}

/* --- Fil d'ariane --- */
.breadcrumb{font-size:14.5px; color:var(--ink-faint); margin:28px 0 0;}
.breadcrumb a{color:var(--ink-dim); text-decoration:none;}
.breadcrumb a:hover{color:var(--navy); text-decoration:underline;}

/* --- Page membre --- */
.member-hero{display:flex; gap:26px; align-items:flex-start; margin:18px 0 40px; flex-wrap:wrap;}
.member-hero .avatar{width:84px; height:84px; font-size:28px;}
.member-hero h1{margin:0 0 8px; font-size:clamp(28px,3.4vw,38px); max-width:none;}
.member-hero .mc-role{font-size:18px;}
.member-panels{display:grid; grid-template-columns:1.35fr .65fr; gap:44px; align-items:start;}
.panel{background:var(--surface); border:1px solid var(--line); border-radius:14px; padding:28px 30px; margin-bottom:22px;}
.panel h2{font-family:var(--font-display); font-weight:500; font-size:20px; margin:0 0 14px;}
.panel ul{margin:0; padding:0; list-style:none;}
.panel li{font-size:16.5px; color:var(--ink-dim); padding:8px 0 8px 18px; position:relative;}
.panel li::before{content:"—"; position:absolute; left:0; color:var(--brass);}
.panel .btn{width:100%; justify-content:center; margin-bottom:12px;}
.panel .icon-link{margin:0 8px 8px 0;}
.member-nav{display:flex; justify-content:space-between; gap:16px; margin-top:60px; padding-top:26px; border-top:1px solid var(--line); flex-wrap:wrap;}
.member-nav a{font-size:15.5px; color:var(--navy); text-decoration:none; font-weight:500;}
.member-nav a:hover{text-decoration:underline;}

/* --- Carte membre : lien "Voir la fiche" --- */
.mc-more{margin-top:16px; font-size:14.5px; font-weight:600; color:var(--navy); display:inline-flex; gap:6px; align-items:center;}
.member-card a.card-link{text-decoration:none; color:inherit; display:block;}
.member-card:focus-within{border-color:var(--navy);}

/* --- Formulaire : états réels --- */
.form-msg.err{background:rgba(138,90,34,.09); color:#7a4a12; border:1px solid var(--brass);}
.hp-field{position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden;}
.form-note{font-size:14px; color:var(--ink-faint); line-height:1.6;}
.field .hint{font-weight:400; color:var(--ink-faint); font-size:13.5px;}
button[disabled], .btn[disabled]{opacity:.6; cursor:not-allowed;}

/* --- Pages légales --- */
.legal{max-width:70ch;}
.legal h2{font-family:var(--font-display); font-weight:500; font-size:22px; margin:38px 0 12px;}
.legal p, .legal li{color:var(--ink-dim); font-size:16.5px;}
.legal ul{padding-left:20px;}
.legal a{color:var(--navy);}

/* --- Footer enrichi --- */
footer{flex-direction:column; align-items:flex-start; gap:18px;}
.footer-inner{max-width:1140px; margin:0 auto; width:100%; display:flex; justify-content:space-between; gap:24px; flex-wrap:wrap;}
.footer-links{display:flex; gap:18px; flex-wrap:wrap;}
.footer-links a{font-size:14.5px; color:var(--ink-dim); text-decoration:none;}
.footer-links a:hover{color:var(--navy); text-decoration:underline;}

/* --- Bandeau bêta --- */
.beta-bar{
  background:var(--navy); color:#fff; font-size:14px; text-align:center;
  padding:8px 5vw; letter-spacing:.01em;
}
.beta-bar a{color:#fff;}

@media (max-width:900px){
  nav.main-nav{
    display:none; position:absolute; top:100%; left:0; right:0;
    flex-direction:column; align-items:stretch; gap:4px;
    background:var(--bg); border-bottom:1px solid var(--line);
    padding:12px 5vw 20px;
  }
  nav.main-nav.open{display:flex;}
  nav.main-nav a{padding:14px 12px; font-size:17px;}
  .nav-toggle{display:block;}
  header.site-header{position:sticky; flex-wrap:wrap;}
  .member-panels{grid-template-columns:1fr; gap:8px;}
  .members-toolbar{top:70px;}
}
@media (max-width:520px){
  .stat-bar{grid-template-columns:1fr 1fr;}
  .values-strip{grid-template-columns:1fr;}
  .cta-band{padding:30px 24px;}
  main{padding-bottom:80px;}
  .brand .word{font-size:19px;}
}

/* --- Champ restant à renseigner avant mise en ligne --- */
.a-completer{
  background:#FBE9C8; color:#7a4a12; font-weight:600;
  padding:2px 9px; border-radius:5px; border:1px dashed var(--brass);
  font-size:15px; letter-spacing:.02em;
}