/* ==========================================================================
   Contact CTA — closing full-bleed call to action
   ========================================================================== */

.contact-cta {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, var(--color-navy-900), var(--color-navy-950));
  border-top: 1px solid var(--border-subtle);
  text-align: center;
}

.contact-cta__grid {
  position: absolute;
  inset: 0;
  background-image: url('../images/blueprint-grid.svg');
  background-size: 96px 96px;
  opacity: 0.18;
}

.contact-cta__glow {
  position: absolute;
  left: 50%;
  top: 0;
  width: 900px;
  height: 500px;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle, rgba(0, 245, 160, 0.22), transparent 70%);
  pointer-events: none;
}

.contact-cta__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-lg);
}

.contact-cta__title {
  font-size: var(--text-h1);
  max-width: 18ch;
}

.contact-cta__lead {
  font-size: var(--text-lead);
  color: var(--text-muted);
  font-weight: 500;
  max-width: 46ch;
}

.contact-cta__actions {
  margin-top: var(--space-sm);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-md);
}

.contact-cta__direct {
  margin-top: var(--space-lg);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-lg);
  font-family: var(--font-mono);
  font-size: var(--text-small);
  color: var(--text-muted);
}

.contact-cta__direct a {
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
}

.contact-cta__direct a:hover {
  color: var(--accent);
}