.site-header{position:fixed;top:0;left:0;right:0;z-index:50;background:rgb(var(--site-bg-rgb) / .72);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid rgba(34,211,238,.08);font:500 14px/1.5 'Plus Jakarta Sans','Noto Sans SC',sans-serif;-webkit-font-smoothing:antialiased}
.site-header *{box-sizing:border-box}
.site-header>div{max-width:1280px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between}
.site-header>div>a{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0;color:rgb(var(--site-text-rgb))}
.site-header>div>a>svg{flex-shrink:0}
.site-header .font-display{font:600 18px/28px 'Clash Display','Noto Sans SC',sans-serif;letter-spacing:-.025em;color:rgb(var(--site-text-rgb))}
.site-header .text-accent-cyan{color:rgb(var(--site-cyan-rgb))}
.site-header .nav-links{display:flex;align-items:center;gap:32px}
.site-header .nav-links a{font-size:14px;line-height:20px;font-weight:500;color:rgb(var(--site-text-secondary-rgb));text-decoration:none;white-space:nowrap;transition:color .15s}
.site-header .nav-links a:hover,.site-header .nav-links a[aria-current="page"]{color:rgb(var(--site-text-rgb))}
.site-header>div>div:last-child{display:flex;align-items:center;gap:12px}
.site-header .lang-switch{display:flex;gap:2px;background:rgb(var(--site-card-rgb));border-radius:10px;padding:3px;border:1px solid rgb(var(--site-control-line-rgb))}
.site-header .lang-btn{padding:5px 9px;border-radius:7px;font:600 12px/18px 'Plus Jakarta Sans','Noto Sans SC',sans-serif;cursor:pointer;border:0;color:rgb(var(--site-muted-rgb));background:transparent;text-decoration:none;transition:all .2s}
.site-header .lang-btn.active{background:linear-gradient(135deg,rgb(var(--site-cyan-rgb)),rgb(var(--site-teal-rgb)));color:var(--site-button-ink)}
.site-header .btn-primary{display:block;position:relative;overflow:hidden;z-index:1;background:linear-gradient(135deg,rgb(var(--site-cyan-rgb)),rgb(var(--site-teal-rgb)));color:var(--site-button-ink);font:700 14px/20px 'Plus Jakarta Sans','Noto Sans SC',sans-serif;border:0;border-radius:14px;padding:10px 20px;cursor:pointer;transition:all .3s ease;text-decoration:none;white-space:nowrap}
.site-header .btn-primary:hover{box-shadow:0 0 34px rgba(34,211,238,.55),0 0 70px rgba(20,184,166,.3);transform:translateY(-2px)}
.site-header .mobile-menu-btn{display:none;align-items:center;padding:0;background:none;border:0;color:rgb(var(--site-text-rgb));cursor:pointer;font:inherit}
.site-header a:focus-visible,.site-header button:focus-visible{outline:2px solid rgb(var(--site-cyan-rgb));outline-offset:4px}
.blog-page{padding-top:64px}.blog-page section[id]{scroll-margin-top:88px}.blog-page .skip-link{z-index:100}
@media(max-width:1023px){.site-header .nav-links{display:none}.site-header .nav-links.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:rgb(var(--site-bg-rgb) / .96);backdrop-filter:blur(22px);border-bottom:1px solid rgb(var(--site-control-line-rgb));padding:20px;gap:18px}.site-header .mobile-menu-btn{display:flex}}
@media(max-width:639px){.site-header .btn-primary{display:none}}
@media(prefers-reduced-motion:reduce){.site-header a,.site-header button{transition:none}}