.cta {
  background-image: url("assets/ai-data.webp");
}

.contact-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  max-width: 760px;
  margin: 34px auto 0;
  text-align: left;
}

.contact-card {
  padding: 24px;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 12px;
  background: rgba(4, 15, 33, .72);
  backdrop-filter: blur(12px);
}

.contact-card > span {
  display: block;
  margin-bottom: 10px;
  color: #ccd8ea;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.contact-card strong {
  display: block;
  color: #fff;
  font-family: "Figtree", "Segoe UI", sans-serif;
  font-size: clamp(22px, 3vw, 30px);
}

.contact-links {
  display: flex;
  gap: 10px;
  margin-top: 20px;
}

.contact-links a {
  flex: 1;
  padding: 11px 14px;
  border: 1px solid rgba(255, 255, 255, .32);
  border-radius: 8px;
  color: #fff;
  font-weight: 700;
  text-align: center;
}

.contact-links a:first-child {
  border-color: #f540ff;
  background: #f540ff;
  color: #0d1524;
}

.contact-back { margin-top: 28px; }

@media (max-width: 680px) {
  .contact-grid { grid-template-columns: 1fr; }
  .contact-card { padding: 20px; }
}