/* ACCUEIL « DOULEUR + VALEUR » (25/09/2026) — version C validée par le
   fondateur dans Claude Design. S'appuie sur premium.css (fonte, jetons,
   en-tête, boutons, FAQ, grille tarifaire, pied de page) et n'ajoute que les
   sections propres à cette page, préfixées `c-`.
   CSP de l'accueil : aucune feuille inline, aucune ressource distante. */
:root{--navy:#122d3c;--sky:#dbe8ef;--sky-line:#b9cfdc;--alert:#9a3b2e}
.c-banner{background:var(--navy);color:#f6f5f1;text-align:center;font-size:13px;padding:10px 16px;line-height:1.5}
.c-banner a{text-decoration:underline;text-underline-offset:3px}
.c-wrap{max-width:1200px;margin:0 auto;padding:0 max(16px,4.5%)}
.c-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;padding:56px 0 64px}
.c-hero h1{font-size:clamp(34px,3.7vw,54px);font-weight:500;line-height:1.08;letter-spacing:-.045em}
.c-hero h1 em{display:block;font-style:normal;color:#5d7582;margin-top:10px}
.c-lead{font-size:18px;line-height:1.65;color:var(--muted);margin:28px 0 32px;max-width:560px}
.c-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.c-proof{display:flex;gap:40px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line);max-width:560px}
.c-proof strong{display:block;font-size:32px;font-weight:500;letter-spacing:-.04em}
.c-proof span{font-size:13px;color:var(--muted)}
.c-visual{position:relative;min-height:560px}
.c-paper{position:absolute;z-index:2;left:0;bottom:40px;width:56%;background:#fbfaf6;border:1px solid #e3e1d8;border-radius:4px;padding:22px 22px 26px;transform:rotate(-5deg);box-shadow:0 18px 40px #122d3c1a}
.c-paper small{display:block;font-size:10px;letter-spacing:.14em;color:#7b8a90;margin-bottom:16px}
.c-paper i{display:block;height:7px;border-radius:4px;background:#e4e6e1;margin:9px 0}
.c-paper i:nth-child(3){width:86%}.c-paper i:nth-child(5){width:72%}.c-paper i:nth-child(6){width:40%}
.c-paper p{font-size:11px;color:#7b8a90;margin-top:22px}
.c-paper svg{display:block;margin-top:4px}
.c-paper-tag{position:absolute;right:-10px;top:-14px;background:var(--alert);color:#fff;font-size:11px;font-weight:600;padding:6px 10px;border-radius:4px;transform:rotate(5deg)}
.c-phone{position:absolute;right:0;top:0;width:300px;border:7px solid var(--navy);border-radius:36px;background:#fff;overflow:hidden;box-shadow:0 30px 60px #122d3c33}
.c-phone-top{display:flex;justify-content:space-between;font-size:11px;padding:14px 18px 10px;border-bottom:1px solid #eef0ee}
.c-phone-top span:last-child{letter-spacing:.12em;color:#7b8a90;font-size:9px}
.c-phone-body{padding:14px 18px 18px}
.c-phone .micro{color:#5d7582}
.c-phone h2{font-size:17px;font-weight:500;letter-spacing:-.02em;line-height:1.3;margin:6px 0 10px}
.c-phone img{width:100%;height:120px;object-fit:cover;border-radius:6px;background:var(--sky)}
.c-phone p{font-size:12px;line-height:1.55;color:#3d525c;margin-top:10px}
.c-quiz{margin-top:12px;border:1px solid var(--sky-line);border-radius:8px;padding:12px}
.c-quiz strong{display:block;font-size:12px;font-weight:600;line-height:1.4;margin:4px 0 8px}
.c-quiz span{display:block;font-size:11px;line-height:1.35;border:1px solid #d7dfe3;border-radius:6px;padding:7px 9px;margin-top:6px;color:#3d525c}
.c-quiz span.ok{border-color:var(--navy);background:#eef4f7;color:var(--navy)}
.c-note{position:absolute;right:0;bottom:-6px;font-size:11px;color:var(--muted)}
.c-section{padding:96px 0;border-top:1px solid var(--line)}
.c-section h2{font-size:clamp(30px,3.6vw,48px);max-width:820px}
.c-alt{background:#eef2f3}
.c-dark{background:var(--navy);color:#f6f5f1;border-top:0}
.c-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:48px}
.c-grid3 article{border-top:2px solid var(--navy);padding-top:22px}
.c-grid3 h3{font-size:20px;font-weight:600;line-height:1.35;letter-spacing:-.015em}
.c-grid3 p{font-size:15px;line-height:1.7;color:var(--muted);margin-top:12px}
.c-grid3 .c-src{font-size:12px;color:#7b8a90;margin-top:14px}
.c-grid3 .c-src a{text-decoration:underline;text-underline-offset:3px}
.c-pain article{border-top-color:var(--alert)}
.c-num{display:block;font-size:12px;color:#7b8a90;margin-bottom:10px;letter-spacing:.1em}
.c-compare{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:48px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}
.c-compare>div{padding:32px}
.c-compare>div+div{background:#f3f7f9;border-left:1px solid var(--line)}
.c-compare h3{font-size:12px;letter-spacing:.16em;font-weight:600;color:#7b8a90;margin-bottom:20px}
.c-compare>div+div h3{color:var(--navy)}
.c-compare ul{list-style:none;margin:0;padding:0}
.c-compare li{font-size:15px;line-height:1.6;padding:12px 0 12px 28px;border-top:1px solid #e8ecea;position:relative}
.c-compare li:before{position:absolute;left:0;top:12px;font-weight:600}
.c-compare .c-before li:before{content:'✕';color:var(--alert)}
.c-compare .c-after li:before{content:'✓';color:#2f6b58}
.c-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}
.c-cards article{background:#fff;border:1px solid var(--line);border-radius:10px;padding:26px}
.c-cards h3{font-size:18px;font-weight:600;letter-spacing:-.01em}
.c-cards p{font-size:14px;line-height:1.7;color:var(--muted);margin-top:10px}
.c-cert{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.c-cert-copy p{font-size:16px;line-height:1.7;color:var(--muted);margin:22px 0 26px}
.c-cert-card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:28px;box-shadow:0 18px 40px #122d3c12}
.c-cert-head{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:14px;border-bottom:2px solid var(--navy);margin-bottom:10px}
.c-cert-head strong{font-size:17px;font-weight:600}
.c-cert-head span{font-size:12px;color:#7b8a90}
.c-cert dl{display:grid;grid-template-columns:130px 1fr;margin:0;font-size:13px}
.c-cert dt{color:#7b8a90;padding:8px 0}
.c-cert dd{margin:0;padding:8px 0}
.c-cert h4{font-size:11px;letter-spacing:.16em;color:#7b8a90;font-weight:600;margin:16px 0 6px;padding-top:14px;border-top:1px solid #e8ecea}
.c-cert ul{list-style:none;margin:0;padding:0;font-size:13px}
.c-cert li{padding:7px 0 7px 22px;position:relative;line-height:1.45}
.c-cert li:before{content:'✓';position:absolute;left:0;color:#2f6b58}
.c-cert li.warn:before{content:'!';color:var(--alert);font-weight:700}
.c-cert li small{display:block;color:#7b8a90;font-size:12px}
.c-cert-foot{display:flex;justify-content:space-between;align-items:end;margin-top:14px;padding-top:14px;border-top:1px solid #e8ecea;font-size:12px;color:#7b8a90}
.c-cert-foot em{font-style:normal}
.c-example{font-size:11px;color:#7b8a90;margin-top:10px;text-align:right}
.c-dark h2{color:#f6f5f1;text-align:center;margin:0 auto}
.c-dark .c-actions{justify-content:center;margin-top:36px}
.c-dark .button{background:#f6f5f1;color:var(--navy);border-color:#f6f5f1}
.c-dark .button:hover{background:#dbe8ef}
.c-dark .button-outline{background:transparent;color:#f6f5f1;border-color:#8aa3b1}
.c-dark .button-outline:hover{background:#1d3d4f}
.c-dark p{text-align:center;color:#b7c8ce;font-size:14px;margin-top:18px}
.c-more{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:32px}
.faq-list details>p{font-size:14px}.faq summary{font-size:15px}
@media(max-width:1000px){.c-hero,.c-cert{grid-template-columns:1fr}.c-visual{min-height:540px;max-width:480px;width:100%;margin:0 auto}.c-cards{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.c-hero{padding:40px 0 48px;gap:40px}.c-lead{font-size:16px}.c-actions .button{width:100%}.c-proof{gap:22px}.c-proof strong{font-size:26px}.c-visual{min-height:0;display:flex;flex-direction:column;align-items:center}.c-phone{position:relative;order:1;width:280px}.c-paper{position:relative;order:2;left:auto;bottom:auto;width:82%;margin-top:-20px}.c-note{position:static;order:3;margin-top:18px;text-align:center}.c-section{padding:64px 0}.c-grid3,.c-cards{grid-template-columns:1fr;gap:28px}.c-compare{grid-template-columns:1fr}.c-compare>div{padding:22px}.c-compare>div+div{border-left:0;border-top:1px solid var(--line)}.c-cert dl{grid-template-columns:1fr}.c-cert dt{padding-bottom:0}.c-cert-card{padding:20px}}
.nav a{white-space:nowrap}.header-actions .button{white-space:nowrap}
@media(max-width:1100px){.nav a:nth-child(3),.nav a:nth-child(4){display:none}}