/* PRATINIUM v531 — hero « black luxury » : noirs plus profonds, or champagne, finitions joaillerie.
   Couleurs, lumières et matières uniquement : aucune position ni dimension modifiée. */

/* ---------- écrin : noir profond, filet or, vignettage ---------- */
html body#index section.pf-hero {
  background-color: #030303 !important;
  border: 1px solid rgba(219, 184, 105, .34) !important;
  box-shadow:
    0 40px 120px rgba(0, 0, 0, .70),
    0 0 0 1px rgba(0, 0, 0, .9),
    inset 0 1px 0 rgba(244, 222, 165, .16),
    inset 0 0 120px rgba(0, 0, 0, .55) !important;
}
html body#index section.pf-hero .pf-hero__bg-img {
  opacity: .40 !important;
  filter: grayscale(.55) sepia(.18) contrast(1.35) saturate(.6) brightness(.34) !important;
}

/* photo de contexte : étalonnage noir & or (moins de couleur, plus de matière) */
html body#index section.pf-hero > .pf-hero__context img.pf-hero__context-img {
  filter: grayscale(.38) sepia(.30) saturate(.78) contrast(1.18) brightness(.70) !important;
}
html body#index section.pf-hero > .pf-hero__context > .pf-hero__context-shade {
  background:
    radial-gradient(ellipse 58% 68% at 74% 50%, rgba(3, 3, 3, .22) 0%, rgba(3, 3, 3, .62) 66%, rgba(2, 2, 2, .90) 100%),
    linear-gradient(180deg, rgba(2, 2, 2, .70) 0%, rgba(2, 2, 2, .10) 30%, rgba(2, 2, 2, .14) 68%, rgba(2, 2, 2, .82) 100%),
    radial-gradient(ellipse 40% 36% at 88% 10%, rgba(226, 190, 112, .22), rgba(226, 190, 112, 0) 70%),
    linear-gradient(90deg, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .35) 100%) !important;
}

/* grain argentique très léger + filet or supérieur */
html body#index section.pf-hero > .pf-hero__context::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  opacity: .10 !important;
  mix-blend-mode: overlay !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>") !important;
}
html body#index section.pf-hero > .pf-hero__overlay::before {
  content: "" !important;
  position: absolute !important;
  left: 8% !important;
  right: 8% !important;
  top: 0 !important;
  height: 1px !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, rgba(226, 190, 112, 0), rgba(244, 222, 165, .75) 30%, rgba(226, 190, 112, .9) 50%, rgba(244, 222, 165, .75) 70%, rgba(226, 190, 112, 0)) !important;
  z-index: 0 !important;
}

/* ---------- titre : blanc nacré vers champagne ---------- */
html body#index section.pf-hero .pf-hero__title .pf-hero__title-line {
  background: linear-gradient(180deg, #ffffff 0%, #fbf3df 48%, #e7cd8f 100%) !important;
  -webkit-background-clip: text !important;
          background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  text-shadow: none !important;
  filter: drop-shadow(0 6px 26px rgba(0, 0, 0, .65)) !important;
}
html body#index section.pf-hero .pf-hero__title .pf-hero__title-line:last-child {
  background: linear-gradient(180deg, #fff6de 0%, #ecd18e 55%, #c99a45 100%) !important;
  -webkit-background-clip: text !important;
          background-clip: text !important;
}
/* soulignement : barre d'or */
html body#index section.pf-hero .pf-hero__title::after,
html body#index section.pf-hero .pf-hero__subtitle::before {
  background: linear-gradient(90deg, rgba(201, 154, 69, 0), #f4dea5 25%, #c99a45 55%, #f4dea5 80%, rgba(201, 154, 69, 0)) !important;
  box-shadow: 0 0 18px rgba(226, 190, 112, .45) !important;
}
html body#index section.pf-hero .pf-hero__tagline {
  color: #e9cf8e !important;
  letter-spacing: .02em !important;
  text-shadow: 0 2px 14px rgba(0, 0, 0, .7) !important;
}

