/* Contact page — small additions on top of the landing design system. */

.lp-contact-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 16px;
  background: var(--accent-tint);
  color: var(--lp-pos);
  border: 1px solid var(--accent-ring);
}

.lp-contact-email {
  display: inline-block;
  margin-top: 6px;
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--fg);
  letter-spacing: -0.01em;
  word-break: break-word;
  transition: color 0.15s ease;
}

.lp-contact-email:hover {
  color: var(--accent);
}