/* Pack Prospection : contenu et structure des pages d'origine, design du Diagnostic IA (go.heinlyacademie.com/prompt-ia).
   Halos bleutés très flous, grain léger, verre dépoli, Instrument Sans 500, pilules à icône ronde.
   Correspondances : bleu de marque → encre, surligneur jaune → surligneur bleuté, italique serif → seconde couleur (gris).
   build.py colle ce fichier dans chaque page : HTML Pub veut une page autonome. */

/* Instrument Sans hébergée sur le domaine (médiathèque HTML Pub, cache d'un an) au lieu de Google Fonts :
   une seule police variable (graisses 400 à 600, alphabet latin), préchargée dans le <head> de chaque page. */
@font-face {
  font-family: "Instrument Sans"; font-style: normal; font-weight: 400 600; font-display: swap;
  src: url("https://go.heinlyacademie.com/api/library/cpcdenwi67h4iq285vshn1qi") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
  --bg: #FBFCFE;
  --ink: #2A2620;
  --text: #3D3833;
  --muted: #7A736A;
  --line: rgba(42, 38, 32, 0.09);
  --glow-1: rgba(188, 205, 238, 0.55);
  --glow-2: rgba(214, 224, 243, 0.85);
  --glow-3: rgba(184, 201, 234, 0.4);
  --grain: 0.06;
  --glass: rgba(255, 255, 255, 0.58);
  --panel: rgba(255, 255, 255, 0.72);
  --field: rgba(255, 255, 255, 0.9);
  --focus: rgba(42, 38, 32, 0.12);
  --edge-top: rgba(255, 255, 255, 1);
  --edge-line: rgba(42, 38, 32, 0.08);
  --sheet2: rgba(255, 255, 255, 0.75);
  --shadow: 0 1px 2px rgba(42, 38, 32, 0.05), 0 28px 60px -30px rgba(42, 38, 32, 0.3);
  --shadow-sm: 0 1px 2px rgba(42, 38, 32, 0.06), 0 8px 18px -10px rgba(42, 38, 32, 0.25);
  --btn: #2A2620;
  --btn-ink: #FFFFFF;
  --btn-ico: rgba(255, 255, 255, 0.16);
  --btn-ico-line: rgba(255, 255, 255, 0.45);
  --btn-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 10px 24px -12px rgba(42, 38, 32, 0.6);
  --btn2: rgba(255, 255, 255, 0.6);
  --btn2-ink: #2A2620;
  --btn2-ico: #FFFFFF;
  --btn2-ico-line: #2A2620;
  --mark: rgba(170, 192, 236, 0.6);
  --tint: linear-gradient(135deg, rgba(188, 205, 238, 0.65), rgba(214, 224, 243, 0.9));
  --strip: #2A2620;
  --strip-ink: rgba(255, 255, 255, 0.78);
  --strip-strong: #FFFFFF;
  --bar: rgba(251, 252, 254, 0.8);
  --check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5 10 17.5 19 7'/%3E%3C/svg%3E");
  --check-ink: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232A2620' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5 10 17.5 19 7'/%3E%3C/svg%3E");
  --stars: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1.3 1 77.4 12.7'%3E%3Cpolygon points='8,1 9.7,5.7 14.7,5.8 10.7,8.9 12.1,13.7 8,10.9 3.9,13.7 5.3,8.9 1.3,5.8 6.3,5.7'/%3E%3Cpolygon transform='translate(16 0)' points='8,1 9.7,5.7 14.7,5.8 10.7,8.9 12.1,13.7 8,10.9 3.9,13.7 5.3,8.9 1.3,5.8 6.3,5.7'/%3E%3Cpolygon transform='translate(32 0)' points='8,1 9.7,5.7 14.7,5.8 10.7,8.9 12.1,13.7 8,10.9 3.9,13.7 5.3,8.9 1.3,5.8 6.3,5.7'/%3E%3Cpolygon transform='translate(48 0)' points='8,1 9.7,5.7 14.7,5.8 10.7,8.9 12.1,13.7 8,10.9 3.9,13.7 5.3,8.9 1.3,5.8 6.3,5.7'/%3E%3Cpolygon transform='translate(64 0)' points='8,1 9.7,5.7 14.7,5.8 10.7,8.9 12.1,13.7 8,10.9 3.9,13.7 5.3,8.9 1.3,5.8 6.3,5.7'/%3E%3C/svg%3E");
  --sans: "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #111318; --ink: #F4F1EC; --text: #DDD8D0; --muted: #A39D93; --line: rgba(255, 255, 255, 0.08);
    --glow-1: rgba(70, 104, 178, 0.32); --glow-2: rgba(44, 66, 120, 0.32); --glow-3: rgba(76, 108, 176, 0.2); --grain: 0.07;
    --glass: rgba(255, 255, 255, 0.05); --panel: rgba(255, 255, 255, 0.035); --field: rgba(255, 255, 255, 0.06); --focus: rgba(244, 241, 236, 0.16);
    --edge-top: rgba(255, 255, 255, 0.08); --edge-line: rgba(255, 255, 255, 0.09); --sheet2: rgba(255, 255, 255, 0.04);
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 30px 70px -30px rgba(0, 0, 0, 0.75);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3), 0 10px 22px -12px rgba(0, 0, 0, 0.7);
    --btn: #F4F1EC; --btn-ink: #2A2620; --btn-ico: rgba(42, 38, 32, 0.08); --btn-ico-line: rgba(42, 38, 32, 0.35);
    --btn-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 10px 26px -12px rgba(0, 0, 0, 0.8);
    --btn2: rgba(255, 255, 255, 0.06); --btn2-ink: #F4F1EC; --btn2-ico: #111318; --btn2-ico-line: #F4F1EC;
    --mark: rgba(82, 113, 190, 0.5);
    --tint: linear-gradient(135deg, rgba(70, 104, 178, 0.45), rgba(44, 66, 120, 0.35));
    --strip: rgba(255, 255, 255, 0.04); --strip-ink: #A39D93; --strip-strong: #F4F1EC;
    --bar: rgba(17, 19, 24, 0.78);
    --check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232A2620' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5 10 17.5 19 7'/%3E%3C/svg%3E");
    --check-ink: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F4F1EC' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5 10 17.5 19 7'/%3E%3C/svg%3E");
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #111318; --ink: #F4F1EC; --text: #DDD8D0; --muted: #A39D93; --line: rgba(255, 255, 255, 0.08);
  --glow-1: rgba(70, 104, 178, 0.32); --glow-2: rgba(44, 66, 120, 0.32); --glow-3: rgba(76, 108, 176, 0.2); --grain: 0.07;
  --glass: rgba(255, 255, 255, 0.05); --panel: rgba(255, 255, 255, 0.035); --field: rgba(255, 255, 255, 0.06); --focus: rgba(244, 241, 236, 0.16);
  --edge-top: rgba(255, 255, 255, 0.08); --edge-line: rgba(255, 255, 255, 0.09); --sheet2: rgba(255, 255, 255, 0.04);
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 30px 70px -30px rgba(0, 0, 0, 0.75);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3), 0 10px 22px -12px rgba(0, 0, 0, 0.7);
  --btn: #F4F1EC; --btn-ink: #2A2620; --btn-ico: rgba(42, 38, 32, 0.08); --btn-ico-line: rgba(42, 38, 32, 0.35);
  --btn-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), 0 10px 26px -12px rgba(0, 0, 0, 0.8);
  --btn2: rgba(255, 255, 255, 0.06); --btn2-ink: #F4F1EC; --btn2-ico: #111318; --btn2-ico-line: #F4F1EC;
  --mark: rgba(82, 113, 190, 0.5);
  --tint: linear-gradient(135deg, rgba(70, 104, 178, 0.45), rgba(44, 66, 120, 0.35));
  --strip: rgba(255, 255, 255, 0.04); --strip-ink: #A39D93; --strip-strong: #F4F1EC;
  --bar: rgba(17, 19, 24, 0.78);
  --check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232A2620' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5 10 17.5 19 7'/%3E%3C/svg%3E");
  --check-ink: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F4F1EC' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5 10 17.5 19 7'/%3E%3C/svg%3E");
  color-scheme: dark;
}

