/* Superamp : pages prestations (feuille commune) */
:root {
  --creme:#F7F5F1; --encre:#131820; --encre2:#151A23; --jaune:#F8FF7C;
  --texte:#2E3238; --texte2:#4C5158; --gris:#80858C;
  --clair:#F6F6F7; --clair2:#DCDEE1; --pierre:#C6CACE; --mono:#BDB7AE;
  --carte:#FCFBF8; --pad:40px; --max:1160px;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:76px; }
html, body { overflow-x:hidden; max-width:100%; }
body { margin:0; background:var(--creme); color:var(--encre);
  font-family:Inter,system-ui,-apple-system,sans-serif; -webkit-font-smoothing:antialiased; }
img { max-width:100%; display:block; }
a { color:inherit; text-decoration:none; }
h1,h2,h3 { font-family:'PT Serif',Georgia,serif; font-weight:700; letter-spacing:-0.025em; margin:0; overflow-wrap:break-word; }
.wrap { width:100%; max-width:var(--max); margin:0 auto; padding:0 var(--pad); }
.mono { font-family:'IBM Plex Mono',ui-monospace,monospace; letter-spacing:.18em; text-transform:uppercase; }
mark { background:linear-gradient(to top, var(--jaune) 0 38%, transparent 38%); color:inherit; padding:0 .06em; }

/* trame verticale signature */
.grid-lines { position:absolute; inset:0 var(--pad); display:flex; justify-content:space-between; pointer-events:none; }
.grid-lines span { width:1px; background-image:repeating-linear-gradient(to bottom, var(--dash) 0 5px, transparent 5px 13px);
  -webkit-mask-image:linear-gradient(to bottom, transparent 0%, black 14%, black 30%, transparent 40%, transparent 62%, black 74%, black 90%, transparent 100%);
  mask-image:linear-gradient(to bottom, transparent 0%, black 14%, black 30%, transparent 40%, transparent 62%, black 74%, black 90%, transparent 100%); }
.on-dark { --dash:rgba(230,232,235,.16); }
.on-light { --dash:rgba(21,23,27,.13); }
@media (max-width:820px) { .grid-lines { display:none; } }

/* boutons */
.btn { display:inline-block; padding:17px 32px; background:var(--jaune); color:var(--encre2);
  font-size:16px; font-weight:600; border-radius:4px; transition:transform .15s ease, filter .15s ease; }
.btn:hover { filter:brightness(1.06); transform:translateY(-1px); }
.btn-s { padding:12px 22px; font-size:15px; white-space:nowrap; }
.lnk { font-size:16px; font-weight:500; color:var(--clair); border-bottom:1px solid rgba(246,246,247,.4); padding-bottom:3px; }
.lnk:hover { border-bottom-color:var(--jaune); }

/* menu sticky, bascule clair / sombre */
nav { position:fixed; top:0; left:0; right:0; z-index:900; display:flex; align-items:center; justify-content:space-between; gap:24px;
  padding:calc(30px + env(safe-area-inset-top, 0px)) calc(max(0px, (100% - 1160px) / 2) + var(--pad)) 30px;
  border-bottom:1px solid transparent;
  transition:padding .35s ease, background-color .35s ease, border-color .35s ease; }
nav img { height:30px; width:auto; transition:height .35s ease, filter .35s ease; }
.nav-l { display:flex; align-items:center; gap:36px; }
.nav-l a:not(.btn) { font-size:15px; font-weight:500; color:var(--clair2); transition:color .35s ease; }
.nav-l a:not(.btn):hover, .nav-l a[aria-current] { color:var(--clair); }
nav.scrolled { padding-top:calc(12px + env(safe-area-inset-top, 0px)); padding-bottom:12px;
  background:rgba(21,23,27,.9); -webkit-backdrop-filter:blur(14px) saturate(1.3); backdrop-filter:blur(14px) saturate(1.3);
  border-bottom-color:rgba(230,232,235,.08); }
nav.scrolled img { height:24px; }
nav.scrolled .btn-s { padding:10px 18px; font-size:14px; }
nav.scrolled.on-light-bg { background:rgba(247,245,241,.9); border-bottom-color:rgba(21,23,27,.09); }
nav.scrolled.on-light-bg img { filter:brightness(0); opacity:.92; }
nav.scrolled.on-light-bg .nav-l a:not(.btn) { color:var(--texte); }
/* sous-menu prestations */
.dd { position:relative; }
.dd > button { all:unset; cursor:pointer; font-size:15px; font-weight:500; color:var(--clair2); display:inline-flex; align-items:center; gap:7px; transition:color .35s ease; }
.dd > button::after { content:""; width:6px; height:6px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:translateY(-2px) rotate(45deg); }
.dd > button:hover, .dd > button:focus-visible { color:var(--clair); }
nav.scrolled.on-light-bg .dd > button { color:var(--texte); }
.dd-menu { position:absolute; top:calc(100% + 14px); left:-18px; min-width:300px; padding:10px; border-radius:6px;
  background:rgba(21,23,27,.97); border:1px solid rgba(230,232,235,.1); box-shadow:0 24px 50px -24px rgba(0,0,0,.6);
  opacity:0; visibility:hidden; transform:translateY(-4px); transition:opacity .2s ease, transform .2s ease, visibility .2s; }
.dd:hover .dd-menu, .dd:focus-within .dd-menu { opacity:1; visibility:visible; transform:none; }
.dd-menu a { display:flex; gap:14px; align-items:baseline; padding:11px 12px; border-radius:4px; font-size:14.5px; font-weight:500; color:var(--clair2) !important; }
.dd-menu a span { font-family:'IBM Plex Mono',monospace; font-size:10.5px; letter-spacing:.16em; color:var(--gris); }
.dd-menu a:hover, .dd-menu a[aria-current] { background:rgba(248,255,124,.08); color:var(--clair) !important; }
.dd-menu a[aria-current] span { color:var(--jaune); }

/* hero de page */
.hero { position:relative; background:var(--encre2); color:var(--clair); overflow:hidden; }
.hero-bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 58%; }
.hero-veil { position:absolute; inset:0; background:linear-gradient(to bottom, rgba(15,17,20,.92) 0%, rgba(15,17,20,.88) 45%, rgba(15,17,20,.97) 100%); }
.hero-in { position:relative; padding:150px var(--pad) 64px; min-height:min(86vh, 820px); display:flex; flex-direction:column; justify-content:flex-end; }
.crumbs { display:flex; flex-wrap:wrap; gap:10px; align-items:center; font-size:11px; font-weight:500; color:var(--gris); }
.crumbs a { color:var(--pierre); } .crumbs a:hover { color:var(--jaune); }
.crumbs i { width:4px; height:4px; border-radius:50%; background:var(--gris); }
.eyebrow { margin-top:44px; display:flex; align-items:center; gap:14px; font-size:clamp(11px,2.6vw,13px); font-weight:700; color:var(--jaune); }
.eyebrow b { font-weight:500; color:var(--mono); }
.hero h1 { margin:22px 0 0; font-size:clamp(34px,5.4vw,66px); line-height:1.06; letter-spacing:-.035em; max-width:1000px; text-wrap:balance; color:var(--clair); }
.hero h1 em { font-style:normal; color:var(--jaune); }
.hero-sub { margin:26px 0 0; max-width:660px; font-size:clamp(17px,1.5vw,20px); line-height:1.55; font-weight:300; color:var(--clair2); }
.hero-cta { margin-top:38px; display:flex; flex-wrap:wrap; align-items:center; gap:26px; }
.facts { margin-top:64px; display:grid; grid-template-columns:repeat(4,1fr); gap:22px 32px; border-top:1px solid rgba(230,232,235,.26); padding-top:24px; }
.fact .mono { display:block; font-size:10.5px; font-weight:500; color:var(--gris); }
.fact b { display:block; margin-top:9px; font-size:15px; font-weight:500; line-height:1.4; color:var(--clair); }

