/* New Account Application wizard — Venture public site */
.na-section { background:#f7f7f8; padding:60px 16px 90px; min-height:70vh; }
.na-wrap { max-width:920px; margin:0 auto; }

.na-head { text-align:center; margin-bottom:28px; }
.na-title { font-size:32px; color:#57575B; margin:0 0 8px; font-weight:700; }
.na-sub { color:#7a7a80; font-size:15px; max-width:640px; margin:0 auto; }

/* Resume banner — gold, high visibility */
.na-resume { display:flex; align-items:center; justify-content:space-between; gap:16px;
  background:#ad9969; border:1px solid #9a875b; border-radius:6px;
  padding:16px 20px; margin-bottom:20px; font-size:15px; font-weight:600; color:#fff;
  box-shadow:0 2px 10px rgba(173,153,105,.35); }
.na-resume-btns { display:flex; gap:8px; flex-shrink:0; }
.na-linked { background:#fff; border:1px solid #e4e4e7; border-left:4px solid #57575B; border-radius:6px;
  padding:12px 18px; margin-bottom:20px; font-size:14px; color:#57575B; }

/* Progress steps */
.na-steps { list-style:none; display:flex; gap:8px; padding:0; margin:0 0 24px; }
.na-step { flex:1; display:flex; align-items:center; gap:10px; padding:12px 14px; background:#fff;
  border:1px solid #e4e4e7; border-radius:6px; color:#9a9aa0; font-size:13px; font-weight:600; }
.na-step-n { width:26px; height:26px; border-radius:6px; background:#ececee; color:#8a8a90;
  display:flex; align-items:center; justify-content:center; font-size:13px; flex-shrink:0; }
.na-step.is-active { border-color:#ad9969; color:#57575B; }
.na-step.is-active .na-step-n { background:#ad9969; color:#fff; }
.na-step.is-done .na-step-n { background:#57575B; color:#fff; }
.na-step-l { line-height:1.2; }

/* Panels */
.na-panel { display:none; background:#fff; border:1px solid #e4e4e7; border-radius:8px; padding:26px 28px; }
.na-panel.is-active { display:block; }

.na-h { font-size:16px; color:#57575B; font-weight:700; margin:26px 0 12px; }
.na-h:first-child { margin-top:4px; }
.na-h small { font-weight:400; color:#9a9aa0; font-size:13px; }
.na-help { font-size:13px; color:#7a7a80; margin:0 0 14px; line-height:1.5; }
.na-copybill { border:none; background:none; color:#ad9969; font-size:12px; font-weight:600; cursor:pointer;
  padding:0 0 0 10px; text-decoration:underline; }
.na-copybill:hover { color:#9a875b; }

/* Grid + fields */
.na-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.na-field { display:flex; flex-direction:column; gap:5px; font-size:12px; color:#57575B; font-weight:600; }
.na-field.na-col-2 { grid-column:span 2; }
.na-field.na-col-3 { grid-column:span 3; }
.na-field span em { color:#c0392b; font-style:normal; }
.na-inline-help { font-weight:400; color:#9a9aa0; font-size:11.5px; margin-top:4px; }
.na-req { color:#c0392b; font-style:normal; }
.na-field input { border:1px solid #d7d7db; border-radius:6px; padding:9px 11px; font-size:14px;
  font-weight:400; color:#333; background:#fff; transition:border-color .15s; }
.na-field input:focus { outline:none; border-color:#ad9969; box-shadow:0 0 0 3px rgba(173,153,105,.15); }
.na-field input.na-invalid { border-color:#c0392b; box-shadow:0 0 0 3px rgba(192,57,49,.12); }

/* Choices */
.na-choices { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:6px; }
.na-choices-col { flex-direction:column; }
.na-choice { display:flex; align-items:center; gap:9px; padding:12px 16px; border:1px solid #d7d7db;
  border-radius:6px; cursor:pointer; font-size:14px; color:#57575B; background:#fff; }
.na-choice input { accent-color:#ad9969; width:16px; height:16px; }
.na-choice:has(input:checked) { border-color:#ad9969; background:#faf8f3; }

/* Acknowledgment / checkboxes */
.na-ack { background:#faf8f3; border:1px solid #ece6d8; border-radius:6px; padding:14px 16px; margin:12px 0; }
.na-check { display:flex; gap:10px; align-items:flex-start; font-size:13.5px; color:#57575B; cursor:pointer; line-height:1.5; }
.na-check input { accent-color:#ad9969; width:17px; height:17px; margin-top:2px; flex-shrink:0; }
.na-ack .na-grid { margin-top:12px; }

.na-note { background:#f0f4f8; border:1px solid #d6e0ea; border-radius:6px; padding:14px 16px;
  font-size:14px; color:#3d4a58; margin:12px 0; }

/* Conditional blocks hidden by default */
.na-cond { display:none; }
.na-cond.is-shown { display:block; }

/* Reference / officer / buyer rows */
.na-ref-row, .na-officer-row, .na-buyer-row { position:relative; padding:14px; border:1px solid #ececee;
  border-radius:6px; margin-bottom:10px; grid-template-columns:repeat(4,1fr); }
.na-officer-row { grid-template-columns:repeat(3,1fr); }
.na-row-x { position:absolute; top:8px; right:8px; width:24px; height:24px; border:none; border-radius:6px;
  background:#f0f0f2; color:#8a8a90; cursor:pointer; font-size:16px; line-height:1; }
.na-row-x:hover { background:#c0392b; color:#fff; }

/* Uploads */
.na-uploads { display:flex; flex-direction:column; gap:12px; }
.na-upload { display:flex; flex-direction:column; gap:6px; font-size:13px; color:#57575B; font-weight:600; }
.na-upload small { color:#9a9aa0; font-weight:400; }
.na-upload input { font-size:13px; }

/* Review */
.na-review { font-size:13.5px; color:#57575B; }
.na-review .na-rev-sec { border-top:1px solid #ececee; padding:12px 0; }
.na-review .na-rev-sec:first-child { border-top:none; }
.na-review .na-rev-h { font-weight:700; margin-bottom:6px; color:#57575B; }
.na-review .na-rev-row { display:flex; gap:10px; padding:2px 0; }
.na-review .na-rev-k { color:#9a9aa0; min-width:180px; }

/* Error */
.na-error { background:#fdecea; border:1px solid #f5c6c2; color:#a5342c; border-radius:6px;
  padding:12px 16px; font-size:13.5px; margin-top:18px; }

/* Nav */
.na-nav { display:flex; align-items:center; justify-content:space-between; margin-top:22px; }
.na-nav-right { display:flex; gap:10px; }
.na-btn { border:none; border-radius:6px; padding:12px 22px; font-size:14px; font-weight:600;
  cursor:pointer; transition:background .15s,opacity .15s; }
.na-btn-sm { padding:8px 14px; font-size:13px; }
.na-btn-gold { background:#ad9969; color:#fff; }
.na-btn-gold:hover { background:#9a875b; }
.na-btn-dark { background:#57575B; color:#fff; }
.na-btn-dark:hover { background:#454549; }
.na-btn-ghost { background:#fff; color:#57575B; border:1px solid #d7d7db; }
.na-btn-ghost:hover { background:#f4f4f5; }
.na-btn:disabled { opacity:.55; cursor:default; }

/* Thank you */
.na-thanks { text-align:center; background:#fff; border:1px solid #e4e4e7; border-radius:8px; padding:56px 28px; }
.na-thanks-mark { width:64px; height:64px; border-radius:50%; background:#ad9969; color:#fff;
  font-size:34px; display:flex; align-items:center; justify-content:center; margin:0 auto 18px; }
.na-thanks h2 { color:#57575B; margin:0 0 10px; }
.na-thanks p { color:#7a7a80; max-width:520px; margin:0 auto; font-size:15px; }

@media (max-width:640px) {
  .na-grid { grid-template-columns:1fr 1fr; }
  .na-field.na-col-2 { grid-column:span 2; }
  .na-ref-row, .na-buyer-row { grid-template-columns:1fr 1fr; }
  .na-officer-row { grid-template-columns:1fr 1fr; }
  .na-steps { flex-wrap:wrap; }
  .na-step { flex:1 1 45%; }
  .na-step-l { display:none; }
  .na-step { justify-content:center; }
}