body {
  background: var(--bg);
  color: var(--text);
  font-family: var(--sans);
  font-size: 1rem;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}
html { scroll-behavior: smooth; }

/* Fond : trois halos bleutés très flous + grain léger, fixes derrière le contenu */
.backdrop {
  position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(46rem 32rem at 92% -4%, var(--glow-1), transparent 70%),
    radial-gradient(40rem 30rem at -6% 42%, var(--glow-2), transparent 70%),
    radial-gradient(54rem 34rem at 55% 112%, var(--glow-3), transparent 70%);
}
.backdrop::after {
  content: ""; position: absolute; inset: 0; opacity: var(--grain);
  background-image: url("data:image/png;base64,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");
}

.container {
  box-sizing: border-box;
  max-width: calc(70rem + 40px);
  margin: 0 auto;
  padding-left: max(20px, env(safe-area-inset-left, 0px));
  padding-right: max(20px, env(safe-area-inset-right, 0px));
}

/* Verre : fond translucide, liseré éclairé en haut, ombre portée douce */
.glass { position: relative; background: var(--glass); border: 1px solid var(--edge-line); box-shadow: inset 0 1px 0 var(--edge-top), var(--shadow); }
.blur { -webkit-backdrop-filter: blur(18px) saturate(150%); backdrop-filter: blur(18px) saturate(150%); }
/* Carte posée sur une seconde feuille en retrait (ombre décalée, dessinée seulement hors de la carte) */
.sheet2 { box-shadow: inset 0 1px 0 var(--edge-top), 0 14px 0 -7px var(--sheet2), 0 14px 0 -6px var(--edge-line), var(--shadow); }

/* Bandeau de confiance */
.pre-header { background: var(--strip); color: var(--strip-ink); font-size: 0.8rem; }
.pre-header-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.3rem 2rem; padding: 0.6rem 1rem; text-align: center; }
.pre-header-inner > span { display: inline-flex; align-items: center; gap: 0.5rem; }
.pre-header strong { font-weight: 500; color: var(--strip-strong); }
.pre-header .stars { color: var(--strip-strong); font-size: 0.72rem; }
@media (max-width: 560px) { .pre-header-inner > span:last-child { flex-basis: 100%; justify-content: center; } }

/* Barre du haut, collante, en verre */
.topbar { position: sticky; top: 0; z-index: 40; background: var(--bar); -webkit-backdrop-filter: blur(18px) saturate(150%); backdrop-filter: blur(18px) saturate(150%); border-bottom: 1px solid var(--edge-line); }
.topbar-inner { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 68px; }
/* Le logo seul, comme sur la page du prompt IA */
/* Zones à toucher d'au moins 44 px de haut, sans changer la mise en page (marges négatives) */
.brand { display: inline-flex; align-items: center; color: var(--ink); line-height: 0; padding: 10px 0; }
.brand svg { width: 44px; height: auto; display: block; }
.topbar .short { display: none; }
@media (max-width: 520px) { .topbar .full { display: none; } .topbar .short { display: inline; } }

/* Titres */
h1 {
  font-weight: 500;
  font-size: clamp(2rem, 5vw, 3.1rem);
  line-height: 1.06;
  letter-spacing: -0.03em;
  color: var(--ink);
  margin: 0 0 1.1rem;
  text-wrap: balance;
}
h2 {
  font-weight: 500;
  font-size: clamp(1.75rem, 3.8vw, 2.55rem);
  line-height: 1.1;
  letter-spacing: -0.028em;
  color: var(--ink);
  margin: 0 0 0.9rem;
  text-wrap: balance;
}
/* L'italique d'origine devient une seconde couleur ; le surligneur jaune devient un surligneur bleuté */
h1 em, h2 em { font-style: normal; color: var(--muted); }
.mark {
  background: linear-gradient(transparent 56%, var(--mark) 56%, var(--mark) 90%, transparent 90%);
  -webkit-box-decoration-break: clone; box-decoration-break: clone;
  padding: 0 0.06em;
}
.lead { font-size: 1.12rem; line-height: 1.6; color: var(--muted); margin: 0; max-width: 36rem; text-wrap: pretty; }
.lead strong { font-weight: 500; color: var(--ink); }
.kicker { margin: 0; font-size: 0.75rem; letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted); }
.small { margin: 0; font-size: 0.85rem; color: var(--muted); }

.section { padding-block: clamp(3.5rem, 8vw, 5.5rem); }
.section-head { max-width: 44rem; margin: 0 auto clamp(2.25rem, 5vw, 3.25rem); text-align: center; }
.section-head .lead { margin-inline: auto; text-wrap: balance; }

/* Étiquette d'étape : pastille numérotée + petit libellé */
.step-tag { display: inline-flex; align-items: center; gap: 0.7rem; margin: 0 0 1.1rem; font-size: 0.75rem; letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted); }
.num {
  width: 1.85rem; height: 1.85rem; border-radius: 50%; flex: none;
  display: grid; place-items: center;
  font: 500 0.82rem/1 var(--sans); letter-spacing: 0; font-variant-numeric: tabular-nums; color: var(--ink);
  background: var(--panel); box-shadow: var(--shadow-sm), inset 0 0 0 1px var(--line);
}

/* Étoiles (masque SVG, couleur du texte) */
.stars { display: inline-block; flex: none; width: 6.1em; height: 1em; background: currentColor; -webkit-mask: var(--stars) left center / contain no-repeat; mask: var(--stars) left center / contain no-repeat; }

/* Boutons : pilules à icône ronde */
.pill {
  font: 500 1.0625rem/1 var(--sans);
  border: 0; border-radius: 100px; padding: 7px 7px 7px 24px; cursor: pointer;
  text-decoration: none; display: inline-flex; align-items: center; gap: 0.9rem;
  transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}
