/* Main-site navigation styles, scoped for standalone Arena apps. */
@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/manrope-800.ttf) format("truetype")}
@media (max-width: 760px){#main-nav .nav-btn{ min-height: 48px; touch-action: manipulation; }
}
#main-nav.nav{
  position: sticky; top: 0; z-index: 100; min-height: 64px;
  background: rgba(10, 15, 30, 0.97);
  border-bottom: 1px solid rgba(255,255,255,0.08);
  display: flex; align-items: center; padding: 0 40px;
}
#main-nav .nav-logo{ display: flex; align-items: center; gap: 10px; text-decoration: none; margin-right: 34px; }
#main-nav .nav-links{ display: flex; align-items: center; gap: 4px; flex: 1; }
#main-nav .nav-link{
  padding: 7px 12px; font-size: 13px; font-weight: 600; color: #94a3b8;
  text-decoration: none; border-radius: 999px; transition: color 0.15s, background 0.15s;
}
#main-nav .nav-link:hover,#main-nav .nav-link.active{ color: #f8fafc; background: rgba(255,255,255,0.06); }
#main-nav .nav-item-dropdown{ position: relative; }
#main-nav .nav-dropdown-toggle{ display: inline-flex; align-items: center; gap: 5px; cursor: pointer; user-select: none; }
#main-nav .nav-dropdown-toggle-split{ display: inline-flex; align-items: center; gap: 4px; user-select: none; padding-right: 6px; }
#main-nav .nav-dropdown-toggle-label{ text-decoration: none; color: inherit; }
#main-nav .nav-dropdown-caret-btn{ display: inline-flex; align-items: center; cursor: pointer; padding: 3px; margin: -3px -3px -3px 1px; border-radius: 999px; }
#main-nav .nav-dropdown-caret-btn:hover{ background: rgba(255,255,255,0.12); }
#main-nav .nav-caret{ transition: transform 0.15s; opacity: 0.8; }
#main-nav .nav-item-dropdown:hover .nav-caret,#main-nav .nav-item-dropdown.open .nav-caret{ transform: rotate(180deg); }
#main-nav .nav-dropdown-menu{
  position: absolute; top: calc(100% + 10px); left: 0; min-width: 210px;
  background: #131b2e; border: 1px solid rgba(255,255,255,0.1); border-radius: 12px;
  padding: 6px; box-shadow: 0 20px 44px rgba(0,0,0,0.45);
  opacity: 0; visibility: hidden; transform: translateY(4px);
  transition: opacity 0.15s, transform 0.15s, visibility 0.15s;
}
#main-nav .nav-item-dropdown:hover .nav-dropdown-menu,#main-nav .nav-item-dropdown.open .nav-dropdown-menu{ opacity: 1; visibility: visible; transform: translateY(0); }
#main-nav .nav-dropdown-link{
  display: block; padding: 9px 12px; font-size: 13px; font-weight: 600; color: #94a3b8;
  text-decoration: none; border-radius: 8px; transition: color 0.15s, background 0.15s;
}
#main-nav .nav-dropdown-link:hover,#main-nav .nav-dropdown-link.active{ color: #f8fafc; background: rgba(255,255,255,0.07); }
#main-nav .nav-cta{ display: flex; gap: 10px; align-items: center; margin-left: auto; }
#main-nav .nav-menu-toggle{
  display: none; width: 36px; height: 36px; align-items: center; justify-content: center;
  flex-direction: column; gap: 4px; background: transparent;
  border: 1px solid rgba(255,255,255,0.14); border-radius: 7px; cursor: pointer;
}
#main-nav .nav-menu-toggle span{ display: block; width: 16px; height: 2px; background: #94a3b8; border-radius: 999px; }
#main-nav .nav-btn{ padding: 8px 15px; font-size: 13px; font-weight: 700; border-radius: 7px; text-decoration: none; white-space: nowrap; }
#main-nav .nav-btn-ghost{ color: #cbd5e1; border: 1px solid rgba(255,255,255,0.16); }
#main-nav .nav-btn-primary{ background: #0b7681; color: #fff; }
#main-nav .nav-btn-live{ background: #f8fafc; color: #0a0f1e; border: 1px solid rgba(255,255,255,0.72); }
#main-nav .nav-btn-live:hover{ background: #e2e8f0; }
@media (max-width: 1450px){#main-nav.nav{ padding: 10px 20px; flex-wrap: wrap; gap: 10px; }
#main-nav .nav-logo{ margin-right: 0; }
#main-nav .nav-links{ display: none; order: 3; flex: 0 0 100%; flex-direction: column; align-items: stretch; padding-top: 10px; border-top: 1px solid rgba(255,255,255,0.08); }
#main-nav.nav.nav-open .nav-links{ display: flex; }
#main-nav .nav-link{ padding: 10px 0; border-radius: 0; min-height: 44px; display: flex; align-items: center; }
#main-nav .nav-item-dropdown{ width: 100%; }
#main-nav .nav-dropdown-toggle{ padding: 10px 0; width: 100%; min-height: 44px; justify-content: flex-start; gap: 8px; }
#main-nav .nav-dropdown-menu{
    position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none;
    background: transparent; border: none; padding: 0 0 6px 14px; margin: 0;
    max-height: 0; overflow: hidden; transition: max-height 0.2s ease;
  }
