/* Layered Reveal Footer Setup */

body {
  /* Necessary to ensure footer reveal works smooth */
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

main {
  /* Wrap sections in main */
  flex-grow: 1;
  background-color: var(--color-bg);
  position: relative;
  z-index: 10; 
  box-shadow: 0 20px 40px rgba(0,0,0,0.5); 
  border-bottom-left-radius: var(--radius-xl);
  border-bottom-right-radius: var(--radius-xl);
  padding-bottom: var(--space-16);
}

footer {
  position: sticky;
  bottom: 0;
  z-index: -1;
  background: #09090B;
  padding: var(--space-16) 0 var(--space-8);
  border-top: 1px solid var(--color-border);
  text-align: center;
  height: 300px; /* Fixed height for reveal space */
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.footer-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-6);
}

.footer-brand {
  font-size: var(--text-3xl);
  font-weight: 800;
  letter-spacing: -0.05em;
  background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.footer-copy {
  color: var(--color-text-dim);
  font-size: var(--text-sm);
}