/* Navigation de l'accueil : un parcours à la fois, sections originales conservées. */
html.unipay-page-index #unipayContextNav{
  --context-index:0;
  position:sticky;top:calc(var(--unipay-active-top, 0px) + 8px);z-index:160;
  display:block;width:min(780px,calc(100% - 20px));margin:12px auto 20px;padding:5px;
  border:1px solid rgba(135,230,255,.38);border-radius:14px;
  background:linear-gradient(110deg,rgba(7,22,41,.67),rgba(22,24,53,.59),rgba(7,27,41,.67));
  box-shadow:0 8px 22px rgba(0,12,25,.18),inset 0 1px rgba(255,255,255,.11);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  opacity:.72;transition:opacity .25s ease,box-shadow .25s ease;
  isolation:isolate;box-sizing:border-box;
}
html.unipay-page-index #unipayContextNav:hover,
html.unipay-page-index #unipayContextNav:focus-within{opacity:.97;box-shadow:0 9px 26px rgba(9,41,65,.29),inset 0 1px rgba(255,255,255,.16)}
html.unipay-page-index #unipayContextNav::before{
  content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;z-index:-1;
  background:linear-gradient(100deg,rgba(64,231,255,.29),rgba(165,111,255,.26),rgba(110,246,205,.27),rgba(64,231,255,.29));
  background-size:240% 100%;filter:blur(8px);animation:contextSmoke 12s linear infinite;
}
html.unipay-page-index .unipay-context-track{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;min-height:48px;padding-bottom:9px}
html.unipay-page-index .unipay-context-track>button{
  position:relative;z-index:2;min-width:0;min-height:37px;padding:5px 3px;border:0;border-radius:10px;
  background:transparent;color:#d7e6ed;font:600 clamp(10px,1.3vw,13px)/1.1 system-ui,sans-serif;
  text-align:center;cursor:pointer;white-space:nowrap;transition:color .25s ease,background .25s ease;
}
html.unipay-page-index .unipay-context-track>button:hover,
html.unipay-page-index .unipay-context-track>button[aria-current="location"]{color:#fff;background:rgba(120,223,255,.08)}
html.unipay-page-index .unipay-context-track>button:focus-visible{outline:2px solid #a5ecff;outline-offset:-2px}
html.unipay-page-index .unipay-context-wheel{
  position:absolute;left:0;bottom:0;width:25%;height:13px;display:grid;place-items:center;pointer-events:none;
  transform:translateX(calc(var(--context-index) * 100%));transition:transform .55s cubic-bezier(.2,.75,.2,1);
}
html.unipay-page-index .unipay-context-wheel::before{content:"";position:absolute;top:5px;width:80%;height:1px;background:linear-gradient(90deg,transparent,#9ce8ff,transparent);box-shadow:0 0 8px #69d9ff}
html.unipay-page-index .unipay-context-wheel i{
  position:relative;display:block;width:16px;height:16px;border:2px solid rgba(210,250,255,.9);border-radius:50%;
  background:conic-gradient(from 45deg,transparent 0 20%,#9eeaff 22% 27%,transparent 29% 48%,#b69bff 50% 55%,transparent 57% 76%,#8bf5dc 78% 83%,transparent 85%);
  box-shadow:0 0 11px rgba(102,230,255,.65);transform:rotate(calc(var(--context-index) * 200deg));
  transition:transform .75s cubic-bezier(.2,.75,.2,1);
}
html.unipay-page-index :is(#unipayAppToolsPresentation,#unipayEcosystemBrief,#unipayGovernancePartnership,#unipayDynamicShowcase){scroll-margin-top:88px}
@keyframes contextSmoke{to{background-position:240% 0}}
@media(max-width:600px){
  html.unipay-page-index #unipayContextNav{width:calc(100% - 16px);margin:8px auto 15px;padding:3px;border-radius:11px;top:calc(var(--unipay-active-top, 0px) + 5px)}
  html.unipay-page-index .unipay-context-track{min-height:43px}
  html.unipay-page-index .unipay-context-track>button{font-size:clamp(9px,2.4vw,11px);padding:4px 1px;min-height:35px}
}
@media(prefers-reduced-motion:reduce){html.unipay-page-index #unipayContextNav::before{animation:none}html.unipay-page-index .unipay-context-wheel,html.unipay-page-index .unipay-context-wheel i{transition:none}}

html.unipay-page-index .unipay-home-journey-panel[hidden] { display:none !important; }
html.unipay-page-index .unipay-home-journey-navigation {
  scroll-margin-top:calc(max(var(--unipay-active-top,0px),var(--unipay-topbar-height,64px),64px) + 12px);
  box-sizing:border-box;width:min(1120px,calc(100% - 28px));margin:calc(12px + max(0px,64px - var(--unipay-active-top,0px))) auto 18px;
  padding:14px 16px;border:1px solid rgba(120,227,255,.3);border-radius:18px;
  background:linear-gradient(125deg,rgba(3,20,38,.9),rgba(18,18,44,.8));
}
html.unipay-page-index .unipay-home-journey-navigation h2 { margin:0 0 8px;font-size:1.2rem;color:#e5faff; }
html.unipay-page-index .unipay-home-journey-navigation #unipayContextNav {
  position:relative;top:auto;z-index:auto;width:100%;margin:0;padding:4px;opacity:1;
}
html.unipay-page-index .unipay-home-journey-navigation .unipay-context-track {
  display:flex;gap:6px;padding:2px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#73d8ef transparent;
  overscroll-behavior-x:contain;scroll-snap-type:x proximity;
}
html.unipay-page-index .unipay-home-journey-navigation .unipay-context-track > button {
  display:flex;align-items:center;justify-content:center;gap:7px;flex:1 0 auto;
  min-height:44px;padding:8px 11px;font-size:12px;scroll-snap-align:start;
}
html.unipay-page-index .unipay-context-track > button[aria-current="step"] {
  color:#fff;background:rgba(94,222,255,.16);box-shadow:inset 0 -2px #83e9ff;
}
.unipay-journey-mark {
  box-sizing:border-box;display:inline-flex;width:32px;height:32px;flex:0 0 32px;padding:5px;color:var(--journey-color,#81eaff);
  border:1px solid currentColor;border-radius:50%;background:radial-gradient(circle,rgba(101,214,243,.2),rgba(4,20,40,.8));
  box-shadow:0 0 9px color-mix(in srgb,currentColor 25%,transparent),inset 0 0 7px rgba(133,235,255,.1);
  animation:unipay-journey-mark-motion 8s ease-in-out infinite;animation-delay:var(--journey-mark-delay,0s);
}
.unipay-context-track > button[data-journey="finance"] { --journey-color:#ffd58a; }
.unipay-context-track > button[data-journey="gouvernance"] { --journey-color:#c6b3ff; }
.unipay-context-track > button[data-journey="confiance"] { --journey-color:#8cf5bf; }
.unipay-context-track > button[aria-current="step"] .unipay-journey-mark { box-shadow:0 0 14px currentColor; }
@keyframes unipay-journey-mark-motion {
  0%,100% { transform:rotate(0deg) scale(1); }
  20% { transform:rotate(-5deg) scale(1.03); }
  40% { transform:rotate(5deg) scale(1.06); }
  58% { transform:rotate(0deg) scale(1.14); }
  80% { transform:rotate(-2deg) scale(1.03); }
}
@media(prefers-reduced-motion:reduce){.unipay-journey-mark{animation:none;transform:none}}
.unipay-journey-mark :is(img,svg) { width:100%;height:100%;object-fit:contain; }
html.unipay-page-index .unipay-home-journey-pager {
  box-sizing:border-box;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;
  width:min(1120px,calc(100% - 28px));margin:22px auto;padding:16px;border-radius:18px;
  border:1px solid rgba(120,227,255,.32);background:linear-gradient(115deg,rgba(3,23,39,.88),rgba(23,15,43,.84));
}
html.unipay-page-index .unipay-home-journey-pager button {
  min-height:44px;padding:10px 12px;border:1px solid rgba(126,233,255,.4);border-radius:13px;
  background:rgba(35,108,137,.16);color:#eaffff;font:600 13px/1.3 system-ui,sans-serif;cursor:pointer;
}
html.unipay-page-index .unipay-home-journey-pager button:disabled { opacity:.4;cursor:default; }
html.unipay-page-index .unipay-home-journey-pager button:focus-visible { outline:2px solid #8beaff;outline-offset:3px; }
.unipay-journey-position { color:#bcecf8;font:500 12px/1.4 system-ui,sans-serif;text-align:center; }
@media(max-width:600px) {
  html.unipay-page-index .unipay-home-journey-navigation { width:calc(100% - 16px);padding:12px 9px; }
  html.unipay-page-index .unipay-home-journey-pager { width:calc(100% - 16px);grid-template-columns:1fr 1fr;gap:9px;padding:12px; }
  html.unipay-page-index .unipay-home-journey-pager .unipay-journey-position { grid-column:1/-1;grid-row:1; }
  html.unipay-page-index .unipay-home-journey-pager button { padding:9px 7px;font-size:12px; }
}