#main-nav .nav-item-dropdown.open .nav-dropdown-menu{ max-height: min(65vh, 600px); overflow-y: auto; }
#main-nav .nav-dropdown-link{ padding: 8px 0; min-height: 44px; display: flex; align-items: center; }
#main-nav .nav-menu-toggle{ display: inline-flex; margin-left: auto; width: 44px; height: 44px; }
#main-nav .nav-cta{
    margin-left: 0; margin-top: 14px; padding-top: 14px; flex-direction: column; align-items: stretch;
    gap: 10px; border-top: 1px solid rgba(255,255,255,0.08);
    padding-bottom: env(safe-area-inset-bottom);
  }
#main-nav .nav-cta .nav-btn{ display: flex; align-items: center; justify-content: center; min-height: 48px; font-size: 14px; }
}
#main-nav .nav-submenu summary{ cursor: pointer; list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
#main-nav .nav-submenu summary::-webkit-details-marker{ display: none; }
#main-nav .nav-submenu summary::after{ content: '+'; font-size: 18px; }
#main-nav .nav-submenu[open] summary::after{ content: '−'; }
#main-nav .nav-submenu-links{ margin: 2px 0 6px 10px; padding-left: 8px; border-left: 1px solid rgba(63,199,212,.3); }
#main-nav .nav-submenu-links .nav-dropdown-link{ line-height: 1.4; }
#main-nav .nav-submenu summary:focus-visible,#main-nav .nav-dropdown-link:focus-visible{ outline: 2px solid #3fc7d4; outline-offset: -2px; }
@media (min-width: 1201px){#main-nav .nav-dropdown-menu:has(.nav-submenu){ width: 310px; max-height: calc(100vh - 100px); overflow-y: auto; }
#main-nav .nav-item-dropdown:focus-within .nav-dropdown-menu{ opacity: 1; visibility: visible; transform: translateY(0); }
}
#main-nav .nav-btn-try{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:10px 18px;background:#3fc7d4;color:#04212a;border:1px solid #6fdbe5;font-weight:800;box-shadow:0 0 18px rgba(63,199,212,.2)}
#main-nav .nav-btn-try:hover{background:#86e5ed;border-color:#a6f1f6}
#main-nav .nav-btn-try:focus-visible{outline:3px solid #fff;outline-offset:3px}
#main-nav .nav-cta .nav-btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:44px;min-height:44px;min-width:112px;padding:0 18px;border-width:1px;border-style:solid;line-height:1;font-size:13px;border-radius:7px}
#main-nav .nav-cta .nav-btn-primary{border-color:transparent}
@media(max-width:980px){#main-nav .nav-cta .nav-btn{height:48px;min-height:48px;font-size:14px}
}
#main-nav .nav-try-apps .nav-dropdown-toggle{gap:9px;padding:10px 15px;border-radius:8px;color:#04212a;font-weight:800}
#main-nav .nav-try-apps .nav-dropdown-menu{left:auto;right:0;min-width:265px}
#main-nav .nav-try-apps [aria-current="page"]{color:#3fc7d4;background:#3fc7d41a}
@media(max-width:1450px){#main-nav .nav-try-apps .nav-dropdown-toggle{justify-content:space-between}
#main-nav .nav-try-apps .nav-dropdown-menu{min-width:0}
}
@media(max-width:1450px){#main-nav.nav>.nav-logo{order:0}
#main-nav.nav>.nav-menu-toggle{order:1}
#main-nav.nav>.nav-try-apps{order:2;width:100%}
#main-nav.nav>.nav-links{order:3}
#main-nav.nav>.nav-try-apps .nav-dropdown-toggle{width:100%;justify-content:space-between}
#main-nav.nav>.nav-try-apps.open .nav-dropdown-menu{padding-top:8px}
}
#main-nav .nav-logo > span{font-family:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:20px;font-weight:800;color:#fff;letter-spacing:.16em;text-transform:uppercase}

#main-nav,#main-nav *{box-sizing:border-box}#main-nav{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.4;max-width:none;width:100%;margin:0}#main-nav button{font-family:inherit}#main-nav a{text-decoration:none}#main-nav .nav-try-apps button{width:auto}#main-nav .nav-dropdown-toggle{white-space:nowrap}#main-nav .nav-logo{flex-shrink:0}
@media(max-width:1450px){#main-nav.nav.nav-open{max-height:100dvh;overflow-y:auto}#main-nav .nav-try-apps button{width:100%}#main-nav .nav-logo span{font-size:17px!important}}