/* Approved homepage header: original dimensions, type, spacing and colours.
   Scoped so the public header cannot restyle the member navigation. */
#nav.pp-original-nav {
  --display: "Space Grotesk", Inter, system-ui, sans-serif;
  --sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --ink: #f8fafc;
  font: 400 16px/1.5 var(--sans);
  color: var(--ink);
  position: sticky;
  top: 0;
  z-index: 1000;
  width: 100%;
  padding: 0;
  background: transparent !important;
  border: 0 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transition: background .3s ease, backdrop-filter .3s ease;
}
#nav.pp-original-nav, #nav.pp-original-nav * { box-sizing: border-box; }
#nav.pp-original-nav.scrolled {
  background: rgba(10,14,22,.92) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}
#nav.pp-original-nav .nav-inner {
  height: 68px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 clamp(24px,3.5vw,56px) !important;
}
#nav.pp-original-nav .nav-left-cluster {
  display: inline-flex !important;
  align-items: center !important;
  gap: 48px !important;
}
#nav.pp-original-nav .nav-brand {
  display: inline-flex !important;
  align-items: center !important;
  gap: 11px !important;
  flex-shrink: 0 !important;
  text-decoration: none !important;
  color: var(--ink) !important;
}
#nav.pp-original-nav .nav-brand-logo-wrap { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
#nav.pp-original-nav .nav-brand img {
  display: block; position: relative; top: -2.5px; width: 30px; height: 30px;
  margin: 0; border-radius: 0; object-fit: contain; transform: rotate(0) scale(1);
  transition: transform .25s cubic-bezier(.16,1,.3,1);
}
#nav.pp-original-nav .nav-brand:hover img { transform: rotate(-6deg) scale(1.06); }
#nav.pp-original-nav .nav-brand span {
  font-family: var(--display); font-weight: 750; font-size: 1.24rem;
  letter-spacing: -.015em; color: var(--ink); line-height: 1 !important;
}
#nav.pp-original-nav .nav-links-cluster { display: inline-flex !important; align-items: center !important; gap: 32px !important; }
#nav.pp-original-nav .nav-actions-cluster { margin-left: auto !important; display: inline-flex !important; align-items: center !important; gap: 22px !important; }
#nav.pp-original-nav .nav-link {
  font-family: var(--display) !important; font-size: 1rem !important; font-weight: 500 !important;
  color: rgba(255,255,255,.68) !important; text-decoration: none !important;
  line-height: 1.5; opacity: 1 !important; transition: color .15s ease !important;
  white-space: nowrap;
}
#nav.pp-original-nav .nav-link:hover, #nav.pp-original-nav .nav-link:focus-visible { color: rgba(255,255,255,.92) !important; }
#nav.pp-original-nav .nav-tools { display: inline-flex; align-items: center; gap: 7px; padding: 0; border: 0; background: transparent; cursor: pointer; }
#nav.pp-original-nav .nav-tools-menu { position: relative; display: flex; align-items: center; }
#nav.pp-original-nav .nav-tools-menu::after { content: ""; position: absolute; top: 100%; left: -18px; right: -18px; height: 24px; }
#nav.pp-original-nav .nav-chevron { display: block; width: 13px; height: 13px; transition: transform .18s ease; }
#nav.pp-original-nav .nav-tools-menu[data-open] .nav-chevron { transform: rotate(180deg); }
#nav.pp-original-nav .nav-btn {
  display: inline-flex; align-items: center; gap: 8px;
  font: 700 .86rem/1.5 var(--display); letter-spacing: .01em;
  text-decoration: none; border-radius: 10px; padding: 7px 14px; white-space: nowrap;
  background: transparent; color: #1d9e75; border: 1px solid #1d9e75; box-shadow: none;
  transition: transform .15s ease, background .15s ease;
}
#nav.pp-original-nav .nav-btn:hover { background: rgba(29,158,117,.10); transform: translateY(-1px); }
#nav.pp-original-nav .nav-btn svg { flex: none; }
#nav.pp-original-nav .nav-dropdown {
  display: block !important; position: absolute !important;
  top: calc(100% + 14px) !important; left: 0 !important; width: 350px !important;
  padding: 8px !important; background: #131b2a !important;
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255,255,255,.10) !important; border-radius: 14px !important;
  box-shadow: 0 24px 54px rgba(0,0,0,.55),0 4px 16px rgba(0,0,0,.35) !important;
  opacity: 0 !important; visibility: hidden !important; pointer-events: none !important;
  transform: translateY(-6px) !important; transition: opacity .16s ease,transform .16s ease,visibility .16s ease !important;
}
#nav.pp-original-nav .nav-tools-menu[data-open] .nav-dropdown {
  opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: translateY(0) !important;
}
#nav.pp-original-nav .nav-dropdown a {
  display: flex !important; align-items: flex-start !important; gap: 12px !important;
  padding: 9px 12px !important; border-radius: 9px !important; background: transparent !important;
  text-decoration: none !important; transition: background .15s ease !important;
}
#nav.pp-original-nav .nav-dropdown a:hover, #nav.pp-original-nav .nav-dropdown a:focus-visible { background: rgba(255,255,255,.07) !important; }
#nav.pp-original-nav .nav-dropdown-icon { width: 17px !important; height: 17px !important; margin-top: 2px !important; color: #94a3b8 !important; flex-shrink: 0 !important; }
#nav.pp-original-nav .nav-dropdown a:hover .nav-dropdown-icon { color: #fff !important; }
#nav.pp-original-nav .nav-dropdown-text { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; }
#nav.pp-original-nav .nav-dropdown strong { font: 650 .94rem/1.25 var(--sans) !important; color: #fff !important; letter-spacing: -.01em !important; }
#nav.pp-original-nav .nav-dropdown small { font: 400 .8125rem/1.4 var(--sans) !important; color: #94a3b8 !important; margin-top: 2px !important; }
#nav.pp-original-nav .nav-dropdown a:hover small { color: #cbd5e1 !important; }
#nav.pp-original-nav .nav-dropdown-divider { height: 1px !important; margin: 7px 10px !important; background: rgba(255,255,255,.08) !important; border: 0 !important; }
#nav.pp-original-nav .nav-mobile-toggle, #nav.pp-original-nav .nav-mobile-login { display: none !important; }
#nav.pp-original-nav a:focus-visible, #nav.pp-original-nav button:focus-visible { outline: 2px solid #1d9e75; outline-offset: 5px; }
.public-page { background: #0a0e16; }
@media(max-width:768px) {
  #nav.pp-original-nav .nav-inner { padding-inline: 18px !important; }
  #nav.pp-original-nav .nav-left-cluster { gap: 0 !important; min-width: 0 !important; }
  #nav.pp-original-nav .nav-actions-cluster { gap: 12px !important; }
  #nav.pp-original-nav .nav-actions-cluster .nav-login { display: none !important; }
  #nav.pp-original-nav .nav-mobile-toggle {
    display: inline-flex !important; align-items: center; justify-content: center;
    width: 32px; height: 36px; padding: 0; border: 0; background: transparent; color: #f8fafc; cursor: pointer;
  }
  #nav.pp-original-nav .nav-links-cluster {
    display: none !important; position: absolute; top: 64px; left: 18px; right: 18px;
    padding: 12px; border: 1px solid #ffffff1a; border-radius: 14px;
    background: #131b2a; box-shadow: 0 20px 40px #0006;
    max-height: calc(100dvh - 85px); overflow-y: auto;
    align-items: stretch !important; flex-direction: column; gap: 0 !important;
  }
  #nav.pp-original-nav[data-menu-open] .nav-links-cluster { display: flex !important; }
  #nav.pp-original-nav .nav-links-cluster>.nav-link, #nav.pp-original-nav .nav-tools { padding: 12px; font-size: 15px !important; width: 100%; text-align: left; }
  #nav.pp-original-nav .nav-tools { justify-content: space-between; }
  #nav.pp-original-nav .nav-tools-menu { display: block; }
  #nav.pp-original-nav .nav-tools-menu::after { display: none; }
  #nav.pp-original-nav .nav-mobile-login { display: inline-flex !important; }
  #nav.pp-original-nav .nav-dropdown {
    display: none !important; position: static !important; width: 100% !important; padding: 0 0 6px !important;
    border: 0 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important;
    backdrop-filter: none; -webkit-backdrop-filter: none;
  }
  #nav.pp-original-nav .nav-tools-menu[data-open] .nav-dropdown { display: block !important; }
}
@media(max-width:400px) {
  #nav.pp-original-nav .nav-brand span { font-size: 1.05rem; }
  #nav.pp-original-nav .nav-btn { padding: 8px 13px; font-size: .84rem; gap: 7px; }
}
@media(max-width:345px) { #nav.pp-original-nav .nav-brand>span:last-child { display: none; } }
@media(prefers-reduced-motion:reduce) { #nav.pp-original-nav, #nav.pp-original-nav * { transition: none !important; } }

.pp-skip { position: fixed; top: -80px; left: 20px; z-index: 2000; padding: 10px 16px; border-radius: 8px; background: #f8fafc; color: #0a0e16; }
.pp-skip:focus { top: 10px; }