.site-nav{border-bottom:1px solid var(--hair);background:var(--canvas);z-index:40;height:64px;position:sticky;top:0}.nav-inner{max-width:var(--page-max);height:100%;padding:0 var(--page-gutter);align-items:center;gap:var(--s-5);grid-template-columns:1fr auto 1fr;margin:0 auto;display:grid}.brand{color:var(--ink);align-items:center;text-decoration:none;display:inline-flex}.brand-logo{width:auto;height:22px;display:block}.nav-links{justify-self:center;align-items:center;gap:2px;display:inline-flex}.nav-links>a{height:32px;color:var(--ink-2);font-size:var(--text-sm);font-weight:var(--w-regular);letter-spacing:var(--track-body);border-radius:var(--r-md);transition:color var(--t-fast) var(--ease-out), background var(--t-fast) var(--ease-out);align-items:center;padding:0 14px;text-decoration:none;display:inline-flex}.nav-links>a:hover{color:var(--ink);background:var(--panel)}.nav-dd{position:relative}.nav-dd-trigger{cursor:pointer;height:32px;color:var(--ink-2);font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--w-regular);letter-spacing:var(--track-body);border-radius:var(--r-md);transition:color var(--t-fast) var(--ease-out), background var(--t-fast) var(--ease-out);background:0 0;border:0;align-items:center;gap:6px;padding:0 10px 0 14px;display:inline-flex}.nav-dd-trigger:hover,.nav-dd[data-open=true] .nav-dd-trigger{color:var(--ink);background:var(--panel)}.nav-dd-trigger .chev{width:10px;height:10px;transition:transform var(--t-fast) var(--ease-out)}.nav-dd[data-open=true] .chev{transform:rotate(180deg)}.nav-dd-panel{background:var(--card);border:1px solid var(--hair);border-radius:var(--r-xl);width:720px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-lg);opacity:0;transition:opacity var(--t-base) var(--ease-out), transform var(--t-base) var(--ease-out);z-index:30;padding:14px;display:none;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%)translateY(-4px)}.nav-dd[data-open=true] .nav-dd-panel{opacity:1;grid-template-columns:1fr 1fr;gap:4px;display:grid;transform:translate(-50%)translateY(0)}.nav-dd-panel:before{content:"";background:var(--card);border-top:1px solid var(--hair);border-left:1px solid var(--hair);border-top-left-radius:3px;width:12px;height:12px;position:absolute;top:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.nav-dd-panel-bridge{height:16px;position:absolute;top:100%;left:0;right:0}.dd-item{border-radius:var(--r-lg);color:var(--ink);transition:background var(--t-fast) var(--ease-out);grid-template-columns:36px 1fr;align-items:start;gap:12px;padding:12px;text-decoration:none;display:grid}.dd-item:hover{background:var(--panel)}.dd-item .dd-ico{border-radius:var(--r-md);background:var(--panel);width:36px;height:36px;color:var(--ink);border:1px solid var(--hair);transition:background var(--t-fast), border-color var(--t-fast);place-items:center;display:grid}.dd-item:hover .dd-ico{background:var(--card);border-color:var(--ink-2)}.dd-item .dd-ico svg{width:18px;height:18px}.dd-item-body{min-width:0}.dd-item-title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--w-medium);color:var(--ink);letter-spacing:var(--track-body);align-items:center;gap:8px;line-height:1.3;display:flex}.dd-item-title .dd-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--track-label);border-radius:var(--r-sm);background:var(--signal-wash);color:var(--signal);padding:2px 5px;font-size:9px;line-height:1}.dd-item-desc{color:var(--ink-3);letter-spacing:var(--track-body);margin:3px 0 0;font-size:12px;line-height:1.4}.dd-foot{border-top:1px solid var(--hair);font-family:var(--font-mono);color:var(--ink-3);grid-column:1/-1;justify-content:space-between;align-items:center;margin-top:4px;padding:12px 14px;font-size:11px;display:flex}.dd-foot a{color:var(--ink);font-weight:var(--w-medium);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.dd-foot a:hover{color:var(--signal)}.nav-right{justify-self:end;align-items:center;gap:var(--s-3);display:inline-flex}.menu-btn{width:36px;height:36px;color:var(--ink);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:none}.nav-mobile{display:none}@media (max-width:880px){.nav-inner{grid-template-columns:auto 1fr auto}.nav-links,.nav-right .btn--ghost{display:none}.menu-btn{order:-1;justify-self:start;display:inline-flex}.brand{justify-self:start}.nav-mobile{padding:8px var(--page-gutter) 16px;border-bottom:1px solid var(--hair);background:var(--canvas);flex-direction:column;gap:2px;display:flex}.nav-mobile-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--track-label);color:var(--ink-4);padding:10px 12px 4px;font-size:10px}.nav-mobile>a{color:var(--ink);font-size:var(--text-md);border-radius:var(--r-md);padding:11px 12px;text-decoration:none}.nav-mobile>a:hover{background:var(--panel)}.nav-mobile-cta{gap:var(--s-3);padding:12px 12px 4px;display:flex}.nav-mobile-cta .btn{flex:1;justify-content:center}.nav-mobile-cta .btn--ghost{display:inline-flex}}
.footer{border-top:1px solid var(--hair);background:var(--canvas)}.footer-inner{max-width:var(--page-max);padding:var(--s-9) var(--page-gutter) var(--s-6);margin:0 auto}.footer-grid{gap:var(--s-7);padding-bottom:var(--s-9);grid-template-columns:1.6fr 1fr 1fr 1fr;display:grid}.f-brand{gap:var(--s-5);flex-direction:column;display:flex}.f-logo{align-items:center;text-decoration:none;display:inline-flex}.f-logo-img{width:auto;height:26px;display:block}.f-tag{font-family:var(--font-display);color:var(--ink-2);text-wrap:pretty;max-width:320px;font-size:14px;line-height:1.55}.f-social{margin-top:var(--s-2);gap:8px;display:flex}.f-social a{border:1px solid var(--hair);border-radius:var(--r-md);width:34px;height:34px;color:var(--ink-3);transition:color var(--t-fast) var(--ease-out), border-color var(--t-fast) var(--ease-out), background var(--t-fast) var(--ease-out);place-items:center;display:grid}.f-social a:hover{color:var(--ink);border-color:var(--hair-2);background:var(--panel)}.f-col h4{font-family:var(--font-mono);color:var(--ink-4);text-transform:uppercase;letter-spacing:var(--track-label);margin:0 0 var(--s-4);font-size:10px;font-weight:400}.f-col ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.f-col a{font-family:var(--font-display);color:var(--ink-2);transition:color var(--t-fast) var(--ease-out);font-size:14px;text-decoration:none}.f-col a:hover{color:var(--ink)}.f-bottom{justify-content:space-between;align-items:center;gap:var(--s-4);padding-top:var(--s-5);border-top:1px solid var(--hair);font-family:var(--font-mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:var(--track-label);font-size:11px;display:flex}@media (max-width:980px){.footer-grid{gap:var(--s-7) var(--s-5);grid-template-columns:1fr 1fr}.f-brand{grid-column:1/-1}}@media (max-width:560px){.footer-grid{grid-template-columns:1fr}.f-bottom{flex-direction:column;align-items:flex-start;gap:8px}}