:root{
  --suite-navy:#112348;
  --suite-navy-2:#17335d;
  --suite-navy-3:#1B3A6B;
  --suite-white:#fff;
  --suite-gold:#C8912A;
}
html{scroll-behavior:smooth}
body{padding-top:56px!important}
#suite-nav-root{position:relative;z-index:99999}
.suite-nav{
  position:fixed;top:0;left:0;right:0;height:56px;z-index:99999;
  background:linear-gradient(90deg,var(--suite-navy),var(--suite-navy-2));
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:0 2px 12px rgba(0,0,0,.18)
}
.suite-nav-inner{
  height:100%;display:flex;align-items:center;gap:12px;
  padding:0 10px;max-width:1600px;margin:0 auto
}
.suite-brand{
  display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;
  flex:0 0 auto;padding-right:10px
}
.suite-brand-mark{
  width:32px;height:32px;border-radius:8px;background:#fff;color:var(--suite-navy-3);
  display:flex;align-items:center;justify-content:center;
  font:800 13px/1 system-ui,sans-serif;letter-spacing:-.02em
}
.suite-brand-title{font:700 13px/1 system-ui,sans-serif;color:#fff}
.suite-brand-sub{
  font:600 9px/1 system-ui,sans-serif;color:rgba(255,255,255,.5);
  text-transform:uppercase;letter-spacing:.08em;margin-top:3px
}
.suite-tabs{
  display:flex;align-items:center;gap:5px;overflow-x:auto;white-space:nowrap;
  scrollbar-width:none;flex:1;padding-bottom:1px
}
.suite-tabs::-webkit-scrollbar{display:none}
.suite-tab{
  display:inline-flex;align-items:center;height:30px;padding:0 10px;border-radius:7px;
  text-decoration:none;font:700 11px/1 system-ui,sans-serif;color:rgba(255,255,255,.78);
  background:rgba(255,255,255,.07);border:1px solid transparent;flex:0 0 auto
}
.suite-tab:hover{background:rgba(255,255,255,.14);color:#fff}
.suite-tab.active{background:#fff;color:var(--suite-navy-3)}
.suite-tab.tab-roadmap{background:rgba(200,145,42,.14);color:#f0d39c;border-color:rgba(200,145,42,.22)}
.suite-tab.tab-roadmap.active{background:#fff;color:var(--suite-navy-3)}
.suite-nav-hint{
  font:700 10px/1 system-ui,sans-serif;color:rgba(255,255,255,.32);
  padding-left:6px;flex:0 0 auto
}
@media (max-width:900px){
  .suite-nav-hint,.suite-brand-sub{display:none}
}

.suite-tab.tab-lexi{background:rgba(125,214,255,.12);color:#bfeaff;border-color:rgba(125,214,255,.16)}
.suite-tab.tab-lexi.active{background:#fff;color:var(--suite-navy-3)}