:root{--rouge:#E02E24;--encre:#1d1d1f;--gris:#6b6b70;--fond:#fff;--doux:#f6f4f3}
*{box-sizing:border-box}
body{margin:0;font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--encre);background:var(--fond)}
a{color:var(--rouge)}
.w{max-width:960px;margin:0 auto;padding:0 16px}
header .w{display:flex;align-items:center;gap:10px;height:60px}
header .marque{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;color:inherit;text-decoration:none;margin-right:auto}
header img{width:34px;height:34px}
header nav a{font-size:14px;color:var(--gris);text-decoration:none;margin-left:12px}
.hero{text-align:center;padding:48px 0 56px;background:linear-gradient(180deg,#fff, var(--doux))}
.hero img{width:96px;height:96px}
h1{font-size:clamp(28px,7vw,46px);line-height:1.15;margin:18px 0 12px}
.hero p{font-size:18px;color:var(--gris);max-width:560px;margin:0 auto 28px}
.bouton{display:inline-block;background:var(--encre);color:#fff;border-radius:12px;padding:12px 22px;font-weight:600;text-decoration:none;cursor:default}
.bouton small{display:block;font-weight:400;font-size:12px;opacity:.75}
.grille{display:grid;gap:16px;padding:48px 0;grid-template-columns:1fr}
@media(min-width:640px){.grille{grid-template-columns:1fr 1fr}}
.carte{background:var(--doux);border-radius:16px;padding:22px}
.carte h3{margin:0 0 6px;display:flex;align-items:center;gap:10px}
.carte h3 span{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--rouge);color:#fff;font-size:16px}
.carte p{margin:0;color:var(--gris)}
h2{font-size:26px;margin:0 0 12px}
.bande{padding:8px 0 48px}
.bande p{color:var(--gris)}
.doc{padding:32px 16px 56px;max-width:760px}
.doc h1{font-size:30px}
.doc h2{font-size:20px;margin-top:28px}
footer{border-top:1px solid #eee;padding:24px 0;font-size:13px;color:var(--gris)}
footer a{color:var(--gris);margin-right:14px}