*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  /* Palette principale */
  --pm-blue:   #1a73e8;
  --pm-light:  #9ACEE8;
  --pm-bg:     #EDF3F6;
  --pm-gray:   #DFE5E7;
  --pm-dark:   #0a1628;
  --pm-white:  #ffffff;
  --ease-out:  cubic-bezier(0.22, 1, 0.36, 1);

  /* Tokens footer */
  --footer-bg:            #0a1628;
  --footer-card-bg:       #0f1e35;
  --footer-card-border:   rgba(255,255,255,0.07);
  --footer-card-shadow:   0 8px 48px rgba(0,0,0,0.35);
  --footer-heading:       #f0f4f8;
  --footer-text:          #4a6080;
  --footer-muted:         #2a3f58;
  --footer-link:          #4a6080;
  --footer-link-hover:    #f0f4f8;
  --footer-divider:       rgba(255,255,255,0.06);
  --footer-accent-from:   rgba(26,115,232,0.22);
  --footer-accent-to:     rgba(154,206,232,0.14);
  --footer-watermark-from:#1a73e8;
  --footer-watermark-to:  #9ACEE8;
}

body {
  font-family: 'Inter', sans-serif;
  background: var(--pm-bg);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* ── Canvas global fixe derrière tout le contenu ── */
#globalPyramidCanvas {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
}

/* ── Tout le contenu au-dessus du canvas ── */
nav,
.partners-section,
.hero-section,
.advantages-section,
.features-section,
.faq-section,
.footer-section,
.scroll-top-btn {
  position: relative;
  z-index: 1;
}