.pill:hover { transform: translateY(-1px); }
.pill:active { transform: translateY(0); }
.pill:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
.pill:disabled { cursor: progress; opacity: 0.85; transform: none; }
.pill .ico { width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; flex: none; }
.pill .ico svg { width: 17px; height: 17px; }
.pill.primary { background: var(--btn); color: var(--btn-ink); box-shadow: var(--btn-shadow); }
.pill.primary .ico { background: var(--btn-ico); border: 1px solid var(--btn-ico-line); }
.pill.secondary {
  position: relative; background: var(--btn2); color: var(--btn2-ink);
  border: 1px solid var(--edge-line); box-shadow: inset 0 1px 0 var(--edge-top), var(--shadow-sm);
}
.pill.secondary .ico { background: var(--btn2-ico); border: 1px solid var(--btn2-ico-line); }
.pill.block { width: 100%; justify-content: space-between; }
.pill.sm { font-size: 0.95rem; padding: 5px 5px 5px 18px; gap: 0.7rem; }
.pill.sm .ico { width: 32px; height: 32px; }
.pill.sm .ico svg { width: 15px; height: 15px; }
.mini {
  font: 500 0.9rem/1 var(--sans);
  display: inline-flex; align-items: center; gap: 0.45rem; white-space: nowrap;
  padding: 0.7rem 1.05rem; border-radius: 100px;
  background: var(--btn); color: var(--btn-ink); box-shadow: var(--btn-shadow);
}
.mini svg { width: 15px; height: 15px; }

/* Petites coches de réassurance */
.ticks { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.45rem 1.1rem; font-size: 0.85rem; color: var(--muted); }
.ticks li { display: inline-flex; align-items: center; gap: 0.45rem; }
.ticks li::before {
  content: ""; width: 16px; height: 16px; border-radius: 50%; flex: none;
  background: var(--panel) var(--check-ink) center / 9px no-repeat; box-shadow: inset 0 0 0 1px var(--line);
}

/* Pastilles d'outil (Sheets, Canva…) et autocollants */
.chip {
  display: inline-flex; align-items: center; gap: 0.4rem; vertical-align: middle;
  padding: 0.3rem 0.65rem 0.3rem 0.45rem; border-radius: 100px;
  background: var(--field); box-shadow: inset 0 0 0 1px var(--line);
  font-size: 0.78rem; font-weight: 500; line-height: 1.2; color: var(--ink); white-space: nowrap;
}
.chip svg, .chip img { width: 14px; height: 14px; flex: none; display: block; }
.sticker {
  position: absolute; z-index: 3;
  display: inline-flex; align-items: center; gap: 0.4rem; white-space: nowrap;
  padding: 0.45rem 0.85rem; border-radius: 100px;
  background: var(--btn); color: var(--btn-ink); box-shadow: var(--btn-shadow);
  font-size: 0.78rem; font-weight: 500; line-height: 1;
}
.sticker svg { width: 14px; height: 14px; }

/* Fiche en verre (en-tête à icône, liste à filets fins) */
.fiche-ico {
  width: 44px; height: 44px; border-radius: 14px; flex: none;
  display: grid; place-items: center;
  background: var(--btn); color: var(--btn-ink); box-shadow: var(--btn-shadow);
}
.fiche-ico svg { width: 20px; height: 20px; }
.fiche-list { list-style: none; margin: 0; padding: 0; }
.fiche-list li {
  display: grid; grid-template-columns: 22px minmax(0, 1fr); column-gap: 0.75rem;
  padding: 0.85rem 0; border-top: 1px solid var(--line);
}
.tick {
  width: 22px; height: 22px; border-radius: 50%; margin-top: 1px;
  display: grid; place-items: center; color: var(--ink);
  background: var(--panel); box-shadow: inset 0 0 0 1px var(--line);
}
.tick svg { width: 12px; height: 12px; }

/* Défilement continu (closings Slack, avis Trustpilot) ; pause au survol */
.marquee { overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent); mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent); }
.marquee-track { display: flex; gap: 16px; width: max-content; padding: 14px 0 34px; animation: defile 300s linear infinite; }
.marquee:hover .marquee-track { animation-play-state: paused; }
@keyframes defile { to { transform: translateX(-50%); } }

/* Barre collante du bas, sur mobile */
.sticky-cta { display: none; }
@media (max-width: 720px) {
  .sticky-cta {
    display: block; position: fixed; z-index: 50; left: 0; right: 0; bottom: 0;
    padding: 10px 14px calc(10px + env(safe-area-inset-bottom, 0px));
    background: var(--bar); -webkit-backdrop-filter: blur(18px) saturate(150%); backdrop-filter: blur(18px) saturate(150%);
    border-top: 1px solid var(--edge-line);
  }
  .sticky-cta .pill { box-sizing: border-box; width: 100%; justify-content: space-between; }
}

.site-footer { border-top: 1px solid var(--line); }
.site-footer .container { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-top: 1.75rem; padding-bottom: 2.25rem; font-size: 0.9rem; color: var(--muted); }
.foot-brand { display: inline-flex; align-items: center; color: var(--ink); line-height: 0; }
.foot-brand svg { width: 28px; height: auto; display: block; }
.site-footer a { color: var(--muted); text-decoration: none; display: inline-block; padding: 12px 6px; margin: -12px -6px; }
.site-footer a:hover { color: var(--ink); }
@media (max-width: 720px) { .site-footer .container { padding-bottom: 6.5rem; } }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { transition: none !important; }
  .marquee-track { animation: none; }
  .marquee { overflow-x: auto; }
}


/* ——— Maquette CRO ——— */
/* Contenu de la page d'origine, design du Pack Prospection. La maquette reste une page claire (c'est le site d'un client),
   aussi en mode sombre ; les pastilles restent bleues, comme le dit le texte. La couleur de marque de la maquette devient l'encre. */
