/* layout */
.ba4xq-stack{display:flex;flex-direction:column}
.ba4xq-row{display:flex;flex-wrap:wrap}
.ba4xq-cards{display:flex;flex-wrap:wrap;gap:var(--ba4xq-s4)}
.ba4xq-cards>*{flex:1 1 300px}
.ba4xq-split{display:flex;flex-wrap:wrap;gap:var(--ba4xq-s6);align-items:center}
.ba4xq-split>*{flex:1 1 360px}

/* header */
#site-header{position:fixed;inset:0 0 auto 0;height:var(--header-h);z-index:var(--ba4xq-z-header);background:rgba(247,249,252,.82);backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid var(--ba4xq-border);overflow:hidden;transition:box-shadow var(--ba4xq-t),background var(--ba4xq-t)}
#site-header.ba4xq-scrolled{box-shadow:var(--ba4xq-sh-sm);background:rgba(247,249,252,.95)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-h);gap:var(--ba4xq-s4);overflow:hidden}

.ba4xq-logo{display:flex;align-items:center;flex-shrink:0}
.ba4xq-logo img{max-width:var(--logo-w);max-height:var(--logo-h);width:auto;height:auto;display:block}

.nav-links{display:flex;align-items:center;gap:var(--ba4xq-s4);flex-wrap:nowrap}
.nav-links a{font-size:.92rem;font-weight:500;color:var(--ba4xq-text);position:relative;padding-block:.4em;transition:color var(--ba4xq-t-fast);white-space:nowrap}
.nav-links a::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--ba4xq-accent);transition:width var(--ba4xq-t)}
.nav-links a:hover{color:var(--ba4xq-accent)}
.nav-links a:hover::after,.nav-links a.active::after{width:100%}
.nav-links a.active{color:var(--ba4xq-accent);font-weight:600}

.nav-actions{display:flex;align-items:center;gap:var(--ba4xq-s3);flex-shrink:0}

.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;border-radius:var(--ba4xq-r-sm);flex-shrink:0}
.hamburger span{display:block;width:22px;height:2px;background:var(--ba4xq-ink);border-radius:2px;transition:transform var(--ba4xq-t),opacity var(--ba4xq-t-fast);margin-inline:auto}
.hamburger.ba4xq-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.ba4xq-open span:nth-child(2){opacity:0}
.hamburger.ba4xq-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* mobile menu */
.mobile-menu{position:fixed;top:var(--header-h);left:0;right:0;background:var(--ba4xq-surface);border-bottom:1px solid var(--ba4xq-border);box-shadow:var(--ba4xq-sh-md);z-index:var(--ba4xq-z-menu);display:flex;flex-direction:column;padding:var(--ba4xq-s3) var(--ba4xq-s4) var(--ba4xq-s4);gap:var(--ba4xq-s1);max-height:0;overflow:hidden;opacity:0;visibility:hidden;transition:max-height var(--ba4xq-t),opacity var(--ba4xq-t),visibility var(--ba4xq-t)}
.mobile-menu.ba4xq-open{max-height:90vh;opacity:1;visibility:visible;overflow:auto}
.mobile-menu a{padding:.85em .4em;font-size:1.02rem;font-weight:500;border-bottom:1px solid var(--ba4xq-border)}
.mobile-menu a:last-child{border-bottom:none}
.mobile-menu a.active{color:var(--ba4xq-accent)}
.mobile-menu .ba4xq-btn{margin-top:var(--ba4xq-s3);justify-content:center}

/* footer */
.ba4xq-footer{background:var(--ba4xq-ink);color:var(--ba4xq-dark-text);padding-block:var(--ba4xq-s7) var(--ba4xq-s5)}
.ba4xq-footer-top{display:flex;flex-wrap:wrap;gap:var(--ba4xq-s6) var(--ba4xq-s4);justify-content:space-between}
.footer-brand{flex:1 1 320px;max-width:420px;display:flex;flex-direction:column;gap:var(--ba4xq-s3)}
.footer-brand .ba4xq-logo img{max-width:calc(var(--logo-w) * .9);max-height:calc(var(--logo-h) * .9);width:auto;height:auto;display:block;filter:brightness(0) invert(1)}
.ba4xq-footer-slogan{font-family:var(--ba4xq-font-display);font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.12;color:#fff;letter-spacing:-.02em}
.ba4xq-footer-meta{font-size:.85rem;color:var(--ba4xq-dark-muted);line-height:1.7}
.ba4xq-footer-cols{display:flex;flex-wrap:wrap;gap:var(--ba4xq-s6) var(--ba4xq-s5)}
.ba4xq-footer-col{display:flex;flex-direction:column;gap:var(--ba4xq-s2);min-width:140px}
.ba4xq-footer-col h4{font-family:var(--ba4xq-font-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ba4xq-accent-2);margin-bottom:var(--ba4xq-s1)}
.ba4xq-footer-col a{font-size:.9rem;color:var(--ba4xq-dark-muted);transition:color var(--ba4xq-t-fast)}
.ba4xq-footer-col a:hover{color:#fff}
.ba4xq-footer-bottom{display:flex;flex-wrap:wrap;gap:var(--ba4xq-s3);justify-content:space-between;align-items:center;margin-top:var(--ba4xq-s6);padding-top:var(--ba4xq-s4);border-top:1px solid var(--ba4xq-dark-border);font-size:.82rem;color:var(--ba4xq-dark-muted)}
.ba4xq-footer-bottom .ba4xq-legal-links{display:flex;flex-wrap:wrap;gap:var(--ba4xq-s3)}
.ba4xq-footer-bottom a:hover{color:#fff}

/* header responsive: 6+ nav items + long labels -> breakpoint at 1024px */
@media (min-width:1025px){
  .nav-links{display:flex}
  .nav-actions{display:flex}
  .hamburger{display:none}
}
@media (max-width:1024px) and (min-width:721px){
  .nav-actions{display:none}
}
@media (max-width:1024px){
  .nav-links{display:none}
}
@media (max-width:1024px){
  .hamburger{display:flex}
}
@media (min-width:1025px){
  .mobile-menu{display:none}
}
@media (max-width:720px){
  .nav-actions{display:none}
}