@font-face{font-family:"Adorage";font-weight:400;font-display:swap;
  src:url("/assets/fonts/Adorage.otf") format("opentype");}
@font-face{font-family:"Amalfi";font-weight:400;font-display:swap;
  src:url("/assets/fonts/AmalfiCoast.ttf") format("truetype");}
@font-face{font-family:"Poppins";font-weight:300;font-display:swap;src:url("/assets/fonts/Poppins-Light.ttf") format("truetype");}
@font-face{font-family:"Poppins";font-weight:400;font-display:swap;src:url("/assets/fonts/Poppins-Regular.ttf") format("truetype");}
@font-face{font-family:"Poppins";font-weight:500;font-display:swap;src:url("/assets/fonts/Poppins-Medium.ttf") format("truetype");}
@font-face{font-family:"Poppins";font-weight:600;font-display:swap;src:url("/assets/fonts/Poppins-SemiBold.ttf") format("truetype");}
@font-face{font-family:"Poppins";font-weight:700;font-display:swap;src:url("/assets/fonts/Poppins-Bold.ttf") format("truetype");}


/* ============================================================
   CHARTE v2 — ivoire lumineux · vert profond · or bijou
   Le vert profond fait chanter l'or et apporte le végétal.
   Titres en quasi-noir : contraste franc, pas de brun terne.
   ============================================================ */
:root{
  /* CHARTE RÉELLE — relevée sur « Mode d'emploi Let Eat Free » (VDEF)
     BLEU NUIT + OR + BLANC. Ni vert, ni brun. */
  --nuit:#102331;          /* bleu nuit des blocs pleins */
  --nuit-2:#1B3A4D;
  --nuit-titre:#17313F;    /* titres display sur fond blanc */
  --nuit-texte:#264456;    /* texte courant */
  --or:#C9A25C;            /* or des titres sur fond nuit */
  --or-c:#E4C88F;
  --or-texte:#8F6A22;      /* or lisible sur blanc (mots en valeur) */
  --or-f:#B08A3C;

  --ink:#17313F;
  --ink-2:#264456;
  --muted:#4E6878;
  --faint:#546C7B;

  --ground:#FFFFFF;
  --surface:#FFFFFF;
  --panel:#F2F5F7;
  --panel-2:#E7EDF1;
  --line:#DDE5EA;
  --line-s:#C3D0D8;

  --btn-bg:#102331; --btn-fg:#FFFFFF; --btn-bg-hover:#1B3A4D;
  --fond-chaud:#102331; --sur-fond-chaud:#FFFFFF; --sur-fond-chaud-2:#C9D6DE;

  --shadow:0 1px 2px rgba(16,35,49,.05),0 12px 32px rgba(16,35,49,.07);
  --shadow-lg:0 8px 22px rgba(16,35,49,.09),0 30px 70px rgba(16,35,49,.13);
  --shadow-or:0 10px 30px rgba(16,35,49,.22);
  --nav-bg:rgba(255,255,255,.94);
  --vert:#102331; --vert-pale:#F2F5F7; --vert-c:#C3D0D8; --brun:#8F6A22;
  --sauge:#102331; --sauge-f:#102331; --sauge-c:#C3D0D8; --sauge-pale:#F2F5F7; --vert-2:#1B3A4D;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --ground:#0B1620; --surface:#122430; --panel:#162C3A; --panel-2:#1D3646;
  --ink:#EAF1F5; --ink-2:#CFDDE5; --muted:#A3B7C3; --faint:#93A9B7;
  --line:#22394A; --line-s:#314C60;
  --nuit:#0B1620; --nuit-titre:#EAF1F5; --nuit-texte:#CFDDE5;
  --or:#DFBE81; --or-c:#F0DCB4; --or-texte:#E2C489; --or-f:#D3AE60;
  --btn-bg:#DFBE81; --btn-fg:#0E1D28; --btn-bg-hover:#EBD2A2;
  --fond-chaud:#162C3A; --sur-fond-chaud:#FFFFFF; --sur-fond-chaud-2:#C9D6DE;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 14px 40px rgba(0,0,0,.5);
  --shadow-lg:0 8px 24px rgba(0,0,0,.55),0 34px 80px rgba(0,0,0,.6);
  --shadow-or:0 10px 30px rgba(0,0,0,.5);
  --nav-bg:rgba(11,22,32,.94);
  --vert:#DFBE81; --vert-pale:#162C3A; --vert-c:#314C60; --brun:#E2C489;
  --sauge:#DFBE81; --sauge-f:#DFBE81; --sauge-c:#314C60; --sauge-pale:#162C3A; --vert-2:#1D3646;
}}
:root[data-theme="dark"]{
  --ground:#0B1620; --surface:#122430; --panel:#162C3A; --panel-2:#1D3646;
  --ink:#EAF1F5; --ink-2:#CFDDE5; --muted:#A3B7C3; --faint:#93A9B7;
  --line:#22394A; --line-s:#314C60;
  --nuit:#0B1620; --nuit-titre:#EAF1F5; --nuit-texte:#CFDDE5;
  --or:#DFBE81; --or-c:#F0DCB4; --or-texte:#E2C489; --or-f:#D3AE60;
  --btn-bg:#DFBE81; --btn-fg:#0E1D28; --btn-bg-hover:#EBD2A2;
  --fond-chaud:#162C3A; --sur-fond-chaud:#FFFFFF; --sur-fond-chaud-2:#C9D6DE;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 14px 40px rgba(0,0,0,.5);
  --shadow-lg:0 8px 24px rgba(0,0,0,.55),0 34px 80px rgba(0,0,0,.6);
  --shadow-or:0 10px 30px rgba(0,0,0,.5);
  --nav-bg:rgba(11,22,32,.94);
  --vert:#DFBE81; --vert-pale:#162C3A; --vert-c:#314C60; --brun:#E2C489;
  --sauge:#DFBE81; --sauge-f:#DFBE81; --sauge-c:#314C60; --sauge-pale:#162C3A; --vert-2:#1D3646;
}

