/* Rel Media — styles partagés de l'accueil (extraits le 2026-10-07). Nouveau nom à chaque version. */
:root{
  --bg:#f8f5ef;--surface:#fff;--surface-2:#f0ebe1;--ink:#1a1916;--muted:#5e584f;--faint:#8a8378;--line:#e4ded2;
  --gold:#c9a84c;--gold-ink:#8a6a1f;--hl:#f2e2b3;--ok:#1f7a3a;--dark:#11100e;--dark-2:#1b1a17;
  --ff-d:'Inter Tight','Inter',system-ui,-apple-system,'Segoe UI',sans-serif;--ff-b:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;--ff-m:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --r:16px;--wrap:1180px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.0625rem/1.65 var(--ff-b);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--ff-d);font-weight:600;letter-spacing:-.03em;line-height:1.08;margin:0;text-wrap:balance}
h1 em,h2 em{font-style:normal;color:var(--gold-ink);font-weight:inherit}
h3{font-size:1.45rem;line-height:1.2}
mark{background:linear-gradient(transparent 58%,var(--hl) 58%);color:inherit;padding:0 .06em}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.center{text-align:center}
.small{font-size:.92rem;color:var(--muted);margin:16px 0 0}
.skip-link{position:absolute;left:-9999px;top:8px;z-index:200;background:var(--ink);color:#fff;padding:10px 14px;border-radius:8px}
.skip-link:focus{left:12px}
:focus-visible{outline:2px solid var(--gold-ink);outline-offset:3px}

/* Libellés */
.eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;font:500 .72rem/1.3 var(--ff-m);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.eyebrow::before{content:"";width:18px;height:1px;background:var(--gold)}
.eyebrow .dot{order:-1}
.hero .eyebrow::before{display:none}
.dot{width:8px;height:8px;border-radius:50%;background:var(--ok);flex:none;animation:pulse 2.2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(31,122,58,.45)}100%{box-shadow:0 0 0 10px rgba(31,122,58,0)}}

