/* Brand Page Styles */
.header {
  background: rgba(4,14,5,0.95);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(252,221,9,0.2);
  box-shadow: var(--shadow-md), 0 5px 20px rgba(252,221,9,0.08);
  position: sticky; top: 0; z-index: 1000;
  transition: all var(--transition-base);
}
.header.scrolled { box-shadow: var(--shadow-lg), var(--shadow-glow-gold); border-bottom-color: rgba(252,221,9,0.3); }
.header-container { display: flex; align-items: center; justify-content: space-between; padding: 1rem 0; }
.logo {
  font-size: 1.5rem; font-weight: 700; line-height: 1.4;
  background: var(--gradient-gold);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
  text-decoration: none; filter: drop-shadow(0 0 15px rgba(252,221,9,0.4));
}
.main-nav { display: flex; align-items: center; gap: 2rem; }
.nav-menu { display: flex; gap: 2rem; list-style: none; margin: 0; }
.nav-link { font-weight: 600; color: rgba(255,255,255,0.8); transition: all var(--transition-base); position: relative; }
.nav-link:hover, .nav-link.active { color: var(--color-primary); }

/* Brand Hero */
.brand-hero {
  background: radial-gradient(ellipse at top center, #0d2d12, #040e05);
  padding: 3rem 0 2.5rem;
  border-bottom: 1px solid rgba(252,221,9,0.1);
}
.brand-hero-content { display: grid; grid-template-columns: 1fr auto; gap: 2rem; align-items: start; }
@media (max-width: 768px) { .brand-hero-content { grid-template-columns: 1fr; } .brand-hero-logo { display: none; } }
.brand-hero-text h1 { font-size: clamp(1.5rem, 3.5vw, 2.5rem); margin-bottom: 1rem; }
.brand-hero-subtitle { font-size: 1.05rem; color: rgba(255,255,255,0.8); line-height: 1.7; margin-bottom: 1.5rem; max-width: 680px; }
.brand-key-facts { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-bottom: 1.5rem; }
.key-fact { display: flex; align-items: center; gap: 0.5rem; background: rgba(252,221,9,0.1); border: 1px solid rgba(252,221,9,0.2); border-radius: var(--radius-full); padding: 0.4rem 0.875rem; font-size: 0.875rem; font-weight: 600; }
.key-fact-icon { font-size: 1rem; }
.brand-hero-actions { display: flex; gap: 1rem; flex-wrap: wrap; }
.brand-hero-logo {
  width: 140px; height: 140px; border-radius: 1.25rem;
  border: 2px solid rgba(252,221,9,0.3);
  box-shadow: var(--shadow-glow-gold);
  overflow: hidden; flex-shrink: 0;
}

/* Sticky Nav */
.sticky-nav {
  background: rgba(4,14,5,0.98);
  border-bottom: 1px solid rgba(252,221,9,0.15);
  position: sticky; top: 70px; z-index: 900;
  overflow-x: auto;
}
.sticky-nav-menu { display: flex; gap: 0; list-style: none; padding: 0; margin: 0; }
.sticky-nav-link { display: block; padding: 0.875rem 1.25rem; font-size: 0.875rem; font-weight: 600; color: rgba(255,255,255,0.65); white-space: nowrap; transition: all var(--transition-base); border-bottom: 2px solid transparent; }
.sticky-nav-link:hover, .sticky-nav-link.active { color: var(--color-primary); border-bottom-color: var(--color-primary); }