*,*::before,*::after{box-sizing:border-box;}
body{margin:0;background:var(--ground);color:var(--ink-2);
  font-family:"Poppins",system-ui,sans-serif;font-size:17px;line-height:1.72;
  -webkit-font-smoothing:antialiased;}
h1,h2,h3,h4{margin:0;line-height:1.14;text-wrap:balance;color:var(--ink);font-weight:700;letter-spacing:-.022em;}
.blk h2,.hero h1,.contact h2{font-family:"Adorage","Poppins",serif;font-weight:400;letter-spacing:.004em;line-height:1.1;}
/* trait signature sous les titres, repris du document */
.blk h2::after{content:"";display:block;width:58px;height:5px;background:var(--or);margin-top:18px;border-radius:2px;}
.contact h2::after{margin-left:auto;margin-right:auto;}
p{margin:0;}
img{max-width:100%;display:block;}
.wrap{max-width:1160px;margin:0 auto;padding:0 26px;}
.narrow{max-width:730px;}
:focus-visible{outline:2px solid var(--or-fonce);outline-offset:3px;border-radius:6px;}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;}}

/* --- Libellé fin doré, répété comme signature --- */
.eyebrow{font-size:11.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;
  color:var(--or-texte);display:flex;align-items:center;gap:11px;margin-bottom:16px;}
.eyebrow::before{content:"";width:26px;height:1px;background:var(--or);flex:none;}
.eyebrow.center{justify-content:center;}

/* --- BOUTONS : couleurs figées, jamais héritées --- */
a.btn,button.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  background:var(--btn-bg);color:var(--btn-fg);
  border:1px solid var(--btn-bg);border-radius:999px;
  padding:14px 30px;font-family:"Poppins",sans-serif;font-size:14.5px;font-weight:600;
  text-decoration:none;cursor:pointer;letter-spacing:.01em;
  transition:background .18s ease,transform .18s ease,box-shadow .18s ease;}
a.btn:hover,button.btn:hover{background:var(--btn-bg-hover);transform:translateY(-2px);box-shadow:var(--shadow-or);}
a.btn--lg{padding:17px 38px;font-size:16px;}
a.btn--outline{background:transparent;color:var(--ink);border-color:var(--line-s);}
a.btn--outline:hover{background:var(--panel);color:var(--ink);border-color:var(--or);}
a.btn--onvert{background:var(--or);color:#102331;border-color:var(--or);}
a.btn--onvert:hover{background:var(--or-c);color:#102331;}

/* --- NAV --- */
nav.site{position:sticky;top:0;z-index:60;background:var(--nav-bg);
  backdrop-filter:blur(14px);border-bottom:1px solid var(--line);}
.nav-in{max-width:1160px;margin:0 auto;padding:13px 26px;display:flex;align-items:center;gap:8px;}
.nav-logo{height:48px;width:auto;}
.nav-menu{display:flex;gap:30px;margin-left:auto;align-items:center;}
a.nav-link{text-decoration:none;font-size:14.5px;font-weight:500;color:var(--muted);white-space:nowrap;
  transition:color .16s ease;}
a.nav-link:hover{color:var(--ink);}
a.nav-espace{text-decoration:none;font-size:13.5px;font-weight:600;color:var(--ink);
  border:1px solid var(--line-s);border-radius:999px;padding:9px 17px;white-space:nowrap;}
a.nav-espace:hover{border-color:var(--or);background:var(--panel);}
@media(max-width:960px){a.nav-link{display:none;}}

/* --- HERO : deux colonnes, plus personnel --- */
.hero{padding:64px 0 78px;position:relative;overflow:hidden;}
.hero::before{content:"";position:absolute;top:-320px;right:-220px;width:820px;height:820px;
  border-radius:50%;background:radial-gradient(circle,rgba(201,162,92,.20),transparent 64%);
  pointer-events:none;}
.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:64px;align-items:center;position:relative;}
.hero h1{font-size:clamp(34px,4.9vw,57px);}
.hero h1 .em{font-family:"Amalfi","Poppins",cursive;font-weight:400;color:var(--or-texte);
  font-size:1.02em;letter-spacing:.005em;}
.kicker{font-size:13px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;
  color:var(--or-texte);line-height:1.65;margin-bottom:22px;max-width:40ch;}
.hero .sub{font-size:18.5px;color:var(--muted);max-width:46ch;margin-top:24px;font-weight:300;}
.hero-cta{display:flex;gap:13px;flex-wrap:wrap;margin-top:34px;}
.hero-note{margin-top:22px;font-size:13.5px;color:var(--faint);}

.hero-visual{position:relative;}
.hero-photo{aspect-ratio:4/5;border-radius:230px 230px 22px 22px;overflow:hidden;
  background:linear-gradient(165deg,var(--panel),var(--panel-2));
  border:1px solid var(--line-s);display:grid;place-items:center;box-shadow:var(--shadow-lg);}
.hero-photo span{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);
  text-align:center;line-height:2;padding:0 32px;}