/* Boutons et liens */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:16px 26px;font:600 1rem/1 var(--ff-b);text-decoration:none;border:1px solid transparent;transition:transform .18s ease,box-shadow .18s ease,background .18s}
.btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.btn:hover{transform:translateY(-1px)}
.btn:hover svg{transform:translateX(4px)}
.btn-ink{background:var(--ink);color:var(--bg)}
.btn-ink svg{stroke:var(--gold)}
.btn-ink:hover{box-shadow:0 12px 26px rgba(26,25,22,.22)}
.btn-gold{background:var(--gold);color:#1a1916}
.btn-gold:hover{box-shadow:0 12px 26px rgba(201,168,76,.32)}
.btn-line{border-color:var(--ink);color:var(--ink);background:transparent}
.btn-line:hover{background:var(--ink);color:var(--bg)}
.btn-sm{padding:10px 18px;font-size:.9rem}
.link-u{color:var(--ink);text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:1.5px;text-underline-offset:4px;font-weight:500}
.link-u:hover{color:var(--gold-ink)}

/* En-tête */
.site-header{position:sticky;top:0;z-index:100;background:rgba(248,245,239,.82);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid transparent;transition:border-color .2s,background .2s}
.site-header.scrolled{border-color:var(--line);background:rgba(248,245,239,.94)}
.hd{display:flex;align-items:center;justify-content:space-between;gap:24px;height:72px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font:600 1.05rem/1 var(--ff-b);letter-spacing:-.01em}
.logo img{width:34px;height:34px;border-radius:50%;object-fit:cover}
.logo b{color:var(--gold)}
.nav-links{display:flex;gap:30px;list-style:none;margin:0;padding:0}
.nav-links a{text-decoration:none;font-size:.92rem;color:var(--muted);transition:color .15s}
.nav-links a:hover{color:var(--ink)}
.hd-right{display:flex;align-items:center;gap:18px}
.rm-phone{text-decoration:none;font-weight:600;font-size:.95rem;white-space:nowrap}

/* Hero */
.hero{padding:72px 0 88px;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;right:-12%;top:-30%;width:62vw;height:62vw;max-width:820px;max-height:820px;border-radius:50%;background:radial-gradient(closest-side,rgba(201,168,76,.18),rgba(201,168,76,0));pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center;position:relative}
.hero h1{font-size:clamp(2.6rem,5.6vw,4.6rem);margin:0 0 24px}
.h1-soft{display:block;color:var(--muted);font-weight:500}
.lead{font-size:1.18rem;color:var(--muted);max-width:36ch;margin:0 0 32px}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px}
.reassure{margin:16px 0 0;font:500 .76rem/1.4 var(--ff-m);letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.stats{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:36px;margin:44px 0 0;padding-top:28px;border-top:1px solid var(--line)}
.stats div{margin:0}
.stats dt{font:500 2.2rem/1 var(--ff-d);letter-spacing:-.02em}
.stats dt small{font-size:.5em;color:var(--muted);margin-left:2px}
.stats dd{margin:6px 0 0;font-size:.85rem;color:var(--muted)}

.flow{position:relative;display:flex;flex-direction:column;gap:14px;max-width:440px;margin-left:auto}
.flow::before{content:"";position:absolute;left:35px;top:34px;bottom:58px;width:1px;background:linear-gradient(var(--gold),rgba(201,168,76,.15))}
.flow-step{position:relative;display:flex;gap:16px;align-items:flex-start;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 30px rgba(26,25,22,.06);opacity:0;transform:translateY(10px);animation:flowIn .6s ease forwards;animation-delay:var(--d)}
.flow-hit{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,168,76,.16),0 18px 40px rgba(26,25,22,.12)}
.flow-ico{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--bg);border:1px solid rgba(201,168,76,.6);position:relative;z-index:1}
.flow-hit .flow-ico{background:var(--gold);border-color:var(--gold)}
.flow-ico svg{width:17px;height:17px;fill:none;stroke:var(--gold-ink);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.flow-hit .flow-ico svg{stroke:#1a1916}
.flow-k{display:block;font:500 .64rem/1.3 var(--ff-m);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink);margin-bottom:4px}
.flow-m{margin:0;font:500 1.02rem/1.35 var(--ff-b)}
.flow-s{margin:3px 0 0;font-size:.84rem;color:var(--muted);line-height:1.5}
.flow-ping{position:absolute;top:14px;right:14px;width:9px;height:9px;border-radius:50%;background:#22a04b;animation:ping 2s ease-out infinite 1.4s}
.flow-cap{margin:4px 0 0 54px;font:500 .62rem/1.4 var(--ff-m);letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
@keyframes flowIn{to{opacity:1;transform:none}}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(34,160,75,.5)}80%,100%{box-shadow:0 0 0 12px rgba(34,160,75,0)}}

/* Bandeau défilant */
.marquee{border-block:1px solid var(--line);background:var(--surface);overflow:hidden;padding:18px 0}
.marquee-track{display:flex;width:max-content;animation:mq 40s linear infinite}
.marquee span{font:500 1.05rem/1 var(--ff-d);color:var(--muted);letter-spacing:-.01em;padding:0 28px;white-space:nowrap;display:flex;align-items:center;gap:28px}
.marquee span::after{content:"✦";font-style:normal;font-size:.7rem;color:var(--gold)}
@keyframes mq{to{transform:translateX(-50%)}}

/* Sections */
.sec{padding:112px 0}
.sec-alt{background:var(--surface-2)}
.sec-head{max-width:720px;margin-bottom:52px}
.sec-head h2,.diag-offer h2,.remi h2,.book h2,.final h2{font-size:clamp(2rem,4vw,3.15rem)}
.sec-head p:not(.eyebrow){color:var(--muted);font-size:1.1rem;margin:18px 0 0;max-width:60ch}
.ticks{list-style:none;padding:0;margin:20px 0 24px;display:grid;gap:10px}
.ticks li{position:relative;padding-left:28px;color:var(--ink)}
.ticks li::before{content:"";position:absolute;left:2px;top:.45em;width:14px;height:8px;border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg)}

