/* ── Demo Request Form ── */
.demo-form {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  text-align: left;
}

.form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.85rem;
}

.demo-form input,
.demo-form textarea {
  width: 100%;
  padding: 0.85rem 1rem;
  background: var(--bg-surface);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  transition: border-color var(--transition);
}

.demo-form input:focus,
.demo-form textarea:focus {
  outline: none;
  border-color: var(--border-strong);
}

.demo-form textarea {
  resize: vertical;
  min-height: 80px;
}

/* Honeypot — hidden from real users */
.demo-form .hp-field {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  tab-index: -1;
}

.form-note {
  margin-top: 1rem;
  font-size: 0.9rem;
  min-height: 1.4em;
}

.form-note.success { color: var(--accent-cyan); }
.form-note.error { color: #f87171; }