/* PRATINIUM v83 — Strategic Financial Infrastructure Look
   Objectif : transformer la home en univers d'infrastructure financière stratégique :
   halo lumineux sophistiqué, dégradés profonds, profondeur multicouche, reflets subtils,
   particules animées et glassmorphism léger. */

body#index .pf-hero,
body#index section.pf-hero{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 18% 24%, rgba(255,216,123,.20), transparent 23%),
    radial-gradient(circle at 74% 12%, rgba(79,221,255,.18), transparent 26%),
    radial-gradient(circle at 78% 82%, rgba(69,112,255,.14), transparent 34%),
    linear-gradient(135deg,#020611 0%,#051632 38%,#081f43 62%,#030711 100%)!important;
  border:1px solid rgba(212,232,255,.18)!important;
  box-shadow:
    0 54px 150px rgba(0,0,0,.48),
    0 22px 70px rgba(4,20,48,.42),
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -1px 0 rgba(255,255,255,.05)!important;
}

/* Halo de direction : luxe discret, pas de flash agressif */
body#index .pf-hero::before{
  content:""!important;
  position:absolute!important;
  inset:-34% -18% auto -18%!important;
  height:72%!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    radial-gradient(ellipse at 18% 46%, rgba(255,226,147,.58), rgba(255,196,68,.16) 28%, transparent 58%),
    radial-gradient(ellipse at 64% 26%, rgba(102,232,255,.36), rgba(74,143,255,.11) 30%, transparent 61%),
    linear-gradient(98deg, transparent 0%, rgba(255,255,255,.14) 48%, transparent 78%)!important;
  filter:blur(18px) saturate(1.18)!important;
  opacity:.92!important;
  transform:translate3d(0,0,0)!important;
  animation:pf83HaloBreath 12s ease-in-out infinite alternate!important;
}

/* Profondeur : vignette + lumière institutionnelle + fine grille */
body#index .pf-hero::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:
    linear-gradient(112deg, rgba(1,5,14,.94) 0%, rgba(3,12,30,.86) 34%, rgba(7,31,65,.58) 68%, rgba(1,5,14,.64) 100%),
    radial-gradient(circle at 50% 38%, rgba(255,255,255,.10), transparent 34%),
    radial-gradient(circle at 75% 76%, rgba(249,199,93,.20), transparent 34%),
    linear-gradient(rgba(181,212,244,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(181,212,244,.04) 1px, transparent 1px)!important;
  background-size:auto,auto,auto,48px 48px,48px 48px!important;
  mix-blend-mode:normal!important;
}

/* Couche JS injectée : particules, reflets, lignes d'infrastructure */
body#index .pf-hero .pf-strategic-layers{
  position:absolute!important;
  inset:0!important;
  z-index:3!important;
  pointer-events:none!important;
  overflow:hidden!important;
}
body#index .pf-hero .pf-strategic-layers::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  opacity:.72!important;
  background-image:
    radial-gradient(circle, rgba(255,232,173,.72) 0 1px, transparent 2px),
    radial-gradient(circle, rgba(116,229,255,.55) 0 1px, transparent 2px),
    linear-gradient(118deg, transparent 8%, rgba(255,255,255,.10) 48%, transparent 63%)!important;
  background-size:92px 86px,136px 128px,100% 100%!important;
  background-position:0 0,34px 26px,0 0!important;
  filter:drop-shadow(0 0 10px rgba(96,214,255,.22))!important;
  animation:pf83ParticleDrift 20s linear infinite!important;
}
body#index .pf-hero .pf-strategic-layers::after{
  content:""!important;
  position:absolute!important;
  inset:8% -6% 0 -6%!important;
  opacity:.34!important;
  background:
    linear-gradient(115deg, transparent 0 16%, rgba(125,205,255,.22) 16.2%, transparent 16.8% 100%),
    linear-gradient(148deg, transparent 0 58%, rgba(255,214,126,.16) 58.2%, transparent 58.8% 100%),
    radial-gradient(ellipse at 82% 38%, rgba(255,255,255,.18), transparent 22%)!important;
  filter:blur(.2px)!important;
  transform:perspective(900px) rotateX(10deg)!important;
}

body#index .pf-hero .pf-strategic-orb{
  position:absolute!important;
  width:clamp(220px,26vw,430px)!important;
  aspect-ratio:1!important;
  border-radius:999px!important;
  right:clamp(16px,5vw,92px)!important;
  top:clamp(38px,8vw,115px)!important;
  z-index:3!important;
  pointer-events:none!important;
  opacity:.38!important;
  background:
    radial-gradient(circle at 38% 32%, rgba(255,255,255,.22), transparent 18%),
    radial-gradient(circle at 50% 50%, transparent 46%, rgba(119,211,255,.28) 47%, transparent 49%),
    conic-gradient(from 18deg, transparent, rgba(255,215,127,.42), transparent, rgba(92,222,255,.34), transparent)!important;
  filter:blur(.2px) drop-shadow(0 0 48px rgba(89,218,255,.16))!important;
  animation:pf83Orb 24s linear infinite!important;
}

