:root{--or:#d4af37;--noir:#110f19;--fond:#f4f6f8;--sarcelle:#508289;--texte:#1e293b}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--texte);background:var(--fond);line-height:1.6}
a{color:var(--sarcelle)}
header{background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:10}
.bar{max-width:1400px;margin:0 auto;padding:12px 40px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.logo{font-weight:900;font-size:1.3rem;color:var(--noir);text-decoration:none}.logo span{color:var(--or)}
nav a{margin-left:16px;text-decoration:none;color:var(--texte);font-weight:600;font-size:.92rem}
nav a:hover{color:var(--sarcelle)}
.hero{background:var(--noir);color:#fff;text-align:center;padding:70px 20px}
.hero h1{font-size:clamp(1.8rem,5vw,3rem);margin:0 0 14px;font-weight:900}.hero h1 span{color:var(--or)}
.hero p{max-width:720px;margin:0 auto 28px;color:#cbd5e1;font-size:1.1rem}
.btn{display:inline-block;background:var(--or);color:var(--noir);padding:13px 28px;border-radius:30px;font-weight:800;text-decoration:none}
.btn.sec{background:transparent;color:#fff;border:2px solid #475569;margin-left:8px}
main{max-width:1400px;margin:0 auto;padding:50px 40px}
h2{font-size:1.7rem;margin:0 0 8px}
.sous{color:#64748b;margin:0 0 28px}
.grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.carte{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;padding:24px}
.carte h3{margin:0 0 8px;font-size:1.1rem}.carte p{margin:0;color:#475569;font-size:.95rem}
.carte.lien{text-decoration:none;color:inherit;display:block;transition:.2s}
.carte.lien:hover{border-color:var(--sarcelle);transform:translateY(-3px)}
.appel{background:#fff;border:2px solid var(--or);border-radius:16px;padding:28px;text-align:center;margin-top:40px}
footer{background:#0a0810;color:#94a3b8;text-align:center;padding:26px 20px;font-size:.85rem}
footer a{color:#94a3b8}