/* PALLAS COIN menu experience patch v11 */
:root{
  --menu-top:12px;
  --menu-h:58px;
  --subnav-h:74px;
}
html{scroll-behavior:smooth;scroll-padding-top:156px}
body{padding-top:82px}
.site-frame{padding-top:0!important}
.app-shell{transition:padding-top .22s ease, filter .22s ease}
.topbar{
  position:fixed!important;
  top:var(--menu-top)!important;
  left:50%!important;
  transform:translateX(-50%);
  width:min(760px,calc(100% - 24px));
  max-width:760px!important;
  margin:0!important;
  z-index:1000;
  transition:width .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
}
.topbar.is-scrolled{
  border-color:rgba(139,255,61,.42)!important;
  background:linear-gradient(180deg,rgba(2,11,22,.96),rgba(1,5,12,.96))!important;
  box-shadow:0 18px 48px rgba(0,0,0,.48),0 0 28px rgba(139,255,61,.13),inset 0 0 18px rgba(16,103,151,.24)!important;
}
.nav-link-home{display:inline-flex;gap:6px;align-items:center}
.nav-link-home .chev{font-style:normal;font-size:13px;line-height:1;transform:translateY(-1px);transition:transform .18s ease;color:#8db6d7}
.nav-link-home.home-sub-open .chev{transform:rotate(180deg);color:var(--green)}
.nav-toggle{
  width:40px;height:36px;padding:0!important;place-items:center;gap:4px;display:none;flex-direction:column;
}
.nav-toggle span{width:18px;height:2px;border-radius:99px;background:#dff5ff;display:block;transition:transform .2s ease,opacity .2s ease;background-image:linear-gradient(90deg,#2bd8ff,#a5ff43)}
.nav-toggle.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.nav-toggle.is-open span:nth-child(2){opacity:0}
.nav-toggle.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.menu-scrim{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:990;backdrop-filter:blur(3px)}
.menu-scrim[hidden]{display:none!important}
.home-subnav{
  position:fixed;
  top:calc(var(--menu-top) + var(--menu-h) - 2px);
  left:50%;
  transform:translateX(-50%) translateY(-12px) scale(.985);
  width:min(700px,calc(100% - 34px));
  z-index:999;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  padding:9px;
  border-radius:0 0 18px 18px;
  border-top:0!important;
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease,transform .22s ease,filter .22s ease;
  box-shadow:0 20px 44px rgba(0,0,0,.52),0 0 30px rgba(45,176,255,.20),inset 0 0 22px rgba(16,103,151,.30);
  overflow:hidden;
}
.home-subnav:before{
  content:"";position:absolute;left:18px;right:18px;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(139,255,61,.7),rgba(39,191,255,.72),transparent);
  box-shadow:0 0 16px rgba(139,255,61,.32);
}
.home-subnav[hidden]{display:none!important}
.home-subnav.is-open{
  opacity:1;
  pointer-events:auto;
  transform:translateX(-50%) translateY(0) scale(1);
  filter:drop-shadow(0 0 14px rgba(113,255,56,.20));
}
.home-subnav a{
  position:relative;
  display:grid;
  grid-template-columns:34px 1fr;
  align-items:center;
  gap:9px;
  min-height:55px;
  color:#d9f3ff;
  text-decoration:none;
  text-transform:uppercase;
  padding:10px 12px;
  border-radius:13px;
  border:1px solid rgba(65,168,255,.34);
  background:
    radial-gradient(circle at 15% 20%,rgba(39,191,255,.16),transparent 34%),
    linear-gradient(180deg,rgba(5,28,52,.94),rgba(2,13,24,.94));
  box-shadow:inset 0 0 13px rgba(5,151,255,.12);
  transition:all .18s ease;
  overflow:hidden;
}
.home-subnav a:after{
  content:"";position:absolute;inset:auto 10px 7px 10px;height:2px;border-radius:99px;
  background:linear-gradient(90deg,transparent,rgba(46,211,255,.65),transparent);opacity:.38;transition:opacity .18s ease,background .18s ease;
}
.home-subnav .sub-icon{
  width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-size:18px;color:#70eaff;
  background:rgba(2,15,29,.72);border:1px solid rgba(66,190,255,.36);box-shadow:0 0 14px rgba(32,184,255,.16);
}
.home-subnav .sub-copy{display:flex;flex-direction:column;gap:2px;line-height:1.05}
.home-subnav strong{font-size:12px;font-weight:1000;letter-spacing:.05em;color:#eaf8ff}
.home-subnav small{font-size:9px;text-transform:none;color:#8faec6;letter-spacing:.02em;font-weight:800}
.home-subnav a:hover,.home-subnav a.is-active{
  transform:translateY(-1px);
  color:#9bff3d;
  border-color:rgba(151,255,63,.72);
  background:
    radial-gradient(circle at 15% 20%,rgba(151,255,63,.20),transparent 34%),
    linear-gradient(180deg,rgba(27,82,38,.72),rgba(3,32,33,.94));
  box-shadow:0 0 17px rgba(142,255,50,.22),inset 0 0 16px rgba(142,255,50,.14);
}
.home-subnav a:hover .sub-icon,.home-subnav a.is-active .sub-icon{color:#9bff3d;border-color:rgba(151,255,63,.72);box-shadow:0 0 18px rgba(142,255,50,.24)}
.home-subnav a:hover strong,.home-subnav a.is-active strong{color:#9bff3d}
.home-subnav a.is-active:after{opacity:1;background:linear-gradient(90deg,transparent,var(--green),#31e8ff,transparent)}
body.home-subnav-open .app-shell{padding-top:56px}
body.page-profile .nav-menu a[data-home-menu].home-sub-open{color:#9bff3d}
body.page-profile .nav-menu a[data-home-menu].home-sub-open:after{width:100%}
#home,#erc-rd-labs,#project,#why-pallas{scroll-margin-top:158px}
#erc-rd-labs:target,#project:target,#why-pallas:target{animation:pallasTargetPulse 1.15s ease both}
@keyframes pallasTargetPulse{0%{box-shadow:0 0 0 rgba(139,255,57,0)}35%{box-shadow:0 0 34px rgba(139,255,57,.30)}100%{box-shadow:inherit}}
@media (hover:hover) and (min-width:821px){.nav-menu a:hover{transform:translateY(-1px)}}
@media (max-width:820px){
  :root{--menu-top:8px;--menu-h:54px;--subnav-h:128px}
  body{padding-top:72px}
  html{scroll-padding-top:192px}
  .topbar{width:calc(100% - 16px);grid-template-columns:auto auto auto!important;gap:8px!important;min-height:54px!important;border-radius:14px!important}
  .brand-copy strong{font-size:15px!important}.brand-copy small{font-size:8px!important}.brand-mark{width:32px!important;height:32px!important}
  .nav-toggle{display:flex!important;order:3}.lang-select{order:2;height:30px!important;max-width:74px}.brand{order:1}.nav-menu{order:4}
  .nav-menu{
    position:fixed!important;top:70px!important;left:8px!important;right:8px!important;z-index:1001;
    display:flex!important;flex-direction:column;gap:6px;padding:10px!important;border-radius:16px!important;
    background:linear-gradient(180deg,rgba(5,15,27,.98),rgba(2,8,17,.98))!important;
    border:1px solid rgba(61,163,255,.48)!important;box-shadow:0 24px 60px rgba(0,0,0,.6),0 0 30px rgba(26,179,255,.16)!important;
    transform:translateY(-10px);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;
  }
  .nav-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}
  .nav-menu a{padding:14px 12px!important;border:1px solid rgba(52,148,223,.28);border-radius:12px;background:rgba(4,18,34,.72)}
  .nav-menu a.active:after{bottom:6px!important;width:120px!important}
  .home-subnav{top:126px;width:calc(100% - 16px);grid-template-columns:1fr;gap:7px;padding:8px;border-radius:0 0 16px 16px;max-height:calc(100vh - 136px);overflow:auto}
  .home-subnav a{min-height:52px;grid-template-columns:32px 1fr;padding:9px 11px}
  .home-subnav strong{font-size:12px}.home-subnav small{font-size:9px}
  body.home-subnav-open .app-shell{padding-top:154px}
  #home,#erc-rd-labs,#project,#why-pallas{scroll-margin-top:202px}
}
@media (max-width:420px){.home-subnav{top:124px}.lang-select{max-width:66px;padding-left:8px!important}.brand-copy small{display:none}.home-subnav small{display:none}body.home-subnav-open .app-shell{padding-top:138px}}

/* === v22 mobile navigation alignment fix === */
@media (max-width:820px){
  .topbar{
    grid-template-columns:minmax(0,1fr) auto auto !important;
    align-items:center !important;
    gap:8px !important;
    padding:8px 10px !important;
  }
  .brand{
    min-width:0 !important;
    overflow:hidden !important;
  }
  .brand-copy{
    min-width:0 !important;
    overflow:hidden !important;
  }
  .brand-copy strong,
  .brand-copy small{
    display:block !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
  .lang-select{
    justify-self:end !important;
    align-self:center !important;
    height:34px !important;
    min-width:66px !important;
    max-width:74px !important;
    margin:0 !important;
    line-height:34px !important;
  }
  .nav-toggle{
    justify-self:end !important;
    align-self:center !important;
    width:42px !important;
    height:34px !important;
    min-width:42px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    line-height:1 !important;
  }
  .nav-toggle span{
    margin:0 !important;
    flex:0 0 auto !important;
  }
}
@media (max-width:420px){
  .topbar{gap:6px !important;padding:8px !important;}
  .brand-mark{width:30px !important;height:30px !important;min-width:30px !important;}
  .brand-copy strong{font-size:14px !important;}
  .brand-copy small{display:none !important;}
  .lang-select{height:32px !important;line-height:32px !important;min-width:62px !important;max-width:66px !important;}
  .nav-toggle{width:40px !important;height:32px !important;min-width:40px !important;}
}