/* site.css — page chrome, resets, nav, footer */
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; background: var(--ax-bg-page); font-family: var(--ax-font-body); color: var(--ax-fg-1); -webkit-font-smoothing: antialiased; }
a { color: inherit; }

main { display: block; }

.ax-nav { position: sticky; top: 0; z-index: 50; background: rgba(255,255,255,0.7); backdrop-filter: blur(16px); border-bottom: 1px solid var(--ax-border); }
.ax-nav__container { max-width: 1280px; margin: 0 auto; padding: 16px 32px; display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.ax-nav__brand { display: flex; align-items: center; gap: 10px; text-decoration: none; font-weight: 700; }
.ax-nav__menu { display: flex; align-items: center; gap: 28px; }
.ax-nav__menu a { text-decoration: none; font-size: 14px; color: var(--ax-fg-2); }
.ax-nav__menu a:hover { color: var(--ax-fg-1); }
.ax-nav__menu .ax-btn { color: #fff; }

.ax-footer { background: var(--ax-ink-900); color: rgba(255,255,255,0.7); padding: 64px 32px 40px; }
.ax-footer__container { max-width: 1280px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.ax-footer__brand { display: flex; align-items: center; gap: 10px; color: #fff; font-weight: 700; }
.ax-footer__copy { font-size: 13px; margin: 0; }

.ax-btn { display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; border-radius: var(--ax-radius-pill); font-weight: 600; text-decoration: none; border: 1px solid transparent; transition: background-color 220ms var(--ax-ease-out); }
.ax-btn-primary { background: var(--ax-coral-500); color: #fff; }
.ax-btn-primary:hover { background: var(--ax-coral-400); }