/* Shared Afyniti marketing navigation. Generated pages and Astro pages use this file. */
.site-global-nav { position: relative; z-index: 100; }
.site-global-nav .wrapper-menu { position: fixed; inset: 0 0 auto; z-index: 100; display: flex; width: 100%; height: 68px; border: 1px solid rgba(255,255,255,.12); background: rgba(2,3,5,.72); backdrop-filter: blur(28px); }
.site-global-nav .div-block { display: flex; width: 100%; height: 100%; align-items:stretch; }
.site-global-nav .block-logo-menu { display:flex; flex:1; align-items:center; padding: .75rem clamp(1rem,2vw,2rem); }
.site-global-nav .image-logo { display:block; width:112px; height:auto; }
.site-global-nav .block-menu-content { display:flex; height:100%; align-items:stretch; overflow:hidden; }
.site-global-nav .block-menu-wrapper { position:relative; display:flex; flex:1; min-width:max-content; color:#fff; text-decoration:none; border-left:1px solid rgba(255,255,255,.22); overflow:hidden; }
.site-global-nav .block-bg-menu { position:absolute; inset:auto 0 0; z-index:1; width:100%; height:0; background:#c1ff00; transition:height .2s cubic-bezier(.23,1,.32,1); }
.site-global-nav .wrapper-block-menu { position:relative; z-index:2; display:flex; align-items:center; justify-content:center; padding:.75rem 24px; }
.site-global-nav .text-menu { color:#fff; font-family:"IBM Plex Mono","Roboto Mono",monospace; font-size:.72rem; font-weight:600; line-height:1rem; text-transform:uppercase; transition:color .2s ease; }
.site-global-nav .block-menu-wrapper:hover .block-bg-menu, .site-global-nav .block-menu-wrapper[aria-current="page"] .block-bg-menu { height:100%; }
.site-global-nav .block-menu-wrapper:hover .text-menu, .site-global-nav .block-menu-wrapper[aria-current="page"] .text-menu { color:#052c19; }
.site-global-nav .nav-enter-cta { align-self:center; display:inline-flex; gap:8px; min-height:42px; align-items:center; margin:0 14px 0 12px; padding:0 20px; border:1px solid #c1ff00; background:#c1ff00; color:#052c19; font-family:"IBM Plex Mono","Roboto Mono",monospace; font-size:.7rem; font-weight:700; letter-spacing:.08em; line-height:1; text-decoration:none; text-transform:uppercase; transition:background-color .18s ease,color .18s ease; }
.site-global-nav .nav-enter-cta:hover, .site-global-nav .nav-enter-cta:focus-visible { background:#e5ff67; color:#000; }
.site-global-nav .wrapper-container-menu { display:none; }

@media (max-width:900px) {
  .site-global-nav .wrapper-menu { height:60px; }
  .site-global-nav .block-menu-content { justify-content:flex-end; }
  .site-global-nav .block-menu-wrapper { display:none; }
  .site-global-nav .nav-enter-cta { min-height:38px; margin-right:72px; padding:0 12px; font-size:10px; }
  .site-global-nav .wrapper-container-menu { position:absolute; top:0; right:0; z-index:110; display:block; width:60px; height:60px; }
  .site-global-nav .block-menu { position:absolute; top:50%; right:18px; z-index:3; display:grid; width:38px; height:38px; place-items:center; padding:0; border:0; background:transparent; color:#c1ff00; cursor:pointer; transform:translateY(-50%); }
  .site-global-nav .block-menu:focus-visible { outline:1px solid #c1ff00; outline-offset:3px; }
  .site-global-nav .wrapper-hamburger-menu { display:flex !important; width:28px; flex-direction:column; gap:7px; }
  .site-global-nav .line-hamburger { display:block !important; width:100% !important; height:2px !important; min-height:2px; background:#c1ff00 !important; opacity:1 !important; transform:none !important; box-shadow:0 0 12px rgba(193,255,0,.72); }
  .site-global-nav .block-container-menu { position:fixed; top:60px; right:0; bottom:0; left:0; z-index:1; display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); gap:clamp(1.25rem,5vw,3rem); align-items:stretch; padding:clamp(2rem,8vw,4rem); overflow:auto; background:#c1ff00; background-image:linear-gradient(rgba(5,44,25,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(5,44,25,.13) 1px,transparent 1px); background-size:24px 24px; border-top:1px solid #052c19; box-shadow:inset 0 1px 0 rgba(255,255,255,.5); opacity:0; pointer-events:none; transform:translateY(-.75rem); transition:opacity .18s ease,transform .22s ease; }
  .site-global-nav .block-container-menu::after { content:""; position:absolute; inset:0; pointer-events:none; background:repeating-linear-gradient(0deg,rgba(5,44,25,.05) 0 1px,transparent 1px 4px); }
  .site-global-nav .wrapper-container-menu.is-open .block-container-menu { opacity:1; pointer-events:auto; transform:translateY(0); }
  .site-global-nav .block-social-footer, .site-global-nav .wrapper-link-menu, .site-global-nav .block-right-container-menu { position:relative; z-index:1; display:flex; flex-direction:column; }
  .site-global-nav .block-social-footer { gap:.7rem; }
  .site-global-nav .site-mobile-menu-label, .site-global-nav .site-mobile-menu-status, .site-global-nav .text-number { color:#075b31; font-family:"IBM Plex Mono","Roboto Mono",monospace; font-size:.76rem; font-weight:700; letter-spacing:.1em; line-height:1.45; text-transform:uppercase; }
  .site-global-nav .block-right-container-menu { gap:1.5rem; }
  .site-global-nav .wrapper-link-menu { gap:.65rem; }
  .site-global-nav .block-link-menu { display:flex; align-items:center; justify-content:space-between; padding:1rem 0; border-bottom:1px solid rgba(5,44,25,.36); color:#052c19; font-family:"IBM Plex Mono","Roboto Mono",monospace; font-size:clamp(1.4rem,5vw,4rem); font-weight:900; line-height:.95; text-decoration:none; text-transform:uppercase; }
  .site-global-nav .block-link-menu:hover, .site-global-nav .block-link-menu:focus-visible { color:#fff; }
}

@media (max-width:560px) {
  .site-global-nav .wrapper-menu { height:56px; }
  .site-global-nav .block-logo-menu { padding-left:1rem; }
  .site-global-nav .image-logo { width:104px; }
  .site-global-nav .nav-enter-cta { min-height:36px; margin-right:66px; padding:0 10px; font-size:9px; }
  .site-global-nav .wrapper-container-menu { width:56px; height:56px; }
  .site-global-nav .block-menu { right:16px; width:36px; height:36px; }
  .site-global-nav .wrapper-hamburger-menu { width:26px; gap:6px; }
  .site-global-nav .block-container-menu { top:56px; grid-template-columns:1fr; align-content:start; padding:4.25rem 1rem 2rem; }
  .site-global-nav .block-link-menu { font-size:clamp(1.55rem,10vw,2.8rem); }
}