/* Proposition de clarté : mêmes couleurs et polices, hiérarchie plus directe. */
.clarte-intro { padding: 3.5rem 5% 3rem; }
.clarte-intro-inner { max-width:1180px; margin:auto; display:grid; grid-template-columns:1.18fr 1fr; gap:4rem; align-items:center; }
.clarte-copy h1 { font-size:clamp(2.5rem,4.4vw,3.6rem); line-height:1.12; margin:0 0 1.3rem; }
.clarte-copy .section-label { font-size:.72rem; letter-spacing:.09em; }
.clarte-copy p { max-width:36rem; }
.clarte-copy .clarte-lead { color:var(--text); font-size:1.15rem; margin:0 0 .65rem; }
.clarte-actions { display:flex; flex-wrap:wrap; gap:.8rem; margin:1.5rem 0 .8rem; }
.clarte-actions .btn { font-size:.9rem; padding:.85rem 1.15rem; }
.clarte-copy .clarte-assurance { font-size:.82rem; color:#c6b8cf; margin:0; }
.clarte-copy .clarte-signature { border-top:1px solid var(--border); padding-top:1rem; margin-top:1.4rem; font-size:.8rem; }
.clarte-signature strong { color:var(--text); }
.clarte-report { background:var(--bg-card); border:1px solid var(--border); border-radius:12px; padding:1.6rem; box-shadow:0 12px 36px rgba(0,0,0,.12); min-width:0; }
.clarte-report-head { display:flex; align-items:center; gap:.5rem; justify-content:space-between; }
.clarte-report-head img { width:92px; height:92px; flex-shrink:0; }
.clarte-report h2 { font-size:1.65rem; max-width:13rem; }
.clarte-kicker { display:block; font-size:.72rem; text-transform:uppercase; letter-spacing:.13em; color:#c6b8cf; margin-bottom:.6rem; }
.clarte-caption { font-size:.78rem; color:#c6b8cf; line-height:1.6; }
.clarte-report-list { list-style:none; padding:0; margin:1rem 0; }
.clarte-report-list li { display:flex; gap:1rem; padding:.8rem 0; border-top:1px solid var(--border); }
.clarte-report-list li > span { font-size:.8rem; color:#c8a3e5; padding-top:.1rem; }
.clarte-report-list strong { font-size:.9rem; color:var(--text); }
.clarte-report-list p { font-size:.83rem; line-height:1.6; margin:.2rem 0 0; }
.clarte-example-link { display:inline-block; font-size:.9rem; color:#dfbaf4; text-decoration:underline; text-underline-offset:4px; padding:.4rem 0; }
.clarte-example-link:hover { color:#fff; }
.clarte-example-link:focus-visible { outline:2px solid #dfbaf4; outline-offset:5px; }
.clarte-situations { border-block:1px solid var(--border); padding:2.8rem 5%; }
.clarte-section-intro,.clarte-situations-grid,.clarte-definition { max-width:1180px; margin-inline:auto; }
.clarte-situations-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2.5rem; margin-top:1.8rem; }
.clarte-situations-grid h3 { font-size:1rem; margin-bottom:.5rem; }
.clarte-situations-grid p,.clarte-definition { font-size:.9rem; }
.clarte-definition { margin-top:1.6rem; padding-top:1.3rem; border-top:1px solid var(--border); }
.clarte-offre-usage { margin-bottom:1.2rem; }
.clarte-offre-usage .pricing-desc { color:var(--text); font-weight:500; margin-bottom:.55rem; }
.clarte-offre-usage > p:last-child { font-size:.85rem; line-height:1.65; }
.clarte-method { display:grid; grid-template-columns:1fr 1.25fr; gap:4rem; max-width:1300px; margin:auto; }
.clarte-method p { margin:0 0 1rem; }
.clarte-tarifs-hero { padding-top:3rem; padding-bottom:2rem; }
.clarte-tarifs-hero h1 { max-width:800px; font-size:clamp(2rem,3.6vw,3rem); }
.clarte-tarifs-hero + section { padding-top:2rem!important; }
@media(max-width:900px) {
 .clarte-intro-inner { gap:2rem; }
 .clarte-report { padding:1.2rem; }
 .clarte-report-head img { width:64px; height:64px; }
 .clarte-report h2 { font-size:1.4rem; }
}
@media(max-width:700px) {
 .clarte-intro { padding-top:2rem; }
 .clarte-intro-inner,.clarte-method,.clarte-situations-grid { grid-template-columns:1fr; gap:1.6rem; }
 .clarte-copy h1 { font-size:clamp(2.2rem,9vw,3rem); }
 .clarte-copy .section-label { font-size:.66rem; letter-spacing:.03em; }
 .clarte-copy .clarte-lead { font-size:1.05rem; }
 .clarte-actions { gap:.65rem; }
 .clarte-actions .btn { width:100%; justify-content:center; }
 .clarte-report { padding:1.4rem; }
 .clarte-report-head img { width:80px; height:80px; }
 .clarte-report h2 { font-size:1.65rem; }
 .clarte-method { padding-block:3rem; }
 .clarte-situations-grid article + article { border-top:1px solid var(--border); padding-top:1.2rem; }
}
.clarte-tarifs-hero + section .guarantee-note { display:block; text-align:left; max-width:1300px; margin-inline:auto; line-height:1.7; }
.clarte-tarifs-hero + section .guarantee-note svg { display:inline-block; vertical-align:middle; margin-right:.4rem; }