.menu { position: sticky; top: 0; z-index: 100; background: color-mix(in srgb, var(--color-bg) 88%, transparent); backdrop-filter: blur(10px); border-bottom: 1px solid var(--color-border); }
.menu__inner { max-width: var(--container); margin: 0 auto; min-height: var(--header-h); padding: var(--space-3) var(--container-pad); display: flex; align-items: center; gap: var(--space-6); }
.logo { display: inline-flex; align-items: center; gap: .45em; font-family: "Arial Black", "Arial Bold", Gadget, var(--font-base); font-weight: 900; font-size: 22px; line-height: 1; color: var(--color-dark); text-decoration: none; white-space: nowrap; }
.logo__icon { width: auto; height: 1.75em; }
.logo__accent { background: linear-gradient(90deg, var(--color-accent), var(--color-primary)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.logo--dark { color: var(--color-dark-text); }
.logo--dark .logo__icon { height: 1.9em; }
.menu__brand { flex-shrink: 0; }
.site-footer__brand .logo { margin-bottom: var(--space-4); }
@media (max-width: 420px) { .menu__brand { font-size: 18px; } }
.menu__nav { display: flex; align-items: center; gap: var(--space-5); margin-left: auto; }
.menu__nav a { font-size: var(--text-sm); color: var(--color-muted); text-decoration: none; }
.menu__nav a:hover { color: var(--color-accent); }
.menu__nav-cta { display: none; }
.menu__actions { display: flex; align-items: center; gap: var(--space-4); }
.menu__toggle { position: absolute; opacity: 0; pointer-events: none; }
.menu__burger { display: none; flex-direction: column; gap: 4px; padding: var(--space-2); cursor: pointer; z-index: 1200; }
.menu__burger span { width: 22px; height: 2px; background: var(--color-text); transition: transform var(--dur-base) var(--ease), opacity var(--dur-fast) var(--ease); }
.lang-switch { display: inline-flex; padding: 2px; border: 1px solid var(--color-border); border-radius: var(--radius-pill); }
.lang-switch__item { padding: var(--space-1) var(--space-3); border-radius: var(--radius-pill); font-size: var(--text-xs); font-weight: var(--weight-bold); color: var(--color-muted); text-decoration: none; }
.lang-switch__item[aria-current="true"] { background: var(--color-dark); color: var(--color-dark-text); }
.site-footer { background: var(--color-dark); color: color-mix(in srgb, var(--color-dark-text) 72%, transparent); padding: var(--space-8) 0 var(--space-5); font-size: var(--text-sm); }
.site-footer__grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: var(--space-6); }
.site-footer__col { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-2); }
.site-footer__title { color: var(--color-dark-text); font-size: var(--text-md); margin-bottom: var(--space-2); }
.site-footer a { text-decoration: none; }
.site-footer a:hover { color: var(--color-primary); }
.site-footer .btn { color: var(--color-primary-text); }
.site-footer__bottom { margin-top: var(--space-7); padding-top: var(--space-5); border-top: 1px solid color-mix(in srgb, var(--color-dark-text) 14%, transparent); }
@media (max-width: 900px) {
    .menu__burger { display: flex; order: 3; }
    .menu__actions { margin-left: auto; }
    .menu__cta { display: none; }
    .menu__nav { position: fixed; inset: 0; margin: 0; padding: calc(var(--header-h) + var(--space-6)) var(--container-pad) var(--space-6); flex-direction: column; align-items: flex-start; gap: var(--space-5); background: var(--color-bg); transform: translateX(100%); transition: transform var(--dur-base) var(--ease); z-index: 1100; }
    .menu__nav a { font-size: var(--text-xl); }
    .menu__nav-cta { display: inline-flex; margin-top: var(--space-4); }
    .menu__toggle:checked ~ .menu__nav { transform: translateX(0); }
    .menu__toggle:checked + .menu__burger span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
    .menu__toggle:checked + .menu__burger span:nth-child(2) { opacity: 0; }
    .menu__toggle:checked + .menu__burger span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
    body:has(.menu__toggle:checked) { overflow: hidden; }
    .site-footer__grid { grid-template-columns: 1fr; }
}