/* FOOTER (Hallmark Ft5 Statement column grid + Watermark archetype) */
footer {
  border-top: 1px solid var(--border);
  padding: 48px 0 24px;
  background: radial-gradient(120% 120% at 50% 100%, rgba(81, 112, 255, 0.05) 0%, rgba(110, 71, 255, 0.02) 50%, var(--bg) 100%);
  position: relative;
}

.footer-grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  gap: 40px;
  margin-bottom: 32px;
}

.footer-info {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.foot-logo {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  gap: 8px;
  font-weight: 800;
  font-size: 1.1rem;
  color: var(--ink);
  letter-spacing: -0.03em;
}

.foot-logo-img {
  height: 30px;
  width: auto;
  display: block;
}

.foot-copy {
  font-size: 0.82rem;
  color: var(--ink-muted);
  line-height: 1.6;
}

.footer-column {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.footer-column h4 {
  font-size: 0.88rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--ink);
}

.foot-col-links {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.foot-col-links a {
  font-size: 0.88rem;
  color: var(--ink-muted);
  text-decoration: none;
  transition: color var(--dur-short) var(--ease-out);
}

.foot-col-links a:hover {
  color: var(--accent);
}

.footer-watermark {
  font-size: clamp(3rem, 11vw, 10.5rem);
  font-weight: 900;
  text-transform: lowercase;
  letter-spacing: 0em;
  text-align: center;
  line-height: 1;
  user-select: none;
  pointer-events: none;
  position: relative;
  margin-top: 32px;
  margin-bottom: -0.08em;
  display: flex;
  justify-content: center;
  z-index: 1;
  padding: 0 24px;
  animation: ab-watermark 6s ease-in-out infinite;
  will-change: transform;
}

.watermark-pleidod {
  background: radial-gradient(ellipse at 50% 50%, rgba(58, 58, 58, 0.9) 0%, transparent 55%),
              radial-gradient(ellipse at 50% 50%, rgba(138, 138, 138, 0.85) 0%, transparent 55%),
              radial-gradient(ellipse at 50% 50%, rgba(84, 84, 84, 0.9) 0%, transparent 55%),
              linear-gradient(45deg, #3a3a3a, #8a8a8a 50%, #545454);
  background-size: 250% 250%, 250% 250%, 250% 250%, 300% 300%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: af-watermark 12s ease-in-out infinite, ag-pleidod 8s ease-in-out infinite;
  will-change: background-position, text-shadow;
}

.watermark-labs {
  background: radial-gradient(ellipse at 50% 50%, rgba(81, 112, 255, 0.9) 0%, transparent 55%),
              radial-gradient(ellipse at 50% 50%, rgba(143, 164, 255, 0.85) 0%, transparent 55%),
              radial-gradient(ellipse at 50% 50%, rgba(37, 69, 211, 0.9) 0%, transparent 55%),
              linear-gradient(45deg, #5170FF, #8fa4ff 50%, #2545d3);
  background-size: 250% 250%, 250% 250%, 250% 250%, 300% 300%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: af-watermark 12s ease-in-out infinite, ag-labs 8s ease-in-out infinite;
  will-change: background-position, text-shadow;
}

/* Framer TextAurora Animations */
@keyframes af-watermark {
  0%, 100% {
    background-position: 0% 0%, 100% 100%, 50% 0%, 0% 50%;
  }
  12% {
    background-position: 100% 20%, 0% 50%, 0% 100%, 30% 0%;
  }
  25% {
    background-position: 50% 100%, 80% 0%, 100% 50%, 70% 100%;
  }
  37% {
    background-position: 0% 50%, 50% 100%, 20% 0%, 100% 50%;
  }
  50% {
    background-position: 100% 100%, 0% 0%, 80% 100%, 50% 0%;
  }
  62% {
    background-position: 30% 0%, 100% 80%, 0% 50%, 0% 80%;
  }
  75% {
    background-position: 80% 80%, 20% 20%, 100% 0%, 80% 30%;
  }
  87% {
    background-position: 20% 30%, 60% 70%, 50% 80%, 40% 70%;
  }
}

@keyframes ag-pleidod {
  0%, 100% {
    text-shadow: 0 0 12px rgba(58, 58, 58, 0.35), 0 0 24px rgba(58, 58, 58, 0.15);
  }
  33% {
    text-shadow: 0 0 12px rgba(138, 138, 138, 0.35), 0 0 24px rgba(138, 138, 138, 0.15);
  }
  66% {
    text-shadow: 0 0 12px rgba(84, 84, 84, 0.35), 0 0 24px rgba(84, 84, 84, 0.15);
  }
}

@keyframes ag-labs {
  0%, 100% {
    text-shadow: 0 0 12px rgba(81, 112, 255, 0.35), 0 0 24px rgba(81, 112, 255, 0.15);
  }
  33% {
    text-shadow: 0 0 12px rgba(143, 164, 255, 0.35), 0 0 24px rgba(143, 164, 255, 0.15);
  }
  66% {
    text-shadow: 0 0 12px rgba(37, 69, 211, 0.35), 0 0 24px rgba(37, 69, 211, 0.15);
  }
}

@keyframes ab-watermark {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.015);
  }
}