:root {
  /* Gris secondaire un peu plus foncé que celui du tunnel : il reste lisible là où le texte passe sur les halos
     (au moins 4,5 pour 1, mesuré au pire endroit de l'écran, en clair comme en sombre) */
  --muted: #69625A;
  --pastille: #4F6FD1; --rouge: #B94A33;
  --note: rgba(188, 205, 238, 0.32);
  --brand: #2A2620; --brand-hover: #000000; --brand-active: #000000;
  --brand-soft: rgba(170, 192, 236, 0.85); --brand-wash: #E9EEF8;
  --muted-soft: #A39D93; --success: #2A2620; --serif: var(--sans);
  --border: rgba(42, 38, 32, 0.16); --border-soft: rgba(42, 38, 32, 0.09);
  --wf-bg: #FFFFFF; --wf-bg-alt: #F7F8FB; --wf-line: #E3E6EE; --wf-line-strong: #C5CBD8; --wf-line-soft: #ECEEF3;
  --wf-photo-bg: #DDE5F4; --wf-photo-stripe: rgba(79, 111, 209, 0.06); --wf-photo-border: rgba(79, 111, 209, 0.22);
  --wf-dark: #2A2620; --wf-dark-line: rgba(255, 255, 255, 0.15); --wf-dark-line-strong: rgba(255, 255, 255, 0.3);
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --muted: #A8A298; --note: rgba(70, 104, 178, 0.22); --border: rgba(255, 255, 255, 0.14); --border-soft: rgba(255, 255, 255, 0.08); } }
:root[data-theme="dark"] { --muted: #A8A298; --note: rgba(70, 104, 178, 0.22); --border: rgba(255, 255, 255, 0.14); --border-soft: rgba(255, 255, 255, 0.08); }

* { box-sizing: border-box; margin: 0; padding: 0; }
body { overflow-x: hidden; }
h3, h4 { font-weight: 500; line-height: 1.25; letter-spacing: -0.015em; color: var(--ink); }
em { font-style: normal; color: var(--muted); }
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button { font-family: inherit; cursor: pointer; border: 0; background: transparent; }
ul, ol { list-style: none; }
/* Les pastilles de la maquette passent devant la barre du haut : la barre reprend la main */
.topbar { z-index: 200; }

/* Introduction */
.page-intro { padding: clamp(2.75rem, 7vw, 4.75rem) 20px clamp(2.25rem, 5vw, 3.5rem); }
.page-intro-inner { max-width: 900px; margin: 0 auto; }
.page-intro h1 { font-size: clamp(2.1rem, 5.4vw, 3.4rem); margin-bottom: 1.25rem; }
.page-intro-sub { max-width: 44rem; margin-bottom: clamp(2rem, 5vw, 2.75rem); font-size: 1.12rem; line-height: 1.6; color: var(--muted); text-wrap: pretty; }
.page-intro-sub strong { font-weight: 500; color: var(--ink); }
.page-intro-howto {
  padding: clamp(1.5rem, 3.5vw, 2.1rem) clamp(1.35rem, 3.5vw, 2.25rem); border-radius: 24px;
  background: var(--glass); border: 1px solid var(--edge-line); box-shadow: inset 0 1px 0 var(--edge-top), var(--shadow);
  -webkit-backdrop-filter: blur(18px) saturate(150%); backdrop-filter: blur(18px) saturate(150%);
}
.page-intro-howto h2 { margin-bottom: 1.4rem; font-size: clamp(1.3rem, 2.6vw, 1.55rem); line-height: 1.25; letter-spacing: -0.02em; }
.howto-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.25rem 1.5rem; }
.howto-step { display: flex; flex-direction: column; align-items: flex-start; gap: 0.7rem; }
.howto-step-num {
  width: 1.85rem; height: 1.85rem; border-radius: 50%; display: grid; place-items: center;
  font: 500 0.78rem/1 var(--sans); font-variant-numeric: tabular-nums; color: var(--ink);
  background: var(--panel); box-shadow: var(--shadow-sm), inset 0 0 0 1px var(--line);
}
.howto-step p { font-size: 0.9rem; line-height: 1.55; color: var(--text); }
.howto-step p strong { font-weight: 500; color: var(--ink); }
@media (max-width: 800px) { .howto-steps { grid-template-columns: 1fr 1fr; } }
@media (max-width: 480px) { .howto-steps { grid-template-columns: 1fr; } }

/* Annonce de l'exemple */
.separator { padding: clamp(1.5rem, 4vw, 2.5rem) 20px 1.25rem; text-align: center; }
.separator-bar { max-width: 760px; margin: 0 auto 0.75rem; display: flex; align-items: center; justify-content: center; gap: 1rem; }
.separator-line { flex: 1; height: 1px; background: linear-gradient(90deg, transparent, var(--border), transparent); }
.separator-label { flex-shrink: 0; font-weight: 500; font-size: 1.15rem; letter-spacing: -0.01em; color: var(--ink); }
.separator-note { max-width: 760px; margin: 0 auto; font-size: 0.92rem; line-height: 1.6; color: var(--muted); text-wrap: balance; }
.separator-note strong { font-weight: 500; color: var(--ink); }
@media (max-width: 600px) { .separator-line { display: none; } .separator-label { flex-shrink: 1; } }

/* La maquette, dans une fenêtre de navigateur */
.canvas { padding: 1rem 20px clamp(3rem, 7vw, 4.5rem); transition: padding 0.3s; }
.frame {
  color-scheme: light; --ink: #2A2620; --text: #3D3833; --muted: #69625A; --line: rgba(42, 38, 32, 0.09);
  --border: rgba(42, 38, 32, 0.16); --border-soft: rgba(42, 38, 32, 0.09);
  max-width: 1280px; margin: 0 auto; overflow: hidden; background: #FFFFFF; color: var(--text);
  border: 1px solid rgba(42, 38, 32, 0.08); border-radius: 22px;
  box-shadow: 0 1px 2px rgba(42, 38, 32, 0.05), 0 40px 90px -40px rgba(42, 38, 32, 0.45);
}
.frame-browser { display: flex; align-items: center; gap: 16px; padding: 12px 18px; background: #F2F4F8; border-bottom: 1px solid rgba(42, 38, 32, 0.08); }
.frame-dots { display: flex; gap: 6px; flex-shrink: 0; }
.frame-dot { width: 11px; height: 11px; border-radius: 50%; background: rgba(42, 38, 32, 0.14); }
.frame-url { flex: 1; min-width: 0; max-width: 460px; height: 32px; display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px; overflow: hidden; white-space: nowrap; background: #FFFFFF; border: 1px solid rgba(42, 38, 32, 0.1); border-radius: 100px; font-size: 0.8rem; font-weight: 500; color: var(--muted); }
.frame-url svg { flex-shrink: 0; }

/* WIREFRAME */
/* WIREFRAME */
.wf { background: var(--wf-bg); position: relative; }
.wf-container { max-width: 1080px; margin: 0 auto; padding: 0 32px; }
.ln { background: var(--wf-line); height: 12px; border-radius: 4px; display: block; }
.ln + .ln { margin-top: 8px; }
.ln-h1 { height: 32px; background: var(--wf-line-strong); }
.ln-h1 + .ln-h1 { margin-top: 10px; }
.ln-h2 { height: 24px; background: var(--wf-line-strong); }
.ln-h2 + .ln-h2 { margin-top: 8px; }
.ln-h3 { height: 16px; background: var(--wf-line-strong); }
.ln-eyebrow { height: 9px; background: var(--brand-soft); width: 120px; border-radius: 999px; }
.ln-meta { height: 9px; width: 90px; background: var(--wf-line-strong); }
.ln-90 { width: 90%; } .ln-80 { width: 80%; } .ln-70 { width: 70%; } .ln-60 { width: 60%; } .ln-50 { width: 50%; } .ln-40 { width: 40%; } .ln-30 { width: 30%; } .ln-20 { width: 20%; } .ln-100 { width: 100%; }
.wf-dark-section .ln { background: var(--wf-dark-line); }
.wf-dark-section .ln-h1, .wf-dark-section .ln-h2, .wf-dark-section .ln-h3, .wf-dark-section .ln-meta { background: var(--wf-dark-line-strong); }
.wf-photo { background: repeating-linear-gradient(135deg, var(--wf-photo-stripe) 0, var(--wf-photo-stripe) 10px, transparent 10px, transparent 20px), linear-gradient(135deg, var(--wf-photo-bg), #E8F0FB); border-radius: 14px; border: 1px dashed var(--wf-photo-border); position: relative; }
.wf-photo::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 56px; height: 56px; border-radius: 50%; background: rgba(82, 113, 255, 0.10); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='%235271FF' stroke-width='1.5'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpolyline points='21 15 16 10 5 21'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 28px 28px; }
.wf-avatar { width: 42px; height: 42px; border-radius: 50%; background: repeating-linear-gradient(135deg, var(--wf-photo-stripe) 0, var(--wf-photo-stripe) 6px, transparent 6px, transparent 12px), linear-gradient(135deg, var(--wf-photo-bg), #E8F0FB); border: 1px dashed var(--wf-photo-border); flex-shrink: 0; }
.wf-dark-section .wf-avatar { background: repeating-linear-gradient(135deg, rgba(255,255,255,0.05) 0, rgba(255,255,255,0.05) 6px, transparent 6px, transparent 12px), rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.18); }
.wf-icon { width: 48px; height: 48px; background: var(--brand-wash); border-radius: 10px; display: flex; align-items: center; justify-content: center; color: var(--brand); }
.wf-btn-primary { background: var(--brand); color: white; padding: 11px 22px; border-radius: 8px; font-weight: 600; font-size: 13.5px; display: inline-flex; align-items: center; gap: 6px; transition: background 0.2s; }
.wf-btn-primary:hover { background: var(--brand-hover); }
.wf-btn-accent { background: var(--brand); color: white; padding: 13px 26px; border-radius: 8px; font-weight: 700; font-size: 14px; display: inline-flex; align-items: center; gap: 8px; box-shadow: 0 8px 22px rgba(82,113,255,0.35); transition: background 0.2s, transform 0.2s; }
.wf-btn-accent:hover { background: var(--brand-hover); transform: translateY(-1px); }
.wf-btn-outline { background: white; color: var(--ink); padding: 13px 22px; border-radius: 8px; border: 1.5px solid var(--border-soft); font-weight: 600; font-size: 14px; display: inline-flex; align-items: center; gap: 8px; transition: all 0.2s; }
.wf-btn-outline:hover { border-color: var(--ink); }
.wf-btn-ghost { background: rgba(255,255,255,0.08); color: white; padding: 13px 26px; border-radius: 8px; border: 1px solid rgba(255,255,255,0.18); font-weight: 600; font-size: 14px; display: inline-flex; align-items: center; gap: 8px; }
.wf-stars { display: inline-flex; gap: 1px; color: #FACC15; font-size: 16px; flex-shrink: 0; }
.wf-num { font-family: var(--serif); font-style: italic; font-weight: 600; font-size: 56px; color: var(--brand); line-height: 1; letter-spacing: -0.02em; }
.wf-header { background: white; border-bottom: 1px solid var(--wf-line-soft); padding: 18px 0; }
.wf-header-inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.wf-brand { display: flex; align-items: center; gap: 10px; }
.wf-brand-mark { width: 38px; height: 38px; background: var(--brand); border-radius: 8px; display: flex; align-items: center; justify-content: center; color: white; flex-shrink: 0; }
.wf-brand-lines { display: flex; flex-direction: column; gap: 5px; }
.wf-brand-lines .ln-name { width: 110px; height: 14px; background: var(--wf-line-strong); }
.wf-brand-lines .ln-sub { width: 70px; height: 8px; background: var(--brand-soft); }
.wf-nav { display: flex; gap: 22px; align-items: center; }
.wf-nav .ln { width: 60px; height: 11px; }
.wf-header-cta { display: flex; align-items: center; gap: 14px; }
.wf-phone { display: inline-flex; align-items: center; gap: 7px; color: var(--ink); font-weight: 700; }
.wf-phone .ln { width: 110px; height: 14px; background: var(--wf-line-strong); }
@media (max-width: 980px) { .wf-nav, .wf-phone { display: none; } }
.wf-hero { padding: 64px 0 80px; background: white; }
.wf-hero-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 56px; align-items: center; }
.wf-eyebrow { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; background: var(--brand-wash); border-radius: 6px; margin-bottom: 22px; }
.wf-eyebrow .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--brand); }
.wf-h1-block { display: flex; flex-direction: column; gap: 10px; margin-bottom: 22px; }
.wf-sub-block { display: flex; flex-direction: column; gap: 8px; margin-bottom: 32px; max-width: 480px; }
.wf-actions { display: flex; gap: 12px; margin-bottom: 28px; flex-wrap: wrap; align-items: center; }
.wf-trust { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; padding-top: 26px; border-top: 1px solid var(--wf-line-soft); }
.wf-trust-item { display: inline-flex; align-items: center; gap: 7px; }
.wf-hero-image-wrap { position: relative; aspect-ratio: 4 / 5; }
.wf-photo-large { width: 100%; height: 100%; }
.wf-hero-card { position: absolute; bottom: 22px; left: 22px; right: 22px; background: white; border-radius: 10px; padding: 14px 18px; display: flex; align-items: center; gap: 14px; box-shadow: 0 12px 32px rgba(15,23,42,0.16); }
.wf-hero-card-icon { width: 40px; height: 40px; background: var(--brand-wash); color: var(--brand); border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.wf-hero-card-text { flex: 1; display: flex; flex-direction: column; gap: 5px; }
.wf-hero-card-text .ln-1 { width: 100%; height: 12px; background: var(--wf-line-strong); }
.wf-hero-card-text .ln-2 { width: 70%; height: 9px; }
@media (max-width: 900px) { .wf-hero { padding: 40px 0 56px; } .wf-hero-grid { grid-template-columns: 1fr; gap: 36px; } .wf-hero-image-wrap { max-width: 480px; aspect-ratio: 4/4; margin: 0 auto; width: 100%; } }
.wf-trust-badges { background: var(--wf-bg-alt); padding: 28px 0; border-top: 1px solid var(--wf-line-soft); border-bottom: 1px solid var(--wf-line-soft); }
.wf-trust-badges-inner { display: flex; align-items: center; justify-content: space-around; gap: 24px; flex-wrap: wrap; }
.wf-badge { display: flex; align-items: center; gap: 10px; }
.wf-badge-icon { width: 36px; height: 36px; background: var(--brand); color: white; border-radius: 6px; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 800; flex-shrink: 0; }
.wf-badge-lines { display: flex; flex-direction: column; gap: 5px; }
.wf-badge-lines .ln-1 { width: 80px; height: 12px; background: var(--wf-line-strong); }
.wf-badge-lines .ln-2 { width: 56px; height: 8px; }
.wf-section-head { text-align: center; max-width: 600px; margin: 0 auto 56px; display: flex; flex-direction: column; align-items: center; gap: 14px; }
.wf-section-eyebrow { height: 10px; width: 120px; background: var(--brand-soft); border-radius: 999px; }
.wf-section-h2 { display: flex; flex-direction: column; gap: 8px; align-items: center; width: 100%; }
.wf-section-sub { display: flex; flex-direction: column; gap: 6px; align-items: center; width: 100%; }
.wf-services { padding: 80px 0; background: white; }
.wf-services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.wf-service-card { background: white; padding: 30px 26px; border-radius: 12px; border: 1px solid var(--wf-line-soft); display: flex; flex-direction: column; gap: 18px; }
.wf-service-title { display: flex; flex-direction: column; gap: 8px; }
.wf-service-body { display: flex; flex-direction: column; gap: 7px; flex-grow: 1; }
.wf-service-meta { padding-top: 14px; border-top: 1px solid var(--wf-line-soft); display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.wf-service-meta .ln-label { width: 50px; height: 8px; }
.wf-service-meta .ln-value { width: 70px; height: 14px; background: var(--wf-line-strong); }
@media (max-width: 768px) { .wf-services-grid { grid-template-columns: 1fr; } }
.wf-process { padding: 80px 0; background: var(--wf-bg-alt); }
.wf-process-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; max-width: 980px; margin: 0 auto; position: relative; }
.wf-process-step { background: white; border: 1px solid var(--wf-line-soft); border-radius: 12px; padding: 26px 22px; display: flex; flex-direction: column; gap: 12px; position: relative; }
.wf-process-num { width: 38px; height: 38px; background: var(--brand); color: white; font-family: var(--serif); font-style: italic; font-weight: 600; font-size: 19px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.wf-process-title { display: flex; flex-direction: column; gap: 6px; }
.wf-process-body { display: flex; flex-direction: column; gap: 5px; }
@media (max-width: 768px) { .wf-process-grid { grid-template-columns: 1fr 1fr; } }
.wf-gallery { padding: 80px 0; background: white; }
.wf-gallery-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 12px; max-width: 1000px; margin: 0 auto; aspect-ratio: 16/9; }
.wf-gallery-grid .wf-photo:nth-child(1) { grid-row: span 2; }
@media (max-width: 768px) { .wf-gallery-grid { grid-template-columns: 1fr 1fr; aspect-ratio: 1/1; } .wf-gallery-grid .wf-photo:nth-child(1) { grid-row: span 1; grid-column: span 2; } }
.wf-why { padding: 80px 0; background: var(--wf-bg-alt); }
.wf-why-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; max-width: 980px; margin: 0 auto; }
.wf-why-card { display: flex; flex-direction: column; gap: 12px; }
.wf-why-title { display: flex; flex-direction: column; gap: 8px; margin-top: 6px; }
.wf-why-body { display: flex; flex-direction: column; gap: 6px; }
@media (max-width: 768px) { .wf-why-grid { grid-template-columns: 1fr; } }
.wf-testi { padding: 80px 0; background: var(--wf-dark); }
.wf-testi .wf-section-eyebrow { background: rgba(176, 188, 255, 0.4); }
.wf-testi-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.wf-testi-card { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.10); padding: 28px 24px; border-radius: 12px; display: flex; flex-direction: column; gap: 14px; }
.wf-testi-quote { display: flex; flex-direction: column; gap: 6px; flex-grow: 1; }
.wf-testi-author { display: flex; align-items: center; gap: 12px; padding-top: 8px; }
.wf-testi-author-lines { display: flex; flex-direction: column; gap: 5px; flex: 1; }
.wf-testi-author-lines .ln-name { width: 110px; height: 12px; background: rgba(255,255,255,0.30); }
.wf-testi-author-lines .ln-meta { width: 80px; height: 9px; background: rgba(255,255,255,0.18); }
@media (max-width: 1024px) { .wf-testi-grid { grid-template-columns: 1fr; gap: 14px; } }
.wf-faq { padding: 80px 0; background: white; }
.wf-faq-list { max-width: 760px; margin: 0 auto; display: flex; flex-direction: column; gap: 12px; }
.wf-faq-item { border: 1px solid var(--wf-line-soft); border-radius: 10px; padding: 18px 22px; display: flex; flex-direction: column; gap: 10px; background: white; }
.wf-faq-q { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.wf-faq-q-text { display: flex; flex-direction: column; gap: 6px; flex: 1; }
.wf-faq-q-text .ln { height: 14px; background: var(--wf-line-strong); }
.wf-faq-q-icon { width: 26px; height: 26px; border-radius: 50%; background: var(--brand-wash); color: var(--brand); display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 700; flex-shrink: 0; }
.wf-faq-a { display: none; flex-direction: column; gap: 6px; padding-top: 12px; border-top: 1px solid var(--wf-line-soft); }
.wf-faq-item.open .wf-faq-a { display: flex; }
.wf-faq-item.open { background: var(--wf-bg-alt); }
.wf-faq-item.open .wf-faq-q-icon { background: var(--brand); color: white; transform: rotate(45deg); }
.wf-form { padding: 80px 0; background: var(--wf-bg-alt); }
.wf-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; max-width: 980px; margin: 0 auto; align-items: center; }
.wf-form-text { display: flex; flex-direction: column; gap: 14px; }
.wf-form-text .ln-h2 { height: 24px; }
.wf-form-bullets { display: flex; flex-direction: column; gap: 10px; margin-top: 8px; }
.wf-form-bullets .ln { height: 12px; }
.wf-form-bullets-row { display: flex; align-items: center; gap: 10px; }
.wf-form-bullets-row .check { width: 20px; height: 20px; border-radius: 50%; background: var(--success); color: white; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 800; flex-shrink: 0; }
.wf-form-card { background: white; border: 1px solid var(--wf-line-soft); border-radius: 14px; padding: 32px 28px; box-shadow: 0 12px 32px rgba(15,23,42,0.10); display: flex; flex-direction: column; gap: 14px; }
.wf-form-field { background: var(--wf-bg-alt); border: 1px solid var(--wf-line-soft); border-radius: 8px; padding: 14px 16px; display: flex; flex-direction: column; gap: 6px; }
.wf-form-field .label { width: 60px; height: 9px; background: var(--wf-line-strong); border-radius: 4px; }
.wf-form-field .value { width: 70%; height: 14px; background: var(--wf-line); border-radius: 4px; }
.wf-form-submit { background: var(--brand); color: white; padding: 14px 22px; border-radius: 8px; font-weight: 700; font-size: 14.5px; display: flex; align-items: center; justify-content: center; gap: 8px; box-shadow: 0 8px 22px rgba(82,113,255,0.35); margin-top: 6px; }
.wf-form-microcopy { display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; padding-top: 6px; }
.wf-form-microcopy .ln { width: 80px; height: 9px; }
.wf-form-microcopy .dot { width: 4px; height: 4px; border-radius: 50%; background: var(--muted-soft); }
@media (max-width: 768px) { .wf-form-grid { grid-template-columns: 1fr; gap: 32px; } }
.wf-cta-final { padding: 56px 0 80px; background: white; }
.wf-cta-card { background: var(--ink); color: white; padding: 60px 48px; border-radius: 18px; text-align: center; position: relative; overflow: hidden; }
.wf-cta-card::before { content: ''; position: absolute; bottom: -100px; right: -100px; width: 320px; height: 320px; background: radial-gradient(circle, rgba(82,113,255,0.20) 0%, transparent 70%); pointer-events: none; }
.wf-cta-h2 { display: flex; flex-direction: column; gap: 10px; align-items: center; max-width: 520px; margin: 0 auto 16px; }
.wf-cta-sub { display: flex; flex-direction: column; gap: 6px; align-items: center; max-width: 460px; margin: 0 auto 28px; }
.wf-cta-actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; position: relative; z-index: 1; margin-bottom: 22px; }
.wf-cta-microcopy { display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; position: relative; z-index: 1; }
.wf-cta-microcopy .ln { width: 90px; height: 10px; background: rgba(255,255,255,0.25); }
.wf-cta-microcopy .dot { width: 4px; height: 4px; border-radius: 50%; background: rgba(255,255,255,0.4); }
.wf-footer { background: var(--wf-bg-alt); padding: 48px 0 24px; border-top: 1px solid var(--wf-line-soft); }
.wf-footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 48px; margin-bottom: 32px; }
.wf-footer-col { display: flex; flex-direction: column; gap: 8px; }
.wf-footer-col .ln-h { width: 70px; height: 11px; background: var(--wf-line-strong); margin-bottom: 6px; }
.wf-footer-bottom { padding-top: 22px; border-top: 1px solid var(--wf-line-soft); display: flex; justify-content: space-between; gap: 12px; align-items: center; flex-wrap: wrap; }
.wf-footer-bottom .ln { height: 9px; }
@media (max-width: 768px) { .wf-footer-grid { grid-template-columns: 1fr 1fr; } }
.wf-sticky-mobile { border-top: 2px solid var(--brand); background: white; padding: 12px 18px; display: flex; align-items: center; gap: 10px; position: relative; }
.wf-sticky-mobile .wf-sticky-tel { flex: 1; background: var(--wf-bg-alt); border: 1px solid var(--wf-line-soft); border-radius: 8px; padding: 12px 14px; display: flex; align-items: center; gap: 10px; color: var(--ink); font-weight: 700; }
.wf-sticky-mobile .wf-sticky-tel svg { color: var(--brand); flex-shrink: 0; }
.wf-sticky-mobile .wf-sticky-tel .ln { width: 90px; height: 12px; background: var(--wf-line-strong); }
.wf-sticky-mobile .wf-btn-primary { padding: 12px 18px; }

