.site-header{position:sticky;top:0;z-index:40}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:var(--nav-height);gap:var(--space-6)}
.header-brand{display:flex;align-items:center;min-width:0}
.brand-link{display:flex;align-items:center;gap:var(--space-4)}
.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);background:radial-gradient(circle at 30% 0,rgba(201,163,90,0.85),rgba(178,67,61,0.9));color:#050608;font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:0.12em;box-shadow:0 0 0 1px rgba(0,0,0,0.85),0 10px 25px rgba(0,0,0,0.9)}
.brand-text{display:flex;flex-direction:column;justify-content:center}
.brand-title{font-family:var(--font-display);font-size:var(--font-size-md);line-height:1.1}
.brand-subtitle{font-size:var(--font-size-xs);letter-spacing:0.18em;text-transform:uppercase;color:var(--color-text-soft)}
.header-right{display:flex;align-items:center;gap:var(--space-6)}
.primary-nav{display:none}
.nav-list{display:flex;align-items:center;gap:var(--space-4);margin:0;padding:0;list-style:none}
.nav-link{display:inline-flex;align-items:center;justify-content:center;padding-inline:var(--space-4);padding-block:var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);letter-spacing:0.12em;text-transform:uppercase;color:var(--color-text-soft);transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}
.nav-link:hover,.nav-link:focus-visible{background:rgba(15,23,42,0.9);color:var(--color-text);box-shadow:0 0 0 1px rgba(148,163,184,0.4)}
.nav-highlight .nav-link{background:linear-gradient(135deg,var(--color-primary),var(--color-accent-amber));color:#14110a;box-shadow:0 0 0 1px rgba(0,0,0,0.9),0 10px 30px rgba(0,0,0,0.9)}
.nav-highlight .nav-link:hover,.nav-highlight .nav-link:focus-visible{filter:brightness(1.03);box-shadow:var(--shadow-medium)}
.btn:hover,.btn:focus-visible{color:#140f05}
.btn-secondary:hover,.btn-secondary:focus-visible,.btn-ghost:hover,.btn-ghost:focus-visible{color:var(--color-text)}
.nav-toggle{position:relative;display:inline-flex;flex-direction:column;justify-content:center;gap:6px;width:40px;height:40px;border-radius:999px;border:1px solid rgba(148,163,184,0.5);background:rgba(15,23,42,0.96);box-shadow:0 10px 30px rgba(0,0,0,0.85);transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}
.nav-toggle-bar{width:18px;height:2px;border-radius:999px;background:var(--color-text);margin-inline:auto;transition:transform var(--transition-fast),opacity var(--transition-fast),background var(--transition-fast)}
.nav-toggle:hover{background:rgba(30,41,59,1);transform:translateY(-1px);box-shadow:var(--shadow-soft)}
.nav-toggle:focus-visible{outline:var(--focus-outline-width) solid var(--focus-outline-color);outline-offset:3px}
.nav-toggle.is-open .nav-toggle-bar:first-child{transform:translateY(4px) rotate(45deg)}
.nav-toggle.is-open .nav-toggle-bar:last-child{transform:translateY(-4px) rotate(-45deg)}
.mobile-nav-panel{position:fixed;inset:var(--nav-height) 0 0 0;background:radial-gradient(circle at top,rgba(15,23,42,0.98),rgba(3,7,18,0.98));backdrop-filter:blur(18px);border-top:1px solid rgba(15,23,42,0.9);box-shadow:0 18px 50px rgba(0,0,0,0.95);transform:translateY(-4px);opacity:0;pointer-events:none;transition:opacity var(--transition-medium),transform var(--transition-medium)}
.mobile-nav-panel.is-open{opacity:1;transform:translateY(0);pointer-events:auto}
.mobile-nav{padding:var(--space-7) var(--space-7) var(--space-10)}
.mobile-nav-list{display:flex;flex-direction:column;gap:var(--space-4)}
.mobile-nav-link{display:flex;align-items:center;justify-content:space-between;padding-inline:var(--space-5);padding-block:var(--space-4);border-radius:var(--radius-lg);background:rgba(15,23,42,0.85);border:1px solid rgba(31,41,55,1);font-size:var(--font-size-sm);color:var(--color-text-soft);transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}
.mobile-nav-link::after{content:"";width:16px;height:16px;border-radius:999px;border:1px solid rgba(148,163,184,0.7);border-left-color:transparent;border-bottom-color:transparent;transform:rotate(45deg);opacity:0.6}
.mobile-nav-link:hover,.mobile-nav-link:focus-visible{background:rgba(15,23,42,1);border-color:rgba(148,163,184,0.8);color:var(--color-text);box-shadow:0 0 0 1px rgba(15,23,42,1)}
.mobile-nav-cta .mobile-nav-link{background:linear-gradient(135deg,var(--color-primary-soft),var(--color-primary));color:#14110a;border-color:rgba(249,250,251,0.08);box-shadow:0 14px 35px rgba(0,0,0,0.9)}
.mobile-nav-cta .mobile-nav-link::after{border-color:rgba(55,65,81,0.9);border-left-color:transparent;border-bottom-color:transparent;background:rgba(0,0,0,0.18)}
.mobile-nav-cta .mobile-nav-link:hover,.mobile-nav-cta .mobile-nav-link:focus-visible{filter:brightness(1.03);box-shadow:var(--shadow-medium)}
.mobile-nav-meta{margin-top:var(--space-6);padding-inline:var(--space-5);padding-block:var(--space-4);border-radius:var(--radius-lg);border:1px dashed rgba(148,163,184,0.6);background:rgba(15,23,42,0.8);font-size:var(--font-size-xs);color:var(--color-text-soft);line-height:var(--line-height-relaxed)}
body.nav-open .mobile-nav-panel{opacity:1;transform:translateY(0);pointer-events:auto}
@media(min-width:768px){.primary-nav{display:block}.nav-toggle{display:none}.mobile-nav-panel{display:none}}
@media(max-width:480px){.brand-subtitle{display:none}.header-inner{gap:var(--space-4}}