/* Barre de navigation de la landing v2, reprise de site.css (lignes nav, glass, btn) pour la page bêta. */
:root{--gut:1rem;--r:1.25rem}@media (min-width:768px){:root{--gut:2rem}}
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;height:3.25rem;padding:0 1.5rem;border-radius:999px;font-weight:600;font-size:1rem;white-space:nowrap;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background-color .25s;isolation:isolate;overflow:hidden}
.btn .ico{transition:transform .35s var(--ease)}
.btn:hover .ico.go{transform:translateX(.2rem)}
.btn:active{transform:scale(.98)}
.btn-p{background:var(--blue);color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 0 0 1px rgba(0,40,170,.4),0 10px 24px -8px rgba(0,68,255,.55),0 2px 4px rgba(0,30,120,.2)}
.btn-p::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%);transition:transform .8s var(--ease);z-index:-1}
.btn-p:hover{background:var(--blue-d);box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 0 0 1px rgba(0,40,170,.4),0 16px 36px -10px rgba(0,68,255,.65),0 2px 4px rgba(0,30,120,.2)}
.btn-p:hover::after{transform:translateX(120%)}
.btn-g{color:var(--ink);background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,.45));-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);box-shadow:0 0 0 1px rgba(255,255,255,.8) inset,0 0 0 1px rgba(10,13,20,.06),0 8px 20px -10px rgba(16,24,48,.25)}
.btn-g:hover{background:rgba(255,255,255,.9)}
.btn-s{height:2.5rem;padding:0 1.1rem;font-size:.9375rem}

/* ---------- Verre ---------- */
.glass{position:relative;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,.38));-webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%);border-radius:var(--r);box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 -1px 0 rgba(255,255,255,.25) inset,var(--sh-2);isolation:isolate}
.glass::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(150deg,rgba(255,255,255,.95),rgba(255,255,255,.2) 35%,rgba(255,255,255,.06) 60%,rgba(255,255,255,.75));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2}
.spec::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(28rem circle at var(--mx,50%) var(--my,-20%),rgba(255,255,255,.55),rgba(255,255,255,0) 45%);opacity:0;transition:opacity .5s var(--ease);pointer-events:none;z-index:1;mix-blend-mode:soft-light}
.spec:hover::after{opacity:1}
.grain::after{content:"";position:absolute;inset:0;background-image:var(--noise);background-size:180px;opacity:.06;mix-blend-mode:multiply;pointer-events:none;border-radius:inherit}

/* ---------- Nav ---------- */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;padding:.75rem var(--gut) 0;pointer-events:none}
.nav-in{pointer-events:auto;max-width:76rem;margin:0 auto;display:flex;align-items:center;gap:1rem;height:3.75rem;padding:0 .6rem 0 1.1rem;border-radius:999px;transition:box-shadow .4s var(--ease),background .4s}
.nav.scrolled .nav-in{box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 10px 30px -12px rgba(16,24,48,.25)}
.brand{display:flex;align-items:center;gap:.55rem;font-family:var(--display);font-size:1.18rem;letter-spacing:-.01em;flex:none;line-height:1}
.brand svg{width:2.1rem;height:auto;color:var(--ink)}
.brand b{font-weight:800}.brand span{font-weight:200}
.nav-links{display:flex;gap:.25rem;margin-left:auto;font-size:.9375rem;color:var(--ink-2)}
.nav-links a{padding:.5rem .8rem;border-radius:999px;transition:background .25s,color .25s}
.nav-links a:hover{background:rgba(255,255,255,.7);color:var(--ink)}
.nav-cta{display:flex;gap:.5rem;align-items:center}
.burger{display:none;width:2.75rem;height:2.75rem;border-radius:50%;align-items:center;justify-content:center;margin-left:auto}
.burger .ico{width:1.35rem;height:1.35rem}
.menu{display:none}
@media (max-width:1079px){
  .nav-links{display:none}
  .nav-cta .btn-g{display:none}
  .burger{display:inline-flex;margin-left:0}
  .nav-cta{margin-left:auto}
  .menu{display:block;pointer-events:auto;max-width:76rem;margin:.5rem auto 0;border-radius:var(--r);padding:.75rem;opacity:0;transform:translateY(-.5rem) scale(.98);visibility:hidden;transition:opacity .3s var(--ease),transform .3s var(--ease),visibility 0s .3s}
  .nav.open .menu{opacity:1;transform:none;visibility:visible;transition:opacity .3s var(--ease),transform .3s var(--ease)}
  .menu a{display:block;padding:.85rem 1rem;border-radius:.75rem;font-weight:500}
  .menu a:hover{background:rgba(255,255,255,.7)}
  .menu .btn{display:flex;width:100%;margin-top:.5rem}
}
.nav-cta .short{display:none}
@media (max-width:479px){
  .nav-in{height:3.4rem;padding:0 .35rem 0 .85rem;gap:.4rem}
  .brand{font-size:1.02rem;gap:.45rem}.brand svg{width:1.8rem}
  .nav-cta .btn-p{height:2.4rem;padding:0 1rem;font-size:.875rem}
  .nav-cta .full{display:none}.nav-cta .short{display:inline}
  .burger{width:2.5rem;height:2.5rem}
}
.nav-links a[aria-current="page"]{background:#fff;color:var(--ink);box-shadow:0 0 0 1px var(--line)}
.menu a[aria-current="page"]{color:var(--blue)}
.brand img{height:1.3em;width:auto;flex:none}
.brand .mot{display:inline-flex;align-items:baseline;white-space:nowrap}.brand .mot em{font-style:normal;font-weight:200;margin:0}
.brand{gap:.6em}

/* Nav à 5 liens (Blog, 9 octobre) : plus serrée entre 1080 et 1279 px pour que les deux boutons tiennent. */
@media (min-width:1080px) and (max-width:1279px){
  .nav-links{gap:0;font-size:.9rem}
  .nav-links a{padding:.5rem .55rem}
  .nav-cta{gap:.4rem}
  .nav-cta .btn-s{padding:0 .85rem;font-size:.875rem}
}