/* sections claires */
.sec { position:relative; padding:112px 0; overflow:hidden; }
.sec > .wrap { position:relative; z-index:1; }
.eyb { display:inline-flex; align-items:center; gap:12px; font-size:11px; font-weight:500; color:var(--gris); }
.eyb i { width:7px; height:7px; border-radius:50%; background:var(--jaune); box-shadow:0 0 0 1px rgba(21,23,27,.35), 0 0 0 5px rgba(248,255,124,.35); }
.sec h2 { margin-top:22px; font-size:clamp(28px,4.2vw,50px); line-height:1.08; letter-spacing:-.035em; max-width:960px; text-wrap:balance; }
.lead { margin:24px 0 0; max-width:660px; font-size:18px; line-height:1.6; font-weight:300; color:var(--texte2); }
.sec + .sec { border-top:1px solid rgba(21,23,27,.10); }

/* constat : 3 symptomes */
.pains { margin-top:60px; display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.pain, .step { position:relative; background:var(--carte); border:1px solid rgba(21,23,27,.10); border-radius:6px; padding:28px 28px 30px;
  transition:transform .35s ease, border-color .35s ease, box-shadow .35s ease; }
.pain:hover, .step:hover { transform:translateY(-3px); border-color:rgba(21,23,27,.22); box-shadow:0 18px 40px -24px rgba(21,23,27,.35); }
.pain .tag { font-size:10.5px; font-weight:500; color:var(--gris); }
.pain h3 { margin-top:12px; font-size:21px; line-height:1.28; }
.pain p { margin:10px 0 0; font-size:15.5px; line-height:1.58; font-weight:300; color:var(--texte2); }
.pain .q { display:block; margin-top:18px; padding-top:14px; border-top:1px dashed rgba(21,23,27,.2); font-family:'PT Serif',Georgia,serif; font-style:italic; font-size:15px; line-height:1.45; color:var(--texte); }
.statement { margin:48px 0 0; display:flex; align-items:center; gap:12px;
  font-family:'PT Serif',Georgia,serif; font-style:italic; font-size:19px; line-height:1.5; color:var(--texte); }
.statement::before { content:""; flex:0 0 6px; height:6px; border-radius:50%; background:var(--jaune); box-shadow:0 0 0 1px rgba(21,23,27,.4); }

/* approche : etapes numerotees */
.steps { margin-top:64px; display:grid; grid-template-columns:repeat(3,1fr); gap:20px; counter-reset:st; list-style:none; padding:0; }
.step { display:flex; flex-direction:column; }
.step .num { display:flex; align-items:center; gap:12px; font-family:'IBM Plex Mono',monospace; font-size:12px; font-weight:500; letter-spacing:.18em; color:var(--encre); }
.step .num::before { content:""; width:22px; height:22px; border-radius:50%; background:var(--encre2) radial-gradient(circle, var(--jaune) 0 3.5px, transparent 4px); transition:box-shadow .35s ease; }
.step:hover .num::before { box-shadow:0 0 0 5px rgba(248,255,124,.55); }
.step h3 { margin:18px 0 0; font-size:21px; line-height:1.3; }
.step p { flex:1; margin:10px 0 20px; font-size:15px; line-height:1.6; font-weight:300; color:var(--texte2); }
.liv { display:flex; align-items:baseline; gap:10px; border-top:1px dashed rgba(21,23,27,.22); padding-top:13px; font-size:13px; font-weight:500; line-height:1.45; }
.liv::before { content:""; flex:0 0 6px; height:6px; border-radius:50%; background:var(--jaune); box-shadow:0 0 0 1px rgba(21,23,27,.4); transform:translateY(-1px); }
.bonus { margin-top:20px; display:grid; grid-template-columns:auto 1fr; gap:28px; align-items:center; background:var(--jaune); border-radius:6px; padding:30px 34px; }
.bonus .mono { font-size:11px; font-weight:500; color:var(--encre); }
.bonus p { margin:0; font-family:'PT Serif',Georgia,serif; font-size:clamp(18px,1.9vw,22px); line-height:1.38; letter-spacing:-.012em; }

/* bloc sombre : livrables */
.dk { position:relative; background:var(--encre2); color:var(--clair); padding:112px 0; overflow:hidden; }
.dk .wrap { position:relative; z-index:1; }
.dk .eyb { color:var(--mono); }
.dk .eyb i { box-shadow:0 0 0 5px rgba(248,255,124,.16), 0 0 14px rgba(248,255,124,.6); }
.dk h2 { margin-top:22px; font-size:clamp(28px,4.2vw,50px); line-height:1.08; letter-spacing:-.035em; max-width:960px; text-wrap:balance; color:var(--clair); }
.dk h2 em { font-style:normal; color:var(--jaune); }
.dk .lead { color:var(--pierre); }
.dlv { --line:rgba(230,232,235,.15); margin:56px calc(var(--pad) * -1) 0; display:grid; grid-template-columns:repeat(3,1fr); }
.dlv article { position:relative; padding:36px 40px 40px; transition:background-color .35s ease; }
.dlv article::after { content:""; position:absolute; top:0; bottom:0; right:0; width:1px; background-image:repeating-linear-gradient(to bottom, var(--line) 0 5px, transparent 5px 13px); }
.dlv article::before { content:""; position:absolute; left:0; right:0; top:0; height:1px; background-image:repeating-linear-gradient(to right, var(--line) 0 5px, transparent 5px 13px); }
.dlv article:nth-child(3n)::after { display:none; }
.dlv article:hover { background-color:rgba(248,255,124,.06); }
.dlv .mono { font-size:10.5px; font-weight:500; color:rgba(248,255,124,.62); transition:color .35s ease, text-shadow .35s ease; }
.dlv article:hover .mono { color:var(--jaune); text-shadow:0 0 10px rgba(248,255,124,.6); }
.dlv h3 { margin-top:12px; font-size:19px; line-height:1.3; color:var(--clair); }
.dlv p { margin:10px 0 0; font-size:14.5px; line-height:1.58; font-weight:300; color:var(--pierre); }

/* principes */
.trio { margin-top:56px; display:grid; grid-template-columns:repeat(2,1fr); gap:36px 48px; }
.trio > div { border-top:1px solid rgba(21,23,27,.22); padding-top:22px; }
.trio h3 { font-size:21px; line-height:1.33; }
.trio p { margin:10px 0 0; font-size:16px; line-height:1.6; font-weight:300; color:var(--texte2); }

/* constats frequents */
.finds { margin-top:52px; list-style:none; padding:0; border-top:1px solid rgba(21,23,27,.2); }
.finds li { display:grid; grid-template-columns:56px minmax(0,1.1fr) minmax(0,1fr); gap:28px; padding:26px 0; border-bottom:1px solid rgba(21,23,27,.12); align-items:baseline; }
.finds .n { font-family:'IBM Plex Mono',monospace; font-size:11px; letter-spacing:.2em; color:var(--gris); }
.finds b { font-family:'PT Serif',Georgia,serif; font-size:clamp(19px,2vw,23px); line-height:1.3; letter-spacing:-.015em; font-weight:700; }
.finds li > span:last-child { font-size:15.5px; line-height:1.6; font-weight:300; color:var(--texte2); }

/* pourquoi superamp */
.why { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,6fr); gap:72px; align-items:center; }
.why .who { display:flex; align-items:center; gap:22px; margin-top:30px; }
.why .who img { width:84px; height:84px; border-radius:50%; object-fit:cover; background:var(--clair2); }
.why .who b { display:block; font-family:'PT Serif',Georgia,serif; font-size:18px; }
.why .who span { display:block; margin-top:4px; font-size:13px; color:var(--gris); }
.nums { display:grid; grid-template-columns:repeat(2,1fr); gap:0; border-top:1px solid rgba(21,23,27,.22); }
.nums div { padding:26px 0 26px; border-bottom:1px solid rgba(21,23,27,.12); }
.nums div:nth-child(odd) { padding-right:24px; border-right:1px dashed rgba(21,23,27,.18); }
.nums div:nth-child(even) { padding-left:28px; }
.nums .mono { font-size:10.5px; font-weight:500; color:var(--gris); }
.nums b { display:block; margin-top:10px; font-family:'PT Serif',Georgia,serif; font-size:clamp(26px,3vw,36px); line-height:1.1; letter-spacing:-.03em; }
.nums p { margin:8px 0 0; font-size:14px; line-height:1.5; font-weight:300; color:var(--texte2); }
.li-link { display:inline-flex; align-items:center; gap:10px; margin-top:26px; font-size:15px; font-weight:600; color:var(--encre);
  border-bottom:1px solid var(--encre); padding-bottom:3px; }
