/* OVC Marketing Analysis Quiz — scoped styles. All selectors live under .ovcq
   so nothing here can leak into the MySSM template. */

.ovcq{
  --ovcq-navy:#001429;
  --ovcq-panel:#06223d;
  --ovcq-panel-2:#00253f;
  --ovcq-orange:#ff4d00;
  --ovcq-orange-hi:#ff6a2b;
  --ovcq-text:#ffffff;
  --ovcq-muted:#9db4c9;
  --ovcq-dim:#6f879e;
  --ovcq-line:rgba(255,255,255,0.10);
  background:var(--ovcq-navy);
  color:var(--ovcq-text);
  font-family:'Spectral',Georgia,serif;
  position:relative;
  padding-bottom:96px;
}
.ovcq *{box-sizing:border-box}
.ovcq img{max-width:100%}
.ovcq a{color:var(--ovcq-orange);text-decoration:none}
.ovcq a:hover{color:var(--ovcq-orange-hi)}
.ovcq input,.ovcq textarea,.ovcq button{font-family:inherit}
.ovcq input::placeholder,.ovcq textarea::placeholder{color:#5c7690}

@keyframes ovcqIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes ovcqPulse{0%,100%{opacity:.35}50%{opacity:1}}

/* ---------- progress bar ---------- */
.ovcq-bar{
  position:sticky;top:0;z-index:5;
  background:rgba(0,20,41,0.96);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--ovcq-line);
}
.ovcq-bar-inner{
  max-width:1180px;margin:0 auto;
  padding:13px clamp(18px,4vw,32px);
  display:flex;align-items:center;justify-content:space-between;gap:18px;
}
.ovcq-eyebrow{
  font-family:'Montserrat',Helvetica,Arial,sans-serif;font-size:11px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--ovcq-orange);font-weight:700;
}
.ovcq-counter{
  font-family:'Montserrat',Helvetica,Arial,sans-serif;font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ovcq-muted);font-weight:600;white-space:nowrap;
}
.ovcq-track{height:3px;background:rgba(255,255,255,0.08)}
.ovcq-fill{height:3px;width:0;background:var(--ovcq-orange);transition:width .35s cubic-bezier(.4,0,.2,1)}

/* ---------- layout ---------- */
.ovcq-body{padding:36px clamp(18px,4vw,40px) 28px}
.ovcq-inner{width:100%;max-width:1180px;margin:0 auto;animation:ovcqIn .4s ease both}
.ovcq-narrow{max-width:900px}
.ovcq-step-label{
  font-family:'Montserrat',Helvetica,Arial,sans-serif;font-size:12px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--ovcq-orange);font-weight:600;
}
.ovcq h1.ovcq-h1{
  font-family:'Montserrat',Helvetica,Arial,sans-serif;font-weight:800;
  font-size:clamp(34px,6vw,62px);line-height:1.02;letter-spacing:-.025em;margin:0;color:#fff;
}
.ovcq h2.ovcq-h2{
  font-family:'Montserrat',Helvetica,Arial,sans-serif;font-weight:800;
  font-size:clamp(30px,4.4vw,44px);line-height:1.05;letter-spacing:-.02em;margin:20px 0 0;color:#fff;
}
.ovcq-lede{font-size:19px;line-height:1.5;color:var(--ovcq-muted);margin:16px 0 0;text-wrap:pretty}
.ovcq-sub{
  font-family:'Montserrat',Helvetica,Arial,sans-serif;font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ovcq-muted);font-weight:600;margin-bottom:14px;
}
.ovcq-sub.ovcq-accent{color:var(--ovcq-orange);font-weight:700;margin-bottom:6px}
.ovcq-note{font-size:16px;color:var(--ovcq-dim);margin-bottom:14px}
.ovcq-block{margin-top:40px}

/* ---------- intro ---------- */
.ovcq-hero{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));
  gap:clamp(32px,4vw,64px);align-items:center;
}
.ovcq-hero p{font-size:22px;line-height:1.5;color:var(--ovcq-muted);margin:28px 0 0;max-width:640px;text-wrap:pretty}
.ovcq-trust{
  margin-top:34px;font-family:'Montserrat',Helvetica,Arial,sans-serif;font-size:12px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--ovcq-dim);
}
.ovcq-panel{background:var(--ovcq-panel);border:1px solid var(--ovcq-line);border-radius:16px;padding:38px 34px}
.ovcq-list{display:flex;flex-direction:column;gap:24px;margin-top:26px}
.ovcq-list-row{display:flex;gap:16px}
.ovcq-num{font-family:'Montserrat',Helvetica,Arial,sans-serif;font-weight:800;font-size:22px;color:var(--ovcq-orange);line-height:1.1;min-width:30px}
.ovcq-list-row strong{display:block;font-family:'Montserrat',Helvetica,Arial,sans-serif;font-weight:700;font-size:17px;color:#fff}
.ovcq-list-row span{display:block;font-size:16px;line-height:1.45;color:var(--ovcq-muted);margin-top:5px}

/* ---------- option grids ---------- */
.ovcq-grid{display:grid;gap:12px;margin-top:36px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.ovcq-grid.ovcq-wide{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px}
.ovcq-row{display:flex;flex-wrap:wrap;gap:10px}
.ovcq-cols{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));margin-top:28px}

