/* Athlara shared chrome: bar, nav, sign-up band, footer. Namespaced ax- so it drops into any page. */
html { scroll-padding-top: 76px; }
.ax-bar { background: linear-gradient(90deg,#c9a84c,#e8c97a,#c9a84c); color: #0d1b2a; text-align: center; padding: 0.55rem 1rem; margin: 0; font-family: 'Archivo', Arial, sans-serif; font-weight: 600; font-size: 0.92rem; line-height: 1.45; }
.ax-bar a { color: #0d1b2a; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
.ax-nav { position: sticky; top: 0; z-index: 1000; box-sizing: border-box; margin: 0; height: 64px; padding: 0 5%; display: flex; align-items: center; justify-content: space-between; background: rgba(13,27,42,0.97); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(201,168,76,0.2); font-family: 'Archivo', Arial, sans-serif; }
.ax-brand { display: flex; align-items: center; gap: 10px; text-decoration: none; }
.ax-brand img { width: 44px; height: 44px; display: block; }
.ax-brand b { display: block; font-family: 'Oswald','Archivo',Arial,sans-serif; font-weight: 700; font-size: 1.15rem; line-height: 1; color: #c9a84c; letter-spacing: 0.02em; }
.ax-brand small { display: block; font-family: 'Oswald','Archivo',Arial,sans-serif; font-weight: 600; font-size: 0.5rem; line-height: 1; letter-spacing: 0.18em; text-transform: uppercase; color: #c9a84c; margin-top: 4px; opacity: 0.85; }
.ax-links { display: flex; gap: 1.5rem; align-items: center; }
.ax-links a { color: rgba(255,255,255,0.78); text-decoration: none; font-size: 0.9rem; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; }
.ax-links a:hover, .ax-links a.on { color: #c9a84c; }
.ax-links a.ax-cta, .ax-links a.ax-cta:hover { background: #c9a84c; color: #0d1b2a; padding: 0.6rem 1.1rem; font-weight: 700; }
.ax-menu { display: none; position: relative; }
.ax-menu > summary { list-style: none; cursor: pointer; color: #c9a84c; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; border: 1px solid rgba(201,168,76,0.5); padding: 0.55rem 0.85rem; }
.ax-menu > summary::-webkit-details-marker { display: none; }
.ax-menu > summary .x { display: none; }
.ax-menu[open] > summary .m { display: none; }
.ax-menu[open] > summary .x { display: inline; }
.ax-panel { position: absolute; right: 0; top: calc(100% + 11px); background: #0d1b2a; border: 1px solid rgba(201,168,76,0.35); min-width: 250px; padding: 0.4rem 0; box-shadow: 0 16px 40px rgba(0,0,0,0.35); }
.ax-panel a { display: block; padding: 0.85rem 1.25rem; color: #fff; text-decoration: none; font-size: 1rem; font-weight: 500; border-bottom: 1px solid rgba(255,255,255,0.06); }
.ax-panel a:last-child { border-bottom: none; }
.ax-panel a.on { color: #c9a84c; }
.ax-panel a.ax-cta { color: #0d1b2a; background: #c9a84c; font-weight: 700; margin: 0.5rem 1rem 0.6rem; text-align: center; }
@media (max-width: 1020px) { .ax-links { display: none; } .ax-menu { display: block; } }
.ax-band { background: #1a2e45; padding: 2.4rem 6%; text-align: center; border-top: 1px solid rgba(201,168,76,0.3); font-family: 'Archivo', Arial, sans-serif; }
.ax-band h2 { text-transform: none; letter-spacing: normal; font-family: 'Oswald','Archivo',Arial,sans-serif; font-weight: 600; font-size: clamp(1.35rem,3vw,1.8rem); line-height: 1.25; color: #fff; margin: 0 0 0.5rem; }
.ax-band h2 span { color: #c9a84c; }
.ax-band p { color: #d6d0c0; margin: 0 auto 1.3rem; max-width: 640px; font-size: 1rem; line-height: 1.6; }
.ax-btns { display: flex; flex-wrap: wrap; gap: 0.7rem; justify-content: center; }
.ax-btn { display: inline-block; font-weight: 700; font-size: 0.82rem; line-height: 1; letter-spacing: 0.07em; text-transform: uppercase; text-decoration: none; padding: 0.95rem 1.35rem; }
.ax-btn.gold { background: #c9a84c; color: #0d1b2a; }
.ax-btn.ghost { border: 1px solid #c9a84c; color: #c9a84c; }
.ax-band .ax-small { margin: 1rem 0 0; font-size: 0.88rem; }
.ax-band .ax-small a { color: #e8c97a; }
.ax-foot { background: #0d1b2a; color: rgba(255,255,255,0.62); padding: 3.5rem 6% 2rem; display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 3rem; font-family: 'Archivo', Arial, sans-serif; font-size: 0.95rem; line-height: 1.6; }
.ax-foot h5 { color: rgba(255,255,255,0.88); font-size: 0.85rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; margin: 0 0 0.9rem; }
.ax-foot ul { list-style: none; margin: 0; padding: 0; }
.ax-foot li { margin: 0 0 0.55rem; }
.ax-foot a { color: rgba(255,255,255,0.72); text-decoration: none; }
.ax-foot a:hover { color: #c9a84c; }
.ax-fbrand .ax-brand { margin-bottom: 0.9rem; }
.ax-fbrand p { margin: 0 0 0.9rem; max-width: 420px; }
.ax-social { font-size: 0.88rem; line-height: 1.9; }
.ax-social strong { color: rgba(255,255,255,0.85); }
.ax-legal { background: #0d1b2a; color: rgba(255,255,255,0.45); font-family: 'Archivo', Arial, sans-serif; font-size: 0.78rem; line-height: 1.65; padding: 1.5rem 6% 2.2rem; border-top: 1px solid rgba(255,255,255,0.08); text-align: center; }
.ax-legal a { color: inherit; }
@media (max-width: 760px) {
  .ax-bar { font-size: 0.84rem; padding: 0.5rem 0.8rem; }
  .ax-foot { grid-template-columns: 1fr 1fr; gap: 1.6rem 1.2rem; padding: 2.5rem 6% 1.5rem; }
  .ax-fbrand { grid-column: 1 / -1; }
  .ax-band { padding: 2rem 6%; }
}