/* ====== RESET MINIMAL ====== */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',sans-serif;background:#0d001a;color:#f3f3f3;line-height:1.6}
a{text-decoration:none;color:inherit}

/* ====== TYPO ====== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&family=Playfair+Display:wght@700&display=swap');
h1,h2{font-family:'Playfair Display',serif;color:#d4af37}

/* ====== UTILITAIRES ====== */
.container{width:90%;max-width:1000px;margin:auto}

/* ====== HERO ====== */
.hero{padding:8rem 0 6rem;text-align:center;background:linear-gradient(rgba(13,0,26,.7),rgba(13,0,26,.7)),url('../assets/hero-bg.jpg') center/cover no-repeat}
.hero h1{font-size:3rem;margin-bottom:1rem}
.hero p{font-size:1.25rem;margin-bottom:2rem}
.cta{display:inline-block;padding:.9rem 2.2rem;background:#d4af37;color:#0d001a;font-weight:600;border-radius:4px;transition:.3s}
.cta:hover{background:#f0d45a}

/* ====== SECTIONS ====== */
.presentation, .testimonials, footer{padding:4rem 0}
.presentation{background:#1a0033}
.testimonials{display:flex;flex-direction:column;gap:1.5rem}
.card{background:rgba(255,255,255,.07);padding:1.5rem;border-left:3px solid #d4af37;border-radius:4px}

/* ====== FOOTER ====== */
footer{background:#1a0033;text-align:center}
footer a{color:#d4af37}

/* ====== RESPONSIVE ====== */
@media(max-width:768px){
  .hero h1{font-size:2.2rem}
}