/* Maquette : chiffres et ombres du nouveau design */
.wf-num, .wf-process-num { font-style: normal; font-weight: 500; }
.wf-num { color: var(--ink); letter-spacing: -0.045em; }
.wf-process-num { font-size: 1rem; }
.wf-btn-accent, .wf-form-submit { box-shadow: 0 10px 22px -10px rgba(42, 38, 32, 0.55); }
.wf-stars { color: var(--ink); }
.wf-dark-section .wf-stars { color: #FFFFFF; }
.wf-testi .wf-section-eyebrow { background: rgba(188, 205, 238, 0.45); }
.wf-cta-card::before { background: radial-gradient(circle, rgba(143, 166, 218, 0.28) 0%, transparent 70%); }
/* Sur le bloc final sombre, le bouton principal passe en blanc pour rester visible */
.wf-cta-card .wf-btn-accent { background: #FFFFFF; color: #2A2620; box-shadow: none; }
.wf-cta-card .wf-btn-accent:hover { background: #EEF0F4; }
.wf-sticky-mobile { border-top: 1px solid var(--wf-line-strong); box-shadow: 0 -10px 24px -16px rgba(42, 38, 32, 0.35); }
.wf-photo::after { background-color: rgba(79, 111, 209, 0.1); }

/* Pastilles à cliquer (zone de clic agrandie à 44 px sans changer leur taille) */
.cro-pin {
  position: absolute; z-index: 50; width: 30px; height: 30px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; cursor: pointer;
  background: var(--pastille); border: 2px solid #FFFFFF; color: #FFFFFF;
  font: 600 0.8rem/1 var(--sans); font-variant-numeric: tabular-nums;
  box-shadow: 0 4px 14px rgba(79, 111, 209, 0.5), 0 0 0 4px rgba(79, 111, 209, 0.18);
  transition: transform 0.15s ease; animation: pinPulse 2.4s ease-in-out infinite;
}
.cro-pin::before { content: ""; position: absolute; inset: -9px; border-radius: 50%; }
@keyframes pinPulse {
  0%, 100% { box-shadow: 0 4px 14px rgba(79, 111, 209, 0.5), 0 0 0 4px rgba(79, 111, 209, 0.18); }
  50% { box-shadow: 0 4px 14px rgba(79, 111, 209, 0.5), 0 0 0 9px rgba(79, 111, 209, 0.08); }
}
.cro-pin:hover { transform: scale(1.18); animation: none; }
.cro-pin:focus-visible { outline: 2px solid #2A2620; outline-offset: 3px; }
.has-pin { position: relative; }

/* Volet d'explication */
body.cro-drawer-open .canvas { padding-right: 460px; }
@media (max-width: 1100px) { body.cro-drawer-open .canvas { padding-right: 20px; } }
.cro-drawer {
  position: fixed; top: 0; right: -460px; z-index: 300; width: 440px; max-width: 100vw; height: 100vh; height: 100dvh;
  display: flex; flex-direction: column; visibility: hidden;
  background: var(--bg); border-left: 1px solid var(--edge-line); box-shadow: -24px 0 60px -24px rgba(0, 0, 0, 0.35);
  transition: right 0.3s ease, visibility 0s linear 0.3s;
}
body.cro-drawer-open .cro-drawer { right: 0; visibility: visible; transition: right 0.3s ease, visibility 0s; }
.cro-drawer-header { flex-shrink: 0; display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; padding: 22px 22px 18px 28px; border-bottom: 1px solid var(--line); }
.cro-drawer-num { font-weight: 500; font-size: 2.3rem; line-height: 1; letter-spacing: -0.045em; color: var(--pastille); font-variant-numeric: tabular-nums; }
.cro-drawer-label { margin-top: 8px; font-size: 0.72rem; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); }
.cro-drawer-close {
  width: 44px; height: 44px; flex: none; border-radius: 50%; display: grid; place-items: center;
  color: var(--ink); background: var(--panel); border: 1px solid var(--edge-line); box-shadow: var(--shadow-sm);
  transition: background 0.2s, color 0.2s;
}
.cro-drawer-close:hover { background: var(--btn); color: var(--btn-ink); }
.cro-drawer-close:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
.cro-drawer-body { flex-grow: 1; overflow-y: auto; padding: 26px 28px 44px; }
.cro-drawer-body h3 { margin-bottom: 14px; font-size: 1.4rem; letter-spacing: -0.02em; }
.cro-drawer-body h4 { margin: 24px 0 10px; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink); }
.cro-drawer-body p { margin-bottom: 12px; font-size: 0.93rem; line-height: 1.65; color: var(--text); }
.cro-drawer-body strong { font-weight: 600; color: var(--ink); }
.cro-drawer-body ul li { position: relative; margin-bottom: 9px; padding-left: 22px; font-size: 0.9rem; line-height: 1.55; color: var(--text); }
.cro-drawer-body ul li::before { content: ""; position: absolute; left: 2px; top: 0.5em; width: 8px; height: 8px; border-radius: 50%; background: var(--pastille); }
.cro-drawer-body .anti li::before { background: var(--rouge); }
.cro-drawer-body .quote-box { margin: 14px 0; padding: 14px 18px; border-radius: 0 14px 14px 0; border-left: 3px solid var(--pastille); background: var(--note); font-size: 0.9rem; line-height: 1.55; color: var(--ink); }
.cro-drawer-body code { padding: 1px 5px; border-radius: 6px; font-size: 0.84em; background: var(--field); box-shadow: inset 0 0 0 1px var(--line); }

/* Le guide des 19 leviers */
.guide { padding: clamp(3.5rem, 8vw, 5.5rem) 20px; }
.guide-inner { max-width: 1180px; margin: 0 auto; }
.guide-head { max-width: 760px; margin: 0 auto clamp(2.5rem, 6vw, 3.75rem); text-align: center; }
.guide-eyebrow { display: inline-flex; align-items: center; gap: 0.5rem; margin-bottom: 1.25rem; padding: 0.45rem 0.9rem; border-radius: 100px; background: var(--field); box-shadow: inset 0 0 0 1px var(--line); font-size: 0.8rem; font-weight: 500; color: var(--ink); }
.guide-eyebrow .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--ink); }
.guide-sub { max-width: 40rem; margin: 0 auto; font-size: 1.08rem; line-height: 1.6; color: var(--muted); text-wrap: pretty; }
.guide-bloc { margin-bottom: clamp(2.5rem, 6vw, 3.5rem); }
.guide-bloc:last-child { margin-bottom: 0; }
.guide-bloc-head { display: flex; align-items: center; gap: 0.9rem; margin-bottom: 1.25rem; padding-bottom: 0.9rem; border-bottom: 1px solid var(--line); }
.guide-bloc-num { width: 2rem; height: 2rem; flex: none; border-radius: 50%; display: grid; place-items: center; background: var(--btn); color: var(--btn-ink); box-shadow: var(--btn-shadow); font-size: 0.85rem; font-weight: 500; }
.guide-bloc-title { flex: 1; min-width: 0; font-size: 1.2rem; font-weight: 500; letter-spacing: -0.015em; color: var(--ink); }
.guide-bloc-desc { margin-left: auto; max-width: 360px; font-size: 0.86rem; line-height: 1.5; color: var(--muted); }
.guide-principles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.guide-principle {
  padding: 1.5rem 1.4rem 1.35rem; border-radius: 20px;
  background: var(--glass); border: 1px solid var(--edge-line); box-shadow: inset 0 1px 0 var(--edge-top), var(--shadow-sm);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.guide-principle:hover { transform: translateY(-2px); box-shadow: inset 0 1px 0 var(--edge-top), var(--shadow); }
.guide-principle-head { display: flex; align-items: flex-start; gap: 1rem; margin-bottom: 0.85rem; }
.guide-principle-num { flex: none; min-width: 2.3rem; font-size: 1.55rem; font-weight: 500; line-height: 1; letter-spacing: -0.04em; color: var(--muted); font-variant-numeric: tabular-nums; }
.guide-principle h3 { margin-bottom: 0.25rem; font-size: 1.05rem; line-height: 1.3; }
.guide-principle-tagline { font-size: 0.82rem; color: var(--muted); }
.guide-principle p { margin-bottom: 0.85rem; font-size: 0.9rem; line-height: 1.6; color: var(--text); }
.guide-principle p strong { font-weight: 600; color: var(--ink); }
.guide-principle-applied { padding-top: 0.8rem; border-top: 1px solid var(--line); font-size: 0.84rem; line-height: 1.55; color: var(--muted); }
.guide-principle-applied strong { font-weight: 600; color: var(--ink); }
@media (max-width: 768px) {
  .guide-principles { grid-template-columns: 1fr; }
  .guide-bloc-head { flex-wrap: wrap; }
  .guide-bloc-desc { flex-basis: 100%; margin-left: 0; }
}

/* Appel */
.appel { text-align: center; }
.appel .container { max-width: calc(46rem + 40px); }
.appel .lead { max-width: 40rem; margin: 0 auto 2rem; text-align: left; color: var(--text); }
.appel .ticks { justify-content: center; margin-top: 1.1rem; }

/* Avis Trustpilot */
.tp-header { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.6rem 1.25rem; margin-bottom: clamp(1.25rem, 3vw, 1.75rem); }
.tp-logo { display: inline-flex; align-items: center; gap: 0.5rem; font-weight: 600; font-size: 1.35rem; letter-spacing: -0.02em; color: var(--ink); }
.tp-logo svg, .tp-logo img { width: 24px; height: 24px; display: block; }
.tp-rating { display: inline-flex; align-items: center; gap: 0.6rem; color: var(--muted); }
.tp-rating .stars { color: var(--ink); font-size: 1.05rem; }
.tp-rating strong { font-weight: 600; color: var(--ink); }
.tp-card { flex: 0 0 340px; min-height: 228px; display: flex; flex-direction: column; gap: 0.6rem; border-radius: 20px; padding: 1.3rem 1.3rem 1.15rem; }
.tp-card .stars { color: var(--ink); font-size: 0.85rem; }
.tp-title { margin: 0.1rem 0 0; font-weight: 500; font-size: 1rem; line-height: 1.35; color: var(--ink); }
.tp-body { margin: 0; font-size: 0.9rem; line-height: 1.55; color: var(--text); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.tp-meta { display: flex; align-items: center; gap: 0.65rem; margin-top: auto; padding-top: 0.85rem; border-top: 1px solid var(--line); }
.tp-avatar { width: 32px; height: 32px; border-radius: 50%; flex: none; display: grid; place-items: center; font-size: 0.72rem; font-weight: 500; color: var(--ink); background: var(--field); box-shadow: inset 0 0 0 1px var(--line); }
.tp-author b { display: block; font-weight: 500; font-size: 0.88rem; color: var(--ink); }
.tp-author small { font-size: 0.78rem; color: var(--muted); }
.tp-count { color: var(--muted); }
#avis { padding-top: 0; }

/* Sous 980 px, la maquette cache la nav et le téléphone de l'en-tête (comme un vrai site sur mobile).
   La pastille 7 reste visible, posée sur le bas de l'en-tête, et les pastilles 8 et 6 vont aux deux bouts : plus aucune ne se touche. */
@media (max-width: 980px) {
  .wf-header { position: relative; }
  .wf-nav.has-pin { display: block !important; position: absolute; left: 50%; bottom: 0; width: 0; height: 0; }
  .wf-nav .ln { display: none; }
  .wf-nav > .cro-pin { top: -15px !important; right: auto !important; left: -15px !important; }
  .wf-brand > .cro-pin { top: -12px !important; right: auto !important; left: -12px !important; }
  .wf-header-cta > .cro-pin { top: -12px !important; left: auto !important; right: -12px !important; }
}

/* Pas de barre collante en bas sur cette page */
@media (max-width: 720px) { .site-footer .container { padding-bottom: 2.25rem; } }
@media (prefers-reduced-motion: reduce) { .cro-pin { animation: none; } .canvas, .cro-drawer { transition: none; } }