.hero-badge{position:absolute;left:-22px;bottom:38px;background:var(--surface);
  border:1px solid var(--line);border-radius:16px;padding:15px 20px;box-shadow:var(--shadow-lg);}
.hero-badge .n{font-size:27px;font-weight:700;color:var(--nuit-titre);line-height:1;font-variant-numeric:tabular-nums;}
.hero-badge .l{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-top:5px;font-weight:600;}
@media(max-width:880px){.hero-grid{grid-template-columns:1fr;gap:44px;}
  .hero-photo{max-width:330px;margin:0 auto;}.hero-badge{left:0;}}

/* --- PROMESSES --- */
.promises{display:grid;grid-template-columns:repeat(auto-fit,minmax(236px,1fr));gap:0;
  margin-top:12px;border-top:1px solid var(--line);}
.promise{padding:26px 26px 26px 0;border-right:1px solid var(--line);}
.promise:last-child{border-right:0;}
.promise .ic{width:38px;height:38px;border-radius:50%;
  background:var(--panel);display:grid;place-items:center;margin-bottom:14px;}
.promise .ic svg{width:18px;height:18px;stroke:var(--or-texte);fill:none;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;}
.promise p{font-size:15px;line-height:1.58;font-weight:500;color:var(--ink);}
@media(max-width:880px){.promise{border-right:0;border-bottom:1px solid var(--line);padding-right:0;}}

/* --- BANDEAU VERT : les chiffres, en bijou --- */
.stats{background:var(--nuit);color:#FFFFFF;padding:60px 0;margin-top:70px;position:relative;overflow:hidden;}
.stats::before{content:"";position:absolute;top:-140px;left:-120px;width:520px;height:520px;border-radius:50%;
  background:radial-gradient(circle,rgba(201,162,92,.14),transparent 66%);}
.stats-in{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:34px;
  text-align:center;position:relative;}
.stat .n{font-size:clamp(34px,4.7vw,50px);font-weight:700;color:var(--or);line-height:1;
  font-variant-numeric:tabular-nums;letter-spacing:-.03em;}
.stat .l{font-size:11.5px;letter-spacing:.17em;text-transform:uppercase;
  color:#C9D6DE;margin-top:11px;font-weight:600;}

/* --- SECTIONS --- */
section.blk{padding:88px 0;}
.blk h2{font-size:clamp(28px,3.7vw,42px);}
.blk .lead{font-size:18.5px;color:var(--muted);margin-top:20px;font-weight:300;line-height:1.78;}

.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center;}
.about-photo{aspect-ratio:1;border-radius:50%;background:linear-gradient(150deg,var(--panel),var(--panel-2));
  border:1px solid var(--line-s);display:grid;place-items:center;position:relative;box-shadow:var(--shadow-lg);}
.about-photo::after{content:"";position:absolute;inset:-13px;border-radius:50%;
  border:1px solid var(--or);}
.about-photo span{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);
  text-align:center;line-height:2;}
.signature{font-family:"Amalfi","Poppins",serif;font-size:31px;color:var(--or-texte);margin-top:26px;}
@media(max-width:880px){.about{grid-template-columns:1fr;gap:38px;}.about-photo{max-width:280px;margin:0 auto;}}

/* --- MÉTHODE --- */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:18px;margin-top:46px;}
.step{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:30px 26px;
  box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease;}
