.qm{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;min-height:360px;margin:0 0 44px;padding:48px;border:1px solid #62418c;border-radius:24px;background:radial-gradient(ellipse at 80% 50%,#3f1e6955,transparent 60%),#100c19;box-shadow:inset 0 0 60px #46216818,0 20px 60px #0003}
.qm::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.16;background-image:linear-gradient(#a98bff30 1px,transparent 1px),linear-gradient(90deg,#a98bff30 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000)}
.qm-copy{position:relative;z-index:2}.qm-kicker{display:flex;align-items:center;gap:10px;color:#bca0e3;font-size:10px;letter-spacing:2.5px;font-weight:700}.qm-kicker i{width:6px;height:6px;border-radius:50%;background:#d2aeff;box-shadow:0 0 12px #b15dff}
#home .qm h2{margin:22px 0 18px;font-size:clamp(27px,3.1vw,42px);line-height:1.35;letter-spacing:-1.7px;word-break:keep-all}.qm h2 em{font-style:normal;color:#ceabff}.qm-copy>p{margin:0;color:#a99bbd;font-size:13px;line-height:1.8;word-break:keep-all}
.qm-stages{display:flex;align-items:center;gap:12px;margin-top:26px;font-size:12px;color:#8f7da7}.qm-stages span{padding:6px 13px;border:1px solid #59426c;border-radius:6px;background:#20162d;animation:qm-stage 12s ease-in-out infinite}.qm-stages span:nth-of-type(2){animation-delay:4s}.qm-stages span:nth-of-type(3){animation-delay:8s}.qm-stages b{font-weight:400;color:#765e91}
.qm-art{position:relative;min-width:0;height:280px;display:grid;place-items:center}.qm-art svg{position:absolute;width:120%;height:135%;overflow:visible;pointer-events:none}.qm-core{position:relative;display:grid;place-items:center;width:154px;height:154px;border-radius:50%;background:radial-gradient(circle,#251235,#0b0811 70%);border:1px solid #a875e377;box-shadow:0 0 35px #a24df344,inset 0 0 25px #8f46c433;animation:qm-float 4s ease-in-out infinite}.qm-core img{width:128px;height:128px;object-fit:contain;mix-blend-mode:screen;border-radius:50%}.qm-core::before,.qm-core::after{content:"";position:absolute;inset:-12px;border-radius:50%;border:1px solid #ba80ff50;animation:qm-ripple 7s ease-out infinite}.qm-core::after{animation-delay:3.5s}
.qm-orbit{transform-origin:300px 190px;animation:qm-orbit 8s linear infinite}.qm-orbit.reverse{animation-duration:12s;animation-direction:reverse}.qm-flow{stroke-dasharray:65 650;animation:qm-flow 3s linear infinite}.qm-flow.second{animation-delay:-1.5s}.qm-twinkle{animation:qm-twinkle 5s ease-in-out infinite}.qm-twinkle:nth-of-type(2n){animation-delay:-2s}
.qm-caption{position:absolute;bottom:-5px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:4px;color:#a48bbf}.qm-toggle{position:absolute;right:18px;bottom:16px;z-index:3;display:inline-flex;align-items:center;gap:7px;border:1px solid #705b88;border-radius:20px;padding:7px 12px;background:#191121;color:#cab8df;font-size:11px;line-height:1.4;cursor:pointer}.qm-toggle:hover{background:#332145;color:#fff}.qm-toggle:focus-visible{outline:2px solid #dabfff;outline-offset:4px}.qm-toggle[hidden]{display:none}
.qm.is-paused *,.qm.is-paused *::before,.qm.is-paused *::after{animation-play-state:paused!important}
@keyframes qm-orbit{to{transform:rotate(360deg)}}@keyframes qm-flow{to{stroke-dashoffset:-715}}@keyframes qm-float{0%,100%{transform:translateY(12px) rotate(-5deg)}50%{transform:translateY(-16px) rotate(5deg)}}@keyframes qm-ripple{0%{transform:scale(.95);opacity:.5}85%,100%{transform:scale(1.7);opacity:0}}@keyframes qm-twinkle{0%,100%{opacity:.3}50%{opacity:.85}}@keyframes qm-stage{0%,26%{border-color:#b57af5;color:#f2e4ff;background:#50316d;box-shadow:0 0 16px #8d47ca22}34%,100%{border-color:#59426c;color:#8f7da7;background:#20162d;box-shadow:none}}
@media(max-width:800px){.qm{grid-template-columns:1fr;padding:30px 24px 50px;gap:20px;margin-bottom:30px}.qm-copy{text-align:center}.qm-kicker,.qm-stages{justify-content:center}#home .qm h2{font-size:32px;margin:18px 0 14px}.qm-stages{margin-top:20px}.qm-art{height:250px;max-width:420px;width:100%;margin:0 auto}.qm-art svg{width:112%;height:115%}.qm-core{width:132px;height:132px}.qm-core img{width:110px;height:110px}.qm-caption{bottom:0}.qm-toggle{bottom:12px;right:14px}}
@media(prefers-reduced-motion:reduce){.qm:not(.motion-enabled) *,.qm:not(.motion-enabled) *::before,.qm:not(.motion-enabled) *::after{animation:none!important}.qm-core::before,.qm-core::after{opacity:.25}.qm-stages span{color:#e2c9ff}}

/* Visible orbital motion with a bright travelling head. */
.qm-halo{position:absolute;width:270px;height:270px;border-radius:50%;border:1px solid #a263ef44;transform:rotateX(55deg) rotate(-25deg);pointer-events:none}
.qm-halo.second{width:310px;height:310px;transform:rotateY(55deg) rotate(30deg)}
.qm-halo-track{position:absolute;inset:0;border-radius:50%;border-top:2px solid #d9aaff;border-right:2px solid #b375f544;border-bottom:2px solid transparent;border-left:2px solid transparent;animation:qm-spin 5s linear infinite;filter:drop-shadow(0 0 5px #ae61ff)}
.qm-halo-track::before{content:"";position:absolute;top:36px;right:36px;width:10px;height:10px;background:#f2dbff;border-radius:50%;box-shadow:0 0 16px 5px #bb74ff88}
.qm-halo.second .qm-halo-track{animation-duration:7s;animation-direction:reverse;border-top-color:#f0b1ff}
@keyframes qm-spin{to{transform:rotate(360deg)}}
@media(max-width:800px){.qm-halo{width:240px;height:240px}.qm-halo.second{width:280px;height:280px}}

/* Compact motion intro above the main hero. */
#home .qm{min-height:0;margin:28px 0 0;padding:28px 40px}
#home .qm h2{font-size:clamp(26px,2.8vw,36px);margin:15px 0 12px;line-height:1.3}
#home .qm .qm-stages{margin-top:18px}
#home .qm .qm-art{height:230px}
#home .qm .qm-art svg{width:110%;height:120%}
#home .qm .qm-core{width:132px;height:132px}
#home .qm .qm-core img{width:110px;height:110px}
#home .qm .qm-halo{width:230px;height:230px}
#home .qm .qm-halo.second{width:270px;height:270px}
#home .qm+.hero{padding-top:40px}
@media(max-width:800px){#home .qm{margin-top:20px;padding:24px 22px 22px;gap:12px}#home .qm h2{font-size:28px;margin:12px 0 10px}#home .qm .qm-stages{margin-top:14px}#home .qm .qm-art{height:190px}#home .qm .qm-core{width:110px;height:110px}#home .qm .qm-core img{width:92px;height:92px}#home .qm .qm-halo{width:190px;height:190px}#home .qm .qm-halo.second{width:220px;height:220px}#home .qm .qm-caption{bottom:-2px}#home .qm+.hero{padding-top:30px}}