:root{
  --brand-1:#0ea5e9;
  --brand-2:#7c3aed;
  --bg:#0c1222;
  --fg:#eaedf5;
  --muted:#99a1b3;
  --card:#11172a;
  --ring:rgba(126,58,237,.45);
}
.hero-gradient{position:relative;background:none}
.hero-gradient::before{
  content:'';position:absolute;top:-10%;left:-10%;
  width:60vmax;height:30vmax;border-radius:9999px;
  background:radial-gradient(closest-side,rgba(14,165,233,.25),transparent);
  filter:blur(40px);opacity:.8;pointer-events:none
}
.hero-gradient::after{
  content:'';position:absolute;top:-15%;right:-10%;
  width:50vmax;height:28vmax;border-radius:9999px;
  background:radial-gradient(closest-side,rgba(124,58,237,.25),transparent);
  filter:blur(40px);opacity:.7;pointer-events:none
}
.brand-text{background:linear-gradient(90deg,var(--brand-1),var(--brand-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-ring{box-shadow:0 0 0 4px var(--ring)}
.glass{background:rgba(255,255,255,.04);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08)}
.card{background:var(--card);border:1px solid rgba(255,255,255,.06)}
.shadow-soft{box-shadow:0 10px 35px rgba(0,0,0,.25)}
.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.15rem;border-radius:9999px;font-weight:600}
.btn-primary{background:linear-gradient(90deg,var(--brand-1),var(--brand-2));color:#fff}
.btn-outline{border:1px solid rgba(255,255,255,.2)}
.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .7rem;border-radius:9999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);font-size:.78rem;color:#cfd6e6}
.kpi{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.06)}
.divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent)}
/* Stickybar : cachée au départ */
.stickybar{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 50;
  background: rgba(15,23,42,.96);            /* fond sombre translucide */
  border-top: 1px solid rgba(255,255,255,.06);
  box-shadow: 0 -10px 30px rgba(0,0,0,.25);

  transform: translateY(120%);
  opacity: 0;
  pointer-events: none;

  transition: transform .28s ease, opacity .28s ease;
  overflow-x: clip; /* jamais de scroll horizontal */
}

/* Visible après scroll */
.stickybar.is-visible{
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}

/* Accessibilité : pas d’animations si l’utilisateur les coupe */
@media (prefers-reduced-motion: reduce){
  .stickybar{ transition: none; }
}.icon{width:1.1em;height:1.1em;display:inline-block}

/* COMPACT MOBILE BUTTONS (44px tap target, smaller visual weight) */
.btn-mob{padding:.3rem .5rem;font-size:.9rem;min-height:44px;border-radius:12px}

/* Optional: shrink even more on very small screens */
@media (max-width:400px){
  .btn-mob{padding:.25rem .45rem;font-size:.85rem;min-height:42px}
}

@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}100%{transform:translateY(0)}}
.float{animation:float 4s ease-in-out infinite}

/* Helpers */
.glow{
  mask-image:radial-gradient(closest-side,#000 70%,transparent);
  -webkit-mask-image:radial-gradient(closest-side,#000 70%,transparent);
}
/* Panel + pont anti-décrochage (pas de fermeture pendant la descente) */
.dropdown-panel{
  min-width:16rem;
  transition:opacity .18s ease, transform .18s ease;
  z-index:999; position:absolute;
}
.dropdown-open [data-dropdown-panel]{
  opacity:1 !important;
  transform:translateY(0) !important;
  pointer-events:auto !important;
}
.dropdown-open [data-dropdown-panel]::before{
  pointer-events: none; /* au lieu de content:none */
}

/* Items */
.dropdown-item{
  display:block; padding:.55rem .9rem; border-radius:.6rem;
  color:#e5e7eb; text-decoration:none;
}
.dropdown-item:hover{ background:rgba(255,255,255,.06); }
/* 1) Rendez le panel cliquable & visible quand .dropdown-open est posé */
.dropdown-open [data-dropdown-panel]{
  opacity: 1 !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
  z-index: 1000; /* par sécurité */
}

/* 2) SUPPRIMEZ le “pont” qui bloquait les premiers liens */
.dropdown-open [data-dropdown-panel]::before{
  content: none !important;
}

/* 3) (Optionnel) Ajoutez un léger offset visuel au panel */
[data-dropdown-panel]{ margin-top: 8px; }

/* 4) Hover bien visible */
.dropdown-item:hover{ background: rgba(255,255,255,.08); }
:root{
  --z-overlay:   2000;  /* backdrops, modales */
  --z-dropdown:  1200;  /* sous-menus, tooltips */
  --z-mobileNav: 1100;  /* panneau off-canvas */
  --z-header:    1000;  /* navbar collante */
  --z-stickybar:  900;  /* bandeau sticky bas */
  --z-section:      1;  /* contenu par défaut */
}

/* Base layering */
header, .site-header{ position: relative; z-index: var(--z-header); }
[data-dropdown-panel]{ position: absolute; z-index: var(--z-dropdown); }
#mobileNavOverlay{ position: fixed; z-index: var(--z-overlay); }
#mobileNav{ position: fixed; z-index: var(--z-mobileNav); }
section, .section{ position: relative; z-index: var(--z-section); }

/* À éviter sur les conteneurs près des menus */
.has-dropdown-parent{ overflow: visible; }
/* ===== NAV Echo Dev — hardening ===== */
.edv-nav{ position:relative; z-index:var(--z-header,1000); }

/* Liens du nav */
.edv-nav a{
  color:#c7d2fe; /* lavande lisible sur fond sombre */
  text-decoration:none;
  transition:opacity .15s ease, color .15s ease;
}
.edv-nav a:hover{ color:#ffffff; opacity:.9; }

/* Bouton déclencheur du sous-menu (Blog) : reset UA */
.edv-nav [data-dropdown-trigger]{
  appearance:none; -webkit-appearance:none;
  background:transparent; border:0; padding:0; margin:0;
  color:#e5e7eb; font:inherit; line-height:inherit; cursor:pointer;
}
.edv-nav [data-dropdown-trigger]:focus{ outline:none; }

/* Dropdown panel + items (si pas déjà défini) */
.edv-nav .dropdown-panel{
  min-width:16rem; margin-top:8px;
  border-radius:12px;
  background:rgba(15,23,42,.95);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 20px 50px rgba(0,0,0,.35);
  z-index:1200;
}
.edv-nav .dropdown-item{
  display:block; padding:.55rem .9rem; border-radius:.6rem;
  color:#e5e7eb; text-decoration:none;
}
.edv-nav .dropdown-item:hover{ background:rgba(255,255,255,.06); }

/* Désactive l’ancien “pont” qui pouvait bloquer des clics */
.edv-nav .dropdown-panel::before{ content:none !important; }

/* CTA header (si besoin de le raviver) */
.edv-nav .btn.btn-primary{
  background:linear-gradient(90deg,#38bdf8,#8b5cf6);
  color:#fff; border:0;
  box-shadow:0 10px 30px rgba(139,92,246,.35);
}
.edv-nav .btn.btn-primary:hover{ filter:brightness(1.05); }

/* Évite qu’une section passe au-dessus du nav */
section, .section{ position:relative; z-index:1; }