/* Quiz */
.quiz{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.quiz-card{position:relative;display:flex;flex-direction:column;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:26px 22px 24px;cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .18s}
.quiz-card:hover{border-color:rgba(201,168,76,.7);transform:translateY(-2px)}
.quiz-card input{position:absolute;opacity:0;pointer-events:none}
.quiz-box{position:absolute;top:22px;right:22px;width:22px;height:22px;border:1.5px solid var(--line);border-radius:6px;transition:all .15s;background:var(--bg)}
.quiz-card input:checked~.quiz-box{background:var(--ink);border-color:var(--ink)}
.quiz-card input:checked~.quiz-box::after{content:"";position:absolute;left:6px;top:3px;width:6px;height:10px;border:solid var(--gold);border-width:0 2px 2px 0;transform:rotate(45deg)}
.quiz-card:has(input:checked){border-color:var(--ink);box-shadow:0 12px 30px rgba(26,25,22,.1)}
.quiz-card input:focus-visible~.quiz-box{outline:2px solid var(--gold-ink);outline-offset:3px}
.quiz-n{font:500 .72rem/1 var(--ff-m);color:var(--gold-ink);letter-spacing:.12em}
.quiz-card strong{font:600 1.15rem/1.3 var(--ff-d);margin-top:10px;padding-right:20px}
.quiz-card span:last-child{color:var(--muted);font-size:.95rem;line-height:1.55}
.quiz-out{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;margin-top:28px;padding:22px 26px;border:1px dashed var(--line);border-radius:var(--r);transition:all .25s}
.quiz-msg{margin:0;font-size:1.05rem;color:var(--muted)}
.quiz-out .btn{opacity:.35;pointer-events:none;transition:opacity .25s}
.quiz-out.on{border-style:solid;border-color:var(--gold);background:var(--surface)}
.quiz-out.on .quiz-msg{color:var(--ink);font-weight:500}
.quiz-out.on .btn{opacity:1;pointer-events:auto}

/* Objections */
.obj{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.obj-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:30px 28px}
.obj-q{margin:0 0 18px;font:600 1.15rem/1.4 var(--ff-d);letter-spacing:-.01em}
.obj-a{margin:0;color:var(--muted)}
.obj-a span{color:var(--gold-ink);font-weight:700;margin-right:4px}

/* Systèmes */
.sys{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.sys-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:38px 36px;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s}
.sys-card:hover{border-color:rgba(201,168,76,.7);box-shadow:0 24px 50px rgba(26,25,22,.08)}
.sys-for{margin:0 0 14px;font:500 .72rem/1.4 var(--ff-m);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink)}
.sys-card h3{font-size:2rem}
.sys-goal{color:var(--muted);margin:10px 0 0;font-size:1.05rem}
.sys-price{margin:auto 0 22px;padding-top:22px;border-top:1px solid var(--line);display:grid;gap:2px}
.sys-price span{font:500 .7rem/1.4 var(--ff-m);letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.sys-price strong{font:500 1.7rem/1.2 var(--ff-d)}
.sys-price small{color:var(--muted);font-size:.9rem}

/* Secteurs */
.sect{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sect-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:28px 26px;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s}
.sect-card:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 18px 40px rgba(26,25,22,.08)}
.sect-n{font:500 .72rem/1 var(--ff-m);color:var(--gold-ink);letter-spacing:.12em}
.sect-card h3{font-size:1.35rem;margin:14px 0 12px}
.sect-card ul{margin:0 0 20px;padding-left:18px;color:var(--muted);font-size:.95rem;display:grid;gap:5px}
.sect-card li::marker{color:var(--gold)}
.sect-go{margin-top:auto;font-weight:600;font-size:.92rem;color:var(--ink)}
.sect-card:hover .sect-go{color:var(--gold-ink)}

/* Résultats */
.case{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:44px}
.case-2{margin-top:24px;grid-template-columns:.9fr 1.1fr}
.case-tag{margin:0 0 12px;font:500 .7rem/1.4 var(--ff-m);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink)}
.case h3{font-size:2.1rem;margin-bottom:12px}
.case-txt>p:not(.case-tag){color:var(--muted)}
.scores{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:18px}
.scores div{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:14px 10px;text-align:center}
.scores b{display:block;font:500 2rem/1 var(--ff-d);color:var(--ok)}
.scores span{display:block;margin-top:6px;font-size:.74rem;color:var(--muted);line-height:1.3}
.case figure,figure.case-proof{margin:0}
.case figure img{border-radius:12px;border:1px solid var(--line)}
.case figcaption{margin-top:10px;font-size:.8rem;color:var(--faint)}
.google-reviews{margin:28px 0 0;text-align:center}

