/* Generated by scripts/build-salespage.js — the notice that closes the
   truncated contract on the public demonstration. This lives here rather
   than in the product's styles.css because the buyer's Console never emits
   the class, and shipping dead rules to a paying customer is untidy. */
.preview-cut {
  margin: 30px 0 8px;
  padding: 22px 24px;
  border: 1px solid var(--amber, #c97b21);
  border-left-width: 3px;
  border-radius: 4px;
  background: rgba(201, 123, 33, 0.07);
}
.preview-cut b { display: block; font-size: 1.02rem; margin-bottom: 7px; }
.preview-cut span { display: block; font-size: 0.92rem; line-height: 1.62; opacity: 0.85; }
.preview-buy {
  display: inline-block; margin-top: 14px; font-size: 0.88rem; font-weight: 600;
  text-decoration: none; color: #14100a; background: var(--amber, #c97b21);
  padding: 9px 17px; border-radius: 4px;
}
@media print { .preview-cut { break-inside: avoid; } }

/* A shut button says so before it is pressed. Being refused after clicking
   reads as a broken tool; a padlock reads as a price. */
.locked { position: relative; opacity: 0.72; }
.locked::after {
  content: "\1F512"; margin-left: 7px; font-size: 0.82em; opacity: 0.8;
}

.gate {
  position: fixed; inset: 0; z-index: 9000; display: none;
  align-items: center; justify-content: center; padding: 24px;
  background: rgba(6, 14, 21, 0.72); backdrop-filter: blur(4px);
}
.gate.on { display: flex; }
.gate-card {
  max-width: 470px; background: #0e1c27; color: #dce6ee;
  border: 1px solid #24384a; border-radius: 8px; padding: 30px 30px 26px;
  box-shadow: 0 30px 70px -20px rgba(0, 0, 0, 0.8);
}
.gate-card h3 { margin: 0 0 12px; font-size: 1.35rem; line-height: 1.2; }
.gate-card p { margin: 0 0 22px; font-size: 0.95rem; line-height: 1.65; opacity: 0.85; }
.gate-row { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.gate-buy {
  text-decoration: none; font-weight: 600; color: #14100a;
  background: var(--amber, #c97b21); padding: 12px 20px; border-radius: 5px;
}
.gate-back {
  font: inherit; font-size: 0.9rem; cursor: pointer; color: #9fb3c4;
  background: none; border: 1px solid #2b3f52; padding: 11px 17px; border-radius: 5px;
}
.gate-back:hover { border-color: #3d566d; color: #dce6ee; }