.site-header {
  position: sticky; top: 0; z-index: 50; backdrop-filter: blur(8px);
  background: rgba(14,15,26,0.3);
  border-bottom: 1px solid #262742;
}
.site-header .nav-wrap {
  display: flex; align-items: center; justify-content: space-between; padding: 42px 0;
}
.site-header .brand {
  display: inline-flex; align-items: center; gap: 10px; color: #fff; font-weight: 700;
}
.site-header .brand-mark { font-size: 16px; color: var(--accent-2); }
.site-header .brand-name { letter-spacing: 0.2px; }
.site-header .brand-logo { height: 48px; width: auto; }

.nav-list a { font-size: 18px; font-weight: 600; }
.nav-list { list-style: none; display: flex; align-items: center; gap: 18px; margin: 0; padding: 0; }
.nav-list a { display: inline-flex; align-items: center; gap: 0; padding: 8px 10px; border-radius: 10px; }
.nav-list a.cta { background: var(--gradient-secondary); box-shadow: var(--shadow); }
.nav-list i { font-size: 18px; }

.nav-accent { height: 2px; background: var(--gradient-primary); }

/* Dropdown for Services */
.nav-list li.services { position: relative; }
.nav-list .dropdown {
  position: absolute;
  top: 100%; left: 0;
  background: rgba(18,19,31,0.96);
  list-style: none;
  margin: 6px 0 0 0; padding: 8px 0; border-radius: 10px; min-width: 180px;
  box-shadow: var(--shadow);
  display: none;
}
.nav-list .dropdown li a {
  display: block; padding: 8px 16px; color: #fff;
}
.nav-list .dropdown li a:hover { background: rgba(255,255,255,0.08); }
/* Update dropdown visibility rules */
.nav-list li.services:hover .dropdown { display: none; }
.nav-list li.services.open > .dropdown { display: block; }

/* Rotate caret when open */
.nav-list li.services.open > a i { transform: rotate(180deg); transition: transform 0.2s; }

/* Ensure dropdown hidden by default with opacity transition */
.nav-list .dropdown { transition: opacity 0.2s ease; opacity: 0; }
.nav-list li.services.open > .dropdown { opacity: 1; }
.nav-list li.services > a i { margin-left:4px; }