/* landing-footer.css — LandingFooter component styles */

/* ── Footer — image spans hero + bar as one unit ────────────── */

.lp-footer::before {
  background:
    radial-gradient(ellipse at left,  var(--ex-color-black) 0%, var(--ex-transparent) 60%),
    radial-gradient(ellipse at right, var(--ex-color-black) 0%, var(--ex-transparent) 60%);
  content: '';
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

/* ── Hero body ──────────────────────────────────────────────── */

.lp-footer-eyebrow {
  letter-spacing: var(--ex-tracking-xl);
}

.lp-footer-title {
  font-style: normal;
}

.lp-footer-title-em {
  font-style: normal;
}

.lp-footer-btn {
  transition: background var(--ex-duration-slow) ease;
}
.lp-footer-btn:hover { background: var(--ex-color-footer-btn-bg-hover); }

.lp-footer-btn > span:first-child {
  letter-spacing: var(--ex-tracking-xl);
}

.lp-footer-btn-icon {
  border-radius: var(--ex-border-radius-round);
  font-size: 0.875rem;
}

/* ── Bar — gradient over image bottom ───────────────────────── */

.lp-footer-bar {
  background: linear-gradient(to top, var(--ex-color-black-a85) 0%, var(--ex-color-black-a50) 100%);
}

@media (max-width: 576px) {
  .lp-footer-bar { padding-inline: var(--ex-space-xs); }
  .lp-footer-nav { gap: var(--ex-space-xs); }
}

.lp-footer-brand-name {
  letter-spacing: var(--ex-tracking-lg);
}

.lp-footer-nav a {
  color: var(--ex-color-nebula-muted);
  font-size: var(--ex-font-size-xxxs);
  font-weight: var(--ex-para-font-weight);
  letter-spacing: var(--ex-tracking-sm);
  text-decoration: none;
  transition: color var(--ex-duration-slow) ease;
}
.lp-footer-nav a:hover { color: var(--ex-color-accent); }

.lp-footer-social a {
  color: var(--ex-color-nebula-muted);
  font-size: var(--ex-font-size-sm);
  text-decoration: none;
  transition: color var(--ex-duration-slow) ease;
}
.lp-footer-social a:hover { color: var(--ex-color-accent); }

.lp-footer-copy {
  letter-spacing: var(--ex-tracking-sm);
}