/* Section sombre : aperçu du Bilan */
.sec-dark{background:var(--dark);color:#edeae4}
.sec-dark .eyebrow{color:#a39e94}
.sec-dark h2 em{color:#d9bc6a}
.sec-dark .sec-head p:not(.eyebrow){color:#a39e94}
.sec-dark .link-u{color:#edeae4}
.sec-dark .small{color:#a39e94}
.pages{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-bottom:44px}
.pg{margin:0;transform:rotate(var(--rot,0deg));transition:transform .3s ease}
.pg:nth-child(1){--rot:-2deg}.pg:nth-child(2){--rot:1.2deg}.pg:nth-child(3){--rot:-1deg}.pg:nth-child(4){--rot:1.8deg}
.pg:hover{transform:translateY(-6px) rotate(0)}
.pg img{border-radius:8px;box-shadow:0 24px 50px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.14)}
.pg figcaption{margin-top:14px;font-size:.92rem;color:#a39e94}
.pg figcaption b{color:#d9bc6a;margin-right:4px}

/* Parcours */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;position:relative}
.steps::before{content:"";position:absolute;top:22px;left:22px;right:22px;height:1px;background:var(--line)}
.step{position:relative;padding-top:58px}
.step-n{position:absolute;top:0;left:0;width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:var(--bg);border:1px solid var(--line);font:500 .78rem/1 var(--ff-m);color:var(--muted)}
.step-on .step-n{background:var(--ink);border-color:var(--ink);color:var(--gold)}
.step h3{font-size:1.3rem}
.step-meta{margin:6px 0 10px;font:500 .72rem/1.4 var(--ff-m);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-ink)}
.step p:last-child{margin:0;color:var(--muted);font-size:.95rem}

/* Diagnostic */
.diag{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.diag-offer>p:not(.eyebrow):not(.small){color:var(--muted);font-size:1.08rem;margin:18px 0 0}
.price{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;margin:26px 0 4px}
.price strong{font:500 3.2rem/1 var(--ff-d)}
.price span{color:var(--muted);font-size:.92rem}
.dl-doc{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:30px 30px 18px;box-shadow:0 24px 60px rgba(26,25,22,.08);position:relative;overflow:hidden}
.dl-doc::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--gold)}
.dl-head{border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:6px}
.dl-k{display:block;font:500 .68rem/1.4 var(--ff-m);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink)}
.dl-head h3{margin:8px 0 2px}
.dl-meta{font-size:.82rem;color:var(--faint)}
.dl-findings{list-style:none;margin:0;padding:0;counter-reset:dl}
.dl-findings li{counter-increment:dl;position:relative;padding:16px 0 16px 34px;border-bottom:1px solid var(--line)}
.dl-findings li:last-child{border:0}
.dl-findings li::before{content:counter(dl,decimal-leading-zero);position:absolute;left:0;top:18px;font:500 .74rem/1 var(--ff-m);color:var(--gold-ink)}
.dl-findings p{margin:0 0 8px;font-size:.96rem}
.tag{display:inline-block;font-size:.72rem;font-weight:600;padding:4px 9px;border-radius:999px;margin:0 6px 4px 0}
.t-high{background:#f6ddd5;color:#8a2a14}.t-mid{background:#f2e6c4;color:#6d5310}.t-low{background:#ebe7df;color:#4a463e}
.t-done{background:#dbefdd;color:#1f5b2b}.t-prog{background:#f2e6c4;color:#6d5310}.t-todo{background:#ebe7df;color:#4a463e}

/* Rémi */
.remi{display:grid;grid-template-columns:380px 1fr;gap:64px;align-items:center}
.remi-img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:28px;box-shadow:0 30px 60px rgba(26,25,22,.15)}
.remi blockquote{margin:26px 0 18px;font:600 1.4rem/1.4 var(--ff-d);letter-spacing:-.015em}
.remi-txt>p:not(.eyebrow):not(.small){color:var(--muted)}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.tags span{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:7px 13px;font-size:.84rem;color:var(--muted)}

/* Réservation */
.book{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
.book-cal{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:10px;box-shadow:0 24px 60px rgba(26,25,22,.08)}
.book-cal iframe{display:block;width:100%;height:640px;border:0;border-radius:14px;background:#fff url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22400%22%20height%3D%22120%22%3E%3Ctext%20x%3D%22200%22%20y%3D%2256%22%20text-anchor%3D%22middle%22%20font-family%3D%22Inter%2CArial%2Csans-serif%22%20font-size%3D%2216%22%20fill%3D%22%238a8378%22%3EChargement%20du%20calendrier%E2%80%A6%3C/text%3E%3Ctext%20x%3D%22200%22%20y%3D%2282%22%20text-anchor%3D%22middle%22%20font-family%3D%22Inter%2CArial%2Csans-serif%22%20font-size%3D%2213%22%20fill%3D%22%23b5ad9f%22%3EQuelques%20secondes%3C/text%3E%3C/svg%3E") center 120px no-repeat}
.book-help{font-size:.8rem;color:var(--faint);margin:10px 8px 6px}

/* FAQ */
.faq-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font:500 1.12rem/1.4 var(--ff-b)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex:none;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:1.1rem;color:var(--gold-ink);transition:transform .2s,background .2s}
.faq details[open] summary::after{transform:rotate(45deg);background:var(--ink);color:var(--gold);border-color:var(--ink)}
.faq details p{margin:0 0 22px;color:var(--muted);max-width:62ch}

/* Appel final */
.final{padding:120px 0;background:var(--dark);color:#edeae4;position:relative;overflow:hidden}
.final::before{content:"";position:absolute;left:50%;top:-40%;transform:translateX(-50%);width:900px;height:900px;border-radius:50%;background:radial-gradient(closest-side,rgba(201,168,76,.18),transparent);pointer-events:none}
.final .wrap{position:relative}
.final .eyebrow{color:#a39e94}
.final h2{max-width:20ch;margin:0 auto 22px}
.final h2 em{color:#d9bc6a}
.final .lead{margin:0 auto 34px;color:#a39e94;max-width:44ch}
.final .link-u{color:#edeae4}
.final .small{color:#a39e94}

/* Pied de page */
.site-footer{background:var(--dark-2);color:#a39e94;padding:64px 0 28px;font-size:.92rem}
.ft{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.ft .logo{color:#edeae4;margin-bottom:14px}
.ft-brand p{margin:0;line-height:1.7}
.ft-col{display:flex;flex-direction:column;gap:9px}
.ft-col p{margin:0 0 6px;font:500 .7rem/1.4 var(--ff-m);letter-spacing:.14em;text-transform:uppercase;color:#6d675c}
.ft-col a{color:#c9c4ba;text-decoration:none}
.ft-col a:hover{color:#d9bc6a}
.ft-col .rm-phone{color:#d9bc6a}
.ft-legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:48px;padding-top:22px;border-top:1px solid #2a2720;font-size:.82rem;color:#6d675c}

/* Barre mobile */
.m-bar{display:none}

/* Apparition */
.js-rv .rv{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s ease}
.js-rv .rv.in{opacity:1;transform:none}

/* Responsive */
@media(max-width:1080px){
  .nav-links{display:none}
  .quiz{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:1fr;gap:0}
  .steps::before{top:22px;bottom:22px;left:22px;right:auto;width:1px;height:auto}
  .step{padding:0 0 30px 70px;min-height:45px}
  .sect{grid-template-columns:repeat(2,1fr)}
  .ft{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .hero{padding:44px 0 64px}
  .hero-grid,.diag,.book,.faq-wrap,.remi,.case,.case-2{grid-template-columns:1fr;gap:40px}
  .flow{margin:0;max-width:none}
  .obj{grid-template-columns:1fr}
  .sys{grid-template-columns:1fr}
  .pages{grid-template-columns:repeat(2,1fr)}
  .remi-img{max-width:280px}
  .case{padding:28px}
  .sec{padding:80px 0}
  .final{padding:88px 0}
}
@media(max-width:600px){
  .wrap{padding:0 18px}
  .hd{height:64px}
  .hd-right .rm-phone{display:none}
  .stats{grid-template-columns:repeat(3,1fr);gap:16px}
  .stats dt{font-size:1.7rem}
  .stats dd{font-size:.76rem}
  .quiz,.sect{grid-template-columns:1fr}
  .scores{grid-template-columns:repeat(3,1fr)}
  .book-cal iframe{height:600px}
  .ft{grid-template-columns:1fr}
  .m-bar{display:flex;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:90;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(248,245,239,.96);backdrop-filter:blur(8px);border-top:1px solid var(--line)}
  .m-bar a{flex:1;display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:999px;font-weight:600;text-decoration:none}
  .m-call{border:1px solid var(--ink);color:var(--ink)}
  .m-bilan{background:var(--ink);color:var(--bg)}
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
  #rm-consent-settings{bottom:calc(80px + env(safe-area-inset-bottom))!important}
  #rm-consent{bottom:calc(124px + env(safe-area-inset-bottom))!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.flow-step{opacity:1;transform:none}}
em{font-style:normal}

/* ===== Pages intérieures : composants partagés ===== */
.crumb{display:flex;gap:8px;margin:0 0 30px;font-size:.84rem;color:var(--faint)}
.crumb a{color:var(--muted);text-decoration:none}.crumb a:hover{color:var(--ink)}
.pill{display:inline-flex;align-items:center;gap:8px;background:var(--hl);color:#6d5310;border-radius:999px;padding:8px 14px;font-weight:600;font-size:.86rem;margin:0 0 22px;text-decoration:none}
.pill .dot{width:7px;height:7px}
a.pill:hover{background:#ecd69a}
.call-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:32px 32px 26px;box-shadow:0 30px 70px rgba(26,25,22,.10);position:relative;overflow:hidden;max-width:440px;margin-left:auto}
.call-card::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--gold)}
.call-card .dl-k{margin-bottom:12px}
.cc-h{margin:0;font:600 1.6rem/1.2 var(--ff-d);letter-spacing:-.02em}
.cc-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin:20px 0 4px}
.cc-price strong{font:600 3.6rem/1 var(--ff-d);color:var(--gold-ink);letter-spacing:-.03em}
.cc-price span{color:var(--muted);font-size:.92rem}
.cc-who{display:flex;gap:14px;align-items:center;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.cc-who img{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:none}
.cc-who b{display:block;font-size:.98rem}
.cc-who span{font-size:.86rem;color:var(--muted)}
.trust{display:flex;flex-wrap:wrap;gap:10px 22px;margin:48px 0 0;padding-top:24px;border-top:1px solid var(--line);list-style:none;padding-left:0}
.trust li{display:flex;align-items:center;gap:8px;font-size:.92rem;color:var(--muted)}
.trust .ic{width:18px;height:18px;color:var(--gold-ink)}
.ic{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.oi{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--ink);color:var(--gold);margin-bottom:18px;transition:transform .35s}
.oi-soft{background:#f6ecd2;color:var(--gold-ink)}
.look{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.look-4{grid-template-columns:repeat(4,1fr)}
.look .obj-card{display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s,border-color .3s}
.look .obj-card:hover{transform:translateY(-6px);border-color:rgba(201,168,76,.7);box-shadow:0 26px 50px rgba(26,25,22,.08)}
.look .obj-card:hover .oi{transform:rotate(-8deg)}
.look h3{margin:0 0 10px}
.card-k{display:block;margin:0 0 10px;font:600 .68rem/1.4 var(--ff-m);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink)}
.card-out{margin:18px 0 0;padding:14px 16px;border-radius:12px;background:var(--bg);font-size:.9rem;color:var(--ink)}
.card-out b{display:block;margin-bottom:4px;font:600 .66rem/1.4 var(--ff-m);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink)}
.look .card-out{margin-top:auto}
.look .obj-a+.card-out{margin-top:18px}
.note{margin:32px 0 0;padding:18px 22px;border-left:3px solid var(--gold);background:var(--surface);border-radius:0 12px 12px 0;color:var(--muted);font-size:.96rem;max-width:860px}
.note strong{color:var(--ink)}
.pcards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:pc}
.pcards-3{grid-template-columns:repeat(3,1fr)}
.pcards li{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px 22px;transition:border-color .25s,transform .25s}
.pcards li:hover{border-color:rgba(201,168,76,.7);transform:translateY(-3px)}
.pc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.pc-top .oi{margin:0}
.pc-n{font:600 .72rem/1 var(--ff-m);letter-spacing:.12em;color:var(--faint)}
.pcards h3{font-size:1.22rem;margin:0}
.pcards .step-meta{margin:6px 0 10px;font:500 .72rem/1.4 var(--ff-m);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-ink)}
.pcards p:last-child{margin:0;color:var(--muted);font-size:.94rem}
.two{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.two .sys-card{position:relative}
.badge{position:absolute;top:-12px;left:30px;background:var(--gold);color:#1a1916;border-radius:999px;padding:6px 12px;font:600 .68rem/1 var(--ff-m);letter-spacing:.1em;text-transform:uppercase}
.sys-card.hot{border-color:var(--gold);box-shadow:0 24px 50px rgba(138,106,31,.12)}
.strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;padding:26px 30px;border-radius:20px;background:var(--dark);color:#edeae4}
.strip p{margin:0;font:600 1.2rem/1.4 var(--ff-d)}
.strip p span{color:#d9bc6a}
.rec{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:0 24px 60px rgba(26,25,22,.08);position:relative;overflow:hidden}
.rec::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--gold)}
.rec dl{margin:18px 0 0;display:grid;gap:0}
.rec dt{font:600 .68rem/1.4 var(--ff-m);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink);padding-top:14px}
.rec dd{margin:4px 0 0;padding-bottom:14px;border-bottom:1px solid var(--line)}
.rec dd:last-of-type{border:0}
.rec .tag{background:#ebe7df;color:#4a463e}
.rec>p:last-child{margin:8px 0 0;font-size:.86rem;color:var(--faint)}
.dl-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.dl-list li{display:flex;gap:16px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px 22px}
.dl-list .oi{margin:0;width:40px;height:40px}
.dl-list h3{font-size:1.15rem;margin:2px 0 6px}
.dl-list p{margin:0;color:var(--muted);font-size:.95rem}
.actions-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:36px}
.actions-row .small{margin:0}
.scope{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:28px 30px}
.scope h3{margin:0 0 6px}
.faq-wrap h2{font-size:clamp(2rem,4vw,3.15rem)}
.faq .link-u{font-weight:600}
.book-cal iframe{height:700px}
/* Formulaire */
.form-wrap{display:grid;grid-template-columns:1.35fr .65fr;gap:28px;align-items:start}
.fcard{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:34px;box-shadow:0 24px 60px rgba(26,25,22,.08)}
.fcard h3{margin:0 0 6px}
.fcard .f-intro{margin:0 0 22px;color:var(--muted);font-size:.95rem}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
.field{display:grid;gap:6px}
.field.full{grid-column:1/-1}
.field label{font-weight:600;font-size:.9rem}
.field .optional{font-weight:400;color:var(--faint)}
.field input,.field select,.field textarea{width:100%;font:400 1rem/1.4 var(--ff-b);color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:13px 14px;transition:border-color .2s,box-shadow .2s}
.field textarea{min-height:120px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,168,76,.18);background:#fff}
.field-help{font-size:.82rem;color:var(--faint)}
.check{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important;font-size:.88rem!important;color:var(--muted)}
.check input{width:18px;height:18px;margin-top:2px;flex:none;accent-color:var(--ink)}
.check a{color:var(--ink)}
.fcard .btn{width:100%;margin-top:22px;cursor:pointer}
.f-note{margin:12px 0 0;font-size:.82rem;color:var(--faint)}
.form-feedback{margin:14px 0 0;padding:12px 14px;border-radius:10px;font-size:.92rem}
.form-feedback.error{background:#f6ddd5;color:#8a2a14}
.side{background:var(--dark);color:#edeae4;border-radius:22px;padding:30px}
.side .eyebrow{color:#a39e94}
.side h3{margin:0 0 10px}
.side p{color:#a39e94;margin:0}
.side .cc-price strong{color:#d9bc6a}
.side .cc-price span{color:#a39e94}
.side .ticks li{color:#edeae4}
.side a{color:#edeae4}
@media(max-width:1080px){.look-4{grid-template-columns:repeat(2,1fr)}.pcards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.call-card{margin:0;max-width:none}.look,.look-4,.two,.pcards-3,.form-wrap{grid-template-columns:1fr}.strip{padding:22px}}
@media(max-width:600px){.cc-price strong{font-size:3rem}.book-cal iframe{height:760px}.pcards{grid-template-columns:1fr}.fields{grid-template-columns:1fr}.fcard{padding:24px}.dl-list li{padding:18px}}
.two .sys-goal{margin-bottom:24px}
.side{position:sticky;top:110px}
@media(max-width:900px){.side{position:static}}
