/* Quantum gateway mock animation (quantum.html) — not shown on phones */
.qg{margin-top:2rem;display:grid;gap:1.4rem}
.qg .lane{border:1px solid var(--border-soft);border-radius:16px;padding:1rem 1.1rem 1.1rem;background:rgba(255,255,255,.02)}
.qg .lane.new{border-color:var(--border);background:radial-gradient(120% 120% at 0% 0%,rgba(0,200,180,.08),rgba(10,15,30,.35))}
.qg .lh{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.9rem}
.qg .lh b{font-size:.95rem;color:var(--ghost)}
.qg .lane.old .lh b{color:#FFC978}
.qg .lane.new .lh b{color:var(--teal)}
.qg .lh span{font-family:'Space Mono',ui-monospace,Consolas,monospace;font-size:.72rem;color:var(--muted)}
.qg .track{position:relative;display:grid;grid-template-columns:repeat(8,1fr);gap:.7rem;align-items:stretch}
.qg .track::before{content:'';position:absolute;left:6%;right:6%;top:50%;height:1px;background:var(--border-soft)}
.qg .lane.new .track::before{background:linear-gradient(90deg,var(--teal),rgba(155,123,255,.7))}
.qg .nd{position:relative;z-index:1;border-radius:11px;padding:.6rem .45rem;text-align:center;font-size:.72rem;line-height:1.3;
  color:var(--muted);background:#0f1729;border:1px solid var(--border-soft);transition:border-color .3s,box-shadow .3s,color .3s}
.qg .nd i{display:block;font-style:normal;font-size:1.05rem;margin-bottom:.2rem}
.qg .nd small{display:block;font-size:.6rem;color:var(--muted-dim);margin-top:.2rem}
.qg .nd.extra{border-style:dashed;border-color:rgba(255,181,71,.45)}
.qg .nd.extra small{color:rgba(255,181,71,.8)}
.qg .nd.ghost{background:transparent;border-style:dashed;border-color:rgba(240,244,255,.08);color:var(--muted-dim);opacity:.55}
.qg .nd.ghost i{opacity:.4}
.qg .nd.qpu{border-color:rgba(155,123,255,.5);color:#D9CCFF}
.qg .nd.adb{border-color:rgba(0,200,180,.45);color:var(--ghost)}
.qg .nd.on{color:var(--ghost);border-color:var(--teal);box-shadow:0 0 22px rgba(0,200,180,.4)}
.qg .lane.old .nd.on{border-color:#FFB547;box-shadow:0 0 22px rgba(255,181,71,.35)}
.qg .nd.qpu.on{border-color:var(--violet);box-shadow:0 0 26px rgba(155,123,255,.5)}
.qg .nd .wait{display:block;font-size:.6rem;color:#FFC978;height:.8rem;margin-top:.15rem}
.qg .nd .grp{display:flex;gap:.25rem;justify-content:center;margin-top:.35rem;min-height:1rem}
.qg .nd .grp em{font-style:normal;font-size:.58rem;padding:.05rem .35rem;border-radius:5px;opacity:0}
.qg .nd .grp em.a{background:rgba(0,200,180,.2);color:var(--teal)}
.qg .nd .grp em.b{background:rgba(155,123,255,.22);color:#CDBEFF}
.qg .nd .grp.show em{opacity:1}
.qg .pk{position:absolute;z-index:3;left:0;top:0;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;pointer-events:none;opacity:0}
.qg .lane.old .pk{background:#FFB547;box-shadow:0 0 14px #FFB547}
.qg .lane.new .pk{background:var(--teal);box-shadow:0 0 16px var(--teal)}
.qg .pk.back{background:var(--violet)!important;box-shadow:0 0 16px var(--violet)!important}
.qg .ls{display:flex;flex-wrap:wrap;gap:1.6rem;margin-top:.95rem;opacity:.25;transition:opacity .5s}
.qg .ls.show{opacity:1}
.qg .ls div{font-size:.68rem;color:var(--muted)}
.qg .ls b{display:block;font-size:1.2rem;color:var(--ghost)}
.qg .lane.old .ls b{color:#FFC978}
.qg .lane.new .ls b{color:var(--teal)}
.qg-foot{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.1rem;flex-wrap:wrap}
.qg-step{font-size:.92rem;color:var(--ghost);min-height:1.4em}
.qg-step em{font-style:normal;color:var(--teal)}
.qg-btn{font:inherit;font-size:.78rem;color:var(--teal);background:transparent;border:1px solid var(--border);border-radius:99px;padding:.4rem .9rem;cursor:pointer}
.qg-btn:hover{border-color:var(--teal)}
@media (max-width:820px){.qg .nd{font-size:.62rem;padding:.5rem .25rem}.qg .nd small{display:none}.qg .track{gap:.4rem}}
@media (max-width:600px){.no-phone{display:none!important}}