.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border)}.site-header__inner{display:flex;align-items:center;gap:var(--space-7);height:64px}.site-header__brand{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--fg);font-weight:var(--fw-semibold);font-size:15px;letter-spacing:-.02em;text-decoration:none}.site-header__brand:hover{color:var(--fg)}.site-header__logo{width:24px;height:24px}.site-header__name{font-family:var(--font-sans)}.site-header__nav{flex:1;display:flex;align-items:center}.site-header__menu{display:flex;gap:var(--space-5);font-size:14px}.site-header__menu a{color:var(--fg-muted);font-weight:var(--fw-medium);letter-spacing:-.005em;text-decoration:none;padding:var(--space-2) 0;position:relative;transition:color var(--t-fast)}.site-header__menu a:hover,.site-header__menu a[aria-current=page]{color:var(--fg)}.site-header__actions{display:flex;align-items:center;gap:var(--space-3)}.site-header__search-trigger{display:inline-flex;align-items:center;gap:var(--space-2);height:32px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-full);background:0 0;color:var(--fg-muted);font-size:13px;font-weight:var(--fw-medium);cursor:pointer;transition:color var(--t-fast),border-color var(--t-fast),background var(--t-fast)}.site-header__search-trigger:hover{color:var(--fg);border-color:var(--fg-muted)}.site-header__search-text{letter-spacing:-.005em}.site-header__search-kbd{display:inline-flex;align-items:center;height:18px;padding:0 5px;background:var(--gray-100);border:1px solid var(--border);border-radius:4px;font-family:var(--font-mono);font-size:11px;color:var(--fg-muted)}@media (max-width:768px){.site-header__search-kbd,.site-header__search-text{display:none}.site-header__search-trigger{width:36px;height:36px;padding:0;border-radius:var(--radius-full);border:0;justify-content:center}}.site-header__theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);color:var(--fg-muted);transition:background var(--t-fast),color var(--t-fast)}.site-header__theme-toggle:hover{background:var(--gray-100);color:var(--fg)}[data-theme=dark] .site-header__theme-toggle:hover{background:var(--gray-100)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .site-header__theme-toggle:hover{background:var(--gray-100)}}.site-header__theme-toggle .icon--sun{display:inline-block}.site-header__theme-toggle .icon--moon{display:none}[data-theme=dark] .site-header__theme-toggle .icon--sun{display:none}[data-theme=dark] .site-header__theme-toggle .icon--moon{display:inline-block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .site-header__theme-toggle .icon--sun{display:none}:root:not([data-theme=light]) .site-header__theme-toggle .icon--moon{display:inline-block}}.site-header__cta{display:inline-flex;align-items:center;height:36px;padding:0 var(--space-4);border-radius:var(--radius-full);background:var(--gray-1000);color:var(--bg);font-size:14px;font-weight:var(--fw-medium);text-decoration:none;transition:opacity var(--t-fast)}.site-header__cta:hover{color:var(--bg);opacity:.85}@media (max-width:768px){.site-header__inner{gap:var(--space-4)}.site-header__menu{overflow-x:auto;scrollbar-width:none;gap:var(--space-4)}.site-header__menu::-webkit-scrollbar{display:none}}.site-footer{margin-top:var(--space-10);border-top:1px solid var(--border)}.site-footer__inner{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-5);padding-block:var(--space-7);font-size:var(--fs-meta);color:var(--fg-muted)}.site-footer__brand{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:var(--fw-semibold);color:var(--fg);letter-spacing:-.02em}.site-footer__logo-mark{width:14px;height:14px;background:var(--fg);clip-path:polygon(50% 0,100% 100%,0 100%)}.site-footer__copy{flex:1;font-family:var(--font-mono)}.site-footer__links{display:flex;gap:var(--space-4)}.site-footer__links a{color:var(--fg-muted);font-family:var(--font-mono);text-decoration:none}.site-footer__links a:hover{color:var(--fg)}