/* ============================================================
   NORTHCORE — Seite: Kontakt & Demo
   ============================================================ */

.page-hero { padding-top: calc(72px + clamp(72px, 11vh, 130px)); padding-bottom: clamp(40px, 6vh, 72px); }

.step-no {
  font-family: var(--font-mono);
  font-size: var(--fs-meta);
  letter-spacing: 0.14em;
  color: var(--nc-gold);
  margin-bottom: 18px;
}

/* ---------- Formular-Layout ---------- */
.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
}
.field--full { grid-column: 1 / -1; }
@media (max-width: 680px) { .form-grid { grid-template-columns: 1fr; } }

.field select[aria-invalid="true"] { border-color: var(--state-risk); }
.field textarea { min-height: 150px; resize: vertical; }

/* Consent-Checkbox: Fließtext statt Mono-Label */
.field--check label {
  font-family: var(--font-body);
  font-size: 14.5px;
  letter-spacing: 0;
  text-transform: none;
  color: var(--text-body);
  display: flex;
  gap: 12px;
  align-items: flex-start;
  cursor: pointer;
  line-height: 1.55;
}
.field--check input {
  width: 18px;
  height: 18px;
  flex: none;
  margin-top: 2px;
  accent-color: var(--nc-gold);
}
.field--check a { color: var(--nc-gold); text-underline-offset: 3px; }
.field--check a:hover { color: var(--nc-gold-bright); }

.form-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px;
  margin-top: 6px;
}
.form-hint {
  font-family: var(--font-mono);
  font-size: var(--fs-meta);
  color: var(--text-muted);
}

/* ---------- Ehrliches Status-Panel (mailto) ---------- */
.form-status:not(:empty) {
  margin-top: 26px;
  padding: 24px 26px;
  background: var(--surface);
  border: 1px solid var(--nc-gold-dim);
  border-radius: var(--radius-lg);
}
.form-status p { color: var(--text-secondary); font-size: 15px; }
.form-status strong { color: var(--text-primary); font-weight: 560; }
.form-status a { color: var(--nc-gold); text-underline-offset: 3px; }
.form-status a:hover { color: var(--nc-gold-bright); }

/* ---------- Direktkontakt ---------- */
.contact-direct { margin-top: clamp(48px, 7vh, 80px); }
.contact-direct h2 { margin-bottom: 14px; }
.contact-direct p { margin-bottom: 10px; }
.contact-direct a { color: var(--nc-gold); text-underline-offset: 3px; }
.contact-direct a:hover { color: var(--nc-gold-bright); }