.top-bar { background: var(--color-primary-dark); color: var(--color-accent); font-size: var(--text-sm); }
.top-bar-inner { display: flex; justify-content: space-between; gap: var(--space-4); padding: 8px 0; }
.top-contact, .top-social { display: flex; gap: var(--space-4); flex-wrap: wrap; }
.main-nav { position: sticky; top: 0; background: var(--color-white); box-shadow: var(--shadow-md); z-index: 1000; transition: .25s ease; }
.main-nav.scrolled { box-shadow: var(--shadow-lg); border-bottom: 2px solid var(--color-border); }
.nav-inner { display: flex; align-items: center; justify-content: space-between; padding: 14px 0; gap: var(--space-6); }
.logo-wrap strong { color: var(--color-primary); display: block; font-family: var(--font-subheading); font-size: var(--text-xl); }
.logo-wrap small { color: var(--color-text-light); font-size: var(--text-xs); }
.nav-links { display: flex; align-items: center; gap: var(--space-4); }
.nav-links a { position: relative; color: var(--color-primary-dark); }
.nav-links a:hover { color: var(--color-accent); }
.nav-links a.active::after { content: ''; position: absolute; left: 0; bottom: -6px; width: 100%; height: 2px; background: var(--color-accent); }
.menu-toggle { display: none; background: transparent; border: 0; padding: 4px; }
.menu-toggle span { display: block; width: 28px; height: 3px; background: var(--color-primary); margin: 5px 0; border-radius: var(--radius-pill); }
.site-footer { background: var(--color-primary-dark); color: var(--color-white); border-top: 4px solid var(--color-accent); padding-top: var(--space-16); }
.footer-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-8); }
.site-footer h4 { color: var(--color-white); }
.site-footer a, .site-footer p { color: #DCE7DC; display: block; margin-bottom: 10px; }
.footer-social { display: flex; gap: var(--space-2); flex-wrap: wrap; }
.footer-bottom { border-top: 1px solid rgba(255,255,255,.2); margin-top: var(--space-8); padding: var(--space-4) 0; }
.footer-bottom-inner { 
  display: grid; 
  grid-template-columns: 1fr auto 1fr; 
  align-items: center; 
  gap: var(--space-6); 
}
.footer-dev { text-align: left; margin: 0 !important; white-space: nowrap; }
.footer-dev a { display: inline !important; color: var(--color-accent) !important; font-weight: 600; }
.footer-copy { text-align: center; margin: 0 !important; font-size: var(--text-sm); }
.footer-privacy { text-align: right; margin: 0 !important; }

@media (max-width: 992px) {
  .footer-bottom-inner { grid-template-columns: 1fr; text-align: center; gap: var(--space-2); }
  .footer-dev, .footer-copy, .footer-privacy { text-align: center; }
}