/*
  Aliunity — Shared UI layer for internal pages (non-home)
  Keeps styling consistent with the premium homepage without touching home.css.
*/

@font-face {
  font-family: "Agrandir Grand";
  src:
    url("assets/fonts/AgrandirGrand-Bold.woff2") format("woff2"),
    url("assets/fonts/AgrandirGrand-Bold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

body.al-page {
  background: #070707;
  color: rgba(255, 255, 255, 0.92);
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

body.al-page a { text-decoration: none; }

/* Premium nav styling (matches homepage vibe) */
body.al-page .al-nav {
  background: rgba(10, 10, 10, 0.32);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

body.al-page .al-nav__container {
  padding: 12px clamp(16px, 4vw, 28px);
}

body.al-page .al-nav__logo a {
  font-family: "Agrandir Grand", Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 14px;
  color: #fff;
}

body.al-page .nav-link,
body.al-page .nav-cta {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 12px;
}

/* Shared button system (so non-home pages can use .al-btn) */
.al-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: rgba(255, 255, 255, 0.92);
  background: rgba(255, 255, 255, 0.06);
  font-weight: 600;
  transition: transform 160ms ease, background 160ms ease, border-color 160ms ease;
}

.al-btn:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.09);
  border-color: rgba(255, 255, 255, 0.28);
}

.al-btn--primary {
  border-color: rgba(167, 161, 134, 0.55);
  background: linear-gradient(135deg, rgba(167, 161, 134, 0.92) 0%, rgba(149, 142, 105, 0.92) 100%);
  color: #0a0a0a;
}

.al-btn--primary:hover {
  background: linear-gradient(135deg, rgba(167, 161, 134, 1) 0%, rgba(149, 142, 105, 1) 100%);
  border-color: rgba(167, 161, 134, 0.75);
}

.al-btn--ghost {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.18);
  color: rgba(255, 255, 255, 0.92);
}

/* Small helpers */
.al-muted { color: rgba(255, 255, 255, 0.70); }
.al-kicker {
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.58);
}


body.al-modalOpen{overflow:hidden;}