.li-link:hover { border-bottom-color:transparent; background:linear-gradient(to top, var(--jaune) 0 45%, transparent 45%); }

/* faq */
.faq-in { display:grid; grid-template-columns:minmax(0,4fr) minmax(0,7fr); gap:72px; }
.faq details { border-bottom:1px solid rgba(21,23,27,.14); }
.faq details:first-child { border-top:1px solid rgba(21,23,27,.22); }
.faq summary { list-style:none; cursor:pointer; display:flex; justify-content:space-between; gap:24px; padding:24px 0;
  font-family:'PT Serif',Georgia,serif; font-size:19px; line-height:1.35; font-weight:700; letter-spacing:-.012em; }
.faq summary::-webkit-details-marker { display:none; }
.faq summary::after { content:"+"; flex:0 0 auto; font-family:'IBM Plex Mono',monospace; font-weight:400; font-size:20px; line-height:1.2; transition:transform .25s ease; }
.faq details[open] summary::after { transform:rotate(45deg); }
.faq summary:hover { color:var(--texte); }
.faq details p { margin:0 0 26px; max-width:640px; font-size:16px; line-height:1.65; font-weight:300; color:var(--texte2); }

/* autres prestations */
.others { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:48px; }
.oth { display:flex; flex-direction:column; justify-content:space-between; gap:40px; min-height:200px; padding:26px 28px; border-radius:6px;
  background:var(--carte); border:1px solid rgba(21,23,27,.10); transition:transform .35s ease, border-color .35s ease, box-shadow .35s ease; }
