/* ambe traders — Lumen Vault tokens (dark glassmorphism) */
:root {
  --lv-void: #070b14;
  --lv-deep: #0b1220;
  --lv-panel: rgba(18, 28, 48, 0.55);
  --lv-panel-strong: rgba(22, 34, 58, 0.82);
  --lv-glass: rgba(255, 255, 255, 0.06);
  --lv-glass-hi: rgba(255, 255, 255, 0.12);
  --lv-line: rgba(148, 163, 184, 0.22);
  --lv-ink: #e8eef8;
  --lv-mute: #94a3b8;
  --lv-cyan: #2dd4bf;
  --lv-orchid: #c084fc;
  --lv-rose: #f472b6;
  --lv-sky: #38bdf8;
  --lv-ok: #34d399;
  --lv-danger: #fb7185;
  --lv-blur: 22px;
  --lv-radius: 1.25rem;
  --lv-radius-sm: 0.75rem;
  --lv-display: "Cormorant Garamond", Georgia, serif;
  --lv-sans: "Figtree", "Segoe UI", sans-serif;
  --lv-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --lv-max: 1180px;
  --lv-capsule-h: 4.25rem;
  --lv-glow-cyan: 0 0 40px rgba(45, 212, 191, 0.25);
  --lv-glow-orchid: 0 0 40px rgba(192, 132, 252, 0.22);
  --lv-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.a74-body {
  margin: 0;
  min-height: 100vh;
  color: var(--lv-ink);
  font-family: var(--lv-sans);
  line-height: 1.55;
  background:
    radial-gradient(90% 70% at 12% -10%, rgba(192, 132, 252, 0.18), transparent 55%),
    radial-gradient(80% 60% at 100% 0%, rgba(45, 212, 191, 0.14), transparent 50%),
    radial-gradient(70% 50% at 50% 100%, rgba(56, 189, 248, 0.1), transparent 55%),
    linear-gradient(165deg, var(--lv-void) 0%, var(--lv-deep) 48%, #0a101c 100%);
  background-attachment: fixed;
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; color: inherit; }
.visually-hidden {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0);
  white-space: nowrap; border: 0;
}

.a74-root {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  position: relative;
  padding-top: calc(var(--lv-capsule-h) + 1.5rem);
}
.a74-bare-main { min-height: 100vh; }
.a74-main { flex: 1; width: 100%; position: relative; z-index: 1; }

.a74-orb-field {
  pointer-events: none;
  position: fixed;
  inset: 0;
  z-index: 0;
  background:
    radial-gradient(circle at 18% 22%, rgba(45, 212, 191, 0.07), transparent 28%),
    radial-gradient(circle at 82% 18%, rgba(192, 132, 252, 0.08), transparent 30%),
    radial-gradient(circle at 70% 78%, rgba(244, 114, 182, 0.05), transparent 32%);
  animation: lv-drift 18s var(--lv-ease) infinite alternate;
}
@keyframes lv-drift {
  from { transform: translate3d(0, 0, 0) scale(1); }
  to { transform: translate3d(-1.5%, 1.2%, 0) scale(1.04); }
}

.a74-glass {
  background: var(--lv-panel);
  border: 1px solid var(--lv-line);
  border-radius: var(--lv-radius);
  backdrop-filter: blur(var(--lv-blur)) saturate(1.35);
  -webkit-backdrop-filter: blur(var(--lv-blur)) saturate(1.35);
  box-shadow: var(--lv-shadow);
}

.a74-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.85rem 1.4rem;
  border-radius: 999px;
  border: 1px solid transparent;
  font-weight: 600;
  letter-spacing: 0.02em;
  transition: transform 0.2s var(--lv-ease), box-shadow 0.2s var(--lv-ease), background 0.2s;
  cursor: pointer;
}
.a74-btn-primary {
  background: linear-gradient(135deg, var(--lv-cyan), var(--lv-sky));
  color: #041016;
  box-shadow: var(--lv-glow-cyan);
}
.a74-btn-primary:hover { transform: translateY(-2px); }
.a74-btn-ghost {
  background: var(--lv-glass);
  border-color: var(--lv-line);
  color: var(--lv-ink);
  backdrop-filter: blur(12px);
}
.a74-btn-ghost:hover { border-color: var(--lv-cyan); color: var(--lv-cyan); }

.a74-shell {
  width: min(var(--lv-max), calc(100% - 2rem));
  margin-inline: auto;
}

.a74-skip {
  position: absolute;
  left: 1rem;
  top: -3rem;
  z-index: 100;
  padding: 0.5rem 0.85rem;
  background: var(--lv-cyan);
  color: #041016;
  border-radius: 999px;
}
.a74-skip:focus { top: 1rem; }

.a74-colophon {
  margin-top: 3rem;
  padding: 1.5rem 1rem 2rem;
  border-top: 1px solid var(--lv-line);
  background: rgba(7, 11, 20, 0.65);
  backdrop-filter: blur(16px);
}
.a74-colophon-inner {
  width: min(var(--lv-max), calc(100% - 2rem));
  margin-inline: auto;
  display: grid;
  gap: 0.75rem;
  text-align: center;
  color: var(--lv-mute);
  font-size: 0.9rem;
}
.a74-colophon strong {
  font-family: var(--lv-display);
  font-size: 1.4rem;
  color: var(--lv-ink);
  font-weight: 600;
}
.a74-colophon nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.1rem;
  justify-content: center;
}
.a74-colophon a:hover { color: var(--lv-cyan); }