:root{
  --bg:#050a18;--bg2:#071126;--panel:rgba(255,255,255,.055);--panel2:rgba(255,255,255,.085);
  --line:rgba(255,255,255,.13);--text:#f7fbff;--muted:#aeb9d4;--soft:#dce6ff;
  --green:#49f7ad;--cyan:#34e8ff;--violet:#a78bfa;--danger:#ff6b6b;
  --radius:24px;--radius2:34px;--shadow:0 24px 80px rgba(0,0,0,.30);--max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 12% 0%,rgba(73,247,173,.16),transparent 32%),radial-gradient(circle at 92% 8%,rgba(52,232,255,.11),transparent 34%),linear-gradient(180deg,var(--bg),#030712 68%,#02040b);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(180deg,#000,transparent 78%);opacity:.32;z-index:-1}a{color:inherit}img,video{max-width:100%;height:auto}strong{color:#fff}.container{width:min(var(--max),calc(100% - 42px));margin:0 auto}.progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--green),var(--cyan),var(--violet));width:0;z-index:1000}.header{position:sticky;top:0;z-index:100;background:rgba(5,10,24,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.10)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:950;letter-spacing:.05em}.logo b{color:var(--green)}.logo-mark{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--green),var(--cyan),var(--violet));box-shadow:0 0 35px rgba(73,247,173,.26);position:relative}.logo-mark:after{content:"";position:absolute;inset:9px;border-radius:7px;background:rgba(5,10,24,.84)}.menu{display:flex;align-items:center;gap:4px}.menu a{padding:10px 12px;border-radius:999px;text-decoration:none;color:var(--soft);font-size:.93rem;transition:.18s}.menu a:hover,.menu a.active{background:rgba(255,255,255,.08);color:#fff}.nav-actions{display:flex;align-items:center;gap:10px}.mobile-btn{display:none;background:rgba(255,255,255,.08);color:#fff;border:1px solid var(--line);border-radius:14px;width:44px;height:44px;font-size:1.2rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;padding:13px 18px;font-weight:850;text-decoration:none;border:1px solid transparent;cursor:pointer;font:inherit;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--green),var(--cyan));color:#041020;box-shadow:0 18px 55px rgba(52,232,255,.16)}.btn-outline{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.045);color:#fff}.btn-outline:hover,.btn-ghost:hover{background:rgba(255,255,255,.09)}.btn-ghost{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.035);color:var(--soft)}.hero{padding:92px 0 64px}.hero-inner{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:34px;align-items:center}.hero-full{grid-template-columns:1fr}.kicker,.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);border-radius:999px;padding:8px 12px;color:#dce6ff;font-size:.86rem;font-weight:750}.dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 18px var(--green)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.65rem,6.2vw,6.6rem);line-height:.88;letter-spacing:-.08em;margin:16px 0 20px}h2{font-size:clamp(2rem,4vw,4.4rem);line-height:.95;letter-spacing:-.065em;margin:12px 0 16px}h3{font-size:1.25rem;line-height:1.22;margin-bottom:10px}.lead{font-size:clamp(1.05rem,1.7vw,1.28rem);line-height:1.62;color:var(--soft);max-width:780px}.small{font-size:.9rem;color:var(--muted);line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.panel,.card,.price-card{border:1px solid var(--line);background:radial-gradient(circle at 12% 0%,rgba(73,247,173,.10),transparent 34%),radial-gradient(circle at 92% 12%,rgba(52,232,255,.08),transparent 34%),linear-gradient(180deg,var(--panel2),rgba(255,255,255,.035));border-radius:var(--radius2);padding:28px;box-shadow:var(--shadow)}.card{border-radius:var(--radius);padding:24px}.section{padding:58px 0}.section-soft{background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01));border-top:1px solid rgba(255,255,255,.055);border-bottom:1px solid rgba(255,255,255,.055)}.section-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:26px}.section-head>p{max-width:440px;color:var(--muted);line-height:1.6}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.price{font-size:clamp(2.4rem,5vw,4.8rem);font-weight:950;line-height:.9;letter-spacing:-.06em;background:linear-gradient(135deg,var(--green),var(--cyan),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}.price small{font-size:1rem;color:var(--muted);background:none;-webkit-text-fill-color:initial}.list{padding-left:20px;color:var(--soft);line-height:1.72}.list li{margin:6px 0}.notice,.security{border:1px solid rgba(73,247,173,.24);background:rgba(73,247,173,.07);border-radius:18px;padding:14px 16px;color:var(--soft);line-height:1.55}.security{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.security span{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);border-radius:999px;padding:8px 10px;font-size:.86rem}.prompt-box{white-space:pre-wrap;background:rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:18px;color:#edf6ff;line-height:1.55;overflow:auto}.input,input,select,textarea{width:100%;border-radius:15px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);color:#fff;padding:13px 14px;font:inherit}textarea{min-height:140px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr;gap:13px}.form-grid .full{grid-column:1/-1}label{color:var(--soft)}.faq-item{border:1px solid rgba(255,255,255,.12);border-radius:18px;margin:12px 0;overflow:hidden;background:rgba(255,255,255,.04)}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;background:transparent;color:#fff;border:0;padding:18px;font-weight:850;font:inherit;cursor:pointer}.faq-answer{display:none;padding:0 18px 18px;color:var(--soft);line-height:1.55}.faq-item.open .faq-answer{display:block}.legal{padding:72px 0}.legal-card{border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:28px;padding:28px;color:var(--soft);line-height:1.65}.footer{border-top:1px solid rgba(255,255,255,.10);padding:42px 0;background:rgba(2,4,11,.58)}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:28px}.footer p,.footer-links a{color:var(--muted)}.footer-links{display:grid;gap:9px}.footer-links a{text-decoration:none}.footer-links a:hover{color:#fff}.home-proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:26px}.home-proof-grid .card strong{font-size:1.08rem;display:block;margin-bottom:6px}.contact-success{border-color:rgba(73,247,173,.35);background:rgba(73,247,173,.08)}.contact-error{border-color:rgba(255,107,107,.35);background:rgba(255,107,107,.08)}@media(max-width:1020px){.menu,.nav-actions{display:none}.mobile-btn{display:block}.header.menu-open .menu{display:flex;position:absolute;left:20px;right:20px;top:84px;flex-direction:column;align-items:stretch;background:rgba(5,10,24,.96);border:1px solid var(--line);border-radius:22px;padding:12px;box-shadow:var(--shadow)}.header.menu-open .menu a{border-radius:14px}.hero-inner,.grid-2,.grid-3,.section-head,.footer-grid,.home-proof-grid{grid-template-columns:1fr;display:grid}.section-head{align-items:start}.hero{padding:64px 0 42px}.container{width:min(100% - 28px,var(--max))}}@media(max-width:720px){h1{font-size:clamp(2.35rem,15vw,4rem)}h2{font-size:clamp(1.9rem,11vw,3rem)}.panel,.card{padding:20px;border-radius:24px}.hero-actions .btn{width:100%}.nav{height:68px}.home-founder-photo-v24,.home-founder-photo-v24 img{min-height:320px}}


/* === V4.2 — UX mobile & confort de lecture === */
@media(max-width:720px){
  body:before{opacity:.20;background-size:56px 56px}
  .container{width:min(100% - 24px,var(--max))}
  .hero{padding:46px 0 34px}
  .section{padding:38px 0}
  h1{font-size:clamp(2.05rem,10vw,3.15rem)!important;line-height:1.02!important;letter-spacing:-.045em!important;margin-bottom:16px!important}
  h2{font-size:clamp(1.65rem,8vw,2.35rem)!important;line-height:1.08!important;letter-spacing:-.04em!important}
  h3{font-size:1.12rem;line-height:1.28}
  .lead{font-size:1rem;line-height:1.58}
  .panel,.card,.price-card{padding:18px;border-radius:22px;box-shadow:0 14px 42px rgba(0,0,0,.22)}
  .kicker,.badge{font-size:.78rem;line-height:1.25;white-space:normal;border-radius:18px}
  .hero-actions{gap:10px;margin-top:18px}
  .hero-actions .btn{width:100%;padding:13px 16px}
  .list{padding-left:18px;line-height:1.62}
  .home-proof-grid{gap:12px;margin-top:18px}
  .footer{padding:32px 0}
}
@media(min-width:721px) and (max-width:1020px){
  h1{font-size:clamp(2.55rem,7vw,4.6rem);line-height:.98;letter-spacing:-.06em}
  h2{font-size:clamp(2rem,5vw,3.3rem);line-height:1.02}
  .hero{padding:64px 0 46px}
  .section{padding:48px 0}
}
/* Méthode / étapes : éviter les textes qui se chevauchent */
.method-grid,.method-steps{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
.method-step{min-width:0!important;overflow-wrap:break-word!important;word-break:normal!important;hyphens:auto!important}
.method-step strong,.method-step-title{overflow-wrap:break-word!important;word-break:normal!important;hyphens:auto!important}
@media(max-width:920px){.method-grid,.method-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.method-grid,.method-steps{grid-template-columns:1fr!important}}
/* Menu mobile plus calme */
@media(max-width:1020px){
  .header.menu-open .menu{gap:6px;padding:14px;max-height:calc(100vh - 100px);overflow:auto}
  .header.menu-open .menu a{padding:13px 14px;font-size:1rem}
}



/* ==========================================================
   HEXAMIND V5 — Light Premium
   Objectif : rendre l'expérience plus claire, humaine, lisible
   et orientée conversion pour TPE/PME locales.
   ========================================================== */

:root{
  --bg:#F7F4EE !important;
  --bg2:#EFEAE0 !important;
  --card:#FFFFFF !important;
  --card2:#FBFAF6 !important;
  --text:#101827 !important;
  --muted:#5E6675 !important;
  --line:#E2DBCE !important;
  --brand:#071833 !important;
  --brand2:#123A63 !important;
  --accent:#E46F2B !important;
  --accent2:#28D7C4 !important;
  --shadow:0 22px 70px rgba(15,23,42,.10) !important;
  --radius:24px !important;
}

html{background:var(--bg) !important;}
body{
  background:
    radial-gradient(circle at 12% 0%, rgba(228,111,43,.10), transparent 28%),
    radial-gradient(circle at 92% 8%, rgba(40,215,196,.13), transparent 30%),
    linear-gradient(180deg,#F9F6F0 0%, #F7F4EE 46%, #EFEAE0 100%) !important;
  color:var(--text) !important;
}

body:before{
  opacity:.26 !important;
  background-image:
    linear-gradient(rgba(7,24,51,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(7,24,51,.055) 1px, transparent 1px) !important;
}

.progress{
  background:linear-gradient(90deg,var(--accent),var(--accent2),var(--brand2)) !important;
}

.header{
  background:rgba(247,244,238,.88) !important;
  border-bottom:1px solid var(--line) !important;
  backdrop-filter:blur(18px) !important;
  box-shadow:0 10px 32px rgba(15,23,42,.06) !important;
}

.logo{
  color:var(--brand) !important;
}
.logo-mark{
  background:linear-gradient(135deg,var(--accent),var(--accent2)) !important;
  box-shadow:0 12px 30px rgba(228,111,43,.25) !important;
}

.menu a{
  color:#273247 !important;
}
.menu a:hover,
.menu a.active{
  color:var(--brand) !important;
  background:rgba(228,111,43,.10) !important;
}

.nav-actions .btn-ghost,
.btn-ghost{
  border-color:var(--line) !important;
  background:#fff !important;
  color:var(--brand) !important;
}

.mobile-btn{
  color:var(--brand) !important;
  border:1px solid var(--line) !important;
  background:#fff !important;
}

.hero{
  background:
    radial-gradient(circle at 10% 10%, rgba(228,111,43,.11), transparent 34%),
    radial-gradient(circle at 95% 8%, rgba(40,215,196,.12), transparent 34%) !important;
}

.hero h1,
h1,h2,h3{
  color:var(--brand) !important;
}

h1{
  letter-spacing:-.065em !important;
  line-height:.94 !important;
}
h2{
  letter-spacing:-.055em !important;
  line-height:1 !important;
}

.lead,
.muted,
.small,
p,
li,
.about-intro p,
.home-founder-content-v24 p{
  color:var(--muted) !important;
}

.kicker{
  color:var(--brand2) !important;
}
.dot{
  background:var(--accent) !important;
  box-shadow:0 0 0 7px rgba(228,111,43,.12) !important;
}

.badge{
  background:rgba(18,58,99,.08) !important;
  border-color:rgba(18,58,99,.16) !important;
  color:var(--brand2) !important;
}

.panel,
.card,
.price-card,
.offer-card,
.about-section-card,
.about-point,
.about-photo,
.home-founder-v24,
.home-kit-v25,
.home-audit-lower-v25,
.home-audit-v23,
.about-cta,
.form-card,
.case-card,
.feature-card,
.service-card,
section .box,
.glass{
  background:var(--card) !important;
  border:1px solid var(--line) !important;
  box-shadow:var(--shadow) !important;
  color:var(--text) !important;
}

.panel h3,
.card h3,
.price-card h3,
.offer-card h3,
.about-section-card h2,
.about-point strong,
.method-step strong,
.expertise-item strong,
.value-node strong,
.home-founder-point-v24 strong,
.home-founder-proof-v24 strong{
  color:var(--brand) !important;
}

.panel p,
.card p,
.price-card p,
.offer-card p,
.about-section-card p,
.about-point span,
.method-step,
.expertise-item,
.value-node,
.home-founder-point-v24 span,
.home-founder-proof-v24 div{
  color:var(--muted) !important;
}

.btn-primary{
  background:linear-gradient(135deg,var(--accent),#F28B47) !important;
  color:white !important;
  box-shadow:0 15px 34px rgba(228,111,43,.24) !important;
  border:1px solid rgba(228,111,43,.30) !important;
}

.btn-primary:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 20px 44px rgba(228,111,43,.30) !important;
}

.btn-outline{
  color:var(--brand) !important;
  border:1px solid var(--line) !important;
  background:#fff !important;
}

.btn-outline:hover,
.btn-ghost:hover{
  background:#F2EEE6 !important;
  border-color:#D7CDBE !important;
}

.list li{
  color:var(--muted) !important;
}
.list li:before{
  color:var(--accent) !important;
}

.section{
  padding:clamp(52px,7vw,96px) 0 !important;
}

.section.alt,
.dark-section,
.cta-section{
  background:var(--brand) !important;
  color:#fff !important;
}

.section.alt h2,
.dark-section h2,
.cta-section h2,
.section.alt h3,
.dark-section h3,
.cta-section h3{
  color:#fff !important;
}

.section.alt p,
.dark-section p,
.cta-section p{
  color:rgba(255,255,255,.78) !important;
}

.home-founder-photo-v24,
.about-photo{
  background:#fff !important;
  border-color:var(--line) !important;
}
.home-founder-photo-v24:after,
.about-photo:after{
  background:linear-gradient(180deg,transparent 52%,rgba(7,24,51,.72)) !important;
}
.home-founder-caption-v24,
.about-photo-caption{
  background:rgba(7,24,51,.82) !important;
  border-color:rgba(255,255,255,.20) !important;
}
.home-founder-caption-v24 strong,
.about-photo-caption strong,
.home-founder-caption-v24 span,
.about-photo-caption span{
  color:#fff !important;
}

.home-founder-point-v24,
.home-founder-proof-v24 div,
.expertise-item,
.value-node,
.method-step,
.pill-grid span,
.references-grid span{
  background:#fff !important;
  border:1px solid var(--line) !important;
  color:var(--muted) !important;
  box-shadow:0 12px 34px rgba(15,23,42,.055) !important;
}

.home-founder-point-v24 .icon,
.method-step .num,
.method-step-number{
  background:linear-gradient(135deg,var(--accent),#F08A45) !important;
  color:#fff !important;
}

.references-grid span,
.pill-grid span{
  background:#FBFAF6 !important;
  color:var(--brand2) !important;
}

.bonus-infographic a{
  border-color:var(--line) !important;
  box-shadow:var(--shadow) !important;
}

input, textarea, select{
  background:#fff !important;
  color:var(--text) !important;
  border:1px solid var(--line) !important;
}
input:focus, textarea:focus, select:focus{
  outline:2px solid rgba(228,111,43,.24) !important;
  border-color:rgba(228,111,43,.55) !important;
}

.footer{
  background:#071833 !important;
  color:rgba(255,255,255,.82) !important;
  border-top:0 !important;
}
.footer .logo,
.footer strong{
  color:#fff !important;
}
.footer a{
  color:rgba(255,255,255,.78) !important;
}
.footer a:hover{
  color:#fff !important;
}

.hero .panel{
  background:#fff !important;
}

.about-cta{
  background:linear-gradient(135deg,#071833,#123A63) !important;
  border:0 !important;
}
.about-cta h2,
.about-cta .badge{
  color:#fff !important;
}
.about-cta p{
  color:rgba(255,255,255,.78) !important;
}
.about-cta .btn-outline{
  background:rgba(255,255,255,.08) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.22) !important;
}

.method-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
}
.method-step{
  min-height:160px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  text-align:center !important;
  padding:22px 16px !important;
  overflow:hidden !important;
}
.method-step strong{
  font-size:1rem !important;
  line-height:1.35 !important;
  overflow-wrap:break-word !important;
  word-break:normal !important;
  hyphens:auto !important;
}

@media(max-width:980px){
  .menu{
    background:#fff !important;
    border:1px solid var(--line) !important;
    box-shadow:var(--shadow) !important;
  }
  .menu.open{
    display:flex !important;
  }
  .menu a{
    color:var(--brand) !important;
    border-bottom:1px solid var(--line) !important;
  }
}

@media(max-width:720px){
  body:before{opacity:.18 !important;}
  .section{
    padding:44px 0 !important;
  }
  .hero{
    padding-top:34px !important;
  }
  h1{
    font-size:clamp(2.05rem,10vw,3.15rem) !important;
    line-height:1.02 !important;
    letter-spacing:-.045em !important;
  }
  h2{
    font-size:clamp(1.65rem,8vw,2.35rem) !important;
    line-height:1.08 !important;
    letter-spacing:-.04em !important;
  }
  .lead{
    font-size:1.02rem !important;
    line-height:1.62 !important;
  }
  .panel,
  .card,
  .about-section-card,
  .home-founder-v24,
  .home-kit-v25,
  .home-audit-lower-v25,
  .about-cta{
    border-radius:22px !important;
    padding:20px !important;
  }
  .hero-actions{
    gap:10px !important;
  }
  .hero-actions .btn,
  .btn{
    width:100% !important;
    justify-content:center !important;
    text-align:center !important;
  }
  .method-grid{
    grid-template-columns:1fr !important;
  }
  .method-step{
    min-height:auto !important;
    flex-direction:row !important;
    text-align:left !important;
    justify-content:flex-start !important;
    gap:14px !important;
  }
  .method-step .num,
  .method-step-number{
    margin:0 !important;
    flex:0 0 42px !important;
    width:42px !important;
    height:42px !important;
  }
  .method-step strong{
    font-size:1rem !important;
  }
  .expertise-grid,
  .value-diagram,
  .about-points,
  .home-founder-proof-v24{
    grid-template-columns:1fr !important;
  }
}



/* ==========================================================
   HEXAMIND V5.1 — Light Premium Contrast Fix
   Objectif : appliquer la nouvelle charte sur desktop + mobile,
   corriger tous les textes trop clairs et renforcer la lisibilité.
   ========================================================== */

:root{
  --v51-bg:#F7F4EE !important;
  --v51-bg-soft:#EFEAE0 !important;
  --v51-surface:#FFFFFF !important;
  --v51-surface-soft:#FBFAF6 !important;
  --v51-text:#111827 !important;
  --v51-heading:#071833 !important;
  --v51-muted:#465266 !important;
  --v51-softtext:#334155 !important;
  --v51-border:#DED5C7 !important;
  --v51-border-strong:#CFC3B3 !important;
  --v51-blue:#123A63 !important;
  --v51-orange:#E46F2B !important;
  --v51-orange-dark:#BF4F17 !important;
  --v51-cyan:#0EAFA4 !important;
  --v51-dark:#071833 !important;
  --v51-shadow:0 20px 60px rgba(15,23,42,.10) !important;
}

/* ---------- Base générale desktop + mobile ---------- */
html,
body{
  background:#F7F4EE !important;
  color:var(--v51-text) !important;
}

body{
  background:
    radial-gradient(circle at 10% 0%, rgba(228,111,43,.09), transparent 30%),
    radial-gradient(circle at 92% 8%, rgba(14,175,164,.10), transparent 32%),
    linear-gradient(180deg,#F9F6F0 0%,#F7F4EE 55%,#EFEAE0 100%) !important;
}

body:before{
  opacity:.12 !important;
  background-image:
    linear-gradient(rgba(7,24,51,.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(7,24,51,.07) 1px, transparent 1px) !important;
}

/* Stop aux textes blancs hérités sur fond clair */
body,
p,
li,
span,
div,
label,
summary,
td,
th,
small,
strong,
em,
.lead,
.muted,
.small,
.card p,
.panel p,
.offer-card p,
.price-card p,
.about-section-card p,
.about-point span,
.home-founder-point-v24 span,
.home-founder-proof-v24 div,
.value-node span,
.method-step,
.expertise-item,
.form-card p{
  color:var(--v51-muted) !important;
}

strong,
b,
h1,
h2,
h3,
h4,
h5,
h6,
.card h3,
.panel h3,
.offer-card h3,
.price-card h3,
.about-point strong,
.about-section-card h2,
.value-node strong,
.method-step strong,
.expertise-item strong,
.home-founder-point-v24 strong,
.home-founder-proof-v24 strong{
  color:var(--v51-heading) !important;
}

/* ---------- Header / menu desktop + mobile ---------- */
.header{
  background:rgba(247,244,238,.94) !important;
  border-bottom:1px solid var(--v51-border) !important;
  box-shadow:0 12px 36px rgba(15,23,42,.07) !important;
}

.logo,
.logo span,
.logo b{
  color:var(--v51-heading) !important;
}

.logo-mark{
  background:linear-gradient(135deg,var(--v51-orange),var(--v51-cyan)) !important;
  box-shadow:0 12px 28px rgba(228,111,43,.24) !important;
}

.menu a{
  color:#263247 !important;
  background:transparent !important;
}
.menu a:hover,
.menu a.active{
  color:var(--v51-heading) !important;
  background:rgba(228,111,43,.11) !important;
}

.mobile-btn{
  color:var(--v51-heading) !important;
  background:#fff !important;
  border:1px solid var(--v51-border) !important;
}

/* ---------- Titres / badges / textes ---------- */
h1,h2,h3{
  color:var(--v51-heading) !important;
  text-shadow:none !important;
}

h1{
  line-height:.96 !important;
  letter-spacing:-.055em !important;
}
h2{
  line-height:1.04 !important;
  letter-spacing:-.045em !important;
}

.kicker,
.badge,
.eyebrow{
  color:var(--v51-blue) !important;
}

.badge{
  background:rgba(18,58,99,.08) !important;
  border:1px solid rgba(18,58,99,.18) !important;
}

.dot{
  background:var(--v51-orange) !important;
  box-shadow:0 0 0 7px rgba(228,111,43,.13) !important;
}

/* ---------- Surfaces claires lisibles ---------- */
.panel,
.card,
.price-card,
.offer-card,
.about-section-card,
.about-point,
.about-photo,
.form-card,
.case-card,
.feature-card,
.service-card,
.home-founder-v24,
.home-kit-v25,
.home-audit-lower-v25,
.home-audit-v23,
.glass,
.box,
.hero .panel{
  background:#FFFFFF !important;
  color:var(--v51-text) !important;
  border:1px solid var(--v51-border) !important;
  box-shadow:var(--v51-shadow) !important;
}

/* Petites capsules / chips */
.pill-grid span,
.references-grid span,
.value-node,
.expertise-item,
.method-step,
.home-founder-point-v24,
.home-founder-proof-v24 div{
  background:#FFFFFF !important;
  border:1px solid var(--v51-border) !important;
  color:var(--v51-softtext) !important;
  box-shadow:0 10px 28px rgba(15,23,42,.055) !important;
}

/* Icônes / numéros */
.method-step .num,
.method-step-number,
.home-founder-point-v24 .icon{
  background:linear-gradient(135deg,var(--v51-orange),#F08A45) !important;
  color:#FFFFFF !important;
  box-shadow:0 12px 24px rgba(228,111,43,.22) !important;
}

.emoji{
  color:var(--v51-orange-dark) !important;
}

/* ---------- Boutons ---------- */
.btn,
button,
input[type="submit"]{
  color:var(--v51-heading) !important;
}

.btn-primary{
  background:linear-gradient(135deg,var(--v51-orange),#F28A43) !important;
  color:#FFFFFF !important;
  border:1px solid rgba(228,111,43,.34) !important;
  box-shadow:0 16px 36px rgba(228,111,43,.26) !important;
}

.btn-primary *,
.btn-primary span,
.btn-primary strong{
  color:#FFFFFF !important;
}

.btn-primary:hover{
  box-shadow:0 22px 48px rgba(228,111,43,.32) !important;
}

.btn-outline,
.btn-ghost{
  background:#FFFFFF !important;
  color:var(--v51-heading) !important;
  border:1px solid var(--v51-border-strong) !important;
  box-shadow:0 10px 26px rgba(15,23,42,.055) !important;
}

.btn-outline *,
.btn-ghost *{
  color:var(--v51-heading) !important;
}

.btn-outline:hover,
.btn-ghost:hover{
  background:#F2EEE6 !important;
  border-color:#BFB19F !important;
}

/* ---------- Listes / checkmarks ---------- */
.list li,
.check-list li{
  color:var(--v51-muted) !important;
}
.list li:before,
.check-list li:before{
  color:var(--v51-orange-dark) !important;
}

/* ---------- Sections sombres volontaires : contraste inversé propre ---------- */
.section.alt,
.dark-section,
.cta-section,
.about-cta,
.footer{
  background:linear-gradient(135deg,#071833,#123A63) !important;
  color:#FFFFFF !important;
  border-color:transparent !important;
}

.section.alt *,
.dark-section *,
.cta-section *,
.about-cta *,
.footer *{
  color:rgba(255,255,255,.82) !important;
}

.section.alt h1,
.section.alt h2,
.section.alt h3,
.dark-section h1,
.dark-section h2,
.dark-section h3,
.cta-section h1,
.cta-section h2,
.cta-section h3,
.about-cta h1,
.about-cta h2,
.about-cta h3,
.footer strong,
.footer .logo,
.footer .logo span,
.footer .logo b{
  color:#FFFFFF !important;
}

.section.alt .badge,
.dark-section .badge,
.cta-section .badge,
.about-cta .badge{
  background:rgba(255,255,255,.10) !important;
  border-color:rgba(255,255,255,.22) !important;
  color:#FFFFFF !important;
}

.section.alt .btn-outline,
.dark-section .btn-outline,
.cta-section .btn-outline,
.about-cta .btn-outline,
.footer .btn-outline{
  background:rgba(255,255,255,.10) !important;
  color:#FFFFFF !important;
  border-color:rgba(255,255,255,.28) !important;
}

.section.alt .btn-outline *,
.dark-section .btn-outline *,
.cta-section .btn-outline *,
.about-cta .btn-outline *{
  color:#FFFFFF !important;
}

/* ---------- Photo / captions sombres : lisibilité ---------- */
.home-founder-photo-v24,
.about-photo{
  background:#fff !important;
  border:1px solid var(--v51-border) !important;
}
.home-founder-photo-v24:after,
.about-photo:after{
  background:linear-gradient(180deg,transparent 48%,rgba(7,24,51,.74)) !important;
}
.home-founder-caption-v24,
.about-photo-caption{
  background:rgba(7,24,51,.86) !important;
  border:1px solid rgba(255,255,255,.20) !important;
}
.home-founder-caption-v24 *,
.about-photo-caption *{
  color:#FFFFFF !important;
}

/* ---------- Formulaires ---------- */
input,
textarea,
select{
  background:#FFFFFF !important;
  color:var(--v51-text) !important;
  border:1px solid var(--v51-border-strong) !important;
}
input::placeholder,
textarea::placeholder{
  color:#7B8494 !important;
}
input:focus,
textarea:focus,
select:focus{
  outline:3px solid rgba(228,111,43,.18) !important;
  border-color:var(--v51-orange) !important;
}

/* ---------- Footer ---------- */
.footer a{
  color:rgba(255,255,255,.80) !important;
}
.footer a:hover{
  color:#FFFFFF !important;
}
.footer .small,
.footer p{
  color:rgba(255,255,255,.72) !important;
}

/* ---------- Méthode desktop + mobile corrigée ---------- */
.method-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
}
.method-step{
  min-height:160px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  text-align:center !important;
  padding:22px 16px !important;
  overflow:hidden !important;
}
.method-step .num{
  flex:0 0 44px !important;
  width:44px !important;
  height:44px !important;
  margin-bottom:12px !important;
}
.method-step strong{
  font-size:1rem !important;
  line-height:1.35 !important;
  overflow-wrap:break-word !important;
  word-break:normal !important;
  hyphens:auto !important;
}

/* ---------- Desktop : vraie version claire aussi ---------- */
@media(min-width:981px){
  .hero{
    background:
      radial-gradient(circle at 8% 12%, rgba(228,111,43,.10), transparent 34%),
      radial-gradient(circle at 95% 6%, rgba(14,175,164,.10), transparent 30%),
      linear-gradient(180deg,#F9F6F0 0%,#F7F4EE 100%) !important;
  }
  .section{
    background:transparent !important;
  }
  .section:nth-of-type(even):not(.alt):not(.dark-section):not(.cta-section){
    background:rgba(255,255,255,.30) !important;
  }
  .nav-actions .btn{
    width:auto !important;
  }
}

/* ---------- Menu mobile ---------- */
@media(max-width:980px){
  .menu{
    background:#FFFFFF !important;
    border:1px solid var(--v51-border) !important;
    box-shadow:var(--v51-shadow) !important;
  }
  .menu.open{
    display:flex !important;
  }
  .menu a{
    color:var(--v51-heading) !important;
    border-bottom:1px solid var(--v51-border) !important;
  }
}

/* ---------- Mobile : lisibilité renforcée ---------- */
@media(max-width:720px){
  body:before{opacity:.08 !important;}
  .section{padding:44px 0 !important;}
  .hero{padding-top:34px !important;}
  h1{
    font-size:clamp(2.05rem,10vw,3.15rem) !important;
    line-height:1.04 !important;
    letter-spacing:-.04em !important;
  }
  h2{
    font-size:clamp(1.65rem,8vw,2.35rem) !important;
    line-height:1.10 !important;
    letter-spacing:-.035em !important;
  }
  .lead,
  p{
    font-size:1rem !important;
    line-height:1.62 !important;
  }
  .panel,
  .card,
  .price-card,
  .offer-card,
  .about-section-card,
  .home-founder-v24,
  .home-kit-v25,
  .home-audit-lower-v25,
  .about-cta,
  .form-card{
    border-radius:22px !important;
    padding:20px !important;
  }
  .hero-actions{
    gap:10px !important;
  }
  .hero-actions .btn,
  .btn{
    width:100% !important;
    justify-content:center !important;
    text-align:center !important;
  }
  .method-grid{
    grid-template-columns:1fr !important;
  }
  .method-step{
    min-height:auto !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    text-align:left !important;
    gap:14px !important;
    padding:16px !important;
  }
  .method-step .num{
    flex:0 0 42px !important;
    width:42px !important;
    height:42px !important;
    margin:0 !important;
  }
  .method-step strong{
    font-size:1rem !important;
  }
}

/* ---------- Sécurité ultime : empêcher texte clair sur surfaces claires ---------- */
:not(.footer):not(.footer *) :where(.panel,.card,.price-card,.offer-card,.about-section-card,.about-point,.form-card,.case-card,.feature-card,.service-card,.home-founder-v24,.home-kit-v25,.home-audit-lower-v25,.home-audit-v23,.glass,.box) :where(p,span,li,div,small){
  color:var(--v51-muted) !important;
}
:not(.footer):not(.footer *) :where(.panel,.card,.price-card,.offer-card,.about-section-card,.about-point,.form-card,.case-card,.feature-card,.service-card,.home-founder-v24,.home-kit-v25,.home-audit-lower-v25,.home-audit-v23,.glass,.box) :where(h1,h2,h3,h4,strong,b){
  color:var(--v51-heading) !important;
}



/* ==========================================================
   HEXAMIND V5.2 — Correctif menu mobile fiable
   Objectif : le bouton menu doit fonctionner sur toutes les pages,
   même après scroll, sans devoir revenir en haut de page.
   ========================================================== */

.header{
  position:sticky !important;
  top:0 !important;
  z-index:9999 !important;
  isolation:isolate !important;
}

.nav{
  position:relative !important;
  z-index:10000 !important;
}

.mobile-btn{
  position:relative !important;
  z-index:10002 !important;
  cursor:pointer !important;
  pointer-events:auto !important;
  touch-action:manipulation !important;
  -webkit-tap-highlight-color:transparent !important;
}

@media(max-width:980px){
  body.menu-open{
    overflow:hidden !important;
  }

  .header{
    position:sticky !important;
    top:0 !important;
    z-index:9999 !important;
  }

  .menu{
    position:fixed !important;
    top:72px !important;
    left:16px !important;
    right:16px !important;
    width:auto !important;
    max-height:calc(100vh - 92px) !important;
    overflow:auto !important;
    overscroll-behavior:contain !important;
    -webkit-overflow-scrolling:touch !important;
    z-index:10001 !important;
    display:none !important;
    flex-direction:column !important;
    gap:0 !important;
    padding:10px !important;
    border-radius:22px !important;
    background:#FFFFFF !important;
    border:1px solid var(--v51-border, #DED5C7) !important;
    box-shadow:0 24px 80px rgba(15,23,42,.20) !important;
  }

  .menu.open,
  body.menu-open .menu{
    display:flex !important;
  }

  .menu a{
    display:block !important;
    width:100% !important;
    padding:15px 16px !important;
    border-radius:14px !important;
    border-bottom:0 !important;
    color:var(--v51-heading, #071833) !important;
    pointer-events:auto !important;
  }

  .menu a + a{
    margin-top:2px !important;
  }

  .menu a:hover,
  .menu a.active{
    background:rgba(228,111,43,.11) !important;
  }

  .nav-actions{
    display:none !important;
  }

  .mobile-menu-backdrop{
    position:fixed !important;
    inset:0 !important;
    background:rgba(7,24,51,.28) !important;
    z-index:10000 !important;
    opacity:0 !important;
    pointer-events:none !important;
    transition:opacity .18s ease !important;
  }

  body.menu-open .mobile-menu-backdrop{
    opacity:1 !important;
    pointer-events:auto !important;
  }
}

@media(max-width:520px){
  .menu{
    top:66px !important;
    left:10px !important;
    right:10px !important;
    max-height:calc(100vh - 78px) !important;
  }
}
