/*
  Contact page. Scoped to body.page-contact.
  No hero: the page opens on the dark contact section (shared .contact-page
  styling in pd-base.css). Forms are placeholders; submission stays with the
  existing back end.
*/

.page-contact main { min-height: 60vh; }

.page-contact .contact-page { padding-top: 96px; padding-bottom: 120px; }

.page-contact .contact-demo-note { font-size: 13.5px; }

.page-contact .demo-verification {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 2px 0 20px;
  padding: 10px 14px;
  border: 1px dashed #9cc2cb;
  border-radius: 8px;
  background: #f1f8fa;
  font-size: 13px;
  color: #3d5c67;
}

@media (max-width: 900px) {
  .page-contact .contact-page { padding-top: 56px; padding-bottom: 72px; }
}