.oth:hover { transform:translateY(-3px); border-color:rgba(21,23,27,.22); box-shadow:0 18px 40px -24px rgba(21,23,27,.35); }
.oth .mono { font-size:10.5px; font-weight:500; color:var(--gris); }
.oth h3 { margin-top:12px; font-size:21px; line-height:1.28; }
.oth .go { display:flex; justify-content:space-between; align-items:center; font-size:14px; font-weight:600; border-top:1px dashed rgba(21,23,27,.22); padding-top:14px; }
.oth .go::after { content:"→"; transition:transform .25s ease; }
.oth:hover .go::after { transform:translateX(4px); }

/* contact */
.ct { position:relative; background:var(--encre2); color:var(--clair); overflow:hidden; padding:104px 0; }
.ct-bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 28%; }
.ct-veil { position:absolute; inset:0; background:linear-gradient(to bottom, rgba(22,25,30,.87), rgba(22,25,30,.93)); }
.ct .wrap { position:relative; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:44px; }
.ct h2 { color:var(--clair); font-size:clamp(24px,2.9vw,36px); line-height:1.15; letter-spacing:-.025em; max-width:680px; text-wrap:balance; }
.ct p { margin:18px 0 0; max-width:580px; font-size:18px; line-height:1.6; font-weight:300; color:var(--clair2); }

