.site-header{position:sticky;top:0;z-index:100;background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-interactive)}.site-header.scrolled{box-shadow:var(--shadow-md)}.nav{display:flex;align-items:center;gap:var(--space-8);padding-block:var(--space-3);padding-inline:clamp(var(--space-6),5vw,var(--space-16))}.nav-logo img{height:52px;width:auto}.nav-links{display:flex;align-items:center;gap:var(--space-2);list-style:none;margin-left:auto}.nav-link{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--color-text);border-radius:var(--radius-md);text-decoration:none;white-space:nowrap}.nav-link:hover,.nav-link.active{color:var(--color-accent);background:color-mix(in oklab,var(--color-accent) 8%,transparent)}.nav-dropdown{position:relative}.nav-link--has-dropdown svg{transition:transform var(--transition-fast)}.nav-dropdown:hover .nav-link--has-dropdown svg,.nav-dropdown:focus-within .nav-link--has-dropdown svg{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:240px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-2);padding-top:calc(var(--space-2) + 8px);margin-top:0;list-style:none;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-fast),visibility var(--transition-fast)}.nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%)}.dropdown-menu a{display:block;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);border-radius:var(--radius-md);text-decoration:none;transition:color var(--transition-fast),background var(--transition-fast)}.dropdown-menu a:hover{color:var(--color-accent);background:color-mix(in oklab,var(--color-accent) 8%,transparent)}.nav-actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.nav-phone{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--color-primary);text-decoration:none;white-space:nowrap}.nav-phone:hover{color:var(--color-accent)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);color:var(--color-text-muted);border:1px solid var(--color-border);background:var(--color-surface-2)}.theme-toggle:hover{color:var(--color-text);border-color:var(--color-accent)}.nav-hamburger{display:none;flex-direction:column;justify-content:space-between;width:44px;height:44px;background:none;border:none;cursor:pointer;padding:13px 10px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;position:relative;z-index:101}.nav-hamburger span{display:block;width:100%;height:2px;background:var(--color-text);border-radius:2px;transition:transform var(--transition-interactive),opacity var(--transition-interactive)}.nav-hamburger.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media (max-width:900px){.nav-phone{display:none}}@media (max-width:768px){.site-header{position:relative !important;z-index:150 !important}.nav-links{display:none !important;position:absolute !important;top:100% !important;left:0 !important;right:0 !important;background-color:#1a2e4a !important;flex-direction:column !important;align-items:flex-start !important;gap:0 !important;padding:8px 0 !important;margin:0 !important;overflow-y:auto !important;max-height:80vh !important;z-index:200 !important;border-top:1px solid rgba(255,255,255,0.1) !important;box-shadow:0 8px 24px rgba(0,0,0,0.3) !important;list-style:none !important}.nav-links.open{display:flex !important}.nav-links li{width:100% !important;display:block !important;list-style:none !important}.nav-links .nav-link{display:block !important;width:100% !important;padding:16px 24px !important;font-size:16px !important;font-weight:500 !important;color:#ffffff !important;background-color:transparent !important;border-bottom:1px solid rgba(255,255,255,0.12) !important;border-radius:0 !important;text-decoration:none !important}.dropdown-menu{position:static !important;transform:none !important;box-shadow:none !important;border:none !important;background-color:rgba(255,255,255,0.06) !important;opacity:1 !important;visibility:visible !important;pointer-events:auto !important;border-radius:0 !important;display:none !important;padding:4px 0 !important}.dropdown-menu a{color:rgba(255,255,255,0.8) !important;display:block !important;padding:12px 32px !important;font-size:15px !important;text-decoration:none !important}.nav-dropdown.open .dropdown-menu{display:block !important}.nav-hamburger{display:flex !important}.nav-actions .btn{display:none !important}.nav-actions{gap:4px !important}}.site-header{background:var(--color-primary) !important;border-bottom:1px solid rgba(255,255,255,0.08)}.nav-logo img{filter:brightness(0) invert(1);background:transparent;border-radius:0;padding:0}.nav-link{color:rgba(255,255,255,0.85)}.nav-link:hover,.nav-link.active{color:var(--color-accent);background:rgba(43,181,200,0.12)}.nav-link--has-dropdown svg path{stroke:rgba(255,255,255,0.7)}.nav-phone{color:rgba(255,255,255,0.85)}.nav-phone:hover{color:var(--color-accent)}.theme-toggle{color:rgba(255,255,255,0.7)}.theme-toggle:hover{color:#fff}.nav-hamburger span{background:rgba(255,255,255,0.85)}.dropdown-menu{background:var(--color-primary);border-color:rgba(255,255,255,0.1)}.dropdown-menu a{color:rgba(255,255,255,0.8)}.dropdown-menu a:hover{color:var(--color-accent);background:rgba(43,181,200,0.1)}.site-header .theme-toggle{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.15);color:rgba(255,255,255,0.75)}.site-header .theme-toggle:hover{background:rgba(255,255,255,0.14);border-color:rgba(255,255,255,0.3);color:#fff}