/* C17 — Floating Claim CTA v0.2 (Authorized Delta Manifest:
   WEBSITE-VNEXT-FLOATING-CLAIM-CTA-SPEC.md §8). Compact floating
   reproduction of the certified Claim Band visual hierarchy.
   mq-cta-* selectors only; no existing selector touched. */
.mq-cta-float{position:fixed;left:50%;bottom:22px;z-index:60;
  transform:translateX(-50%);width:min(640px,calc(100vw - 32px));
  background:#071022;border:1px solid #1c3a5e;border-radius:20px;
  padding:20px 24px 18px;box-shadow:0 18px 48px rgba(7,16,34,.4);
  opacity:1;transition:opacity .25s ease,transform .25s ease}
.mq-cta-float.is-off{opacity:0;transform:translateX(-50%) translateY(16px);
  pointer-events:none}
.mq-cta-float .hd{color:#fff;font:800 20px/1.25 Inter,sans-serif;
  letter-spacing:-.01em;margin:0}
.mq-cta-float .hd em{font-style:normal;color:#38bdf8}
.mq-cta-float .sub{color:#9fb1c9;font:400 13.5px/1.5 Inter,sans-serif;
  margin:6px 0 0}
.mq-cta-float .row{display:flex;align-items:center;gap:12px;margin-top:14px}
/* FC-07: two explicit states, gentle opacity crossfade — no pulse,
   bounce, typing or attention gimmick */
.mq-cta-hnd{position:relative;flex:1;min-width:0;background:#0b1a36;
  border:1px solid #1c3a5e;border-radius:999px;padding:10px 16px;
  font-family:ui-monospace,Menlo,monospace;font-size:14px;color:#38bdf8;
  white-space:nowrap;overflow:hidden}
.mq-cta-hnd > span{display:block;transition:opacity 1s ease}
/* FCV3-01/02 (v0.3): two-tone handle — the prefix stays MYQR cyan, the
   ownable suffix is white to draw the eye to the part they can own */
.mq-cta-hnd .pre{color:#38bdf8}
.mq-cta-hnd .suf{color:#fff}
.mq-cta-hnd .alt{position:absolute;top:10px;left:16px;right:16px}
.mq-cta-hnd:not(.swap) .alt{opacity:0}
.mq-cta-hnd.swap .base{opacity:0}
.mq-cta-hnd.swap .alt{opacity:1}
.mq-cta-float .go{background:#38bdf8;color:#071022;
  font:700 14.5px/1 Inter,sans-serif;border-radius:999px;
  padding:12px 22px;white-space:nowrap;text-decoration:none;flex:none}
.mq-cta-float .go:hover{background:#5fcbfa;color:#071022}
.mq-cta-float .go:focus-visible{outline:3px solid #fff;outline-offset:2px}
/* Rule 5: pure CSS on the certified menu state — no menu interrogation */
body.mmPushBody .mq-cta-float{display:none}
/* Rule 8 (v0.2.1): reduced motion => stable base handle, no crossfade */
@media (prefers-reduced-motion: reduce){
  .mq-cta-hnd .base{opacity:1 !important}
  .mq-cta-hnd .alt{opacity:0 !important}
  .mq-cta-hnd span{transition:none}
  .mq-cta-float{transition:opacity .01s,transform .01s}
}
@media (max-width:760px){
  .mq-cta-float{left:0;right:0;bottom:0;transform:none;width:auto;
    border-radius:0;border-left:0;border-right:0;border-bottom:0;
    padding:14px 16px calc(14px + env(safe-area-inset-bottom))}
  .mq-cta-float.is-off{transform:translateY(16px)}
  .mq-cta-float .hd{font-size:16px}
  .mq-cta-float .sub{display:none} /* v0.2: lede hidden on mobile */
  .mq-cta-float .row{margin-top:10px}
  .mq-cta-hnd{font-size:13px;padding:9px 14px}
  .mq-cta-hnd .alt{top:9px;left:14px;right:14px}
}