/* ------------------------------------------------------------------
   HEADSTRONG CO — assessments (workplace + personal check-in)
------------------------------------------------------------------- */
.qz-sec{padding:20px 0 96px}
.qz{max-width:760px;margin:0 auto;background:#fff;border-radius:28px;box-shadow:0 18px 50px rgba(31,53,82,.10);padding:44px;position:relative;overflow:hidden}
.qz[hidden],.qz-screen[hidden]{display:none}
.qz h2{font-size:clamp(1.6rem,3.4vw,2.2rem)}
.qz .lead{font-size:1.08rem;margin-top:12px}

/* intro */
.qz-facts{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 26px;padding:0;list-style:none}
.qz-facts li{background:var(--cream-2);border-radius:999px;padding:7px 15px;font-size:.92rem;font-weight:500;color:var(--navy)}
.qz-choice{border:0;margin:0 0 26px}
.qz-choice legend{font-family:Poppins;font-weight:700;margin-bottom:10px}
.qz-choice .opts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.qz-choice label{display:flex;align-items:center;gap:10px;border:2px solid var(--line);border-radius:16px;padding:14px 16px;cursor:pointer;font-weight:500;margin:0}
.qz-choice input{accent-color:var(--navy);width:18px;height:18px}
.qz-choice label:has(input:checked){border-color:var(--navy);background:var(--cream-2)}
.qz-small{font-size:.88rem;color:var(--muted);margin-top:18px}

/* progress */
.qz-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}
.qz-count{font-family:Poppins;font-weight:600;font-size:.92rem;color:var(--muted)}
.qz-area{font-family:Poppins;font-weight:600;font-size:.88rem;padding:5px 12px;border-radius:999px;background:var(--cream-2)}
.qz-bar{height:8px;border-radius:99px;background:var(--cream-2);overflow:hidden;margin-bottom:34px}
.qz-bar i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--yellow),var(--coral),var(--teal));transition:width .35s ease}

/* question */
.qz-q{font-family:Poppins;font-weight:700;font-size:clamp(1.3rem,2.8vw,1.65rem);line-height:1.3;color:var(--navy);min-height:3.9em;outline:none}
.qz-hint{margin-top:6px;font-size:.95rem}
.qz-answers{display:grid;gap:10px;margin-top:26px}
.qz-answers button{display:flex;align-items:center;gap:14px;width:100%;text-align:left;font:inherit;font-weight:500;color:var(--navy);background:var(--cream);border:2px solid var(--line);border-radius:16px;padding:15px 18px;cursor:pointer;transition:border-color .15s,background .15s}
.qz-answers button:hover{border-color:var(--navy)}
.qz-answers button .pip{flex:0 0 auto;width:22px;height:22px;border-radius:50%;border:2px solid var(--navy);display:grid;place-items:center}
.qz-answers button[aria-pressed="true"]{border-color:var(--navy);background:var(--cream-2)}
.qz-answers button[aria-pressed="true"] .pip::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--coral)}
.qz-nav{display:flex;justify-content:space-between;align-items:center;margin-top:26px}
.qz-back{background:none;border:0;font:inherit;font-family:Poppins;font-weight:600;color:var(--muted);cursor:pointer;padding:8px 0}
.qz-back:hover{color:var(--navy)}
.qz-back[disabled]{visibility:hidden}

/* gate form (inherits site form styles) */
.qz form{margin-top:24px;background:none;padding:0;box-shadow:none}
.qz .qz-err{color:#B3261E;font-weight:500;margin-top:10px}

/* results */
.qz-result-head{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center}
.qz-ring{width:150px;height:150px;position:relative}
.qz-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.qz-ring circle{fill:none;stroke-width:12}
.qz-ring .trk{stroke:var(--cream-2)}
.qz-ring .val{stroke-linecap:round;transition:stroke-dashoffset 1.1s ease}
.qz-ring .num{position:absolute;inset:0;display:grid;place-items:center;text-align:center;font-family:Poppins;font-weight:800;font-size:2.3rem;color:var(--navy);line-height:1}
.qz-ring .num small{display:block;font-size:.8rem;font-weight:600;color:var(--muted);margin-top:4px}
.qz-band{display:inline-block;font-family:Poppins;font-weight:700;font-size:.9rem;padding:6px 14px;border-radius:999px;margin-bottom:10px}
.qz-areas{margin:34px 0 8px;display:grid;gap:16px}
.qz-arow .lbl{display:flex;justify-content:space-between;font-family:Poppins;font-weight:600;font-size:.95rem;margin-bottom:6px}
.qz-arow .lbl span:last-child{color:var(--muted);font-weight:500}
.qz-arow .trk{height:12px;border-radius:99px;background:var(--cream-2);overflow:hidden}
.qz-arow .trk i{display:block;height:100%;width:0;border-radius:99px;transition:width 1s ease}
.qz-next{margin-top:30px;padding:26px;border-radius:22px;background:var(--cream-2)}
.qz-next h3{margin-bottom:8px}
.qz-next ul{list-style:none;margin-top:12px;display:grid;gap:10px}
.qz-next li{position:relative;padding-left:24px}
.qz-next li::before{content:"";position:absolute;left:0;top:.55em;width:11px;height:11px;border-radius:50%;background:var(--coral)}
.qz-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.qz-care{margin-top:24px;padding:18px 20px;border-left:4px solid var(--teal);background:rgba(152,220,208,.18);border-radius:0 14px 14px 0;font-size:.95rem}
.qz-care p{color:var(--navy)}
.qz-restart{margin-top:18px;background:none;border:0;font:inherit;font-weight:600;color:var(--muted);text-decoration:underline;cursor:pointer}

/* promo block used on other pages */
.qz-promo{display:grid;grid-template-columns:1fr auto;gap:26px;align-items:center;background:#fff;border-radius:26px;padding:34px 38px;box-shadow:0 14px 40px rgba(31,53,82,.08);position:relative;overflow:hidden}
.qz-promo h3{font-size:1.45rem;margin-bottom:6px}
.qz-promo .dots{position:absolute;right:-40px;top:-40px;width:140px;height:140px;border-radius:50%;background:var(--yellow);opacity:.25;pointer-events:none}

@media (max-width:640px){
  .qz{padding:28px 20px;border-radius:22px}
  .qz-choice .opts{grid-template-columns:1fr}
  .qz-result-head{grid-template-columns:1fr;justify-items:start}
  .qz-ring{width:130px;height:130px}
  .qz-promo{grid-template-columns:1fr;padding:28px 24px}
}
@media (prefers-reduced-motion:reduce){.qz-bar i,.qz-ring .val,.qz-arow .trk i{transition:none}}

/* homepage duo */
.qz-duo{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:28px}
.qz-card{display:flex;flex-direction:column;border-radius:26px;padding:32px;text-decoration:none;color:var(--navy);transition:transform .2s;min-height:250px}
.qz-card:hover{transform:translateY(-3px)}
.qz-card h3{font-size:1.4rem;margin:12px 0 8px}
.qz-card p{font-size:.98rem}
.qz-card .go{margin-top:auto;padding-top:18px;font-family:Poppins;font-weight:700}
.qz-pill{align-self:flex-start;font-family:Poppins;font-weight:600;font-size:.85rem;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.7)}
.qz-card-work{background:rgba(244,103,119,.16)}
.qz-card-you{background:rgba(152,220,208,.38)}
@media (max-width:760px){.qz-duo{grid-template-columns:1fr}.qz-card{min-height:0;padding:26px}}