.wrapper .site-header { background: #ffffff; border-bottom: 1px solid #ececec; position: sticky; top: 0; z-index: 60; }
.wrapper .site-header .header-inner { max-width: 1140px; margin: 0 auto; padding: 14px 20px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.wrapper .site-header .site-logo { display: flex; align-items: center; gap: 10px; }
.wrapper .site-header .site-logo .logo-mark { width: 32px; height: 32px; flex: 0 0 auto; }
.wrapper .site-header .site-logo .logo-text { font-size: 19px; font-weight: 800; color: #333333; letter-spacing: -0.3px; }
.wrapper .site-header .site-logo .logo-accent { font-style: normal; color: #0070c6; }
.wrapper .site-header .main-nav { display: none; }
.wrapper .site-header .main-nav .nav-list { display: flex; gap: 26px; }
.wrapper .site-header .main-nav .nav-item a { font-size: 15px; font-weight: 600; color: #444444; padding: 6px 0; border-bottom: 2px solid transparent; transition: color 0.2s ease, border-color 0.2s ease; }
.wrapper .site-header .main-nav .nav-item a:hover { color: #0070c6; border-bottom-color: #0070c6; }
.wrapper .site-header .nav-toggle { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 10px; cursor: pointer; transition: background 0.2s ease; }
.wrapper .site-header .nav-toggle:hover { background: #f0f4f9; }
.wrapper .site-header .nav-toggle svg { width: 24px; height: 24px; }
.wrapper .site-header.nav-open .main-nav { display: block; position: absolute; top: 100%; left: 0; right: 0; background: #ffffff; border-bottom: 1px solid #ececec; box-shadow: 0 18px 30px rgba(20, 40, 80, 0.08); }
.wrapper .site-header.nav-open .main-nav .nav-list { flex-direction: column; gap: 0; padding: 8px 20px 16px; }
.wrapper .site-header.nav-open .main-nav .nav-item a { display: block; padding: 12px 0; border-bottom: 1px solid #f0f0f0; }
@media (min-width: 768px) {
  .wrapper .site-header .main-nav { display: block; }
  .wrapper .site-header .nav-toggle { display: none; }
}