.step:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}
.step .num{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;
  background:var(--nuit);color:var(--or);font-size:16px;font-weight:700;margin-bottom:17px;}
.step h3{font-size:17.5px;margin-bottom:10px;}
.step p{font-size:14.5px;color:var(--muted);line-height:1.65;}

/* --- TÉMOIGNAGES --- */
.quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px;margin-top:44px;}
.quote{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:30px 28px;
  box-shadow:var(--shadow);display:flex;flex-direction:column;gap:17px;}
.quote .mark{font-family:"Amalfi","Poppins",serif;font-size:52px;color:var(--or-f);line-height:.55;height:24px;}
.quote p{font-size:15.5px;line-height:1.75;color:var(--ink-2);}
.quote .who{font-size:13.5px;color:var(--muted);margin-top:auto;}
.quote .who b{color:var(--ink);font-weight:600;}
.rating{display:flex;gap:3px;}
.rating svg{width:15px;height:15px;fill:var(--or-f);}
.avis-bar{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;
  margin-top:34px;padding:22px 28px;background:var(--panel);border:1px dashed var(--line-s);
  border-radius:16px;font-size:14px;color:var(--muted);text-align:center;}

/* --- FAQ --- */
details{background:var(--surface);border:1px solid var(--line);border-radius:16px;margin-bottom:12px;overflow:hidden;}
details[open]{border-color:var(--or);box-shadow:var(--shadow);}
summary{padding:21px 24px;font-size:16.5px;font-weight:500;color:var(--ink);cursor:pointer;
  list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;}
summary::-webkit-details-marker{display:none;}
summary::after{content:"";width:11px;height:11px;border-right:2px solid var(--or-fonce);
  border-bottom:2px solid var(--or-fonce);transform:rotate(45deg);flex:none;margin-top:-5px;
  transition:transform .2s ease;}
details[open] summary::after{transform:rotate(-135deg);margin-top:3px;}
details p{padding:0 24px 23px;font-size:15.5px;color:var(--muted);line-height:1.78;}

/* --- CONTACT sur fond vert --- */
.contact{background:var(--nuit);color:#FFFFFF;border-radius:30px;padding:62px 50px;
  text-align:center;position:relative;overflow:hidden;}
.contact::before{content:"";position:absolute;bottom:-190px;right:-130px;width:560px;height:560px;
  border-radius:50%;background:radial-gradient(circle,rgba(201,162,92,.18),transparent 65%);}
.contact>*{position:relative;}
.contact h2{color:var(--or);max-width:19ch;margin:0 auto;}
.contact .lead{color:var(--sur-fond-chaud-2);max-width:52ch;margin:20px auto 0;}
.form-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:12px;
  margin-top:38px;text-align:left;}
.field{background:rgba(255,255,255,.10);border:1px solid rgba(244,239,228,.22);border-radius:12px;padding:14px 17px;}
.field .lab{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--or);font-weight:600;}
.field .val{font-size:14px;color:var(--sur-fond-chaud-2);margin-top:4px;}
.field.wide{grid-column:1/-1;background:transparent;border:0;padding:8px 0 0;}

/* --- FOOTER --- */
footer.site{background:var(--panel);border-top:1px solid var(--line);padding:62px 0 36px;margin-top:88px;}
.foot-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:44px;}
.foot-grid h4{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--or-texte);
  margin-bottom:16px;font-weight:600;}
a.foot-link{font-size:14px;color:var(--muted);text-decoration:none;display:block;margin-bottom:9px;}
a.foot-link:hover{color:var(--ink);}
.foot-grid p{font-size:14px;color:var(--muted);line-height:1.68;}
.seo-line{font-size:13px;color:var(--faint);line-height:1.72;margin-top:38px;padding-top:24px;border-top:1px solid var(--line);}
.legal{font-size:11.5px;color:var(--faint);margin-top:18px;line-height:1.72;}
@media(max-width:820px){.foot-grid{grid-template-columns:1fr;gap:30px;}.contact{padding:42px 24px;}}

/* ---------------------------------------------------------------
   Découpage en pages : liens de suite, onglet actif, mentions
   légales restant à renseigner.
   --------------------------------------------------------------- */
.lien-suite{color:var(--or-texte);font-weight:600;text-decoration:none;font-size:14.5px;}
.lien-suite:hover{text-decoration:underline;}

.nav-link.est-actif{color:var(--or-texte);font-weight:600;}

/* Signale visiblement une mention légale non encore fournie. */
.a-completer{background:#FBF3E1;color:#8A6414;border:1px dashed #8A6414;
  border-radius:5px;padding:1px 7px;font-size:.88em;font-weight:600;font-style:normal;}

/* Pages légales : titres de section lisibles dans un texte long. */
.blk h2{margin-top:38px;margin-bottom:12px;font-size:20px;}
.blk h2:first-of-type{margin-top:26px;}