/* Demo gate modal — shared by furmarken.html and en/furmarken.html.
   Everything inside the modal (.contact-form, .form-group, .btn-form,
   .form-note, .callout-h3, .cta-sub) is each page's own existing form
   component set, injected as markup by demo-gate.js — these are the only
   genuinely new rules, and they're just the fixed-position overlay
   mechanics (show/hide, centering, z-index) that don't exist elsewhere.
   The scrim reuses var(--carbon), the same token .cta-section already
   uses as the backdrop .contact-form was designed to sit on, so the card
   looks identical to how it already renders in the contact section on
   both pages. No new colors/fonts introduced. */
.demo-gate-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: var(--carbon);
  z-index: 10000;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  overflow-y: auto;
}
.demo-gate-overlay.is-open { display: flex; }
.demo-gate-close {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  background: none;
  border: none;
  color: rgba(255,255,255,0.6);
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
  padding: 0.25rem;
}
.demo-gate-close:hover { color: white; }