/* Preview branching quiz. Scoped to .qb so the hero search and the rest of the home stay as they are. */
.qb{width:min(760px,calc(100% - 32px));margin:22px auto 8px;box-sizing:border-box;color:#172946}
.qb-1{background:#F7F1E8;border:1px solid #D0D8E2;border-radius:20px;padding:22px 20px 16px}
.qb-eye{margin:0 0 6px;color:#4A5D73;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-align:center}
.qb-once{margin:0 0 12px;text-align:center}
.qb-prog-label{margin:0 0 8px;color:#172946;font-size:14px;font-weight:700;text-align:center}
.qb-track{height:8px;background:#D0D8E2;border-radius:999px;overflow:hidden}
.qb-fill{display:block;height:100%;background:#F09800;border-radius:999px;width:0;transition:width 350ms ease}
.qb-rail{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:14px 0 0}
.qb-chip{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:48px;padding:10px 14px;border:2px solid #F09800;border-radius:16px;background:#FFF4E5;color:#172946;font-size:17px;font-weight:650;line-height:1.35}
.qb-asked{margin:0 0 6px;color:#4A5D73;font-size:13px;font-weight:500;line-height:1.3}
.qb-chip .qb-asked{margin:0}
.qb-stage,.qb-stack{display:flex;flex-direction:column;gap:16px;margin-top:16px}
.qb-step{background:#fff;border:1px solid #D0D8E2;border-radius:20px;padding:18px 16px 16px;text-align:left}
.qb-step h2,.qb-fallback h3{margin:0 0 12px;color:#172946!important;font-size:26px;line-height:1.2;font-weight:750;text-align:left}
.qb-note{margin:0 0 10px;color:#4A5D73;font-size:15px;line-height:1.4}
.qb-cards{display:flex;flex-direction:column;gap:12px}
.qb .qb-card{display:flex;align-items:center;width:100%;min-height:52px;padding:14px 16px;border:1px solid #D0D8E2;border-radius:16px;background:#fff;color:#172946;font-size:17px!important;font-weight:650!important;line-height:1.35!important;text-align:left;cursor:pointer}
.qb-card.is-on{border:3px solid #F09800;background:#FFF4E5;padding:12px 14px}
.qb-card.is-on,.qb-chip.is-on,.qb-fill{animation:qb-glow 1.6s ease-in-out infinite}
.qb-card.qb-pop{animation:qb-pop 260ms cubic-bezier(.22,1,.36,1)}
.qb-step.qb-in{animation:qb-in 320ms cubic-bezier(.22,1,.36,1)}
@keyframes qb-glow{0%,100%{box-shadow:0 0 0 0 rgba(240,152,0,.2)}50%{box-shadow:0 0 0 4px rgba(240,152,0,.35)}}
@keyframes qb-pop{0%{transform:scale(1)}50%{transform:scale(1.03)}100%{transform:scale(1)}}
@keyframes qb-in{from{opacity:.01;transform:translateY(12px)}to{opacity:1;transform:none}}
.qb-card:focus,.qb-card:focus-visible,.qb-back:focus-visible,.qb-reset:focus-visible,.qb-cta:focus-visible{outline:3px solid #F09800;outline-offset:3px}
.qb-nav{margin:14px 0 0;text-align:center}
.qb-back,.qb-reset{margin:0 8px;padding:8px 4px;border:0;background:transparent;color:#172946;font-size:16px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.qb-end{text-align:center}
.qb-celebrate{position:relative;width:72px;height:72px;margin:4px auto 12px}
.qb-check{position:absolute;left:22px;top:16px;width:18px;height:30px;border:solid #F09800;border-width:0 4px 4px 0;transform:rotate(40deg) scale(.6);animation:qb-check 400ms cubic-bezier(.22,1,.36,1) 1 both}
@keyframes qb-check{to{transform:rotate(40deg) scale(1)}}
.qb-ring{position:absolute;inset:0;border-radius:50%;animation:qb-ring 1s ease-out 1}
@keyframes qb-ring{0%{box-shadow:0 0 0 0 rgba(240,152,0,.45)}100%{box-shadow:0 0 0 14px rgba(240,152,0,0)}}
.qb-dots{position:absolute;inset:0}
.qb-dots i{position:absolute;left:33px;top:33px;width:6px;height:6px;border-radius:50%;background:#F09800;animation:qb-dot 1s cubic-bezier(.22,1,.36,1) 1 both}
@keyframes qb-dot{to{transform:translate(var(--x),var(--y));opacity:0}}
.qb-end-body{margin:0 0 12px;color:#172946;font-size:17px;line-height:1.45;text-align:left}
.qb-ctas{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start}
.qb-cta{display:inline-flex;align-items:center;min-height:48px;padding:0 16px;border-radius:12px;background:#F09800;color:#03203D;font-weight:700;text-decoration:none}
.qb-limit{margin:14px 0 0;color:#4A5D73;font-size:14px;line-height:1.4;text-align:left}
.qb-live .qb-fallback{display:none}
.qb-fallback{margin-top:8px}
.qb-fallback details{margin-top:10px;padding:12px 14px;border:1px solid #D0D8E2;border-radius:20px;background:#fff}
.qb-fallback summary{cursor:pointer;font-weight:650}
@media (max-width:767px){
  .qb{width:calc(100% - 24px);padding:16px 12px 12px}
  .qb-step h2{font-size:22px}
}
@media (prefers-reduced-motion:reduce){
  .qb-card,.qb-card.is-on,.qb-card.qb-pop,.qb-chip.is-on,.qb-fill,.qb-step.qb-in,.qb-ring,.qb-dots i{
    animation:none!important;transition:none!important;transform:none!important
  }
  .qb-check{animation:none!important;transform:rotate(40deg) scale(1)!important}
  .qb-dots{display:none}
  .qb-card.is-on,.qb-chip.is-on{border:3px solid #F09800;background:#FFF4E5;box-shadow:none}
}