/* ===== components.css ===== */
/* Fixed top nav using tokens */
.primary-nav{
  position:fixed; top:0; left:0; right:0; z-index:var(--z-nav);
  padding: var(--nav-py) var(--space-4);
  background: transparent;
  display:flex; justify-content:flex-end; align-items:center;
}
.primary-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:var(--nav-gap);align-items:center;}
.primary-nav a{
  display:inline-block; text-decoration:none; line-height:1;
  padding: var(--btn-py) var(--btn-px);
  background: transparent; border:none; border-radius: var(--btn-radius);
  color: var(--brand-gold-500); font-weight:700;
}
.primary-nav a.btn-banner{ background-color: var(--brand-gold-300); color:#0e4a31; }
.primary-nav a[href="request-consult.html"].btn-banner{ background-color: var(--brand-gold-500); color:#0e4a31; }

/* Page-specific offsets via tokens */


/* agent hotfix: enforce About Us offset */


/* agent-align: unify top start for About pages */
body.about-us-page main.page,
body.about-ai-page main.page {
  margin-top: 120px !important;
}