/* NDA request page (sandbox). Theme hero + white card; this file adds the form layout only. */
.shx-nda-page .shx-nda-hero__title { margin: 12px 0 20px; color: #fff; font-weight: 700; font-size: clamp(32px, 3.3vw, 48px); line-height: 1.2; }
.shx-nda-page .shx-nda-hero__lede { color: #fff; max-width: 640px; line-height: 1.6; }
.shx-nda-card { max-width: 640px; margin: 0 auto; padding: 40px; }
.shx-nda-steps { display: flex; gap: 8px; list-style: none; padding: 0; margin: 0 0 28px; counter-reset: s; flex-wrap: wrap; }
.shx-nda-steps li { counter-increment: s; font-size: 14px; color: #6b7280; padding: 6px 12px; border-radius: 999px; background: #f1f4fb; }
.shx-nda-steps li::before { content: counter(s) ". "; }
.shx-nda-steps li.is-current { background: #3333cc; color: #fff; font-weight: 600; }
.shx-nda-steps li.is-done { background: #e3e8fb; color: #3333cc; }
.shx-nda-form { display: grid; gap: 8px; margin: 20px 0 16px; }
.shx-nda-form label { font-weight: 600; font-size: 15px; margin-top: 8px; }
.shx-nda-form input[type=text], .shx-nda-form input[type=email] { width: 100%; padding: 12px 14px; border: 1px solid #c7cede; border-radius: 6px; font-size: 16px; }
.shx-nda-form input:focus { outline: 2px solid #3333cc; outline-offset: 1px; border-color: #3333cc; }
.shx-nda-form .shx-nda-code { max-width: 220px; font-size: 24px; letter-spacing: .3em; text-align: center; }
.shx-nda-form button { margin-top: 16px; justify-self: start; display: inline-flex; gap: 8px; align-items: center; }
.shx-nda-alert { background: #fdecec; color: #8a1c1c; border-left: 4px solid #d63638; padding: 12px 16px; border-radius: 4px; }
.shx-nda-small { font-size: 14px; color: #5b6478; margin-top: 12px; }
.shx-nda-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
@media (max-width: 600px) { .shx-nda-card { padding: 24px 18px; } }