.msa-qfloat{position:fixed;left:20px;bottom:20px;z-index:900;width:420px;max-width:calc(100vw - 32px);
  background:#fff;border-radius:16px;box-shadow:0 12px 40px rgba(16,40,80,.18);padding:24px 26px;
  overflow:hidden;transform:translateY(16px);opacity:0;transition:transform .35s ease,opacity .35s ease;font-family:var(--font-family,Arial,sans-serif);}
.msa-qfloat.is-visible{transform:translateY(0);opacity:1;}
.msa-qfloat__paws{position:absolute;top:-10px;right:-10px;opacity:.08;pointer-events:none;}
.msa-qfloat__min{position:absolute;top:14px;right:16px;background:none;border:none;font-size:22px;line-height:1;color:#9aa0a8;cursor:pointer;padding:4px;}
.msa-qfloat__title{margin:0 26px 8px 0;font-size:22px;font-weight:800;line-height:1.2;color:#12203a;}
.msa-qfloat__text{margin:0 0 12px;font-size:14px;line-height:1.5;color:#5a6270;}
.msa-qfloat__proof{display:flex;align-items:center;gap:7px;margin:0 0 16px;font-size:13px;color:#8a8f98;}
.msa-qfloat__btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;
  padding:13px 18px;border:1.5px solid #004b8c;border-radius:8px;background:#fff;color:#004b8c;
  font-size:16px;font-weight:700;text-decoration:none;transition:background .18s,color .18s;}
.msa-qfloat__btn:hover{background:#004b8c;color:#fff;}
.msa-qfloat__btn:hover svg path{stroke:#fff;}
/* Minimized -> small tab pill */
.msa-qfloat.is-min{width:auto;padding:0;background:transparent;box-shadow:none;left:20px;bottom:20px;}
.msa-qfloat.is-min>*:not(.msa-qfloat__tab){display:none;}
/* ghost/outline: the quiz pill is a SECONDARY CTA — keep it lighter than the solid red
   "Register Now" so the primary buy button stays the single strongest CTA (CRO: two solid
   CTAs compete; primary must dominate). */
.msa-qfloat__tab{display:none;align-items:center;gap:8px;background:#fff;color:#004b8c;border:1.5px solid #004b8c;
  border-radius:999px;padding:12px 20px;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 4px 16px rgba(16,40,80,.12);transition:background .18s,color .18s;}
.msa-qfloat__tab svg{fill:#004b8c;}
.msa-qfloat__tab:hover{background:#004b8c;color:#fff;}
.msa-qfloat__tab:hover svg{fill:#fff;}
.msa-qfloat.is-min .msa-qfloat__tab{display:inline-flex;}
/* Mobile: hide the floating invite entirely (desktop-only per product decision).
   The direct #quiz_ link / inline PDP "Do I qualify?" still work on mobile. */
@media (max-width:768px){
  .msa-qfloat,
  .msa-qfloat.is-min{ display:none !important; }
}
