body #contenu .value-hero{padding:28px 0 18px}
body #contenu .value-hero .value-kicker{font-size:11px!important;letter-spacing:.13em;color:var(--accent);margin:0 0 10px}
body #contenu .value-hero h1{font:400 clamp(26px,2.7vw,36px)/1.17 var(--serif)!important;letter-spacing:-.025em;max-width:850px;margin:0 0 10px}
body #contenu .benefits-intro{font-size:14px!important;line-height:1.5!important;margin:0;color:var(--muted)}
body #contenu .benefits-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:0 0 32px}
.benefit-card{padding:18px 18px 20px;background:var(--surface-card);border:1px solid var(--border);border-radius:12px;scroll-margin-top:110px;transition:border-color .2s,transform .2s}
.benefit-number{display:block;font:400 23px/1 var(--serif);color:var(--accent);margin-bottom:10px}
body #contenu .benefit-card h2{font:400 21px/1.2 var(--serif)!important;letter-spacing:-.02em;margin:0 0 10px;color:var(--text)}
body #contenu .benefit-card p{font-size:14px!important;line-height:1.5!important;margin:0;color:var(--text)}
@media(hover:hover){.benefit-card:hover{border-color:var(--accent);transform:translateY(-2px)}}
@media(max-width:1000px){body #contenu .benefits-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){body #contenu .value-hero{padding:22px 0 16px}body #contenu .value-hero h1{font-size:27px!important}body #contenu .benefits-grid{grid-template-columns:1fr;gap:10px}.benefit-card{padding:16px 18px}.benefit-number{font-size:20px;margin-bottom:8px}body #contenu .benefit-card h2{font-size:22px!important;margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){.benefit-card{transition:none;transform:none!important}}

body #contenu .value-objectives :is(h2,h3,p,span){color:var(--text)}