/* En-tête commun à toutes les pages publiques d'ARCYNDRA CAD
   Barre collante translucide · menu repliable sous 1180 px ou dès que la barre ne tient plus sur une ligne · bouton Soutenir toujours visible */
html{scroll-padding-top:84px}
.site-head{position:sticky;top:0;z-index:60;background:rgba(9,21,33,.55);backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);border-bottom:1px solid transparent;transition:background .25s,border-color .25s,box-shadow .25s;font-family:Inter,Arial,sans-serif}
.site-head.scrolled{background:rgba(9,21,33,.88);border-bottom-color:#24394F;box-shadow:0 10px 30px rgba(0,0,0,.28)}
.site-head .nav{box-sizing:border-box;max-width:1280px;margin:0 auto;padding:0 max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px));display:flex;align-items:center;gap:18px;height:76px;transition:height .25s}
.site-head.scrolled .nav{height:62px}
.site-head .brand{flex:none;display:flex;align-items:center;gap:12px;font:800 21px/1 Montserrat,Inter,Arial,sans-serif;letter-spacing:-.01em;color:#EAF2F7;text-decoration:none}
.site-head .brand svg{transition:transform .3s}
.site-head .brand:hover svg{transform:rotate(-6deg) scale(1.05)}
.site-head .brand b{color:#18B7D8;font-weight:700}
.nav-links{display:flex;align-items:center;gap:2px;margin-left:auto;font-size:.9rem;font-weight:500;line-height:1.4}
.nav-links a{position:relative;color:#A9BAC8;text-decoration:none;padding:8px 8px;border-radius:8px;white-space:nowrap;transition:color .15s,background .15s}
.nav-links a::after{content:"";position:absolute;left:8px;right:8px;bottom:2px;height:2px;border-radius:2px;background:#18B7D8;transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
.nav-links a:hover{color:#EAF2F7;background:rgba(24,183,216,.08)}
.nav-links a:hover::after,.nav-links a[aria-current]::after{transform:scaleX(1)}
.nav-links a[aria-current]{color:#EAF2F7}
.site-head a:focus-visible,.nav-toggle:focus-visible{outline:2px solid #18B7D8;outline-offset:2px}
.nav-links .menu-note{display:none}
.nav-cta{flex:none;display:inline-flex;align-items:center;gap:8px;font:700 .9rem/1.2 Inter,Arial,sans-serif;color:#0B1522;background:#F29B63;padding:9px 16px;border-radius:999px;text-decoration:none;box-shadow:0 6px 18px rgba(242,155,99,.28);transition:background .15s,transform .15s,box-shadow .15s}
.nav-cta:hover{background:#F6B283;transform:translateY(-1px);box-shadow:0 10px 24px rgba(242,155,99,.38)}
.nav-cta[aria-current]{box-shadow:0 0 0 2px #091521,0 0 0 4px #F29B63}
.nav-cta svg{flex:none}
.nav-secure{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:.85rem;color:#A9BAC8}
.lang{flex:none;display:flex;align-items:center;gap:2px;font:600 12px "JetBrains Mono",Consolas,monospace;letter-spacing:.04em}
.lang a{color:#A9BAC8;text-decoration:none;padding:5px 6px;border-radius:6px;transition:color .15s,background .15s}
.lang a:hover{color:#EAF2F7;background:rgba(24,183,216,.1)}
.lang a[aria-current]{color:#0B1522;background:#18B7D8}
.nav-links .lang-panel{display:none}
.nav-secure + .lang{margin-left:12px}
.lang-menu{position:relative;display:block;flex:none}
/* Pages style their own <details> (FAQ): reset them inside the header */
.site-head details.lang-menu{padding:0;margin:0;border:0;background:none;border-radius:0;min-width:0}
.site-head details.lang-menu summary::after,.site-head details.lang-menu summary::before{content:none;display:none}
.site-head details.lang-menu summary{font:600 12px "JetBrains Mono",Consolas,monospace;letter-spacing:.04em;margin:0}
.lang-menu:not([open]) .lang-list{display:none}
.lang-menu summary{list-style:none;display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:#A9BAC8;padding:7px 9px;border-radius:8px;border:1px solid transparent}
.lang-menu summary::-webkit-details-marker{display:none}
.lang-menu summary:hover,.lang-menu[open] summary{color:#EAF2F7;border-color:#24394F;background:rgba(19,35,58,.7)}
.lang-menu .lang-list{position:absolute;right:0;top:calc(100% + 6px);display:flex;flex-direction:column;min-width:150px;padding:6px;background:#0C1826;border:1px solid #24394F;border-radius:10px;box-shadow:0 18px 36px rgba(0,0,0,.45);z-index:5}
.lang-menu .lang-list a{font:500 .9rem Inter,Arial,sans-serif;letter-spacing:0;padding:8px 10px}
.lang-offer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 14px;padding:8px 16px;font-size:.88rem;color:#EAF2F7;background:rgba(40,100,240,.25);border-top:1px solid #24394F}
.lang-offer a{color:#0B1522;background:#18B7D8;font-weight:700;text-decoration:none;padding:4px 12px;border-radius:999px}
.lang-offer button{font:inherit;color:#A9BAC8;background:none;border:0;text-decoration:underline;cursor:pointer}
.nav-toggle{display:none;flex:none;width:44px;height:44px;border:1px solid #24394F;border-radius:10px;background:rgba(19,35,58,.7);cursor:pointer;padding:0;position:relative}
.nav-toggle span{position:absolute;left:12px;right:12px;height:2px;border-radius:2px;background:#EAF2F7;transition:transform .25s,opacity .2s,top .25s}
.nav-toggle span:nth-child(1){top:14px}.nav-toggle span:nth-child(2){top:21px}.nav-toggle span:nth-child(3){top:28px}
.nav-toggle[aria-expanded="true"] span:nth-child(1){top:21px;transform:rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){top:21px;transform:rotate(-45deg)}
@media (max-width:1180px){
  .nav-toggle{display:block}
  .nav-cta{margin-left:auto}
  .nav-links{position:absolute;top:100%;left:0;right:0;margin:0;flex-direction:column;align-items:stretch;gap:2px;font-size:1rem;
    padding:10px max(16px,env(safe-area-inset-left,0px)) 18px;background:#0C1826;border-bottom:1px solid #24394F;box-shadow:0 24px 40px rgba(0,0,0,.4);
    opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility 0s .2s}
  .site-head.open .nav-links{opacity:1;visibility:visible;transform:none;transition:opacity .2s,transform .2s}
  .nav-links a{box-sizing:border-box;padding:13px 14px;border-radius:10px;max-width:1148px;width:100%;margin-inline:auto}
  .nav-links a::after{display:none}
  .nav-links a[aria-current]{background:rgba(24,183,216,.1);box-shadow:inset 3px 0 0 #18B7D8}
  .nav-links .menu-note{display:block;box-sizing:border-box;max-width:1148px;width:100%;margin:8px auto 0;padding:10px 14px 0;border-top:1px solid #24394F;font:500 12px "JetBrains Mono",Consolas,monospace;letter-spacing:.06em;color:#A9BAC8}
  .lang-bar{display:none}
  .nav-links .lang-panel{display:flex;justify-content:center;gap:6px;margin:10px auto 0;font-size:13px}
  .nav-links .lang-panel a{padding:8px 14px;border:1px solid #24394F}
}
/* Same layout when the bar does not fit on one line (longer labels in some languages): set by nav.js */
  .site-head.collapsed .nav-toggle{display:block}
  .site-head.collapsed .nav-cta{margin-left:auto}
  .site-head.collapsed .nav-links{position:absolute;top:100%;left:0;right:0;margin:0;flex-direction:column;align-items:stretch;gap:2px;font-size:1rem;
    padding:10px max(16px,env(safe-area-inset-left,0px)) 18px;background:#0C1826;border-bottom:1px solid #24394F;box-shadow:0 24px 40px rgba(0,0,0,.4);
    opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility 0s .2s}
  .site-head.collapsed.open .nav-links{opacity:1;visibility:visible;transform:none;transition:opacity .2s,transform .2s}
  .site-head.collapsed .nav-links a{box-sizing:border-box;padding:13px 14px;border-radius:10px;max-width:1148px;width:100%;margin-inline:auto}
  .site-head.collapsed .nav-links a::after{display:none}
  .site-head.collapsed .nav-links a[aria-current]{background:rgba(24,183,216,.1);box-shadow:inset 3px 0 0 #18B7D8}
  .site-head.collapsed .nav-links .menu-note{display:block;box-sizing:border-box;max-width:1148px;width:100%;margin:8px auto 0;padding:10px 14px 0;border-top:1px solid #24394F;font:500 12px "JetBrains Mono",Consolas,monospace;letter-spacing:.06em;color:#A9BAC8}
  .site-head.collapsed .lang-bar{display:none}
  .site-head.collapsed .nav-links .lang-panel{display:flex;justify-content:center;gap:6px;margin:10px auto 0;font-size:13px}
  .site-head.collapsed .nav-links .lang-panel a{padding:8px 14px;border:1px solid #24394F}
@media (max-width:480px){
  .site-head .nav{gap:10px;height:64px}
  .site-head .brand{font-size:17px;gap:8px}
  .site-head .brand svg{width:36px;height:30px}
  .nav-cta{padding:8px 13px;font-size:.85rem}
  .nav-cta .cta-long,.nav-secure .long{display:none}
}
@media (max-width:360px){.site-head .brand span{display:none}}
@media (prefers-reduced-motion:reduce){.site-head,.site-head .nav,.nav-links,.nav-links a::after,.nav-toggle span,.nav-cta,.site-head .brand svg{transition:none}}