
:root{
 --ivoire:#F7F1E5;--creme:#F5EBDD;--sable:#E5D0AE;--sauge:#B7B79C;
 --sauge-profond:#7B7A5E;--olive:#5D5A3B;--taupe:#8A7759;--or:#CE9F64;
 --brun:#6E5A47;--encre:#4F4B36;--blanc:#FFFDF8;
 --radius-small:16px;--radius-card:28px;--radius-large:44px;--max-width:1180px;
 --section-space:100px;--shadow-soft:0 18px 60px rgba(79,75,54,.10);
 --line:rgba(93,90,59,.18)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivoire);color:var(--encre);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit}a:focus-visible,summary:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--or);outline-offset:3px}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:999;background:var(--blanc);padding:10px 14px;border-radius:var(--radius-small)}.wrap{width:min(var(--max-width),calc(100% - 40px));margin-inline:auto}.narrow{width:min(820px,calc(100% - 40px));margin-inline:auto}
header{position:sticky;top:0;z-index:50;background:rgba(247,241,229,.97);border-bottom:1px solid rgba(93,90,59,.12)}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-family:Georgia,"Times New Roman",serif;font-size:1.2rem;color:var(--olive);white-space:nowrap}.brand-mark{width:38px;height:38px;border:1.5px solid var(--or);border-radius:50%;display:grid;place-items:center;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:.78rem;font-weight:700}.desktop-nav{display:flex;align-items:center;gap:.75rem}.desktop-nav>a,.desktop-nav summary{text-decoration:none;font-size:.88rem;white-space:nowrap}.navdrop{position:relative}.navdrop summary{cursor:pointer;list-style:none;padding:.7rem .45rem}.navdrop summary::-webkit-details-marker{display:none}.dropdown{position:absolute;top:calc(100% + 10px);left:0;width:320px;background:var(--blanc);border:1px solid var(--line);border-radius:var(--radius-small);box-shadow:var(--shadow-soft);padding:12px;display:grid;gap:4px}.dropdown.right{left:auto;right:0;width:235px}.dropdown a,.dropdown .group-label{display:block;padding:.65rem .75rem;border-radius:12px;text-decoration:none;font-size:.88rem}.dropdown a:hover{background:var(--creme)}.dropdown .group-label{font-weight:750;color:var(--olive);padding-bottom:.35rem}.dropdown .sub{padding-left:1.35rem}.cta-nav{background:var(--olive);color:var(--blanc);padding:.7rem 1rem!important;border-radius:999px;text-decoration:none!important;font-weight:750}.mobile-menu{display:none;position:relative}.mobile-menu>summary{cursor:pointer;list-style:none;border:1px solid var(--line);border-radius:999px;padding:.55rem .85rem}.mobile-panel{position:absolute;right:0;top:48px;width:min(360px,90vw);background:var(--blanc);border:1px solid var(--line);border-radius:var(--radius-small);box-shadow:var(--shadow-soft);padding:14px;display:grid;gap:4px;max-height:78vh;overflow:auto}.mobile-panel a,.mobile-panel .label{padding:.58rem .65rem;text-decoration:none;border-radius:10px}.mobile-panel .label{font-weight:750;color:var(--olive);padding-top:.9rem}.mobile-panel .sub{padding-left:1.2rem}.mobile-panel a:hover{background:var(--creme)}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;line-height:1.12;color:var(--olive);letter-spacing:-.018em}h1{font-size:clamp(2.7rem,6vw,5.8rem);margin:.65rem 0 1.1rem;max-width:12ch}h2{font-size:clamp(2.1rem,4vw,4rem);margin:2.5rem 0 1rem;max-width:18ch}h3{font-size:clamp(1.45rem,2vw,2rem);margin:1.8rem 0 .65rem}.eyebrow{display:inline-flex;align-items:center;gap:.65rem;text-transform:uppercase;letter-spacing:.15em;font-size:.74rem;font-weight:800;color:var(--sauge-profond)}.eyebrow:before{content:"";width:30px;height:1px;background:var(--or)}p{margin:.8rem 0 0}.lead{font-size:clamp(1.06rem,1.5vw,1.30rem);max-width:62ch}.micro{font-size:.92rem;color:var(--taupe);max-width:62ch}.strong-line{font-weight:750;color:var(--olive)}ul{padding-left:1.3rem}li{margin:.45rem 0}
.btns{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.55rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:.78rem 1.2rem;border-radius:999px;text-decoration:none;font-weight:750;border:1px solid transparent}.btn.primary{background:var(--olive);color:var(--blanc)}.btn.secondary{background:transparent;border-color:rgba(93,90,59,.32);color:var(--olive)}.btn.disabled{opacity:.62;cursor:not-allowed}.text-link{color:var(--olive);text-decoration-color:var(--or);text-decoration-thickness:1px;text-underline-offset:4px}
.home-hero,.page-hero{padding:80px 0}.home-hero-grid,.page-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.72fr);gap:64px;align-items:center}.portrait img{width:100%;max-width:520px;margin-left:auto;aspect-ratio:1/1;object-fit:cover;border-radius:var(--radius-large);box-shadow:var(--shadow-soft)}.hero-visual img{width:100%;max-height:650px;object-fit:cover;border-radius:var(--radius-large);box-shadow:var(--shadow-soft)}.hero-visual.illustration img{object-fit:contain;background:rgba(255,253,248,.38);padding:10px}.section{padding:var(--section-space) 0}.section.alt{background:rgba(245,235,221,.58);border-top:1px solid rgba(93,90,59,.08);border-bottom:1px solid rgba(93,90,59,.08)}.section h2:first-child{margin-top:0}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.42fr);gap:68px;align-items:start}.prose{max-width:790px}.prose h1{max-width:15ch}.prose blockquote{margin:2rem 0;padding:1.25rem 1.4rem;border-left:2px solid var(--or);background:rgba(255,253,248,.65);border-radius:0 var(--radius-small) var(--radius-small) 0;font-family:Georgia,"Times New Roman",serif;font-size:1.08rem}.card{background:rgba(255,253,248,.78);border:1px solid rgba(93,90,59,.13);border-radius:var(--radius-card);padding:28px;box-shadow:var(--shadow-soft)}.card h2,.card h3{margin-top:0}.door-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:2rem}.door-card{background:rgba(255,253,248,.78);border:1px solid rgba(93,90,59,.13);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-soft)}.door-card img{width:100%;aspect-ratio:1/1;object-fit:cover}.door-card .body{padding:26px}.door-card h3{margin-top:0}.service-links{display:grid;gap:.55rem;margin-top:1rem}.service-links a{color:var(--olive);text-decoration-color:var(--or);text-underline-offset:4px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start}.signature{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}.testimonials{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:2rem}.quote{background:rgba(255,253,248,.78);border:1px solid var(--line);border-radius:var(--radius-card);padding:28px}.quote q{display:block;font-family:Georgia,"Times New Roman",serif;font-size:1.05rem;line-height:1.65}.quote .who{margin-top:1rem;font-weight:800;color:var(--taupe)}.practice-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;margin-top:2rem}.stack{display:grid;gap:22px}.contact-strip{background:var(--olive);color:var(--blanc);border-radius:var(--radius-large);padding:38px;display:flex;align-items:center;justify-content:space-between;gap:28px}.contact-strip h2{color:var(--blanc);margin:0}.contact-strip p{margin-top:.4rem}.image-block{margin:2rem 0}.image-block img{border-radius:var(--radius-card);box-shadow:var(--shadow-soft);max-height:650px;object-fit:cover}.image-block.illustration img{object-fit:contain;background:rgba(255,253,248,.4)}.story-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:34px;align-items:start}.story-grid img{border-radius:var(--radius-card);box-shadow:var(--shadow-soft)}.price-group{background:rgba(255,253,248,.72);border:1px solid var(--line);border-radius:var(--radius-card);padding:28px;margin:1.3rem 0}.price-group h2{font-size:1.8rem;margin-top:0}.faq-item{border-top:1px solid var(--line);padding:1.35rem 0}.faq-item h2{font-size:1.45rem;margin:.1rem 0 .65rem;max-width:none}form{display:grid;gap:14px;margin-top:1.5rem}label{font-weight:700;font-size:.92rem}input,textarea{width:100%;padding:13px 14px;border:1px solid rgba(93,90,59,.28);border-radius:14px;background:var(--blanc);color:var(--encre);font:inherit}textarea{min-height:150px;resize:vertical}button{font:inherit;cursor:pointer}.pending-inline{color:var(--olive);text-decoration:underline;text-decoration-color:var(--or);text-underline-offset:4px}
footer{padding:52px 0 30px;border-top:1px solid var(--line);margin-top:70px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:38px}.footer-grid h3{font-size:1.25rem;margin-top:0}.footer-grid a{text-decoration-color:var(--or);text-underline-offset:4px}.footer-bottom{border-top:1px solid var(--line);margin-top:30px;padding-top:18px;font-size:.84rem;color:var(--taupe)}
@media(max-width:1040px){.desktop-nav{display:none}.mobile-menu{display:block}.home-hero-grid,.page-hero-grid,.signature,.two-col,.content-grid,.story-grid{grid-template-columns:1fr}.door-grid{grid-template-columns:1fr 1fr}.door-card:last-child{grid-column:1/-1}.practice-grid{grid-template-columns:1fr}.hero-visual{max-width:720px}}
@media(max-width:700px){.wrap,.narrow{width:calc(100% - 28px)}.nav{min-height:68px}.brand{font-size:1.05rem}.brand-mark{width:34px;height:34px}.home-hero,.page-hero{padding:54px 0}.section{padding:70px 0}.door-grid,.testimonials{grid-template-columns:1fr}.door-card:last-child{grid-column:auto}.contact-strip{padding:28px 22px;align-items:flex-start;flex-direction:column}h1{font-size:clamp(2.45rem,12vw,4.3rem)}.footer-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* === FLORENCEV0.49 · DIRECTION ARTISTIQUE V4 ===
   Raffinement global : typographie plus mesurée, rythmes éditoriaux,
   composants allégés, identité de marque intégrée, icônes fonctionnelles discrètes. */
:root{
  --max-width:1140px;
  --section-space:88px;
  --shadow-soft:0 12px 38px rgba(79,75,54,.075);
}
body{
  background:
    radial-gradient(circle at 88% 9%, rgba(206,159,100,.055), transparent 27rem),
    radial-gradient(circle at 6% 68%, rgba(183,183,156,.07), transparent 30rem),
    var(--ivoire);
}
.wrap{width:min(var(--max-width),calc(100% - 44px))}
.narrow{width:min(760px,calc(100% - 44px))}
header{background:rgba(247,241,229,.91);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.nav{min-height:72px;gap:28px}
.brand{min-width:240px;gap:0;font-size:0}
.brand-logo{display:block;width:236px;height:auto;max-height:51px}
.desktop-nav{gap:.9rem}.desktop-nav>a,.desktop-nav summary{font-size:.84rem;color:#55513f}
.cta-nav{min-height:44px;display:inline-flex;align-items:center;padding:.58rem 1rem!important;font-weight:650;letter-spacing:.015em}
.dropdown{box-shadow:0 14px 40px rgba(79,75,54,.09)}

h1,h2,h3{letter-spacing:-.022em}
h1{font-size:clamp(2.45rem,4.35vw,4.35rem);line-height:1.06;max-width:14ch;margin:.55rem 0 1rem}
h2{font-size:clamp(1.75rem,2.75vw,2.8rem);line-height:1.12;max-width:22ch;margin:2.8rem 0 1rem}
h3{font-size:clamp(1.18rem,1.55vw,1.5rem);line-height:1.22;margin:1.9rem 0 .62rem}
.prose h1{max-width:16ch}
.prose h2{max-width:24ch}
.prose p,.prose li{font-size:.98rem;line-height:1.72}
.lead{font-size:clamp(1.04rem,1.25vw,1.17rem);line-height:1.62;color:#5f5b49}
.eyebrow{font-size:.68rem;letter-spacing:.18em;font-weight:750}
.section-label{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;font-size:.78rem!important;line-height:1.35!important;letter-spacing:.17em!important;text-transform:uppercase;color:var(--sauge-profond)!important;font-weight:800!important;margin-top:3.1rem!important;margin-bottom:.9rem!important;max-width:none!important}
.section-label:before{content:"";display:inline-block;width:28px;height:1px;background:var(--or);vertical-align:middle;margin-right:.65rem}

.page-hero{padding:66px 0 78px}
.page-hero-grid{grid-template-columns:minmax(0,1.04fr) minmax(300px,.68fr);gap:54px}
.hero-visual img{border-radius:32px;box-shadow:var(--shadow-soft)}
.hero-visual.illustration img{padding:18px;background:rgba(255,253,248,.30)}
.section{padding:var(--section-space) 0}
.section.alt{background:rgba(245,235,221,.40);border-color:rgba(93,90,59,.055)}

.btns{gap:.7rem;margin-top:1.35rem}
.btn{min-height:48px;padding:.68rem 1.12rem;font-weight:650;font-size:.92rem;letter-spacing:.005em;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}
.btn.primary{background:var(--olive);color:var(--blanc);box-shadow:0 6px 18px rgba(93,90,59,.10)}
.btn.primary:hover{background:#515135;transform:translateY(-1px);box-shadow:0 9px 22px rgba(93,90,59,.13)}
.btn.secondary{background:rgba(255,253,248,.28);border-color:rgba(93,90,59,.30);color:var(--olive)}
.btn.secondary:hover{background:rgba(245,235,221,.62);border-color:rgba(93,90,59,.48);transform:translateY(-1px)}
.btn:active{transform:translateY(0)}
.btn.disabled{box-shadow:none;opacity:.48}
.text-link{font-weight:620}

.card,.quote,.price-group{background:rgba(255,253,248,.56);border-color:rgba(93,90,59,.11);box-shadow:0 8px 26px rgba(79,75,54,.045);border-radius:22px}
.card{padding:24px}.quote{padding:24px}.price-group{padding:24px}
.door-grid{gap:20px}.door-card{border-radius:24px;background:rgba(255,253,248,.58);box-shadow:0 9px 30px rgba(79,75,54,.05);border-color:rgba(93,90,59,.10)}
.door-card .body{padding:22px}.door-card img{aspect-ratio:1.12/1;object-fit:cover}
.testimonials{gap:18px}.quote q{font-size:1rem;line-height:1.7}.quote .who{font-weight:700}
.practice-grid{gap:18px}.stack{gap:18px}
.contact-strip{border-radius:30px;padding:32px;background:#5D5A3B;box-shadow:0 12px 36px rgba(79,75,54,.10)}
.contact-strip h2{font-size:clamp(1.7rem,2.3vw,2.45rem);max-width:20ch}
.image-block img,.story-grid img{border-radius:24px;box-shadow:var(--shadow-soft)}
.prose blockquote{background:rgba(255,253,248,.48);border-left-width:1px;border-radius:0 14px 14px 0}

.ui-heading{display:flex;align-items:center;gap:.55rem}
.ui-heading img,.ui-icon{width:22px;height:22px;flex:0 0 22px}
.icon-link{display:inline-flex;align-items:center;gap:.45rem}
.icon-link img{width:18px;height:18px}
.footer-logo{width:220px;max-width:100%;height:auto;margin-bottom:12px}
.footer-grid h3{font-size:1.12rem}.footer-grid p,.footer-grid a{font-size:.92rem}
footer{margin-top:58px;padding:44px 0 26px}

/* Accueil : préserver la composition validée, avec un peu plus de finesse */
.home-hero h1{font-size:clamp(2.8rem,3.25vw,3.42rem);line-height:1.03}
.home-hero h1 .hero-title-soft{font-size:.89em}
.home-hero .lead{font-size:1.04rem}
.home-hero p:not(.lead){font-size:.93rem}
.home-hero .btn{font-size:.90rem}
.home-hero-grid{gap:40px}

@media (min-width:1041px){
  .home-hero{padding:72px 0 82px}
  .home-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(330px,.82fr)}
  .portrait{transform:translateX(-4px)}
  .portrait img{width:min(100%,336px);max-width:336px;box-shadow:0 15px 42px rgba(79,75,54,.095)}
  .portrait:before{width:min(90%,360px);opacity:.82}
}
@media (max-width:1040px){
  .brand{min-width:0}.brand-logo{width:205px;max-height:46px}
  .page-hero{padding:58px 0 66px}.section{padding:72px 0}
  .page-hero-grid{gap:34px}.hero-visual{max-width:640px}
}
@media (max-width:700px){
  .wrap,.narrow{width:calc(100% - 30px)}
  .nav{min-height:66px}.brand-logo{width:172px;max-height:40px}
  h1{font-size:clamp(2.15rem,10.5vw,3.45rem);line-height:1.08}
  h2{font-size:clamp(1.65rem,7.2vw,2.35rem)}
  h3{font-size:1.23rem}
  .home-hero h1{font-size:clamp(2.15rem,10vw,3.15rem)}
  .page-hero,.home-hero{padding:48px 0 56px}
  .section{padding:62px 0}
  .card,.quote,.price-group{padding:20px;border-radius:20px}
  .contact-strip{padding:25px 20px;border-radius:24px}
}


/* === CORRECTIONS DA V4.1 — 05/10/2026 ===
   1) logo horizontal = déclinaison A validée ;
   2) contraste du CTA RÉSERVER dans le header ;
   3) grille « En pratique » rééquilibrée ;
   4) illustration de la porte Équilibre rétablie sur sa page. */
.brand{min-width:258px}
.brand-logo{width:258px;max-height:55px;object-fit:contain;object-position:left center}
.desktop-nav>a.cta-nav,
.mobile-panel a.cta-nav{color:var(--blanc)!important}

/* Quatre blocs pratiques équilibrés en grille, puis une colonne sur écrans étroits. */
.practice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.practice-grid>.stack{display:contents}
.practice-grid>.card,.practice-grid>.stack>.card{height:100%}

/* Porte 2 : illustration d’orientation, présente sans alourdir la lecture. */
.porte-equilibre-inline{width:min(560px,100%);margin:2rem auto 2.6rem}
.porte-equilibre-inline img{width:100%;height:auto;object-fit:contain;border-radius:24px;box-shadow:0 10px 30px rgba(79,75,54,.055);background:rgba(255,253,248,.32);padding:12px}

@media(max-width:1040px){
  .brand{min-width:0}.brand-logo{width:214px;max-height:48px}
  .practice-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .brand-logo{width:180px;max-height:42px}
  .porte-equilibre-inline{margin:1.5rem auto 2rem}
}

/* Ajouts « prêt à publier » 22/10/2026 : pied légal, pages légales, retour du formulaire. */
.footer-legal{margin-top:28px;padding-top:18px;border-top:1px solid var(--line);font-size:.86rem}
.footer-legal p{margin:0}
.footer-legal a{text-decoration-color:var(--or);text-underline-offset:4px}
.legal-tete{padding-bottom:20px}
.legal-suite{padding:0 0 30px}
.legal-suite h2{margin-top:1.6rem}
.he-formulaire-retour{margin:1.2rem 0;padding:14px 16px;border-radius:14px;font-weight:600}
.he-formulaire-retour--ok{background:#EEF0E2;border:1px solid var(--sauge-profond);color:var(--encre)}
.he-formulaire-retour--erreur{background:#F8E7DC;border:1px solid #A2643C;color:#5A2E14}
.he-formulaire-reference{display:block;font-weight:400;font-size:.9em;margin-top:.3rem}
/* Correctif mobile (constat Actis), déplacé de preprod.css pour survivre au retrait de la préproduction. */
@media (max-width:1040px){.page-hero-grid{grid-template-columns:minmax(0,1fr)}.page-hero-grid h1{overflow-wrap:break-word;hyphens:auto}}