/* Reflets subtils sur les blocs verre */
body#index .pf-hero__copy,
body#index .pf-hero-journey,
body#index .pf-stats,
body#index .pf-partners__panel,
body#index .pf-project-card,
body#index .pf-legal__item,
body#index .pf-trust-bar{
  position:relative!important;
}
body#index .pf-hero-journey,
body#index .pf-stats,
body#index .pf-partners__panel,
body#index .pf-project-card,
body#index .pf-legal__item{
  background:
    linear-gradient(145deg, rgba(255,255,255,.14), rgba(255,255,255,.055) 52%, rgba(255,255,255,.10)),
    radial-gradient(circle at 20% 0%, rgba(255,230,169,.12), transparent 34%)!important;
  border:1px solid rgba(220,238,255,.24)!important;
  box-shadow:
    0 32px 90px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -1px 0 rgba(255,255,255,.06)!important;
  backdrop-filter:blur(20px) saturate(1.18)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.18)!important;
}
body#index .pf-hero-journey::before,
body#index .pf-stats::before,
body#index .pf-partners__panel::before,
body#index .pf-project-card::before,
body#index .pf-legal__item::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  background:linear-gradient(118deg, rgba(255,255,255,.24), transparent 22%, transparent 70%, rgba(120,218,255,.08))!important;
  opacity:.72!important;
  mix-blend-mode:screen!important;
}

/* Le bloc parcours doit rester lisible malgré le glassmorphism */
body#index .pf-hero-journey,
body#index .pf-hero-journey *{
  color:#fff!important;
}
body#index .pf-hero-journey .pf-tab{
  background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.08))!important;
  border-color:rgba(214,233,255,.28)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14)!important;
}
body#index .pf-hero-journey .pf-tab--active,
body#index .pf-hero-journey .pf-tab[aria-selected="true"]{
  color:#071d35!important;
  background:linear-gradient(135deg, rgba(219,242,255,.98), rgba(179,211,239,.94))!important;
  box-shadow:0 16px 38px rgba(94,231,255,.16), inset 0 1px 0 rgba(255,255,255,.65)!important;
}

/* Titre : plus stratégique, lumineux mais net */
body#index .pf-hero__title{
  text-shadow:
    0 34px 82px rgba(0,0,0,.68),
    0 0 34px rgba(118,210,255,.12)!important;
}
body#index .pf-hero__title::after{
  background:linear-gradient(90deg,#ffe299 0%,#f3b837 30%,#6ee7ff 66%,transparent 100%)!important;
  box-shadow:0 0 38px rgba(255,213,116,.70),0 0 26px rgba(110,231,255,.24)!important;
}
body#index .pf-hero__subtitle{
  color:rgba(244,249,255,.96)!important;
}
body#index .pf-hero__badge,
body#index .pf-hero-login-cta,
body#index .pf-btn--primary{
  box-shadow:0 18px 48px rgba(255,190,54,.30), inset 0 1px 0 rgba(255,255,255,.65)!important;
}

/* Sections sous hero : transition plus premium */
body#index .pf-trust-bar{
  background:
    linear-gradient(90deg, rgba(2,6,17,.98), rgba(9,35,72,.96) 52%, rgba(2,6,17,.98)),
    radial-gradient(circle at 50% 0%, rgba(255,221,143,.16), transparent 44%)!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
}

@keyframes pf83HaloBreath{
  0%{transform:translate3d(-22px,-4px,0) scale(1);opacity:.74;}
  100%{transform:translate3d(34px,8px,0) scale(1.08);opacity:.98;}
}
@keyframes pf83ParticleDrift{
  0%{background-position:0 0,34px 26px,0 0;}
  100%{background-position:92px -86px,170px -102px,0 0;}
}
@keyframes pf83Orb{
  to{transform:rotate(360deg);}
}

@media (max-width:991px){
  body#index .pf-hero .pf-strategic-orb{right:-90px;top:60px;opacity:.24;}
  body#index .pf-hero .pf-strategic-layers::before{opacity:.50;background-size:82px 76px,122px 116px,100% 100%!important;}
}
@media (max-width:767px){
  body#index .pf-hero,
  body#index section.pf-hero{
    border-radius:26px!important;
    background:
      radial-gradient(circle at 22% 12%, rgba(255,217,125,.22), transparent 28%),
      radial-gradient(circle at 78% 5%, rgba(99,225,255,.16), transparent 32%),
      linear-gradient(150deg,#020611,#061934 48%,#020611)!important;
  }
  body#index .pf-hero::before{inset:-20% -34% auto -34%!important;height:48%!important;filter:blur(16px)!important;}
  body#index .pf-hero::after{background-size:auto,auto,auto,38px 38px,38px 38px!important;}
  body#index .pf-hero .pf-strategic-layers::after{opacity:.22;}
  body#index .pf-hero-journey,
  body#index .pf-stats,
  body#index .pf-partners__panel,
  body#index .pf-project-card,
  body#index .pf-legal__item{backdrop-filter:blur(16px) saturate(1.12)!important;-webkit-backdrop-filter:blur(16px) saturate(1.12)!important;}
}

@media (prefers-reduced-motion: reduce){
  body#index .pf-hero::before,
  body#index .pf-hero .pf-strategic-layers::before,
  body#index .pf-hero .pf-strategic-orb{animation:none!important;}
}