/* Noundesign — Audit page shared styles (v1)
 * Imported by every /<magnet>.html lead-magnet page.
 * Brand v1: signature navy bg + orange single-accent + Plus Jakarta Sans + glass cards.
 */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;700&display=swap');

*{box-sizing:border-box;margin:0;padding:0}
:root{
  --navy-950:#0B1838;--navy-900:#102249;--navy-800:#16306A;--navy-700:#1E3A8C;--navy-600:#2C4FB0;
  --orange-500:#F58A3C;--orange-400:#FFA663;--orange-300:#FFC58E;--orange-700:#C56F2C;
  --white:#FFFFFF;--slate-light:#D6DDF0;--slate-mid:#9DA9C2;--slate-deep:#67738F;
}
html,body{background:var(--navy-950);color:#fff;font-family:'Plus Jakarta Sans',sans-serif;-webkit-font-smoothing:antialiased;line-height:1.65}
body{
  background-image:
    radial-gradient(rgba(255,255,255,0.05) 1px,transparent 1px),
    radial-gradient(1400px 600px at 70% 0%,rgba(62,102,204,0.28),transparent 60%),
    linear-gradient(180deg,#102249 0%,#0B1838 100%);
  background-size:16px 16px,auto,auto;
  background-attachment:fixed;
  min-height:100vh;
}
.shell{max-width:880px;margin:0 auto;padding:32px 28px 96px}

/* ─── NAV ─── */
.nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px}
.nav a{color:var(--slate-mid);text-decoration:none;font-size:12px;font-weight:700;letter-spacing:0.05em}
.nav a:hover{color:var(--orange-300)}
.logo{font-size:15px;font-weight:800;letter-spacing:-0.02em;color:#fff;display:flex;align-items:center;gap:14px;text-decoration:none}
.logo svg{width:42px;height:42px;flex-shrink:0;display:block}
.logo .name{color:#fff;font-weight:800;letter-spacing:-0.02em;font-size:18px}
.crumb-link{display:inline-flex;align-items:center;gap:5px}

/* ─── HERO ─── */
.hero{margin-bottom:56px}
.eyebrow{font-size:10px;font-weight:800;letter-spacing:0.22em;color:var(--orange-500);text-transform:uppercase;margin-bottom:18px;display:inline-flex;align-items:center;gap:10px}
.eyebrow .pill{background:rgba(245,138,60,0.16);border:1px solid rgba(245,138,60,0.45);padding:3px 9px;border-radius:999px;color:var(--orange-300);font-size:9px}
.hero h1{font-size:54px;line-height:1.02;letter-spacing:-0.035em;font-weight:800;margin-bottom:18px}
.hero h1 .dim{color:var(--slate-deep)}
.rule-orange{width:70px;height:3px;background:var(--orange-500);border-radius:2px;margin:0 0 24px}
.lede{font-size:16px;line-height:1.65;color:var(--slate-light);margin-bottom:32px;max-width:620px}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:0.16em;text-transform:uppercase;text-decoration:none;cursor:pointer;font-family:inherit;border:0;transition:all .2s;white-space:nowrap}
/* Flat per brand spec — no shadow, no gradient on buttons. */
.btn-primary{background:var(--orange-500);color:#fff}
.btn-primary:hover{background:var(--orange-400)}
.btn-ghost{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.12);color:var(--slate-light)}
.btn-ghost:hover{background:rgba(255,255,255,0.10);border-color:rgba(245,138,60,0.5);color:#fff}
.auto-save{font-size:11px;color:var(--slate-deep);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.auto-save .dot{width:6px;height:6px;border-radius:50%;background:#3FB67E;display:inline-block;box-shadow:0 0 8px rgba(63,182,126,0.6)}

/* ─── HOW-TO ─── */
.howto{margin-bottom:56px}
.section-eb{font-size:10px;font-weight:800;letter-spacing:0.22em;color:var(--orange-500);text-transform:uppercase;margin-bottom:14px}
.section-h{font-size:28px;font-weight:800;letter-spacing:-0.02em;color:#fff;line-height:1.15;margin-bottom:18px}
.section-h .dim{color:var(--slate-deep)}
.rules{display:flex;flex-direction:column;gap:18px;margin-top:24px;margin-bottom:24px}
.rule-row{display:flex;gap:18px;align-items:flex-start}
.num-badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:42px;height:22px;background:rgba(245,138,60,0.14);border:1px solid rgba(245,138,60,0.40);border-radius:999px;color:var(--orange-500);font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:800;letter-spacing:0.05em;margin-top:2px}
.rule-row strong{display:block;color:#fff;font-size:15px;font-weight:800;letter-spacing:-0.01em;margin-bottom:3px}
.rule-row p{color:var(--slate-light);font-size:13.5px;line-height:1.55}
.glass{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.10);border-radius:14px;padding:22px;backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%)}
.glass-orange{background:linear-gradient(135deg,rgba(245,138,60,0.10),rgba(245,138,60,0.04));border:1px solid rgba(245,138,60,0.35);border-radius:14px;padding:22px;backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%)}
.icps-card .eb{font-size:10px;font-weight:800;letter-spacing:0.22em;color:var(--orange-500);text-transform:uppercase;margin-bottom:14px}
.icp{display:flex;gap:10px;align-items:flex-start;margin-bottom:8px;font-size:13.5px;color:var(--slate-light);line-height:1.55}
.icp:last-child{margin-bottom:0}
.icp::before{content:'';flex-shrink:0;width:5px;height:5px;border-radius:50%;background:var(--orange-500);margin-top:9px}
.icp strong{color:#fff;font-weight:700;margin-right:4px}

/* ─── AUDIT SECTION CARDS ─── */
.audit-sec{margin-bottom:36px;scroll-margin-top:24px}
.audit-sec .meta{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}
.audit-sec .meta .eb{font-size:9px;font-weight:800;letter-spacing:0.22em;color:var(--slate-mid);text-transform:uppercase}
.audit-sec h2{font-size:30px;font-weight:800;letter-spacing:-0.025em;color:#fff;line-height:1.1;margin-bottom:14px}
.audit-sec h2 .dim{color:var(--slate-deep)}
.audit-sec .intro{color:var(--slate-light);font-size:14px;line-height:1.6;margin-bottom:22px;max-width:680px}
.checklist{margin-bottom:18px}
.checklist .head{font-size:9px;font-weight:800;letter-spacing:0.22em;color:var(--slate-mid);text-transform:uppercase;margin-bottom:14px}
.item{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.05)}
.item:last-child{border-bottom:0}
.item label{flex:1;color:var(--slate-light);font-size:14px;line-height:1.5;cursor:pointer;font-weight:500}
.item input[type="checkbox"]{appearance:none;-webkit-appearance:none;flex-shrink:0;width:18px;height:18px;border:1.5px solid rgba(255,255,255,0.30);border-radius:5px;background:rgba(11,22,40,0.55);cursor:pointer;position:relative;margin-top:2px;transition:all .18s}
.item input[type="checkbox"]:hover{border-color:rgba(245,138,60,0.6)}
.item input[type="checkbox"]:checked{background:var(--orange-500);border-color:var(--orange-500)}
.item input[type="checkbox"]:checked::after{content:'✓';position:absolute;top:-1px;left:3px;color:#fff;font-size:13px;font-weight:800;line-height:1}
.item input[type="checkbox"]:checked + label{color:#fff;text-decoration:line-through;text-decoration-color:rgba(245,138,60,0.4)}
.redflag{margin-top:16px;padding:16px 18px 16px 20px;background:rgba(245,138,60,0.06);border:1px solid rgba(245,138,60,0.30);border-left:3px solid var(--orange-500);border-radius:0 10px 10px 0}
.redflag .eb{font-size:9px;font-weight:800;letter-spacing:0.22em;color:var(--orange-500);text-transform:uppercase;margin-bottom:6px}
.redflag p{color:#fff;font-size:13px;line-height:1.55;font-weight:500}
.field-row{display:grid;grid-template-columns:200px 1fr;gap:18px;margin-top:18px}
@media (max-width:540px){.field-row{grid-template-columns:1fr}}
.field label{display:block;font-size:9px;font-weight:800;letter-spacing:0.22em;color:var(--slate-mid);text-transform:uppercase;margin-bottom:6px}
.field input[type="text"],.field input[type="number"]{width:100%;padding:10px 12px;border:1px solid rgba(255,255,255,0.12);background:rgba(11,22,40,0.55);border-radius:8px;color:#fff;font-size:13px;font-family:inherit;outline:none;transition:all .18s}
.field input[type="text"]:focus,.field input[type="number"]:focus{border-color:var(--orange-500);background:rgba(11,22,40,0.75)}
.field input::placeholder{color:var(--slate-deep)}
.field .cost-wrap{display:flex;align-items:center;gap:0;border:1px solid rgba(255,255,255,0.12);background:rgba(11,22,40,0.55);border-radius:8px;overflow:hidden;transition:all .18s}
.field .cost-wrap:focus-within{border-color:var(--orange-500);background:rgba(11,22,40,0.75)}
.field .cost-wrap .prefix{padding:0 0 0 12px;color:var(--slate-deep);font-weight:600}
.field .cost-wrap input{border:0;background:transparent;flex:1;padding:10px 12px 10px 6px;outline:none}

/* ─── COST SUMMARY ─── */
.cost-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:18px}
.cost-table th{text-align:left;padding:10px 12px;font-size:9px;font-weight:800;letter-spacing:0.18em;text-transform:uppercase;color:var(--slate-mid);border-bottom:1px solid rgba(255,255,255,0.10)}
.cost-table th.center,.cost-table td.center{text-align:center}
.cost-table td{padding:14px 12px;border-bottom:1px solid rgba(255,255,255,0.05);color:var(--slate-light);font-size:14px;vertical-align:middle}
.cost-table td.label{font-weight:600;color:#fff}
.cost-table input[type="number"]{width:100%;padding:8px 10px;border:1px solid rgba(255,255,255,0.12);background:rgba(11,22,40,0.55);border-radius:6px;color:#fff;font-size:13px;font-family:inherit;outline:none;text-align:right}
.cost-table input[type="number"]:focus{border-color:var(--orange-500)}
.cost-table input[type="checkbox"]{appearance:none;-webkit-appearance:none;width:16px;height:16px;border:1.5px solid rgba(255,255,255,0.30);border-radius:4px;background:rgba(11,22,40,0.55);cursor:pointer;position:relative;transition:all .18s}
.cost-table input[type="checkbox"]:checked{background:var(--orange-500);border-color:var(--orange-500)}
.cost-table input[type="checkbox"]:checked::after{content:'✓';position:absolute;top:-2px;left:2px;color:#fff;font-size:12px;font-weight:800;line-height:1}
.cost-table .total-row td{padding-top:18px;border-top:2px solid rgba(245,138,60,0.45);border-bottom:0}
.cost-table .total-row .label{color:var(--orange-500);font-size:11px;font-weight:800;letter-spacing:0.18em;text-transform:uppercase}
.cost-table .total-row input{font-size:15px;font-weight:800}
.q-block{margin-top:24px}
.q-block label{display:block;font-size:13.5px;font-weight:800;color:#fff;margin-bottom:8px}
.q-block textarea,textarea.nd-area{width:100%;min-height:64px;padding:12px 14px;border:1px solid rgba(255,255,255,0.12);background:rgba(11,22,40,0.55);border-radius:8px;color:#fff;font-size:13px;font-family:inherit;outline:none;resize:vertical;line-height:1.55}
.q-block textarea:focus,textarea.nd-area:focus{border-color:var(--orange-500);background:rgba(11,22,40,0.75)}

/* ─── PATHS ─── */
.paths{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}
@media (max-width:680px){.paths{grid-template-columns:1fr}}
.path .lbl{font-size:9px;font-weight:800;letter-spacing:0.22em;text-transform:uppercase;margin-bottom:14px}
.path .lbl.a{color:var(--slate-mid)}
.path .lbl.b{color:var(--orange-500)}
.path h3{font-size:18px;font-weight:800;color:#fff;margin-bottom:10px;letter-spacing:-0.01em}
.path p{color:var(--slate-light);font-size:13px;line-height:1.55;margin-bottom:14px}
.path .price{font-size:11px;color:var(--slate-deep);font-weight:600}
.path-orange .price{color:var(--orange-300)}

/* ─── CLOSER ─── */
.closer{margin-top:48px;padding:32px 28px;text-align:center;background:linear-gradient(135deg,rgba(245,138,60,0.14),rgba(245,138,60,0.06));border:1px solid rgba(245,138,60,0.45);border-radius:18px}
.closer h3{font-size:22px;font-weight:800;color:#fff;margin-bottom:10px;letter-spacing:-0.02em}
.closer h3 .dim{color:var(--slate-deep)}
.closer p{font-size:13.5px;color:var(--slate-light);margin-bottom:20px;line-height:1.55;max-width:520px;margin-left:auto;margin-right:auto}
.closer .ctas{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}

/* ─── STICKY DOWNLOAD BAR (full-width) ─── */
.sticky-bar{position:sticky;top:0;z-index:50;width:100%;background:rgba(11,22,40,0.85);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border-bottom:1px solid rgba(245,138,60,0.30)}
.sticky-bar .inner{max-width:880px;margin:0 auto;padding:12px 28px;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.sticky-bar .left{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--slate-mid);font-weight:600}
.sticky-bar .left strong{color:var(--orange-300)}
.sticky-bar .right{display:flex;gap:8px;flex-wrap:wrap}
.sticky-bar .btn{padding:8px 16px;font-size:10px}

/* ─── TOAST ─── */
.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(120px);z-index:9999;background:rgba(10,22,40,0.96);backdrop-filter:blur(14px);border:1px solid rgba(245,138,60,0.50);border-radius:14px;padding:14px 22px;color:#fff;font-weight:600;font-size:13px;box-shadow:0 30px 80px -20px rgba(0,0,0,0.6);opacity:0;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .25s;display:flex;align-items:center;gap:10px;pointer-events:none}
.toast.show{transform:translateX(-50%) translateY(0);opacity:1;pointer-events:auto}
.toast .ic{width:24px;height:24px;border-radius:50%;background:var(--orange-500);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:800}

.progress-wrap{height:3px;background:rgba(255,255,255,0.06);border-radius:2px;overflow:hidden;margin-top:8px}
.progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--orange-500),var(--orange-400));transition:width .35s ease}

/* ─── FOOTER ─── */
.footer{margin-top:64px;padding-top:32px;border-top:1px solid rgba(255,255,255,0.08);display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;font-size:12px;color:var(--slate-mid)}
.footer a{color:var(--slate-mid);text-decoration:none;margin-left:18px}
.footer a:hover{color:var(--orange-300)}

@media print {
  body{background:#fff !important;color:#000}
  .sticky-bar,.toast,.actions{display:none !important}
  .glass,.glass-orange,.closer{background:#f7f7f7 !important;border-color:#ddd !important;color:#000 !important}
  *{color:#000 !important}
}
/* ============================================================
   Noundesign — Audit shared v2 enhancements
   Floating TOC · scroll spy · mobile · soft email capture
   Append to audit-shared.css. No HTML changes required.
   ============================================================ */

/* ── FLOATING SECTION NAV (desktop = left, mobile = bottom sheet) ── */
.nd-toc {
  position: fixed;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 80;
  background: rgba(11,22,40,0.78);
  backdrop-filter: blur(18px) saturate(160%);
  -webkit-backdrop-filter: blur(18px) saturate(160%);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px;
  padding: 14px 10px;
  width: 200px;
  max-height: 70vh;
  overflow-y: auto;
  box-shadow: 0 10px 30px rgba(0,0,0,0.45);
}
.nd-toc__title {
  font-size: 9px; font-weight: 800; letter-spacing: 0.18em;
  color: var(--slate-deep); text-transform: uppercase;
  padding: 0 8px 8px; border-bottom: 1px solid rgba(255,255,255,0.08); margin-bottom: 6px;
}
.nd-toc__list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 2px; }
.nd-toc__item {
  display: flex; align-items: center; gap: 8px;
  padding: 7px 8px; border-radius: 8px; cursor: pointer;
  font-size: 12px; color: var(--slate-mid);
  text-decoration: none; transition: all .15s;
}
.nd-toc__item:hover { background: rgba(255,255,255,0.04); color: var(--slate-light); }
.nd-toc__item.is-active {
  background: rgba(245,138,60,0.10); color: #fff;
  border-left: 2px solid var(--orange-500); padding-left: 6px;
}
.nd-toc__num {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; font-weight: 700; color: var(--orange-500);
  min-width: 18px;
}
.nd-toc__label { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nd-toc__check {
  font-size: 10px; color: var(--orange-500); font-weight: 800;
  opacity: 0; transition: opacity .15s;
}
.nd-toc__item.is-complete .nd-toc__check { opacity: 1; }
.nd-toc__item.is-partial .nd-toc__check { opacity: 0.5; }
.nd-toc__close {
  display: none;
  background: transparent; border: 0; color: var(--slate-mid);
  font-size: 18px; cursor: pointer; padding: 4px 8px; margin-left: auto;
}

/* ── Mobile FAB to open TOC ── */
.nd-toc-fab {
  display: none;
  position: fixed;
  bottom: 20px; right: 20px;
  z-index: 81;
  width: 52px; height: 52px;
  border-radius: 50%;
  background: var(--orange-500); color: #fff;
  border: 0; cursor: pointer;
  box-shadow: 0 10px 26px rgba(245,138,60,0.45), 0 4px 10px rgba(0,0,0,0.35);
  font-size: 20px; font-weight: 800;
  align-items: center; justify-content: center;
}
.nd-toc-fab:active { transform: scale(0.96); }

/* ── Soft email-capture block (auto-injected at end) ── */
.nd-save-email {
  margin: 56px 0 32px;
  background: linear-gradient(135deg, rgba(245,138,60,0.10), rgba(245,138,60,0.03));
  border: 1px solid rgba(245,138,60,0.35);
  border-radius: 20px;
  padding: 28px;
}
.nd-save-email__eb {
  font-size: 10px; font-weight: 800; letter-spacing: 0.18em;
  color: var(--orange-500); text-transform: uppercase; margin-bottom: 10px;
}
.nd-save-email h3 {
  font-size: 24px; font-weight: 800; color: #fff; letter-spacing: -0.02em;
  margin-bottom: 8px;
}
.nd-save-email .sub {
  font-size: 14px; color: var(--slate-mid); margin-bottom: 20px; line-height: 1.55;
}
.nd-save-email__row { display: flex; gap: 10px; flex-wrap: wrap; }
.nd-save-email input[type="email"] {
  flex: 1; min-width: 220px;
  padding: 13px 16px; border: 1px solid rgba(255,255,255,0.12);
  background: rgba(11,22,40,0.5); border-radius: 12px;
  color: #fff; font-size: 15px; font-family: inherit; outline: none;
  transition: all .2s;
}
.nd-save-email input[type="email"]:focus {
  border-color: var(--orange-500); background: rgba(11,22,40,0.7);
}
.nd-save-email input[type="email"]::placeholder { color: var(--slate-deep); }
.nd-save-email button {
  padding: 13px 22px; background: var(--orange-500); color: #fff;
  border: 0; border-radius: 999px; font-size: 12px; font-weight: 800;
  letter-spacing: 0.10em; text-transform: uppercase; cursor: pointer;
  font-family: inherit; transition: background .15s; white-space: nowrap;
}
.nd-save-email button:hover { background: var(--orange-400); }
.nd-save-email button:disabled { opacity: 0.5; cursor: not-allowed; }
.nd-save-email__optin {
  margin-top: 12px; display: flex; align-items: flex-start; gap: 9px;
  font-size: 13px; color: var(--slate-light); cursor: pointer;
}
.nd-save-email__optin input { margin-top: 3px; accent-color: var(--orange-500); }
.nd-save-email__tiny {
  font-size: 11px; color: var(--slate-deep); margin-top: 12px; line-height: 1.5;
}
.nd-save-email__success {
  display: none; text-align: center; padding: 12px 0;
}
.nd-save-email__success.show { display: block; }
.nd-save-email__success h3 { color: #86E0A8; margin-bottom: 6px; }
.nd-save-email__error {
  display: none; margin-top: 10px; padding: 10px;
  background: rgba(255,80,80,0.08); border: 1px solid rgba(255,180,180,0.30);
  border-radius: 8px; font-size: 12px; color: #FFB4B4;
}
.nd-save-email__error.show { display: block; }

/* ── Mobile improvements ── */
@media (max-width: 1100px) {
  .nd-toc { display: none; }
  .nd-toc.is-open { display: block; left: 16px; right: 16px; width: auto; top: 80px; transform: none; max-height: 70vh; }
  .nd-toc.is-open .nd-toc__close { display: inline-flex; align-items: center; justify-content: center; }
  .nd-toc-fab { display: inline-flex; }
}

@media (max-width: 720px) {
  .sticky-bar .inner { flex-direction: column; gap: 8px; padding: 10px 14px !important; }
  .sticky-bar .right { display: flex; gap: 6px; flex-wrap: wrap; }
  .sticky-bar .btn { padding: 7px 11px; font-size: 11px; }
  .shell { padding: 24px 18px 96px; }
  .hero h1 { font-size: 38px; }
  .nd-save-email { padding: 22px; margin: 40px 0 24px; }
  .nd-save-email h3 { font-size: 20px; }
  .audit-sec h2 { font-size: 26px !important; }
  .item label { font-size: 13.5px !important; line-height: 1.5; }
  /* bigger touch targets */
  .item input[type=checkbox] { transform: scale(1.15); }
  .field-row { grid-template-columns: 1fr !important; }
}

/* tighter sticky bar on small screens */
@media (max-width: 480px) {
  .sticky-bar .left span:not(:first-child):not(:nth-child(2)) { display: none; }
  .sticky-bar .progress-wrap { display: none; }
}
/* ============================================================
   Noundesign — Audit shared v3 — WIZARD MODE
   One section at a time · big Next · final results screen
   Strips legacy clutter (howto, cost summary, two-paths)
   ============================================================ */

/* ── Strip legacy V1 blocks that hurt completion ── */
.howto,
#sec-cost,
#sec-next,
.closer { display: none !important; }

/* ── Hide V2 floating TOC in wizard mode (replaced by wizard nav) ── */
.nd-toc,
.nd-toc-fab { display: none !important; }

/* ── Wizard top progress bar (replaces sticky-bar progress) ── */
.nd-wiz-top {
  position: sticky;
  top: 0;
  z-index: 70;
  background: rgba(11,22,40,0.92);
  backdrop-filter: blur(18px) saturate(160%);
  -webkit-backdrop-filter: blur(18px) saturate(160%);
  border-bottom: 1px solid rgba(255,255,255,0.08);
  padding: 14px 24px;
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 0 -28px 28px;
}
.nd-wiz-top__steps { display: flex; gap: 6px; flex: 1; }
.nd-wiz-top__step {
  flex: 1; height: 5px; background: rgba(255,255,255,0.06);
  border-radius: 999px; transition: background .25s;
}
.nd-wiz-top__step.is-active { background: var(--orange-500); }
.nd-wiz-top__step.is-done { background: rgba(245,138,60,0.45); }
.nd-wiz-top__label {
  font-size: 11px; font-weight: 700; color: var(--slate-mid);
  font-family: 'JetBrains Mono', monospace; letter-spacing: 0.02em;
  white-space: nowrap;
}

/* ── Section visibility (wizard mode) ── */
.audit-sec { display: none; }
.audit-sec.is-current { display: block; animation: ndFadeIn .35s ease-out; }
@keyframes ndFadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── Strip section's field-row (cost + action inputs) for max simplicity ── */
.audit-sec .field-row,
.audit-sec .redflag { display: none !important; }

/* ── Bigger, cleaner section headers in wizard ── */
.audit-sec { padding: 0 !important; margin: 0 0 24px !important; background: transparent !important; border: 0 !important; }
.audit-sec h2 { font-size: 38px !important; line-height: 1.1; letter-spacing: -0.025em; margin-bottom: 8px !important; }
.audit-sec .meta { margin-bottom: 14px !important; }
.audit-sec .intro { font-size: 15px; color: var(--slate-light); line-height: 1.6; margin-bottom: 24px; max-width: 640px; }
.audit-sec .glass.checklist {
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 22px 22px 18px;
}
.audit-sec .glass.checklist .head { display: none !important; }
.audit-sec .item {
  display: flex; align-items: flex-start; gap: 12px;
  padding: 12px 14px; border-radius: 10px;
  transition: background .15s; cursor: pointer;
  margin: 0;
}
.audit-sec .item:hover { background: rgba(255,255,255,0.03); }
.audit-sec .item input[type=checkbox] {
  appearance: none; -webkit-appearance: none;
  width: 22px; height: 22px;
  border: 2px solid rgba(255,255,255,0.18);
  border-radius: 6px; flex-shrink: 0; cursor: pointer;
  position: relative; margin-top: 1px;
  transition: all .15s; background: rgba(0,0,0,0.20);
}
.audit-sec .item input[type=checkbox]:checked {
  background: var(--orange-500); border-color: var(--orange-500);
}
.audit-sec .item input[type=checkbox]:checked::after {
  content: ''; position: absolute; left: 6px; top: 2px;
  width: 6px; height: 11px; border: solid #fff;
  border-width: 0 2.5px 2.5px 0; transform: rotate(45deg);
}
.audit-sec .item label {
  cursor: pointer; font-size: 15px; line-height: 1.5;
  color: var(--slate-light); flex: 1;
}
.audit-sec .item:has(input:checked) { background: rgba(245,138,60,0.06); }
.audit-sec .item:has(input:checked) label { color: #fff; font-weight: 600; }

/* ── Wizard nav buttons ── */
.nd-wiz-nav {
  display: flex; justify-content: space-between; align-items: center;
  margin-top: 32px; gap: 12px; flex-wrap: wrap;
}
.nd-wiz-btn {
  padding: 14px 28px; border-radius: 999px;
  font-size: 12px; font-weight: 800; letter-spacing: 0.10em;
  text-transform: uppercase; cursor: pointer;
  font-family: inherit; transition: all .15s;
  border: 1px solid transparent;
  display: inline-flex; align-items: center; gap: 8px;
}
.nd-wiz-btn--next {
  background: var(--orange-500); color: #fff; border-color: var(--orange-500);
  box-shadow: 0 6px 18px rgba(245,138,60,0.30);
}
.nd-wiz-btn--next:hover { background: var(--orange-400); border-color: var(--orange-400); }
.nd-wiz-btn--prev {
  background: transparent; color: var(--slate-mid);
  border-color: rgba(255,255,255,0.12);
}
.nd-wiz-btn--prev:hover { color: var(--slate-light); border-color: rgba(255,255,255,0.20); }
.nd-wiz-btn--skip {
  background: transparent; color: var(--slate-deep);
  border: 0; font-weight: 600; letter-spacing: 0.04em;
  text-transform: none;
}
.nd-wiz-btn--skip:hover { color: var(--slate-mid); }
.nd-wiz-tally {
  font-size: 11px; color: var(--slate-deep); font-weight: 600;
  font-family: 'JetBrains Mono', monospace;
}

/* ── Results screen ── */
.nd-results { display: none; }
.nd-results.is-current { display: block; animation: ndFadeIn .4s ease-out; }
.nd-results__score {
  text-align: center; padding: 40px 20px 28px;
  background: linear-gradient(135deg, rgba(245,138,60,0.12), rgba(245,138,60,0.04));
  border: 1px solid rgba(245,138,60,0.30);
  border-radius: 20px; margin-bottom: 32px;
}
.nd-results__score-num {
  font-size: 88px; font-weight: 800; line-height: 1;
  letter-spacing: -0.04em; color: var(--orange-500);
  font-family: 'JetBrains Mono', monospace;
}
.nd-results__score-num .of {
  font-size: 32px; color: var(--slate-mid); margin-left: 4px;
}
.nd-results__score-label {
  font-size: 13px; color: var(--slate-mid); margin-top: 10px;
  text-transform: uppercase; letter-spacing: 0.14em; font-weight: 700;
}
.nd-results__verdict {
  font-size: 26px; font-weight: 800; color: #fff; margin-top: 18px;
  letter-spacing: -0.02em;
}
.nd-results__verdict-sub {
  font-size: 15px; color: var(--slate-light); margin-top: 6px;
  max-width: 460px; margin-left: auto; margin-right: auto; line-height: 1.55;
}
.nd-results__top {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px; padding: 24px; margin-bottom: 32px;
}
.nd-results__top h3 {
  font-size: 11px; font-weight: 800; letter-spacing: 0.18em;
  color: var(--slate-deep); text-transform: uppercase; margin-bottom: 14px;
}
.nd-results__top ul { list-style: none; padding: 0; margin: 0; }
.nd-results__top li {
  display: flex; gap: 10px; padding: 10px 0; font-size: 14.5px;
  color: var(--slate-light); border-top: 1px dashed rgba(255,255,255,0.06);
}
.nd-results__top li:first-child { border-top: 0; padding-top: 0; }
.nd-results__top li .n {
  font-family: 'JetBrains Mono', monospace; font-size: 11px;
  color: var(--orange-500); font-weight: 700; flex-shrink: 0;
  background: rgba(245,138,60,0.10); padding: 2px 7px;
  border-radius: 4px; height: 22px; line-height: 18px;
}

/* ── Hide the old sticky-bar in wizard mode (we have wiz-top) ── */
.sticky-bar { display: none !important; }

/* ── Mobile ── */
@media (max-width: 720px) {
  .nd-wiz-top { margin: 0 -18px 22px; padding: 12px 18px; }
  .audit-sec h2 { font-size: 28px !important; }
  .audit-sec .item label { font-size: 14px; }
  .nd-wiz-btn { padding: 12px 20px; font-size: 11px; }
  .nd-results__score-num { font-size: 64px; }
  .nd-results__score-num .of { font-size: 24px; }
  .nd-results__verdict { font-size: 22px; }
}
/* ============================================================
   Noundesign — Audit shared v4 — ACCORDION mode + DUAL CTA
   Overrides v3 wizard. All sections visible as collapsibles.
   ============================================================ */

/* ── REVERT v3 wizard hides — all sections visible again ── */
.audit-sec { display: block !important; }
.audit-sec.is-current { display: block !important; }

/* ── Hide wizard top bar (we use the original sticky-bar instead) ── */
.nd-wiz-top { display: none !important; }
.sticky-bar { display: flex !important; }

/* ── Hide wizard navigation buttons (we use accordion instead) ── */
.nd-wiz-nav { display: none !important; }

/* ── Hide v3 results screen ── */
.nd-results { display: none !important; }

/* ── ACCORDION SECTION ── */
.audit-sec {
  background: rgba(255,255,255,0.02) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 14px !important;
  margin-bottom: 12px !important;
  padding: 0 !important;
  overflow: hidden;
  transition: all .2s ease;
}
.audit-sec.is-open {
  border-color: rgba(245,138,60,0.40) !important;
  background: linear-gradient(180deg, rgba(245,138,60,0.04), rgba(255,255,255,0.02)) !important;
}

/* ── Section header (the clickable accordion trigger) ── */
.audit-sec__header {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 22px;
  cursor: pointer;
  user-select: none;
  transition: background .15s;
}
.audit-sec__header:hover { background: rgba(255,255,255,0.02); }
.audit-sec__header-num {
  font-family: 'JetBrains Mono', monospace;
  font-size: 13px;
  font-weight: 700;
  color: var(--orange-500);
  width: 28px;
  flex-shrink: 0;
}
.audit-sec__header-title {
  flex: 1;
  font-size: 17px;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.01em;
}
.audit-sec__header-tally {
  font-size: 11px;
  color: var(--slate-mid);
  font-family: 'JetBrains Mono', monospace;
  padding: 3px 8px;
  border-radius: 999px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.06);
}
.audit-sec.is-complete .audit-sec__header-tally {
  background: rgba(80,200,120,0.10);
  color: #86E0A8;
  border-color: rgba(80,200,120,0.30);
}
.audit-sec__header-chevron {
  font-size: 12px;
  color: var(--slate-mid);
  transition: transform .25s ease;
  display: inline-block;
  width: 16px;
  text-align: center;
}
.audit-sec.is-open .audit-sec__header-chevron { transform: rotate(180deg); color: var(--orange-500); }

/* ── Section body (collapses) ── */
.audit-sec__body {
  max-height: 0;
  overflow: hidden;
  transition: max-height .35s ease, padding .25s ease;
  padding: 0 22px;
}
.audit-sec.is-open .audit-sec__body {
  max-height: 2000px;
  padding: 0 22px 22px;
}

/* ── Hide the auto-rendered meta/h2/rule that's redundant with header ── */
.audit-sec .meta,
.audit-sec h2,
.audit-sec .rule-orange { display: none !important; }
.audit-sec .intro {
  font-size: 14px;
  color: var(--slate-light);
  line-height: 1.55;
  margin: 4px 0 16px;
  max-width: 580px;
}

/* ── Checklist items inside accordion ── */
.audit-sec .glass.checklist {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0;
}
.audit-sec .glass.checklist .head { display: none !important; }
.audit-sec .item {
  display: flex; align-items: flex-start; gap: 12px;
  padding: 10px 14px;
  border-radius: 9px;
  cursor: pointer;
  transition: background .15s;
  margin: 0 0 2px;
}
.audit-sec .item:hover { background: rgba(255,255,255,0.03); }
.audit-sec .item:has(input:checked) { background: rgba(245,138,60,0.05); }
.audit-sec .item input[type=checkbox] {
  appearance: none; -webkit-appearance: none;
  width: 20px; height: 20px;
  border: 2px solid rgba(255,255,255,0.18);
  border-radius: 5px;
  flex-shrink: 0;
  cursor: pointer;
  position: relative;
  margin-top: 1px;
  transition: all .15s;
  background: rgba(0,0,0,0.20);
}
.audit-sec .item input[type=checkbox]:checked {
  background: var(--orange-500);
  border-color: var(--orange-500);
}
.audit-sec .item input[type=checkbox]:checked::after {
  content: ''; position: absolute; left: 5px; top: 1px;
  width: 5px; height: 10px; border: solid #fff;
  border-width: 0 2.5px 2.5px 0; transform: rotate(45deg);
}
.audit-sec .item label {
  cursor: pointer; font-size: 14.5px; line-height: 1.5;
  color: var(--slate-light); flex: 1;
}
.audit-sec .item:has(input:checked) label { color: #fff; font-weight: 600; }

/* ── DUAL CTA at end ── */
.nd-ctas {
  margin: 56px 0 32px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.nd-cta {
  background: rgba(255,255,255,0.02);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 18px;
  padding: 28px;
  display: flex;
  flex-direction: column;
}
.nd-cta--primary {
  background: linear-gradient(135deg, rgba(245,138,60,0.12), rgba(245,138,60,0.03));
  border-color: rgba(245,138,60,0.35);
}
.nd-cta--secondary {
  background: linear-gradient(135deg, rgba(80,200,120,0.10), rgba(80,200,120,0.03));
  border-color: rgba(80,200,120,0.30);
}
.nd-cta__eb {
  font-size: 10px; font-weight: 800; letter-spacing: 0.18em;
  text-transform: uppercase; margin-bottom: 10px;
}
.nd-cta--primary .nd-cta__eb { color: var(--orange-500); }
.nd-cta--secondary .nd-cta__eb { color: #86E0A8; }
.nd-cta h3 {
  font-size: 22px; font-weight: 800; color: #fff;
  letter-spacing: -0.02em; margin-bottom: 8px;
  line-height: 1.2;
}
.nd-cta .sub {
  font-size: 13.5px; color: var(--slate-mid);
  margin-bottom: 20px; line-height: 1.55; flex: 1;
}
.nd-cta input[type="email"],
.nd-cta input[type="text"] {
  width: 100%; padding: 12px 14px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(11,22,40,0.5); border-radius: 10px;
  color: #fff; font-size: 14px;
  font-family: inherit; outline: none;
  transition: all .2s;
  margin-bottom: 10px;
}
.nd-cta input[type="email"]:focus,
.nd-cta input[type="text"]:focus {
  border-color: var(--orange-500);
  background: rgba(11,22,40,0.7);
}
.nd-cta input::placeholder { color: var(--slate-deep); }
.nd-cta button {
  width: 100%;
  padding: 13px 22px;
  color: #fff;
  border: 0;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  cursor: pointer;
  font-family: inherit;
  transition: all .15s;
}
.nd-cta--primary button { background: var(--orange-500); }
.nd-cta--primary button:hover { background: var(--orange-400); }
.nd-cta--secondary button { background: #16A34A; }
.nd-cta--secondary button:hover { background: #15803D; }
.nd-cta button:disabled { opacity: 0.5; cursor: not-allowed; }
.nd-cta__optin {
  display: flex; align-items: flex-start; gap: 8px;
  margin-bottom: 12px; font-size: 12px;
  color: var(--slate-light); cursor: pointer;
}
.nd-cta__optin input { margin-top: 2px; accent-color: var(--orange-500); flex-shrink: 0; }
.nd-cta__tiny {
  font-size: 11px; color: var(--slate-deep);
  margin-top: 10px; line-height: 1.5;
}
.nd-cta__error {
  display: none; margin-top: 10px; padding: 8px 10px;
  background: rgba(255,80,80,0.08); border: 1px solid rgba(255,180,180,0.30);
  border-radius: 6px; font-size: 12px; color: #FFB4B4;
}
.nd-cta__error.show { display: block; }
.nd-cta__success {
  display: none; text-align: center; padding: 12px 0;
}
.nd-cta__success.show { display: block; }
.nd-cta__success h4 { color: #86E0A8; font-size: 18px; margin-bottom: 6px; font-weight: 800; }
.nd-cta__success p { font-size: 13px; color: var(--slate-light); line-height: 1.55; }

/* ── Mobile ── */
@media (max-width: 720px) {
  .nd-ctas { grid-template-columns: 1fr; }
  .audit-sec__header { padding: 16px 18px; }
  .audit-sec__header-title { font-size: 15.5px; }
  .audit-sec.is-open .audit-sec__body { padding: 0 18px 18px; }
}
/* ============================================================
   Noundesign — Audit shared v5 — UNIFIED CTA
   Replaces v4 dual-CTA with single combined card.
   ============================================================ */

/* Hide v4 dual CTA grid */
.nd-ctas { display: none !important; }

/* ── Single unified CTA card ── */
.nd-cta-one {
  margin: 56px 0 32px;
  background: linear-gradient(135deg, rgba(245,138,60,0.10), rgba(245,138,60,0.02));
  border: 1px solid rgba(245,138,60,0.35);
  border-radius: 20px;
  padding: 32px;
}
.nd-cta-one__eb {
  font-size: 10px; font-weight: 800; letter-spacing: 0.20em;
  color: var(--orange-500); text-transform: uppercase; margin-bottom: 12px;
}
.nd-cta-one h3 {
  font-size: 28px; font-weight: 800; color: #fff;
  letter-spacing: -0.025em; margin-bottom: 10px;
  line-height: 1.15;
}
.nd-cta-one .sub {
  font-size: 14px; color: var(--slate-mid);
  margin-bottom: 24px; line-height: 1.55; max-width: 580px;
}
.nd-cta-one__grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 10px;
  margin-bottom: 18px;
}
.nd-cta-one input[type="email"],
.nd-cta-one input[type="text"] {
  width: 100%; padding: 13px 15px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(11,22,40,0.5); border-radius: 11px;
  color: #fff; font-size: 14.5px;
  font-family: inherit; outline: none;
  transition: all .2s;
}
.nd-cta-one input[type="email"]:focus,
.nd-cta-one input[type="text"]:focus {
  border-color: var(--orange-500);
  background: rgba(11,22,40,0.7);
}
.nd-cta-one input::placeholder { color: var(--slate-deep); }

/* ── Option pills (checkbox cards) ── */
.nd-cta-one__opts {
  display: flex; flex-direction: column; gap: 8px;
  margin-bottom: 22px;
}
.nd-cta-one__opt {
  display: flex; align-items: flex-start; gap: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.02);
  border-radius: 11px;
  cursor: pointer;
  transition: all .15s;
}
.nd-cta-one__opt:hover { background: rgba(255,255,255,0.04); border-color: rgba(255,255,255,0.16); }
.nd-cta-one__opt input { display: none; }
.nd-cta-one__opt .nd-cta-one__opt-box {
  width: 20px; height: 20px;
  border: 2px solid rgba(255,255,255,0.20);
  border-radius: 5px;
  flex-shrink: 0;
  position: relative;
  transition: all .15s;
  background: rgba(0,0,0,0.20);
  margin-top: 1px;
}
.nd-cta-one__opt input:checked + .nd-cta-one__opt-box {
  background: var(--orange-500);
  border-color: var(--orange-500);
}
.nd-cta-one__opt input:checked + .nd-cta-one__opt-box::after {
  content: ''; position: absolute; left: 5px; top: 1px;
  width: 5px; height: 10px; border: solid #fff;
  border-width: 0 2.5px 2.5px 0; transform: rotate(45deg);
}
.nd-cta-one__opt-text { flex: 1; }
.nd-cta-one__opt-title {
  font-size: 14px; font-weight: 700; color: #fff;
  margin-bottom: 2px; display: block;
}
.nd-cta-one__opt-sub {
  font-size: 12px; color: var(--slate-mid); line-height: 1.45;
}
.nd-cta-one__opt:has(input:checked) {
  background: rgba(245,138,60,0.06);
  border-color: rgba(245,138,60,0.30);
}
.nd-cta-one__opt:has(input:checked) .nd-cta-one__opt-sub { color: var(--slate-light); }

/* ── Submit button ── */
.nd-cta-one button[type="submit"] {
  width: 100%;
  padding: 16px 24px;
  background: var(--orange-500);
  color: #fff; border: 0;
  border-radius: 999px;
  font-size: 13px; font-weight: 800;
  letter-spacing: 0.12em; text-transform: uppercase;
  cursor: pointer; font-family: inherit;
  transition: all .15s;
  box-shadow: 0 8px 22px rgba(245,138,60,0.30);
}
.nd-cta-one button[type="submit"]:hover { background: var(--orange-400); }
.nd-cta-one button[type="submit"]:disabled { opacity: 0.5; cursor: not-allowed; box-shadow: none; }
.nd-cta-one__tiny {
  font-size: 11px; color: var(--slate-deep);
  margin-top: 14px; line-height: 1.5; text-align: center;
}
.nd-cta-one__error {
  display: none; margin-top: 14px; padding: 10px 12px;
  background: rgba(255,80,80,0.08);
  border: 1px solid rgba(255,180,180,0.30);
  border-radius: 9px; font-size: 12px; color: #FFB4B4;
}
.nd-cta-one__error.show { display: block; }
.nd-cta-one__success {
  display: none; text-align: center; padding: 18px 0;
}
.nd-cta-one__success.show { display: block; }
.nd-cta-one__success h4 {
  color: #86E0A8; font-size: 22px; margin-bottom: 8px;
  font-weight: 800; letter-spacing: -0.015em;
}
.nd-cta-one__success p {
  font-size: 14px; color: var(--slate-light);
  line-height: 1.55; max-width: 460px; margin: 0 auto 8px;
}
.nd-cta-one__success .badges {
  display: flex; gap: 8px; justify-content: center; flex-wrap: wrap;
  margin-top: 14px;
}
.nd-cta-one__success .badge {
  font-size: 11px; font-weight: 700; padding: 5px 11px;
  border-radius: 999px; background: rgba(80,200,120,0.10);
  color: #86E0A8; border: 1px solid rgba(80,200,120,0.30);
}

@media (max-width: 720px) {
  .nd-cta-one { padding: 24px; }
  .nd-cta-one__grid { grid-template-columns: 1fr; }
  .nd-cta-one h3 { font-size: 22px; }
}
/* ============================================================
   Noundesign — Audit shared v6 — Refined sticky bar
   No Print. Better CTA. Cleaner layout.
   ============================================================ */

/* ── Hide legacy Print + Download buttons everywhere ── */
#print-btn,
#download-pdf,
#download-pdf-2 { display: none !important; }

/* ── Refined sticky bar layout ── */
.sticky-bar {
  background: rgba(11,22,40,0.78) !important;
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  box-shadow: 0 4px 18px rgba(0,0,0,0.25);
}
.sticky-bar .inner {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 12px 24px !important;
}
.sticky-bar .left {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex: 1 !important;
  min-width: 0;
}
.sticky-bar .left .dot {
  width: 7px !important;
  height: 7px !important;
  background: var(--orange-500) !important;
  box-shadow: 0 0 8px rgba(245,138,60,0.55) !important;
  animation: ndPulseOrange 2s ease-in-out infinite;
}
@keyframes ndPulseOrange {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}
.sticky-bar .left > span:not(.dot) {
  font-size: 12px !important;
  color: var(--slate-light) !important;
  font-weight: 600;
}
.sticky-bar .left strong#progress-pct {
  color: var(--orange-500) !important;
  font-family: 'JetBrains Mono', monospace;
  font-weight: 700;
}
.sticky-bar .left .progress-wrap {
  width: 220px !important;
  height: 6px !important;
  background: rgba(255,255,255,0.06) !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  border: 0 !important;
}
.sticky-bar .left .progress-bar {
  height: 100% !important;
  background: linear-gradient(90deg, var(--orange-500), var(--orange-400)) !important;
  transition: width .35s ease !important;
  box-shadow: 0 0 12px rgba(245,138,60,0.40);
  border-radius: 999px;
}
.sticky-bar .right {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-shrink: 0;
}

/* ── Primary CTA in sticky bar ── */
.nd-sticky-cta {
  background: var(--orange-500);
  color: #fff !important;
  border: 0;
  padding: 9px 18px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  cursor: pointer;
  font-family: inherit;
  transition: all .15s;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  box-shadow: 0 4px 14px rgba(245,138,60,0.30);
}
.nd-sticky-cta:hover {
  background: var(--orange-400);
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(245,138,60,0.40);
}
.nd-sticky-cta__arrow {
  font-size: 14px;
  font-weight: 700;
  margin-left: 2px;
}

/* ── Refined Reset button (ghost) ── */
#reset-btn {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  color: var(--slate-mid) !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase;
  cursor: pointer !important;
  font-family: inherit !important;
  transition: all .15s !important;
}
#reset-btn:hover {
  border-color: rgba(255,180,180,0.30) !important;
  color: #FFB4B4 !important;
}

/* ── Mobile ── */
@media (max-width: 720px) {
  .sticky-bar .inner { padding: 10px 16px !important; gap: 10px !important; }
  .sticky-bar .left { gap: 8px !important; }
  .sticky-bar .left .progress-wrap { width: 100px !important; }
  .nd-sticky-cta { padding: 8px 14px; font-size: 10px; }
  .nd-sticky-cta__arrow { display: none; }
  #reset-btn { padding: 7px 11px !important; font-size: 10px !important; }
}
@media (max-width: 480px) {
  .sticky-bar .left .progress-wrap { display: none !important; }
  .sticky-bar .left > span:not(.dot):not(:first-of-type) { display: none !important; }
}

/* ── v7 — smaller sticky CTA ── */
.nd-sticky-cta {
  padding: 6px 12px !important;
  font-size: 10px !important;
  letter-spacing: 0.06em !important;
  box-shadow: 0 3px 10px rgba(245,138,60,0.25) !important;
}
.nd-sticky-cta:hover { box-shadow: 0 4px 12px rgba(245,138,60,0.35) !important; }
.nd-sticky-cta__arrow { font-size: 12px !important; margin-left: 4px !important; }
#reset-btn {
  padding: 6px 11px !important;
  font-size: 10px !important;
  letter-spacing: 0.04em !important;
}
@media (max-width: 720px){
  .nd-sticky-cta { padding: 5px 10px !important; font-size: 9.5px !important; }
  #reset-btn { padding: 5px 9px !important; font-size: 9.5px !important; }
}

/* ── v9 — Hire Expert Team CTA in sticky bar ── */
.nd-hire-cta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px !important;
  background: transparent;
  color: #FFC58E !important;
  border: 1px solid rgba(245,138,60,0.40);
  border-radius: 999px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
  font-family: inherit;
  text-decoration: none;
  transition: all .15s;
  white-space: nowrap;
}
.nd-hire-cta:hover {
  background: rgba(245,138,60,0.10);
  color: #fff !important;
  border-color: rgba(245,138,60,0.70);
  transform: translateY(-1px);
}
.nd-hire-cta__price {
  font-family: "JetBrains Mono", monospace;
  font-size: 10px;
  letter-spacing: 0;
  color: var(--orange-300);
}
@media (max-width: 720px) {
  .nd-hire-cta { padding: 5px 10px !important; font-size: 9.5px !important; }
  .nd-hire-cta__price { display: none; }
}

/* ── v10 — rename to "Hire Expert For Audit" + hide Reset ── */
#reset-btn { display: none !important; }