.st-nav{
  position:sticky;
  top:0;
  z-index:50;
  height:68px;
  background:rgba(8,9,13,.9);
  backdrop-filter:blur(14px);
  border-bottom:0;
}
.st-nav::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(210,218,230,.4) 14%,
    transparent 30%,
    rgba(63,155,106,.7) 47%,
    transparent 58%,
    rgba(139,90,43,.55) 76%,
    transparent 100%);
  pointer-events:none;
}

.st-nav-inner{
  height:68px;
  display:flex;
  align-items:center;
  gap:40px;
}

.st-brand{
  display:flex;
  align-items:center;
  gap:11px;
  text-decoration:none;
  color:var(--st-text);
  flex-shrink:0;
  font-family:var(--st-serif);
  font-size:23px;
  font-weight:400;
  letter-spacing:0.01em;
}

.st-brand img{ width:30px; height:30px; display:block; border-radius:0; background:none; }

.st-nav-links{
  display:flex;
  align-items:center;
  gap:30px;
  margin:0;
  padding:0;
  list-style:none;
}

.st-nav-links a{
  color:var(--st-muted);
  font-size:14px;
  text-decoration:none;
  min-height:44px;
  display:inline-flex;
  align-items:center;
}

.st-nav-links a:hover,
.st-nav-links a.is-current{ color:var(--st-text); }

.st-nav-end{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:22px;
}

.st-nav-end .st-btn-primary{
  min-height:36px;
  padding:0 16px;
  font-size:13.5px;
}

/* Phones/tablets: no dropdown. The section links sit in their own row under the logo. */
@media (max-width:1000px){
  .st-nav{ height:auto; }
  .st-nav-inner{
    height:auto;
    flex-wrap:wrap;
    column-gap:16px;
    row-gap:0;
    padding-top:10px;
  }
  .st-nav-end{ gap:16px; }
  .st-nav-links{
    order:3;
    width:100%;
    gap:0;
    justify-content:space-between;
    border-top:1px solid var(--st-border);
    margin-top:10px;
  }
  .st-nav-links li{ flex:1; }
  .st-nav-links a{
    width:100%;
    justify-content:center;
    font-size:13.5px;
    border-bottom:2px solid transparent;
  }
  .st-nav-links a.is-current{ border-bottom-color:var(--st-purple); }
}