:root{
    --blanc:#FFFFFF;
    --gris:#F7F9FC;
    --bleu:#0B1F33;
    --orange:#F26D3D;
    --turquoise:#00A9A5;
    --ff-titre:'Poppins',sans-serif;
    --ff-corps:'Inter',sans-serif;
  }
  *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
  body{font-family:var(--ff-corps);color:var(--bleu);line-height:1.6}
  h1,h2,h3{font-family:var(--ff-titre);font-weight:700}
  .btn-primary{background:var(--orange);color:var(--blanc);padding:.9rem 1.8rem;border:none;border-radius:4px;font-weight:500;transition:.3s}
  .btn-primary:hover{background:#d45c2f}
  .hero{position:relative;height:90vh;display:flex;align-items:center;justify-content:center;color:var(--blanc);text-align:center}
  .hero video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}
  .hero::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(11,31,51,.55)}
  .hero-content{max-width:700px;padding:1rem}
  /* Navigation sticky */
  header{position:fixed;top:0;left:0;width:100%;background:var(--blanc);box-shadow:0 2px 8px rgba(0,0,0,.05);z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem}
  #menu{display:flex;gap:1.5rem;list-style:none}
  @media(max-width:768px){
    #menu{position:absolute;top:60px;right:0;background:var(--blanc);width:100%;flex-direction:column;padding:1rem;transform:translateY(-120%);transition:.3s}
    #menu.open{transform:translateY(0)}
  }