/* Free-sample extras (badges and the locked-section card) */
.demo-badge { position: absolute; z-index: 6; pointer-events: none; font: 800 28px/1 "Trebuchet MS", system-ui, sans-serif;
  padding: 10px 18px; border-radius: 999px; border: 4px solid #fff; box-shadow: 0 4px 12px rgba(0,0,0,.35); white-space: nowrap; }
.demo-badge.try { left: 50%; top: -6px; transform: translateX(-50%) rotate(-4deg); background: #F6C21C; color: #16244A; animation: tryBounce 1.6s ease-in-out infinite; }
.demo-badge.lock { right: -4px; top: 18px; background: #16244A; color: #fff; font-size: 22px; }
.demo-badge.small { right: -6px; top: -6px; padding: 6px 8px; font-size: 22px; background: #16244A; border-width: 3px; }
@keyframes tryBounce { 0%,100% { transform: translateX(-50%) rotate(-4deg) translateY(0); } 50% { transform: translateX(-50%) rotate(-4deg) translateY(-10px); } }
@media (prefers-reduced-motion: reduce) { .demo-badge.try { animation: none; } }

.locked-card { background: #fff; border-radius: 36px; padding: 56px 64px 48px; text-align: center; border: 8px solid #F6C21C;
  font-family: "Trebuchet MS", system-ui, sans-serif; color: #1E2433; display: flex; flex-direction: column; align-items: center; gap: 22px; }
.locked-card .lock-icon { font-size: 72px; line-height: 1; }
.locked-card h2 { margin: 0; font-size: 54px; line-height: 1.05; color: #16244A; }
.locked-card p { margin: 0; font-size: 30px; line-height: 1.4; color: #5A6275; }
.locked-card p b { color: #16244A; }
.lock-cta { display: inline-block; background: #B3166F; color: #fff; text-decoration: none; font: 800 32px "Trebuchet MS", system-ui, sans-serif;
  padding: 22px 44px; border: 0; border-radius: 999px; box-shadow: 0 8px 0 #8E0F57; cursor: pointer; }
.lock-cta:hover { background: #C41C7B; }
.lock-form { display: flex; flex-direction: column; gap: 16px; width: 100%; max-width: 760px; }
.lock-form input { font: 600 30px "Trebuchet MS", system-ui, sans-serif; padding: 18px 26px; border: 4px solid #E3E6EE; border-radius: 18px;
  color: #1E2433; user-select: text; -webkit-user-select: text; }
.lock-form input:focus { outline: none; border-color: #13939F; }
.lock-small { font-size: 22px !important; }
.lock-small a { color: #13939F; }
.lock-or { width: 100%; max-width: 760px; display: flex; align-items: center; gap: 18px; color: #9AA1B2; font-size: 24px; font-weight: 700; }
.lock-or::before, .lock-or::after { content: ""; flex: 1; height: 3px; background: #E3E6EE; }
.lock-trial { font-weight: 800; font-size: 28px; color: #B3166F; text-decoration: none; }
.lock-trial:hover { text-decoration: underline; }
.lock-back { background: none; border: 0; font: 700 24px "Trebuchet MS", system-ui, sans-serif; color: #13939F; text-decoration: underline; cursor: pointer; }