.site-nav{position:fixed;top:14px;left:16px;right:16px;z-index:50;max-width:1240px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px 9px 20px;border-radius:99px;background:rgba(244,241,235,.85);backdrop-filter:blur(16px) saturate(1.15);-webkit-backdrop-filter:blur(16px) saturate(1.15);box-shadow:0 10px 32px -20px #16140f38,inset 0 0 0 1px #16140f0c;transition:background .25s,box-shadow .25s}
.site-nav.scrolled{background:rgba(244,241,235,.92);box-shadow:0 14px 40px -18px #16140f45,inset 0 0 0 1px #16140f12}
.nav-brand{display:flex;align-items:center;gap:14px;flex-shrink:0}
.wordmark{font-weight:600;font-size:18px;letter-spacing:-.01em;text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:9px;padding:6px 0;flex-shrink:0}
.mark{display:inline-flex;flex-shrink:0}.mark i{width:11px;height:17px;border-radius:4px;display:block;border:2px solid var(--ink);transition:transform .25s}.mark .z{background:transparent}.mark .o{background:var(--ink);margin-left:-2px}.wordmark:hover .z,.footer-brand:hover .z{transform:translateX(1px)}.wordmark:hover .o,.footer-brand:hover .o{transform:translateX(-1px)}
.nav-panel{display:flex;align-items:center;gap:2px;margin-left:auto}.nav-right{display:flex;align-items:center;gap:6px}
.nav-link{font:500 15px/1.5 Haffer,Arial,sans-serif;color:var(--ink-70);text-decoration:none;padding:9px 14px;border-radius:99px;white-space:nowrap;transition:color .2s,background .2s}.nav-link:hover{color:var(--ink);background:#16140f0c}.nav-link[aria-current]{color:var(--accent)}
.nav-cta{background:var(--ink);color:var(--paper);padding:11px 18px}.nav-cta:hover{background:#32302c;color:var(--paper)}
.entry-language{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:6px 10px;font:500 13px/1.5 Haffer,Arial,sans-serif;color:var(--ink-70);background:#ffffff59;border:1px solid #16140f26;border-radius:99px;white-space:nowrap;cursor:pointer}.entry-language svg{flex-shrink:0}.entry-language:hover{color:var(--ink);background:#fff;border-color:#16140f40}
.nav-toggle{display:none;border:0;background:transparent;color:var(--ink);padding:0;width:44px;height:44px;border-radius:50%;cursor:pointer;flex-shrink:0}.nav-toggle:hover{background:#16140f0c}.nav-toggle svg{display:block}.nav-toggle path{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;transform-origin:12px 12px;transition:transform .18s}.menu-line-one{transform:translateY(-3px)}.menu-line-two{transform:translateY(3px)}.nav-open .menu-line-one{transform:rotate(45deg)}.nav-open .menu-line-two{transform:rotate(-45deg)}
.site-nav a:focus-visible,.site-nav button:focus-visible,.site-footer a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.site-nav [hidden]{display:none!important}
.site-footer{font:400 16px/1.5 Haffer,Arial,sans-serif;color:var(--ink);border-top:1px solid var(--hairline);padding:48px 0 54px;margin-top:auto;width:100%}
.footer-inner{max-width:1280px;margin:0 auto;padding:0 44px;display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;align-items:flex-end;text-align:left}
.footer-brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:17px;letter-spacing:-.01em}
.footer-note{color:rgba(22,20,15,.55);font-size:13.5px;margin-top:12px;max-width:42ch;line-height:1.55}
.footer-company{color:rgba(22,20,15,.35);font-size:13px;text-align:right;line-height:1.75;margin-left:auto}.footer-company a{color:inherit;text-decoration:none;border-bottom:1px solid var(--hairline)}.footer-company a:hover{color:var(--ink)}
.footer-status{display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:12.5px;color:rgba(22,20,15,.55);margin-bottom:10px}.footer-pulse{width:8px;height:8px;border-radius:50%;background:#2fbf71;box-shadow:0 0 0 0 #2fbf7173;animation:footer-pulse 2.2s ease-out infinite;flex-shrink:0}
@keyframes footer-pulse{0%{box-shadow:0 0 0 0 #2fbf7173}70%,100%{box-shadow:0 0 0 7px #2fbf7100}}
@media(max-width:760px){
  .site-nav{top:10px;left:10px;right:10px;padding:8px 8px 8px 16px;gap:8px;flex-wrap:wrap}
  .site-nav .wordmark{font-size:18px}.site-nav .wordmark-name{display:inline}
  .nav-brand{gap:10px}.entry-language{min-height:40px}
  .nav-cta{font-size:14px;padding:11px 16px}.nav-toggle{display:grid;place-items:center}
  .nav-panel{width:100%;order:3;flex-wrap:wrap;margin:0}
  .nav-ready .nav-panel{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;width:auto;max-height:calc(100dvh - 96px);overflow:auto;flex-direction:column;align-items:stretch;flex-wrap:nowrap;padding:10px;border:1px solid #16140f0e;border-radius:24px;background:var(--paper);box-shadow:0 20px 45px -25px #16140f66}
  .nav-open .nav-panel{display:flex}
  .nav-panel .nav-link{font-size:18px;padding:13px 16px;border-radius:15px}
}
@media(max-width:360px){.site-nav{padding-left:12px;gap:6px}.nav-brand{gap:7px}.site-nav .wordmark{font-size:16px;gap:6px}.entry-language{font-size:12px;gap:5px;padding:6px 8px}.nav-cta{font-size:13px;padding:11px 10px}.nav-right{gap:2px}.nav-toggle{width:40px}}
@media(max-width:640px){.site-footer{padding:38px 0 44px}.footer-inner{padding:0 22px;flex-direction:column;align-items:flex-start;gap:22px}.footer-company{text-align:left;margin-left:0}.footer-status{justify-content:flex-start;margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.site-nav,.nav-link,.nav-toggle path,.mark i{transition:none}.footer-pulse{animation:none}}
