[hidden]{display:none!important}
.header-tools{display:flex;align-items:center;gap:10px}.social-x{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--border,#292d2f);border-radius:2px;color:var(--text,#ecebe4);transition:color .15s,border-color .15s}.social-x svg{width:15px;height:15px}.social-x:hover{color:var(--orange);border-color:var(--orange)}.social-x:focus-visible,.intro-replay:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
.intro-replay{background:none;border:0;color:inherit;font:inherit;font-size:10px;cursor:pointer;padding:0}.intro-replay:hover{color:var(--orange)}
.quantbit-intro{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;justify-content:space-between;background:#0b0e0f;color:#eeede6;font-family:var(--mono,monospace);padding:28px 40px;opacity:1;transition:opacity .24s ease;overflow:auto}.quantbit-intro.intro-out{opacity:0;pointer-events:none}.intro-top,.intro-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;color:#858a8c;font-size:9px;letter-spacing:.08em}.intro-top button{background:none;border:1px solid #323638;color:#eeede6;font:inherit;letter-spacing:0;padding:10px 14px;cursor:pointer}.intro-top button:hover,.intro-top button:focus-visible{border-color:#ff963d;color:#ff963d;outline:0}.intro-top button span{margin-left:15px;color:#ff963d}
.intro-stage{width:min(520px,100%);margin:26px auto;flex-shrink:0}.intro-symbol{width:98px;height:98px;margin:0 auto 40px}.intro-symbol svg{width:100%;height:100%;overflow:visible}.intro-pixel{opacity:0;animation:pixel-in .35s ease forwards;animation-delay:calc(var(--pixel,0)*22ms)}.intro-terminal{border:1px solid #303436;background:#0d1011;box-shadow:0 24px 80px #0005}.intro-path{padding:12px 18px;border-bottom:1px solid #292d2f;color:#787e80;font-size:10px;display:flex;justify-content:space-between}.intro-path span{color:#ff963d}.intro-command{margin:24px 20px;font-size:12px;min-height:18px;white-space:nowrap}.intro-command>span:first-child{color:#ff963d}.intro-cursor{display:inline-block;width:6px;height:12px;background:#eeede6;margin-left:5px;vertical-align:-2px;animation:cursor-blink .5s step-end infinite}.intro-code{padding:0 20px 24px}.intro-code>div{display:grid;grid-template-columns:70px 1fr;gap:10px;position:relative;margin:11px 0;color:#858a8c;font-size:10px;opacity:0;animation:row-in .3s ease forwards;animation-delay:calc(.42s + var(--row)*.23s)}.intro-code code{font:inherit;color:#cecec6;overflow-wrap:anywhere}.intro-code i{position:absolute;bottom:-4px;left:80px;height:2px;width:0;background:repeating-linear-gradient(90deg,#ff963d 0 4px,transparent 4px 7px);animation:chain-in .65s ease forwards;animation-delay:calc(.55s + var(--row)*.23s)}.intro-ready{border-top:1px dashed #303436;margin:0 20px;padding:20px 0;font-size:10px;color:#c4c7c1;opacity:0;animation:row-in .2s 1.45s forwards}.intro-ready span{color:#ff963d;margin-right:12px}.intro-signoff{text-align:center;font-size:9px;letter-spacing:.18em;color:#686f72;margin:24px 0 0}
@keyframes pixel-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes row-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes chain-in{to{width:65%}}@keyframes cursor-blink{50%{opacity:0}}
@media(max-width:680px){.header-tools{gap:8px}.social-x{width:30px;height:30px}.social-x svg{width:13px;height:13px}.quantbit-intro{padding:20px 18px}.intro-symbol{width:78px;height:78px;margin-bottom:28px}.intro-command{font-size:10px;margin:20px 14px}.intro-path{padding:11px 14px;font-size:9px}.intro-code{padding:0 14px 20px}.intro-code>div{grid-template-columns:59px 1fr;font-size:9px;gap:6px}.intro-code i{left:65px}.intro-ready{font-size:9px;margin:0 14px}.intro-bottom{font-size:7px}.intro-top{font-size:8px}.intro-top button{padding:9px 10px}.intro-top button span{margin-left:8px}.intro-replay{font-size:9px}}
@media(prefers-reduced-motion:reduce){.quantbit-intro{transition:none}.intro-pixel,.intro-code>div,.intro-ready{animation:none;opacity:1}.intro-code i{animation:none;width:65%}.intro-cursor{animation:none}}