.vbots-quiz-wrap *, .vbots-quiz-wrap *::before, .vbots-quiz-wrap *::after {margin: 0; padding: 0; box-sizing: border-box;}
.vbots-quiz-wrap {/* ── plugin design tokens ── */
  --bg: #ffffff;
  --bg2: #f5f7fa;
  --bg3: #22314B;
  --border: #e2e8f0;
  --border2: #cbd5e1;
  --blue: #2362BF;
  --blue2: #1a4fa8;
  --blue-light: #e8f0fb;
  --blue-glow: rgba(35,98,191,0.12);
  --blue-bg: #e8f0fb;
  --text: #22314B;
  --text2: #4a5a72;
  --text3: #8596ad;
  --white: #ffffff;
  --heading: #22314B;
  /* tier colors kept unchanged for the readiness orbit + signal chart (sections 1 & 2) */
  --green: #10b981;
  --green-bg: rgba(16,185,129,0.12);
  --amber: #f59e0b;
  --amber-bg: rgba(245,158,11,0.14);
  --red: #ef4444;
  --red-bg: rgba(239,68,68,0.13);
  --card: #ffffff;}
.vbots-quiz-wrap {scroll-behavior: smooth;}
.vbots-quiz-wrap {font-family:'Inter',sans-serif;
  background:#ffffff;
  background-image: linear-gradient(180deg, #E5F7FF 0%, #FFFFFF 30%);
  background-attachment: fixed;
  color:var(--text); overflow-x:hidden; -webkit-font-smoothing:antialiased;}
.vbots-quiz-wrap .hero {position:relative; z-index:1; text-align:left;
  padding:64px 40px 40px; max-width:1120px; margin:0 auto;}
.vbots-quiz-wrap .sta-logo-wrapper {margin-bottom:18px;}
.vbots-quiz-wrap .sta-logo-wrapper img {max-width:230px; height:auto; display:block;}
.vbots-quiz-wrap .hero h1 {font-family:'Manrope',sans-serif; font-size:clamp(2rem,4.4vw,3rem); font-weight:800; line-height:1.1; letter-spacing:-0.035em; color:var(--heading); margin-bottom:16px;}
.vbots-quiz-wrap .hero h1 em {font-style:normal; color:var(--blue);}
.vbots-quiz-wrap .hero-sub {font-size:clamp(1rem,1.6vw,1.12rem); line-height:1.7; color:var(--text2); font-weight:500; max-width:620px;}
.vbots-quiz-wrap .prog-wrap {margin:0;}
.vbots-quiz-wrap .prog-top {display:flex; align-items:center; justify-content:space-between; gap:11px;}
.vbots-quiz-wrap .prog-track {flex:1; height:10px; background:var(--border); border-radius:100px; overflow:hidden; margin:8px 0;}
.vbots-quiz-wrap .prog-fill {height:100%; background:var(--blue); border-radius:100px; width:0%; transition:width 0.4s cubic-bezier(0.4,0,0.2,1);}
.vbots-quiz-wrap .prog-txt {font-size:0.95rem; font-weight:600; color:var(--text); white-space:nowrap; min-width:48px;}
.vbots-quiz-wrap .prog-txt.r {text-align:right;}
.vbots-quiz-wrap .progress-message {margin-top:12px; font-size:1rem; font-weight:600; color:var(--blue2); min-height:22px;}
.vbots-quiz-wrap .quiz-wrapper {position:relative; z-index:1; display:flex; gap:40px; max-width:1120px; margin:0 auto; padding:0 40px 80px; align-items:flex-start;}
.vbots-quiz-wrap .quiz-inner {flex:1.5; min-width:0;}
.vbots-quiz-wrap .quiz-side {flex:0.62; min-width:0; position:sticky; top:36px;}
.vbots-quiz-wrap .qcard {display:none; animation:fadeUp 0.32s cubic-bezier(0.4,0,0.2,1);}
.vbots-quiz-wrap .qcard.on {display:block;}
@keyframes fadeUp {from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.vbots-quiz-wrap .qnum {font-size:1rem; font-weight:600; color:var(--blue); margin-bottom:12px; display:flex; align-items:center; gap:9px;}
.vbots-quiz-wrap .qnum::after {content:''; flex:1; height:1px; background:var(--border);}
.vbots-quiz-wrap .qtxt {font-family:'Manrope',sans-serif; font-size:clamp(1.05rem,2.2vw,1.3rem); font-weight:800; line-height:1.38; letter-spacing:-0.02em; color:var(--heading); margin-bottom:22px;}
.vbots-quiz-wrap .opts {display:flex; flex-direction:column; gap:8px; margin-bottom:28px;}
.vbots-quiz-wrap .opt {display:flex; align-items:flex-start; gap:12px; padding:14px 18px;
  background:#fff; border:1.5px solid var(--border); border-radius:8px;
  cursor:pointer; transition:border-color 0.15s,background 0.15s,box-shadow 0.15s;
  text-align:left; font-family:'Inter',sans-serif; font-size:0.97rem;
  font-weight:400; line-height:1.55; color:var(--text); width:100%;
  box-shadow:0 1px 2px rgba(34,49,75,0.04);}
.vbots-quiz-wrap .opt:hover {border-color:var(--blue); background:var(--blue-light); box-shadow:0 2px 8px var(--blue-glow);}
.vbots-quiz-wrap .opt.sel {border-color:var(--blue); background:var(--blue-light); color:var(--heading);}
.vbots-quiz-wrap .opt.sel .radio {background:var(--blue); border-color:var(--blue);}
.vbots-quiz-wrap .opt.sel .radio::after {content:''; width:6px; height:6px; background:#fff; border-radius:50%; display:block;}
.vbots-quiz-wrap .radio {width:17px; height:17px; min-width:17px; border-radius:50%; border:1.5px solid var(--border2); margin-top:2px; display:flex; align-items:center; justify-content:center; transition:all 0.15s; flex-shrink:0;}
.vbots-quiz-wrap .qfoot {display:flex; justify-content:space-between; align-items:center; padding-top:20px; border-top:1px solid var(--border);}
.vbots-quiz-wrap .btn-back {background:none; border:1.5px solid var(--border2); color:var(--text3); padding:9px 18px; border-radius:6px; font-family:'Inter',sans-serif; font-size:0.92rem; font-weight:500; cursor:pointer; transition:all 0.15s;}
.vbots-quiz-wrap .btn-back:hover {border-color:var(--text2); color:var(--text);}
.vbots-quiz-wrap .btn-next {background:var(--blue); color:var(--white); border:none; padding:10px 26px; border-radius:6px; font-family:'Inter',sans-serif; font-size:0.92rem; font-weight:600; cursor:pointer; display:flex; align-items:center; gap:6px; transition:all 0.15s;}
.vbots-quiz-wrap .btn-next:hover:not(:disabled) {background:var(--blue2); transform:translateY(-1px);}
.vbots-quiz-wrap .btn-next:disabled {opacity:0.3; cursor:not-allowed;}
.vbots-quiz-wrap .arr {display:inline-block; transition:transform 0.15s;}
.vbots-quiz-wrap .btn-next:hover:not(:disabled) .arr {transform:translateX(3px);}
.vbots-quiz-wrap .toast {position:relative; margin-top:16px;
  background:var(--blue); color:#fff;
  padding:50px 24px 24px 30px; border-radius:10px;
  font-size:1rem; font-weight:400; font-style:italic; line-height:1.55;
  opacity:0; transform:translateY(8px);
  transition:opacity 0.3s ease, transform 0.3s ease;
  box-shadow:0 8px 24px rgba(35,98,191,0.25);
  min-height:120px; display:flex; align-items:center;}
.vbots-quiz-wrap .toast::before {content:"\201C"; position:absolute; top:8px; left:24px;
  font-family:Georgia,serif; font-size:90px; line-height:1; color:rgba(255,255,255,0.28);
  pointer-events:none;}
.vbots-quiz-wrap .toast.show {opacity:1; transform:translateY(0);}
.vbots-quiz-wrap #toast-msg {position:relative; z-index:1;}
.vbots-quiz-wrap .toast-pdf {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%);
  width:min(340px,80%); text-align:center;
  background:var(--blue); color:#fff;
  padding:18px 26px; border-radius:12px;
  font-size:0.95rem; font-weight:600; font-style:normal;
  z-index:999999999; opacity:0; pointer-events:none;
  transition:opacity 0.3s ease;
  box-shadow:0 12px 40px rgba(35,98,191,0.35);}
.vbots-quiz-wrap .toast-pdf.show {opacity:1;}
body.body-overlay::after {content:''; position:fixed; inset:0;
  background:rgba(34,49,75,0.65); backdrop-filter:blur(4px);
  z-index:99998;}
.vbots-quiz-wrap #results {display:none; position:relative; z-index:1; animation:fadeUp 0.5s ease;}
.vbots-quiz-wrap .res-section {padding:76px 52px; max-width:1120px; margin:0 auto;}
.vbots-quiz-wrap .res-section.alt {max-width:100%;}
.vbots-quiz-wrap .res-section.alt .inner {max-width:1120px; margin:0 auto;}
.vbots-quiz-wrap .sec-eyebrow {font-size:1.05rem; font-weight:500; letter-spacing:0; text-transform:none; color:var(--blue); margin-bottom:8px;}
.vbots-quiz-wrap .sec-title {font-family:'Manrope',sans-serif; font-size:clamp(1.5rem,3vw,2.1rem); font-weight:800; letter-spacing:-0.03em; color:var(--heading); margin-bottom:8px; line-height:1.18;}
.vbots-quiz-wrap .sec-title em {font-style:normal; color:var(--blue);}
.vbots-quiz-wrap .sec-sub {font-size:1rem; color:var(--text2); max-width:640px; line-height:1.75; margin-bottom:44px;}
.vbots-quiz-wrap .sec-divider {height:1px; background:var(--border);}
.vbots-quiz-wrap .orbit-layout {display:grid; grid-template-columns:1.05fr 1fr; gap:36px; align-items:stretch;}
.vbots-quiz-wrap .orbit-visual {background:var(--card); border:1px solid var(--border); border-radius:18px;
  padding:30px; box-shadow:0 4px 24px rgba(34,49,75,0.05);
  display:flex; align-items:center; justify-content:center;
  position:relative; overflow:hidden;}
.vbots-quiz-wrap .orbit-visual::before {content:''; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(circle at 50% 50%, var(--blue-bg) 0%, transparent 62%);
  opacity:0.7;}
.vbots-quiz-wrap .orbit-svg {width:100%; max-width:430px; height:auto; display:block; position:relative; z-index:1;}
.vbots-quiz-wrap .orbit-ring {fill:none; stroke:rgba(34,49,75,0.14); stroke-width:1.25;
  opacity:0; transition:stroke 0.5s ease, stroke-width 0.5s ease;}
.vbots-quiz-wrap .orbit-ring.in {animation:ringIn 0.7s ease forwards;}
.vbots-quiz-wrap .orbit-ring:nth-of-type(1).in {animation-delay:0.10s;}
@keyframes ringIn { from{opacity:0} to{opacity:1} }
.vbots-quiz-wrap .orbit-ring.active {stroke:var(--blue); stroke-width:2.5;
  filter:drop-shadow(0 0 7px rgba(37,99,235,0.45));}
.vbots-quiz-wrap .orbit-ring-halo {fill:none; stroke:var(--blue); stroke-width:9; opacity:0; transition:opacity 0.6s ease;}
.vbots-quiz-wrap .orbit-ring-halo.active {opacity:0.09;}
.vbots-quiz-wrap .orbit-core {fill:var(--card); stroke:var(--border2); stroke-width:1; filter:drop-shadow(0 6px 22px rgba(37,99,235,0.16));}
.vbots-quiz-wrap .orbit-core-inner {fill:none; stroke:rgba(37,99,235,0.16); stroke-width:1; stroke-dasharray:3 5;}
.vbots-quiz-wrap .orbit-eyebrow {font-size:10px; font-weight:700; letter-spacing:0.16em; fill:var(--blue2); text-transform:uppercase;}
.vbots-quiz-wrap .orbit-score {font-size:72px; font-weight:900; letter-spacing:-0.045em; fill:var(--heading);}
.vbots-quiz-wrap .orbit-denom {font-size:11.5px; font-weight:700; letter-spacing:0.12em; fill:var(--text3);}
.vbots-quiz-wrap .orbit-label {font-size:10.5px; font-weight:700; letter-spacing:0.05em; fill:var(--text3);
  paint-order:stroke; stroke:var(--card); stroke-width:8px; stroke-linejoin:round;
  transition:fill 0.4s ease;}
.vbots-quiz-wrap .orbit-label.active {fill:var(--blue);}
.vbots-quiz-wrap .orbit-nodes {opacity:0; transform-box:view-box; transform-origin:50% 50%;}
.vbots-quiz-wrap .orbit-nodes.active {opacity:1; animation:orbitSpin 16s linear infinite;}
@keyframes orbitSpin { to { transform:rotate(360deg); } }
.vbots-quiz-wrap .orbit-node {fill:var(--blue); stroke:var(--card); stroke-width:2;}
.vbots-quiz-wrap .orbit-node.sm {fill:var(--blue2);}
.vbots-quiz-wrap .diag-panel {background:var(--card); border:1px solid var(--border); border-radius:18px;
  padding:38px 40px; box-shadow:0 4px 24px rgba(34,49,75,0.05);
  display:flex; flex-direction:column; justify-content:center; gap:16px;
  transition:opacity 0.6s ease 0.45s, transform 0.6s ease 0.45s;}
.vbots-quiz-wrap .diag-panel.in {opacity:1; transform:translateY(0);}
.vbots-quiz-wrap .diag-eyebrow {font-size:0.68rem; font-weight:700; letter-spacing:0.14em; text-transform:uppercase; color:var(--text3); display:flex; align-items:center; gap:9px;}
.vbots-quiz-wrap .diag-eyebrow::before {content:''; width:7px; height:7px; border-radius:50%; background:var(--blue); box-shadow:0 0 0 4px var(--blue-bg);}
.vbots-quiz-wrap .score-tier-badge {display:inline-flex; align-items:center; gap:8px; align-self:flex-start;
  padding:8px 20px; border-radius:100px;
  font-size:0.82rem; font-weight:700; letter-spacing:0.05em; text-transform:uppercase;}
.vbots-quiz-wrap .diag-score {font-size:0.92rem; font-weight:700; color:var(--heading); letter-spacing:0.02em;}
.vbots-quiz-wrap .diag-score strong {font-size:1.25rem; font-weight:900; letter-spacing:-0.02em; color:var(--blue);}
.vbots-quiz-wrap .diag-tagline {font-size:clamp(1.1rem,2vw,1.32rem); font-weight:700; letter-spacing:-0.02em; color:var(--heading); line-height:1.4;}
.vbots-quiz-wrap .diag-insight {font-size:0.88rem; color:var(--text2); line-height:1.7;}
.vbots-quiz-wrap .diag-meta {display:flex; align-items:center; gap:8px; padding-top:14px; border-top:1px solid var(--border); font-size:0.75rem; font-weight:600; color:var(--text3);}
.vbots-quiz-wrap .diag-meta .pulse {width:6px; height:6px; border-radius:50%; background:var(--green);}
@media (prefers-reduced-motion: no-preference) {
  .vbots-quiz-wrap .diag-meta .pulse {animation:metaPulse 2.4s ease infinite;}
}
@keyframes metaPulse { 0%,100%{box-shadow:0 0 0 0 rgba(16,185,129,0.35)} 50%{box-shadow:0 0 0 5px rgba(16,185,129,0)} }
.vbots-quiz-wrap .hm-summary {margin-bottom:30px;}
.vbots-quiz-wrap .hm-summary-line {font-size:clamp(1rem,1.9vw,1.18rem); font-weight:700; letter-spacing:-0.015em; color:var(--heading); line-height:1.5; max-width:640px; margin-bottom:18px;}
.vbots-quiz-wrap .hm-summary-line em {font-style:normal; color:var(--blue);}
.vbots-quiz-wrap .hm-metrics {display:flex; gap:12px; flex-wrap:wrap; margin-bottom:16px;}
.vbots-quiz-wrap .hm-metric {flex:1; min-width:130px; max-width:200px;
  background:var(--card); border:1px solid var(--border); border-radius:12px;
  padding:15px 18px; display:flex; align-items:baseline; gap:9px;
  transition:transform 0.2s ease;}
.vbots-quiz-wrap .hm-metric-num {font-size:1.7rem; font-weight:900; letter-spacing:-0.03em; line-height:1;}
.vbots-quiz-wrap .hm-metric-lbl {font-size:0.68rem; font-weight:700; letter-spacing:0.07em; text-transform:uppercase; color:var(--text3);}
.vbots-quiz-wrap .hm-metric.high .hm-metric-num {color:var(--red);}
.vbots-quiz-wrap .hm-metric.med .hm-metric-num {color:var(--amber);}
.vbots-quiz-wrap .hm-metric.low .hm-metric-num {color:var(--green);}
.vbots-quiz-wrap .hm-metric.emph {border-color:rgba(239,68,68,0.35); background:linear-gradient(180deg, rgba(239,68,68,0.05), var(--card)); box-shadow:0 4px 18px rgba(239,68,68,0.08);}
.vbots-quiz-wrap .hm-note {font-size:0.84rem; color:var(--text2); line-height:1.65; max-width:560px;}
.vbots-quiz-wrap .hm-sortlabel {display:inline-flex; align-items:center; gap:8px; margin:28px 0 16px;
  font-size:0.66rem; font-weight:700; letter-spacing:0.13em; text-transform:uppercase; color:var(--text3);}
.vbots-quiz-wrap .hm-sortlabel::before {content:''; width:16px; height:1.5px; background:var(--blue);}
.vbots-quiz-wrap .hm-chart {background:var(--card); border:1px solid var(--border); border-radius:16px;
  padding:12px 22px 16px; box-shadow:0 4px 24px rgba(34,49,75,0.05);}
.vbots-quiz-wrap .hm-grid {display:flex; flex-direction:column;}
.vbots-quiz-wrap .bar-row {display:grid; grid-template-columns:210px 1fr 130px; align-items:center; column-gap:22px;
  padding:13px 12px; border-radius:12px; border:1px solid transparent; cursor:default;
  transition:background 0.2s ease, border-color 0.2s ease, opacity 0.5s ease, transform 0.5s ease;}
.vbots-quiz-wrap .bar-row:hover, .vbots-quiz-wrap .bar-row:focus-visible {background:rgba(37,99,235,0.035); border-color:var(--border);}
.vbots-quiz-wrap .bar-row:focus-visible {outline:2px solid var(--blue); outline-offset:2px;}
.vbots-quiz-wrap .bar-row + .bar-row {margin-top:2px;}
.vbots-quiz-wrap .bar-id {display:flex; align-items:center; gap:12px; min-width:0;}
.vbots-quiz-wrap .hm-icon {width:38px; height:38px; border-radius:10px; display:flex; align-items:center; justify-content:center;
  font-size:1.05rem; background:var(--card); border:1px solid var(--border); flex-shrink:0;}

.vbots-quiz-wrap .hm-name {font-size:0.9rem; font-weight:800; letter-spacing:-0.015em; color:var(--heading); margin-bottom:3px;}
.vbots-quiz-wrap .hm-status {display:flex; align-items:center; gap:7px; font-size:0.64rem; font-weight:800; letter-spacing:0.1em; text-transform:uppercase;}
.vbots-quiz-wrap .hm-status::before {content:''; width:7px; height:7px; border-radius:50%;}
.vbots-quiz-wrap .lvl-high .hm-status {color:var(--red);}
.vbots-quiz-wrap .lvl-high .hm-status::before {background:var(--red);}
.vbots-quiz-wrap .lvl-med  .hm-status {color:#b45309;}
.vbots-quiz-wrap .lvl-med .hm-status::before {background:var(--amber);}
.vbots-quiz-wrap .lvl-low  .hm-status {color:#047857;}
.vbots-quiz-wrap .lvl-low .hm-status::before {background:var(--green);}
.vbots-quiz-wrap .bar-track {position:relative; height:14px; border-radius:100px; overflow:hidden;
  background:rgba(34,49,75,0.06);}
.vbots-quiz-wrap .bar-track::before, .vbots-quiz-wrap .bar-track::after {content:''; position:absolute; top:0; bottom:0; width:1px; background:rgba(34,49,75,0.12);}
.vbots-quiz-wrap .bar-track::before {left:33.33%;}
.vbots-quiz-wrap .bar-track::after {left:66.66%;}
.vbots-quiz-wrap .bar-fill {position:absolute; top:0; bottom:0; left:0; width:0; border-radius:100px;
  transition:width 0.9s cubic-bezier(0.4,0,0.2,1);}
.vbots-quiz-wrap .lvl-high .bar-fill {background:linear-gradient(90deg, #f87171, var(--red)); box-shadow:0 0 12px rgba(239,68,68,0.28);}
.vbots-quiz-wrap .lvl-med  .bar-fill {background:linear-gradient(90deg, #fcd34d, var(--amber)); box-shadow:0 0 10px rgba(245,158,11,0.22);}
.vbots-quiz-wrap .lvl-low  .bar-fill {background:linear-gradient(90deg, #6ee7b7, var(--green)); box-shadow:0 0 10px rgba(16,185,129,0.20);}
.vbots-quiz-wrap .hm-anim.in .bar-fill {width:var(--w);}
.vbots-quiz-wrap .bar-value {text-align:right;}
.vbots-quiz-wrap .bar-answer {font-size:0.86rem; font-weight:800; color:var(--heading); letter-spacing:-0.01em;}
.vbots-quiz-wrap .bar-va-lbl {font-size:0.62rem; font-weight:700; letter-spacing:0.09em; text-transform:uppercase; color:var(--text3); margin-top:2px;}
.vbots-quiz-wrap .bar-insight {grid-column:1 / -1; overflow:hidden; max-height:0; opacity:0; margin-top:0;
  transition:max-height 0.32s ease, opacity 0.3s ease, margin-top 0.32s ease;
  font-size:15px; line-height:1.6; color:var(--text2);}
.vbots-quiz-wrap .bar-row:hover .bar-insight, .vbots-quiz-wrap .bar-row:focus-visible .bar-insight, .vbots-quiz-wrap .bar-row.open .bar-insight {max-height:80px; opacity:1; margin-top:9px; padding-top:9px; border-top:1px solid var(--border);}
.vbots-quiz-wrap .bar-axis {display:grid; grid-template-columns:210px 1fr 130px; column-gap:22px; padding:10px 12px 2px; border-top:1px solid var(--border); margin-top:8px;}
.vbots-quiz-wrap .bar-axis-scale {grid-column:2; position:relative; height:14px;}
.vbots-quiz-wrap .bar-axis-scale span {position:absolute; top:0; font-size:0.6rem; font-weight:700; letter-spacing:0.09em;
  text-transform:uppercase; color:var(--text3); white-space:nowrap;}
.vbots-quiz-wrap .bar-axis-scale span:nth-child(1) {left:33.33%; transform:translateX(-50%);}
.vbots-quiz-wrap .bar-axis-scale span:nth-child(2) {left:66.66%; transform:translateX(-50%);}
.vbots-quiz-wrap .bar-axis-scale span:nth-child(3) {right:0;}
.vbots-quiz-wrap .hm-anim .bar-row {opacity:0; transform:translateX(-10px);}
.vbots-quiz-wrap .hm-anim.in .bar-row {opacity:1; transform:translateX(0);}
@media (prefers-reduced-motion: reduce) {
  .vbots-quiz-wrap .orbit-nodes.active {animation:none;}
  .vbots-quiz-wrap .orbit-ring, .vbots-quiz-wrap .orbit-ring.in {animation:none; opacity:1;}
  .vbots-quiz-wrap .diag-panel {transition:none; opacity:1; transform:none;}
  .vbots-quiz-wrap .hm-anim .bar-row {opacity:1; transform:none; transition:none;}
  .vbots-quiz-wrap .bar-fill {transition:none; width:var(--w);}
  .vbots-quiz-wrap .bar-row, .vbots-quiz-wrap .bar-insight {transition:none;}
  .vbots-quiz-wrap {scroll-behavior:auto;}
}
.vbots-quiz-wrap .meaning-stats {display:grid; grid-template-columns:repeat(3,1fr); gap:16px;}
.vbots-quiz-wrap .meaning-stat {background:var(--card); border:1px solid var(--border); border-radius:16px; padding:26px 22px; display:flex; flex-direction:column; gap:16px; box-shadow:0 4px 20px rgba(34,49,75,0.04);}
.vbots-quiz-wrap .meaning-stat-icon {width:46px; height:46px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:1.3rem; flex-shrink:0;}
.vbots-quiz-wrap .meaning-stat-icon.blue {border: 1px solid var(--border);}
.vbots-quiz-wrap .meaning-stat-icon.green {border: 1px solid var(--border);}
.vbots-quiz-wrap .meaning-stat-icon.amber {border: 1px solid var(--border);}
.vbots-quiz-wrap .meaning-stat-dim {font-size:0.7rem; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; color:var(--text3); margin-bottom:6px;}
.vbots-quiz-wrap .meaning-stat-text {font-size:0.98rem; font-weight:700; color:var(--heading); line-height:1.45;}
.vbots-quiz-wrap .meaning-severity {display:flex; gap:4px; margin-top:auto;}
.vbots-quiz-wrap .meaning-severity-seg {height:5px; flex:1; border-radius:3px; background:rgba(34,49,75,0.12);}
.vbots-quiz-wrap .meaning-severity-seg.on {background:var(--sev-color,#2563eb);}
.vbots-quiz-wrap .impl-timeline {display:grid; grid-template-columns:repeat(4,1fr); gap:0; position:relative; margin-bottom:36px;}
.vbots-quiz-wrap .impl-timeline::before {content:''; position:absolute; top:27px; left:12%; right:12%; height:2px; background:linear-gradient(90deg,var(--blue),var(--blue2)); z-index:0;}
.vbots-quiz-wrap .impl-step {text-align:center; padding:0 10px; position:relative; z-index:1;}
.vbots-quiz-wrap .impl-num {width:54px; height:54px; border-radius:50%; background:var(--bg3); border:2px solid var(--blue); display:flex; align-items:center; justify-content:center; font-size:1.05rem; font-weight:800; color:#fff; margin:0 auto 14px; position:relative; z-index:1; box-shadow:0 4px 14px var(--blue-glow);}
.vbots-quiz-wrap .impl-lbl {font-family:'Manrope',sans-serif; font-size:0.95rem; font-weight:700; color:var(--heading); margin-bottom:4px;}
.vbots-quiz-wrap .impl-desc {font-size:0.82rem; color:var(--text3); font-weight:500;}
.vbots-quiz-wrap .impl-roles {display:none; justify-content:center; gap:10px; margin-bottom:24px; flex-wrap:wrap;}
.vbots-quiz-wrap .impl-role {background:var(--card); border:1px solid var(--border); border-radius:100px; padding:5px 14px; font-size:0.77rem; font-weight:600; color:var(--text2); display:flex; align-items:center; gap:5px;}
.vbots-quiz-wrap .rdot {width:6px; height:6px; border-radius:50%; background:var(--blue2);}
.vbots-quiz-wrap .impl-close {text-align:center; font-size:0.9rem; color:var(--text2); font-weight:500; margin-bottom:44px;}
.vbots-quiz-wrap .impl-close strong {color:var(--heading);}
.vbots-quiz-wrap .guide-grid {display:grid; grid-template-columns:1fr 1fr; gap:20px;}
.vbots-quiz-wrap .guide-card {background:var(--card); border:1px solid var(--border); border-radius:10px; padding:28px; display:flex; flex-direction:column; gap:14px; transition:border-color 0.2s,transform 0.2s,box-shadow 0.2s;}
.vbots-quiz-wrap .guide-card:hover {border-color:var(--blue); transform:translateY(-2px); box-shadow:0 8px 32px var(--blue-glow);}
.vbots-quiz-wrap .guide-card-icon {font-size:2rem;}
.vbots-quiz-wrap .guide-card-title {font-family:'Manrope',sans-serif; font-size:1.15rem; font-weight:700; color:var(--heading); letter-spacing:-0.02em;}
.vbots-quiz-wrap .guide-card-desc {font-size:16px; color:var(--text2); line-height:1.65; flex:1;}
.vbots-quiz-wrap .guide-card-tags {display:flex; flex-wrap:wrap; gap:6px;}
.vbots-quiz-wrap .guide-tag {background:var(--blue-bg); border:1px solid rgba(37,99,235,0.2); color:var(--blue2); font-size:0.7rem; font-weight:600; padding:3px 10px; border-radius:100px;}
.vbots-quiz-wrap .guide-card-btn {display:inline-flex; align-items:center; gap:7px; background:var(--blue); color:var(--white); border:none; padding:10px 20px; border-radius:6px; font-family:'Inter',sans-serif; font-size:0.82rem; font-weight:600; cursor:pointer; text-decoration:none; transition:background 0.2s; align-self:flex-start; margin-top:4px;}
.vbots-quiz-wrap .guide-card-btn:hover {background:var(--blue2);}
.vbots-quiz-wrap .report-strip {background:rgba(37,99,235,0.06); border:1px solid rgba(37,99,235,0.18); border-radius:10px; padding:20px 28px; display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:32px; flex-wrap:wrap;}
.vbots-quiz-wrap .report-strip-left {display:flex; align-items:center; gap:14px;}
.vbots-quiz-wrap .report-strip-icon {font-size:1.6rem; flex-shrink:0;}
.vbots-quiz-wrap .report-strip-title {font-size:18px; font-weight:700; color:var(--heading); margin-bottom:2px;}
.vbots-quiz-wrap .report-strip-desc {font-size:16px; color:var(--text2);}
.vbots-quiz-wrap .btn-report {display:inline-flex; align-items:center; gap:7px; background:var(--blue); color:var(--white); border:none; padding:10px 22px; border-radius:6px; font-family:'Inter',sans-serif; font-size:0.82rem; font-weight:600; cursor:pointer; white-space:nowrap; transition:background 0.2s,transform 0.2s; flex-shrink:0;}
.vbots-quiz-wrap .btn-report:hover {background:var(--blue2); transform:translateY(-1px);}
.vbots-quiz-wrap .res-cta {background:var(--bg3); padding:72px 52px; text-align:center; position:relative; overflow:hidden;border-radius: 16px;}
/* .vbots-quiz-wrap .res-cta::before {content:''; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,0.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.035) 1px,transparent 1px); background-size:40px 40px;} */
.vbots-quiz-wrap .res-cta .inner {position:relative; z-index:1; max-width:640px; margin:0 auto;}
.vbots-quiz-wrap .res-cta h2 {font-family:'Manrope',sans-serif; font-size:clamp(1.6rem,3.5vw,2.2rem); font-weight:800; letter-spacing:-0.03em; color:var(--white); margin-bottom:10px;}
.vbots-quiz-wrap .res-cta p {color:rgba(255,255,255,0.65); font-size:0.95rem; margin-bottom:28px; line-height:1.7;}
.vbots-quiz-wrap .cta-row {display:flex; gap:10px; justify-content:center; flex-wrap:wrap;}
.vbots-quiz-wrap .btn-demo {background:var(--white); color:#000000; border:none; padding:12px 28px; border-radius:6px; font-family:'Inter',sans-serif; font-size:0.92rem; font-weight:700; cursor:pointer; text-decoration:none; display:inline-block; transition:all 0.2s;}
.vbots-quiz-wrap .btn-demo:hover {background:var(--blue); color:#fff; transform:translateY(-1px);}
.vbots-quiz-wrap .btn-redo {background:rgba(255,255,255,0.08); color:var(--white); border:1px solid rgba(255,255,255,0.28); padding:12px 28px; border-radius:6px; font-family:'Inter',sans-serif; font-size:0.92rem; font-weight:600; cursor:pointer; transition:all 0.2s;}
.vbots-quiz-wrap .btn-redo:hover {background:rgba(255,255,255,0.18);}
.vbots-quiz-wrap .vbots-float-menu {position:fixed; right:20px; top:50%; transform:translateY(-50%); z-index:99999;
  display:flex; flex-direction:column; gap:12px;}
.vbots-quiz-wrap .vbots-float-item {position:relative; width:56px; height:56px;
  display:flex; align-items:center; justify-content:center;
  background:var(--blue); border-radius:50px; text-decoration:none;
  overflow:visible; transition:background 0.3s ease; cursor:pointer;
  box-shadow:0 8px 24px rgba(35,98,191,0.25);}
.vbots-quiz-wrap .vbots-float-icon {width:56px; height:56px; display:flex; align-items:center; justify-content:center;
  color:#fff; position:relative; z-index:2; transition:color 0.25s ease;}
.vbots-quiz-wrap .vbots-float-icon svg {width:22px; height:22px; display:block;}
.vbots-quiz-wrap .vbots-float-text {position:absolute; right:0; top:0; height:56px; padding:0 70px 0 24px;
  background:#fff; border-radius:50px; display:flex; align-items:center;
  white-space:nowrap; color:#22314B; font-weight:600; font-size:0.95rem;
  opacity:0; visibility:hidden; transform:translateX(20px);
  transition:opacity 0.25s ease, transform 0.35s cubic-bezier(0.22,1,0.36,1); z-index:1;}
.vbots-quiz-wrap .vbots-float-item:hover {background:#fff;}
.vbots-quiz-wrap .vbots-float-item:hover .vbots-float-icon {color:var(--blue);}
.vbots-quiz-wrap .vbots-float-item:hover .vbots-float-text {opacity:1; visibility:visible; transform:translateX(0);
  box-shadow:0 10px 25px rgba(34,49,75,0.15);}
@media(max-width:768px) {
  .vbots-quiz-wrap .vbots-float-menu {right:12px; gap:10px;}
}
@media(max-width:1024px) {
  .vbots-quiz-wrap .bar-row {grid-template-columns:180px 1fr 110px; column-gap:14px;}
  .vbots-quiz-wrap .bar-axis {grid-template-columns:180px 1fr 110px; column-gap:14px;}
  .vbots-quiz-wrap .orbit-layout {grid-template-columns:1fr; gap:24px;}
  .vbots-quiz-wrap .orbit-svg {max-width:400px;}
}
@media(max-width:940px) {
  .vbots-quiz-wrap .quiz-wrapper {flex-direction:column; gap:24px;}
  .vbots-quiz-wrap .quiz-side {position:static; top:auto; flex:none; width:100%;}
  .vbots-quiz-wrap .toast {min-height:0; padding:50px 22px 22px 30px;}
}
@media(max-width:768px) {
  .vbots-quiz-wrap .hero {padding:44px 20px 32px;}
  .vbots-quiz-wrap .quiz-wrapper {padding:0 20px 60px;}
  .vbots-quiz-wrap .res-section {padding:52px 20px;}
  .vbots-quiz-wrap .guide-grid {grid-template-columns:1fr;}
  .vbots-quiz-wrap .meaning-stats {grid-template-columns:1fr;}
  .vbots-quiz-wrap .hm-grid {grid-template-columns:1fr;}
  .vbots-quiz-wrap .hm-chart {padding:8px 14px 14px;}
  .vbots-quiz-wrap .bar-row {grid-template-columns:1fr auto;
    grid-template-areas:"id value" "track track" "insight insight";
    row-gap:10px; padding:14px 10px;}
  .vbots-quiz-wrap .bar-id {grid-area:id;}
  .vbots-quiz-wrap .bar-value {grid-area:value; align-self:start;}
  .vbots-quiz-wrap .bar-track {grid-area:track;}
  .vbots-quiz-wrap .bar-insight {grid-area:insight;}
  .vbots-quiz-wrap .bar-axis {display:block; padding:10px 10px 2px;}
  .vbots-quiz-wrap .bar-axis-scale {grid-column:auto;}
  .vbots-quiz-wrap .hm-metrics {gap:10px;}
  .vbots-quiz-wrap .hm-metric {min-width:100px; padding:13px 15px;}
  .vbots-quiz-wrap .orbit-visual {padding:18px 12px;}
  .vbots-quiz-wrap .orbit-svg {max-width:340px;}
  .vbots-quiz-wrap .diag-panel {padding:28px 24px;}
  .vbots-quiz-wrap .impl-timeline {grid-template-columns:1fr 1fr;gap:24px;}
  .vbots-quiz-wrap .impl-timeline::before {display:none;}
  .vbots-quiz-wrap .res-cta {padding:52px 20px;}
  .vbots-quiz-wrap .report-strip {flex-direction:column;align-items:flex-start;}
}
/* ── Image icons (replacing emoji icons) ── */
.vbots-quiz-wrap .hm-icon img { width:25px; height:25px; object-fit:contain; display:block; }
.vbots-quiz-wrap .meaning-stat-icon img { width:26px; height:26px; object-fit:contain; display:block; }
.vbots-quiz-wrap .report-strip-icon { display:inline-flex; align-items:center; justify-content:center; }
.vbots-quiz-wrap .report-strip-icon img { width:34px; height:34px; object-fit:contain; display:block; }
.vbots-quiz-wrap .guide-card-icon { display:inline-flex; }
.vbots-quiz-wrap .guide-card-icon img { width:46px; height:46px; object-fit:contain; display:block; }


.body-overlay .orbit-layout {
    grid-template-columns: 1fr;
}
.body-overlay .vbots-quiz-wrap circle.orbit-core {
   filter: none;
}
.body-overlay .vbots-quiz-wrap .orbit-visual:before {
    background: none !important;
}
.body-overlay .vbots-quiz-wrap .bar-row .bar-insight {
  max-height:80px; opacity:1; margin-top:9px; padding-top:9px; border-top:1px solid var(--border);
}