.ovcq-card{
  display:flex;align-items:center;gap:13px;border-radius:12px;padding:17px 19px;cursor:pointer;
  background:var(--ovcq-panel);border:1.5px solid var(--ovcq-line);color:#cdd9e6;
  transition:background .15s,border-color .15s;user-select:none;
  font-family:'Montserrat',Helvetica,Arial,sans-serif;font-weight:600;font-size:16px;
}
.ovcq-card:hover{border-color:rgba(255,255,255,0.28)}
.ovcq-card.is-on{background:rgba(255,77,0,0.13);border-color:var(--ovcq-orange);color:#fff}
.ovcq-dot{width:18px;height:18px;flex:0 0 18px;border-radius:5px;border:1.5px solid rgba(255,255,255,0.28);background:transparent}
.ovcq-card.is-on .ovcq-dot{background:var(--ovcq-orange);border-color:var(--ovcq-orange);box-shadow:inset 0 0 0 3px var(--ovcq-panel)}
.ovcq-badge{
  width:26px;height:26px;flex:0 0 26px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-family:'Montserrat',Helvetica,Arial,sans-serif;font-weight:800;font-size:13px;
  border:1.5px solid rgba(255,255,255,0.24);color:transparent;
}
.ovcq-card.is-on .ovcq-badge{background:var(--ovcq-orange);border-color:var(--ovcq-orange);color:#fff}

.ovcq-pill{
  border-radius:999px;padding:13px 22px;cursor:pointer;user-select:none;
  background:var(--ovcq-panel);border:1.5px solid var(--ovcq-line);color:#cdd9e6;
  transition:background .15s,border-color .15s;
  font-family:'Montserrat',Helvetica,Arial,sans-serif;font-weight:600;font-size:15px;
}
.ovcq-pill:hover{border-color:rgba(255,255,255,0.28)}
.ovcq-pill.is-on{background:rgba(255,77,0,0.13);border-color:var(--ovcq-orange);color:#fff}

/* ---------- fields ---------- */
.ovcq-fields{display:grid;gap:20px;margin-top:38px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.ovcq-field{display:flex;flex-direction:column;gap:9px}
.ovcq-field.ovcq-full{grid-column:1/-1}
.ovcq-field span{
  font-family:'Montserrat',Helvetica,Arial,sans-serif;font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ovcq-muted);font-weight:600;
}
.ovcq input[type=text],.ovcq input[type=email],.ovcq input[type=tel],.ovcq textarea{
  width:100%;background:var(--ovcq-panel);border:1.5px solid rgba(255,255,255,0.12);border-radius:10px;
  padding:17px 18px;color:#fff;font-size:18px;font-family:'Spectral',Georgia,serif;outline:none;
  transition:border-color .15s;
}
.ovcq input:focus,.ovcq textarea:focus{border-color:var(--ovcq-orange)}
.ovcq textarea{resize:vertical;padding:16px 18px}

/* ---------- chips ---------- */
.ovcq-chip-input{display:flex;gap:12px;flex-wrap:wrap}
.ovcq-chip-input input{flex:1;min-width:260px}
.ovcq-add{
  font-family:'Montserrat',Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;letter-spacing:.06em;
  text-transform:uppercase;background:rgba(255,77,0,0.14);color:var(--ovcq-orange);
  border:1.5px solid var(--ovcq-orange);border-radius:10px;padding:17px 24px;cursor:pointer;
  transition:background .15s,color .15s;
}
.ovcq-add:hover{background:var(--ovcq-orange);color:#fff}
.ovcq-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.ovcq-chip{
  display:flex;align-items:center;gap:10px;background:rgba(255,77,0,0.12);border:1.5px solid var(--ovcq-orange);
  border-radius:999px;padding:11px 18px;cursor:pointer;color:#fff;
  font-family:'Montserrat',Helvetica,Arial,sans-serif;font-weight:600;font-size:15px;
}
.ovcq-chip:hover{background:rgba(255,77,0,0.24)}
.ovcq-chip b{color:#ff9d70;font-size:16px;font-weight:600}

/* ---------- scale rows ---------- */
.ovcq-scale{display:flex;flex-direction:column;gap:12px;margin-top:36px}
.ovcq-scale-row{
  display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
  background:var(--ovcq-panel);border:1px solid var(--ovcq-line);border-radius:12px;padding:20px 24px;
}
.ovcq-scale-row p{font-size:19px;line-height:1.35;color:#e6edf4;flex:1;min-width:240px;margin:0}
.ovcq-scale-dots{display:flex;gap:8px}
.ovcq-scale-dots button{
  width:46px;height:46px;border-radius:10px;cursor:pointer;
  background:rgba(255,255,255,0.04);border:1.5px solid rgba(255,255,255,0.14);color:var(--ovcq-muted);
  font-family:'Montserrat',Helvetica,Arial,sans-serif;font-weight:700;font-size:16px;
  transition:background .15s,border-color .15s,color .15s;
}
.ovcq-scale-dots button:hover{border-color:rgba(255,255,255,0.4);color:#fff}
.ovcq-scale-dots button.is-on{background:var(--ovcq-orange);border-color:var(--ovcq-orange);color:#fff}

/* ---------- spend card ---------- */
.ovcq-spend{background:var(--ovcq-panel);border:1px solid var(--ovcq-line);border-radius:16px;padding:clamp(22px,3vw,32px);margin-top:44px}
.ovcq-spend h3{font-family:'Montserrat',Helvetica,Arial,sans-serif;font-weight:700;font-size:20px;color:#fff;margin:0}
.ovcq-spend p{font-size:17px;line-height:1.45;color:var(--ovcq-muted);margin:8px 0 0;max-width:720px}
.ovcq-total{
  margin-top:26px;border-top:1px solid var(--ovcq-line);padding-top:20px;
  display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;
}
.ovcq-total b{font-family:'Montserrat',Helvetica,Arial,sans-serif;font-weight:800;font-size:30px;color:var(--ovcq-orange);line-height:1}

/* ---------- buttons / footer nav ---------- */
.ovcq-cta{
  font-family:'Montserrat',Helvetica,Arial,sans-serif;font-weight:700;font-size:15px;letter-spacing:.06em;
  text-transform:uppercase;background:var(--ovcq-orange);color:#fff;border:none;border-radius:8px;
  padding:20px 34px;cursor:pointer;transition:background .15s,transform .15s;
}
.ovcq-cta:hover{background:var(--ovcq-orange-hi);transform:translateY(-1px)}
.ovcq-ghost{
  font-family:'Montserrat',Helvetica,Arial,sans-serif;font-weight:600;font-size:14px;letter-spacing:.06em;
  text-transform:uppercase;background:transparent;color:var(--ovcq-muted);
  border:1.5px solid rgba(255,255,255,0.16);border-radius:8px;padding:15px 24px;cursor:pointer;
  transition:border-color .15s,color .15s;
}
.ovcq-ghost:hover{border-color:rgba(255,255,255,0.4);color:#fff}
.ovcq-hero-btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:38px}
.ovcq-hero-btns .ovcq-ghost{padding:20px 26px;font-size:15px}

.ovcq-nav{
  position:sticky;bottom:0;z-index:5;
  background:rgba(0,20,41,0.96);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border-top:1px solid rgba(255,255,255,0.12);
}
.ovcq-nav[hidden]{display:none}
.ovcq-nav-inner{
  max-width:1180px;margin:0 auto;padding:16px clamp(18px,4vw,32px);
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
}
.ovcq-hint{
  font-family:'Montserrat',Helvetica,Arial,sans-serif;font-size:12px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--ovcq-dim);flex:1;text-align:center;min-width:120px;
}
.ovcq-next{
  font-family:'Montserrat',Helvetica,Arial,sans-serif;font-weight:700;font-size:14px;letter-spacing:.06em;
  text-transform:uppercase;border:none;border-radius:8px;padding:16px 30px;
  background:var(--ovcq-orange);color:#fff;cursor:pointer;transition:background .15s;
}
.ovcq-next:hover{background:var(--ovcq-orange-hi)}
.ovcq-next[disabled]{background:rgba(255,255,255,0.08);color:#5c7690;cursor:not-allowed}

/* ---------- done ---------- */
.ovcq-done{max-width:900px;margin:0 auto;text-align:center;padding-top:20px}
.ovcq-live{
  display:inline-flex;align-items:center;gap:10px;
  font-family:'Montserrat',Helvetica,Arial,sans-serif;font-size:12px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--ovcq-orange);font-weight:700;
}
.ovcq-live i{width:9px;height:9px;border-radius:50%;background:var(--ovcq-orange);animation:ovcqPulse 1.4s ease-in-out infinite}
.ovcq-done h2{margin-top:22px}
.ovcq-done > p{font-size:21px;line-height:1.5;color:var(--ovcq-muted);margin:20px auto 0;max-width:700px;text-wrap:pretty}
.ovcq-pipeline{display:grid;gap:14px;margin-top:46px;text-align:left;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.ovcq-pipe{background:var(--ovcq-panel);border:1px solid var(--ovcq-line);border-radius:14px;padding:26px 24px}
.ovcq-pipe em{font-family:'Montserrat',Helvetica,Arial,sans-serif;font-weight:800;font-size:20px;color:var(--ovcq-orange);font-style:normal}
.ovcq-pipe strong{display:block;font-family:'Montserrat',Helvetica,Arial,sans-serif;font-weight:700;font-size:16px;color:#fff;margin-top:12px}
.ovcq-pipe span{display:block;font-size:16px;line-height:1.4;color:var(--ovcq-muted);margin-top:7px}
.ovcq-callout{margin-top:40px;font-size:19px;color:var(--ovcq-muted)}
.ovcq-error{
  margin-top:22px;background:rgba(255,77,0,0.10);border:1.5px solid var(--ovcq-orange);
  border-radius:10px;padding:16px 18px;color:#ffd3c0;font-size:17px;
}