.site-header { border-bottom: 1px solid rgba(255, 255, 255, .08); font-family: Enduro, Arial, sans-serif; line-height: 1.2; }
.site-header .header-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 24px; box-sizing: border-box; width: 100%; max-width: 1300px; margin: 0 auto; padding: 22px clamp(20px, 5vw, 72px); }
.site-header .header-left { display: flex; align-items: center; gap: 18px; }
.site-header .brand { display: inline-flex; align-items: center; gap: 9px; color: #fff; font-size: 25px; font-weight: 500; letter-spacing: -.8px; text-decoration: none; }
.site-header .agents-link { display: inline-flex; align-items: center; gap: 7px; padding: 6px 10px; border: 1px solid rgba(252, 220, 46, .45); border-radius: 4px; color: #fcdc2e; font-size: 15px; text-decoration: none; white-space: nowrap; transition: background-color .2s; }
.site-header .agents-link:hover, .site-header .agents-link[aria-current="page"] { background: rgba(252, 220, 46, .12); }
.site-header .agents-link svg { flex: none; }
.site-header .pill-nav { display: flex; padding-inline: 4px; border: 1px solid rgba(255, 255, 255, .66); border-radius: 4px; }
.site-header .pill-nav a { padding: 12px 16px; border-radius: 5px; color: rgba(255, 255, 255, .6); font-size: 16px; text-decoration: none; white-space: nowrap; transition: color .3s, background-color .3s; }
.site-header .pill-nav a:hover, .site-header .pill-nav a[aria-current="page"] { color: rgba(255, 255, 255, .9); background: rgba(255, 255, 255, .08); }
.site-header .login-link { color: rgba(255, 255, 255, .51); font-size: 16px; text-decoration: none; white-space: nowrap; transition: color .3s; }
.site-header .login-link:hover { color: #fff; }
.site-header .header-right { display: flex; align-items: center; gap: 20px; }
.site-header .volume-link { padding: 8px 14px; border-radius: 2px; background: #fcdc2e; color: #000; font-size: 15px; text-decoration: none; white-space: nowrap; transition: background-color .2s; }
.site-header .volume-link:hover, .site-header .volume-link[aria-current="page"] { background: #ffe75a; }
.site-header .volume-link:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
@media (max-width: 1099px) {
  .site-header .pill-nav { order: 3; width: 100%; overflow-x: auto; scrollbar-width: none; }
  .site-header .pill-nav a { flex: 1 0 auto; padding: 10px 12px; font-size: 15px; text-align: center; }
}
@media (max-width: 400px) {
  .site-header .header-left { gap: 12px; }
  .site-header .brand { font-size: 22px; }
  .site-header .agents-link { padding: 5px 8px; font-size: 14px; }
  .site-header .login-link { font-size: 15px; }
  .site-header .header-right { gap: 14px; }
  .site-header .volume-link { padding: 7px 10px; font-size: 14px; }
}
@media (max-width: 480px) {
  .site-header .pill-nav a { padding: 9px 8px; font-size: 14px; }
}