/* pastille « +1000 » : lingot d'or poli */
html body#index section.pf-hero .pf-hero__badge {
  background: linear-gradient(160deg, #fff3cf 0%, #ecd08c 34%, #c79a45 70%, #9c7128 100%) !important;
  border: 1px solid rgba(255, 240, 200, .75) !important;
  box-shadow:
    0 18px 50px rgba(0, 0, 0, .55),
    0 0 40px rgba(226, 190, 112, .28),
    inset 0 1px 0 rgba(255, 255, 255, .85),
    inset 0 -8px 16px rgba(120, 82, 25, .35) !important;
}
html body#index section.pf-hero .pf-hero__badge-num,
html body#index section.pf-hero .pf-hero__badge-label { color: #1a1206 !important; }

/* ---------- parcours : verre noir fumé, liserés or ---------- */
html body#index section.pf-hero .pf-hero-journey__title {
  color: #f4dea5 !important;
  letter-spacing: .24em !important;
}
html body#index section.pf-hero .pf-tab {
  background: linear-gradient(180deg, rgba(22, 22, 22, .78), rgba(6, 6, 6, .86)) !important;
  border: 1px solid rgba(226, 190, 112, .22) !important;
  color: rgba(255, 255, 255, .86) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 10px 26px rgba(0, 0, 0, .45) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  transition: border-color .3s ease, box-shadow .3s ease, color .3s ease !important;
}
html body#index section.pf-hero .pf-tab:hover { border-color: rgba(226, 190, 112, .55) !important; color: #fff !important; }
html body#index section.pf-hero .pf-tab.pf-tab--active,
html body#index section.pf-hero .pf-tab[aria-selected="true"] {
  border-color: rgba(236, 208, 140, .85) !important;
  color: #f8e6b6 !important;
  box-shadow: inset 0 1px 0 rgba(255, 240, 200, .18), 0 0 0 1px rgba(226, 190, 112, .25), 0 12px 34px rgba(0, 0, 0, .55), 0 0 26px rgba(226, 190, 112, .18) !important;
}

/* bouton principal : or brossé + reflet qui passe */
html body#index section.pf-hero .pf-hero-login-cta {
  position: relative !important;
  overflow: hidden !important;
  background: linear-gradient(100deg, #f7e7bb 0%, #e2c27a 38%, #c39340 70%, #a87a2d 100%) !important;
  color: #1a1206 !important;
  border: 1px solid rgba(255, 240, 200, .7) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, .55), 0 0 30px rgba(226, 190, 112, .22), inset 0 1px 0 rgba(255, 255, 255, .7) !important;
  text-shadow: 0 1px 0 rgba(255, 245, 220, .5) !important;
}
html body#index section.pf-hero .pf-hero-login-cta::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important; bottom: 0 !important;
  left: -40% !important;
  width: 30% !important;
  background: linear-gradient(100deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .55), rgba(255, 255, 255, 0)) !important;
  transform: skewX(-18deg) !important;
  animation: pfHeroSheen531 5.5s ease-in-out infinite !important;
  pointer-events: none !important;
}
@keyframes pfHeroSheen531 {
  0%, 62% { left: -40%; }
  100%    { left: 130%; }
}

/* étapes : anneaux or, textes champagne */
html body#index section.pf-hero .pf-step__num {
  background: radial-gradient(circle at 35% 30%, #1c1c1c, #050505 70%) !important;
  border: 1px solid rgba(226, 190, 112, .75) !important;
  color: #f4dea5 !important;
  box-shadow: 0 0 0 4px rgba(226, 190, 112, .08), 0 8px 22px rgba(0, 0, 0, .6) !important;
}
html body#index section.pf-hero .pf-step__title { color: #ffffff !important; }
html body#index section.pf-hero .pf-step__desc { color: rgba(244, 230, 196, .78) !important; }
html body#index section.pf-hero .pf-step__arrow { color: rgba(226, 190, 112, .65) !important; }

@media (prefers-reduced-motion: reduce) {
  html body#index section.pf-hero .pf-hero-login-cta::after { animation: none !important; display: none !important; }
}