/* pied */
footer { background:var(--encre2); color:var(--clair); padding:56px 0 64px; }
footer .wrap { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; gap:36px;
  border-top:1px solid rgba(230,232,235,.2); padding-top:38px; }
footer img { height:26px; width:auto; }
footer .tag { margin-top:14px; font-size:14px; color:var(--pierre); }
.f-col { display:flex; flex-direction:column; gap:12px; font-size:14px; font-weight:500; color:var(--clair2); }
.f-col .mono { font-size:10.5px; color:var(--gris); margin-bottom:4px; }
.f-col a:hover { color:var(--jaune); }
.f-cols { display:flex; gap:64px; flex-wrap:wrap; }
.sasu { margin-top:22px; font-size:13px; color:#8E9299; }

/* responsive */
@media (max-width:1000px) {
  .steps, .pains, .others { grid-template-columns:repeat(2,1fr); }
  .dlv { grid-template-columns:repeat(2,1fr); }
  .dlv article:nth-child(3n)::after { display:block; }
  .dlv article:nth-child(2n)::after { display:none; }
  .why, .faq-in { grid-template-columns:1fr; gap:44px; }
  .facts { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:820px) {
  :root { --pad:24px; }
  .nav-l > a:not(.btn), .dd { display:none; }
  nav { padding:calc(20px + env(safe-area-inset-top, 0px)) var(--pad) 20px; }
  .hero-in { padding-top:120px; min-height:0; }
  .sec, .dk, .ct { padding:76px 0; }
  .finds li { grid-template-columns:40px 1fr; gap:8px 16px; }
  .finds li > span:last-child { grid-column:2; }
  .finds .n { padding-top:6px; }
  .bonus { grid-template-columns:1fr; gap:12px; padding:26px; }
}
@media (max-width:640px) {
  .steps, .pains, .others, .dlv, .trio { grid-template-columns:1fr; }
  .dlv article::after { display:none !important; }
  .dlv article { padding:30px var(--pad) 32px; }
  .nav-l .btn-s { padding:10px 16px; font-size:14px; }
  .nums div:nth-child(odd) { padding-right:14px; } .nums div:nth-child(even) { padding-left:16px; }
}
@media (prefers-reduced-motion:reduce) { * { transition:none !important; } html { scroll-behavior:auto; } }


/* pages prestations : alignement sur la home v2 (crème blanchi texturé, bordures fines, bleu) */
:root { --creme:#FBFAF7; --bleu:#2457F5; --ligne:rgba(21,23,27,.09); --ligne2:rgba(21,23,27,.16); --carte:#FFFFFF; }
body { background-image:
    linear-gradient(to right, rgba(21,23,27,.045) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(21,23,27,.045) 1px, transparent 1px),
    radial-gradient(rgba(21,23,27,.07) .8px, transparent 1px);
  background-size:72px 72px, 72px 72px, 18px 18px; background-attachment:fixed; }
mark, .sec h2 mark, .dk h2 em { background:none; padding:0; color:var(--bleu); font-style:normal; }
.dk h2 em, .hero h1 em { color:var(--jaune); }
.grid-lines { display:none; }
.btn { border-radius:10px; border:1px solid rgba(21,23,27,.35); box-shadow:0 1px 0 rgba(21,23,27,.2), 0 10px 24px -14px rgba(248,255,124,.9); }
.pain, .step, .oth { border-color:var(--ligne2); box-shadow:0 1px 0 rgba(21,23,27,.03); }
.pain:hover, .step:hover, .oth:hover { border-color:rgba(21,23,27,.3); box-shadow:0 1px 0 rgba(21,23,27,.04), 0 22px 40px -28px rgba(21,23,27,.35); }
.step .num::before { background:var(--bleu); }
.liv::before, .eyb i { background:var(--bleu); box-shadow:none; }
.finds .n, .fact .mono { color:var(--bleu); }
.faq details { background:var(--carte); }
.faq > .wrap > div:last-child, .faq-in > div:last-child { border:1px solid var(--ligne2); border-radius:18px; background:var(--carte); padding:0 26px; }
.faq details:first-child { border-top:0; } .faq details:last-child { border-bottom:0; }
.faq summary::after { content:""; width:26px; height:26px; flex:0 0 26px; border-radius:50%; border:1px solid var(--ligne2); background:var(--creme);
  background-image:linear-gradient(var(--encre),var(--encre)), linear-gradient(var(--encre),var(--encre)); background-repeat:no-repeat; background-position:center; background-size:10px 1.5px, 1.5px 10px; }
.faq details[open] summary::after { background-color:var(--bleu); border-color:var(--bleu); background-image:linear-gradient(#fff,#fff), linear-gradient(#fff,#fff); }
.li-link { color:var(--bleu); border-bottom-color:rgba(36,87,245,.4); }
.li-link:hover { background:none; border-bottom-color:var(--bleu); }
.bonus { border:1px solid rgba(21,23,27,.35); border-radius:18px; }
.ct-bg, .ct-veil { display:none; }
.ct { background:var(--creme); color:var(--encre); padding:0 0 96px; border-top:1px solid var(--ligne2); }
.ct .wrap { margin-top:96px; background:var(--jaune); border:1px solid rgba(21,23,27,.35); border-radius:18px; padding:72px 64px; width:calc(100% - 2 * var(--pad)); }
.ct h2 { color:var(--encre); } .ct p { color:var(--texte); }
.ct .btn { background:var(--encre2); color:var(--jaune); border-color:var(--encre2); }
@media (max-width:820px) { .ct .wrap { padding:44px 28px; margin-top:64px; } }

/* audit : respiration et cohérence avec la home */
.sec { padding:136px 0; }
.dk { padding:144px 0; }
.sec h2, .dk h2 { font-size:clamp(30px,4.2vw,52px); line-height:1.05; }
.lead { margin-top:28px; font-size:18px; line-height:1.7; }
.pains, .steps { margin-top:72px; gap:24px; }
.pain, .step { padding:34px 30px 32px; border-radius:18px; }
.pain h3 { margin-top:14px; } .step h3 { margin-top:22px; }
.step p { margin:12px 0 24px; line-height:1.65; } .pain p { margin-top:12px; line-height:1.65; }
.dlv { margin-top:72px; } .dlv article { padding:44px 40px 48px; }
.finds { margin-top:64px; } .finds li { padding:32px 0; }
.trio { margin-top:72px; gap:44px 56px; }
.faq summary { padding:28px 0; }
.others { margin-top:64px; gap:24px; } .oth { padding:30px 30px; border-radius:18px; }
.statement { margin-top:56px; }
.hero-in { padding-bottom:72px; }
.facts { margin-top:72px; padding-top:28px; }
.hero h1 { font-size:clamp(36px,4.8vw,62px); }
.hero h1 em { color:var(--jaune); }

/* hero clair, comme la home ; plus de surtitres de section */
.hero { background:transparent; color:var(--encre); border-bottom:1px solid var(--ligne2); }
.hero-bg, .hero-veil, .hero .grid-lines { display:none; }
.hero-in { padding-top:150px; min-height:0; }
.crumbs, .crumbs a { color:var(--gris); } .crumbs a:hover { color:var(--bleu); } .crumbs i { background:var(--gris); }
.eyebrow { color:var(--bleu); } .eyebrow b { color:var(--gris); }
.hero h1 { color:var(--encre); } .hero h1 em { color:var(--bleu); }
.hero-sub { color:var(--texte2); }
.lnk { color:var(--encre); border-bottom-color:rgba(21,23,27,.35); } .lnk:hover { border-bottom-color:var(--bleu); color:var(--bleu); }
.facts { border-top:1px solid var(--ligne2); gap:0; padding-top:0; margin:72px calc(-1 * var(--pad)) 0; }
.fact { padding:26px var(--pad); border-right:1px solid var(--ligne); } .fact:last-child { border-right:0; }
.fact .mono { color:var(--gris); } .fact b { color:var(--encre); }
@media (max-width:1000px) { .fact:nth-child(2) { border-right:0; } .fact:nth-child(-n+2) { border-bottom:1px solid var(--ligne); } }
nav:not(.scrolled) img { filter:brightness(0); opacity:.92; }
nav:not(.scrolled) .nav-l a:not(.btn), nav:not(.scrolled) .dd > button { color:var(--texte); }
.sec .eyb, .dk .eyb { display:none; }
.sec h2, .dk h2 { margin-top:0; }
.others { grid-template-columns:repeat(2,1fr); }
@media (max-width:640px) { .others { grid-template-columns:1fr; } }
.hero h1 { margin-top:28px; }
:root { --max:1240px; }
nav { padding-left:calc(max(0px, (100% - 1240px) / 2) + var(--pad)); padding-right:calc(max(0px, (100% - 1240px) / 2) + var(--pad)); }
@media (max-width:820px) { nav { padding-left:var(--pad); padding-right:var(--pad); } }
.finds li { grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); }
@media (max-width:820px) { .finds li { grid-template-columns:1fr; } .finds li > span:last-child { grid-column:1; } }
.oth h3 { margin-top:0; }

/* fond sombre identique à la section Superbrain de l’accueil */
.dk { background:#151A23; }
.dk::before { content:""; position:absolute; inset:0; background-image:radial-gradient(rgba(246,246,247,.09) .8px, transparent 1px); background-size:18px 18px; pointer-events:none; }
.dk > .wrap { position:relative; z-index:1; }