.cx-hero{isolation:isolate;color:#e8eefc;background:radial-gradient(40rem 22rem at 85% -10%, #22d3ee2e, transparent 65%), radial-gradient(34rem 20rem at -10% 110%, #a78bfa33, transparent 65%), var(--color-night);position:relative;overflow:hidden}.cx-grid:before{content:"";z-index:-2;background-image:linear-gradient(#78a0ff17 1px,#0000 1px),linear-gradient(90deg,#78a0ff17 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 60% 40%,#000 20%,#0000 78%);mask-image:radial-gradient(at 60% 40%,#000 20%,#0000 78%)}.cx-circuit{z-index:-1;pointer-events:none;opacity:.55;width:100%;height:100%;position:absolute;inset:0}.cx-trace{fill:none;stroke:#8caaff33;stroke-width:1.5px}.cx-flow{fill:none;stroke-width:3px;stroke-linecap:round;stroke-dasharray:.4 6;filter:drop-shadow(0 0 4px)}.cx-c1{color:var(--color-neon-cyan);stroke:var(--color-neon-cyan)}.cx-c2{color:var(--color-neon-green);stroke:var(--color-neon-green)}.cx-c3{color:var(--color-neon-violet);stroke:var(--color-neon-violet)}.cx-c4{color:var(--color-sky);stroke:var(--color-sky)}.cx-pad{fill:var(--color-night);stroke:var(--color-neon-cyan);stroke-width:1.5px}.cx-hero nav a{color:var(--color-glow)}.cx-hero-lead{color:#b9c6e6}.cx-term{text-align:left;background:#060d24e0;border:1px solid #22d3ee4d;border-radius:.9rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;line-height:1.7;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08,0 20px 60px #00000073,0 0 40px #22d3ee1a}.cx-term-bar{color:#7f8fb6;border-bottom:1px solid #ffffff12;align-items:center;gap:.4rem;padding:.6rem .9rem;font-size:.72rem;display:flex}.cx-term-bar i{background:#2a3562;border-radius:50%;width:.6rem;height:.6rem}.cx-term-bar span{margin-left:.4rem}.cx-term-body{min-height:11rem;padding:.9rem 1rem 1.1rem;overflow:hidden}.cx-line{white-space:nowrap;color:#d4def5}.cx-line b{color:var(--color-neon-green);font-weight:400}.cx-line.cx-out{color:#8fa0c8}.cx-line.cx-ok{color:var(--color-neon-green)}.cx-type{vertical-align:bottom;white-space:nowrap;max-width:100%;width:calc(var(--n) * 1ch);display:inline-block;overflow:hidden}.cx-cursor{vertical-align:text-bottom;background:var(--color-neon-cyan);width:.6em;height:1.05em;margin-left:.15em;display:inline-block}@property --cx-a{syntax:"<angle>";inherits:false;initial-value:0deg}.cx-card{isolation:isolate;border:1px solid var(--color-line);background:var(--color-surface);border-radius:1rem;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block;position:relative}.cx-card:before{content:"";z-index:-1;border-radius:inherit;background:conic-gradient(from var(--cx-a), var(--color-neon-cyan), var(--color-neon-violet), var(--color-neon-green), var(--color-neon-cyan));-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:2px;transition:opacity .22s;position:absolute;inset:-1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}a.cx-card:hover:before,a.cx-card:focus-visible:before,.cx-card:focus-within:before,.cx-card.cx-lit:before{opacity:1}a.cx-card:hover,a.cx-card:focus-visible{transform:translateY(-3px);box-shadow:0 14px 40px #22d3ee29}.cx-card-dark{color:#e8eefc;background:linear-gradient(160deg,#0f1a42eb,#080e26f2);border-color:#78a0ff38}.cx-tag{color:var(--color-neon-cyan);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem}.cx-tag-light{color:var(--color-primary)}.cx-dark{isolation:isolate;color:#e8eefc;background:var(--color-night);position:relative}.cx-pipe{gap:1.5rem;margin:0;padding:0;list-style:none;display:grid;position:relative}.cx-step{gap:1rem;display:flex;position:relative}.cx-node{border:2px solid var(--color-neon-cyan);background:var(--color-night);width:2.5rem;height:2.5rem;color:var(--color-neon-cyan);z-index:1;border-radius:50%;flex:none;place-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;display:grid;box-shadow:0 0 14px #22d3ee73}.cx-rail{background:linear-gradient(var(--color-neon-cyan), var(--color-neon-violet), var(--color-neon-green));opacity:.45;width:2px;position:absolute;top:1.2rem;bottom:1.2rem;left:1.2rem}.cx-packet{z-index:2;width:.8rem;height:.8rem;box-shadow:0 0 12px 3px var(--color-neon-cyan), 0 0 26px 6px #22d3ee66;background:#fff;border-radius:50%;display:none;position:absolute;top:1.2rem;left:calc(.8rem + 1px)}@media (min-width:768px){.cx-pipe{grid-template-columns:repeat(5,1fr);gap:1rem}.cx-step{text-align:center;flex-direction:column;align-items:center}.cx-rail{background:linear-gradient(90deg, var(--color-neon-cyan), var(--color-neon-violet), var(--color-neon-green));width:auto;height:2px;inset:1.2rem 10% auto}.cx-packet{top:calc(.8rem + 1px);left:10%}}@media (prefers-reduced-motion:no-preference){@keyframes cx-flow{to{stroke-dashoffset:-100px}}@keyframes cx-type{0%{width:0}}@keyframes cx-appear{0%{opacity:0}}@keyframes cx-blink{50%{opacity:0}}@keyframes cx-spin{to{--cx-a:360deg}}@keyframes cx-pad{50%{fill:var(--color-neon-cyan)}}@keyframes cx-lit{0%,4%{background:var(--color-night);color:var(--color-neon-cyan);transform:scale(1);box-shadow:0 0 14px #22d3ee73}8%,22%{background:var(--color-neon-cyan);color:var(--color-night);transform:scale(1.18);box-shadow:0 0 26px 6px #22d3eeb3}30%,to{background:var(--color-night);color:var(--color-neon-cyan);transform:scale(1);box-shadow:0 0 14px #22d3ee73}}@keyframes cx-pack-y{0%{top:1.2rem}to{top:calc(100% - 2rem)}}@keyframes cx-pack-x{0%{left:10%}to{left:calc(90% - .8rem)}}.cx-flow{stroke-dasharray:3 97;animation:cx-flow var(--t,7s) linear infinite;animation-delay:var(--dl,0s)}.cx-line{animation:cx-appear 10ms linear var(--d) both}.cx-type{animation:cx-type calc(var(--n) * 55ms) steps(var(--n), end) var(--d) both}.cx-cursor{animation:1s step-end infinite cx-blink}.cx-pad{animation:3.6s ease-in-out infinite cx-pad;animation-delay:var(--dl,0s)}a.cx-card:hover:before,a.cx-card:focus-visible:before,.cx-card:focus-within:before,.cx-card.cx-lit:before{animation:3.5s linear infinite cx-spin}.cx-node{animation:12s ease-in-out infinite cx-lit;animation-delay:calc(var(--i) * 2.4s)}.cx-packet{animation:12s linear infinite cx-pack-y;display:block}@media (min-width:768px){.cx-packet{animation-name:cx-pack-x}}}@media (prefers-reduced-motion:reduce){.cx-cursor{opacity:1}a.cx-card:hover{transform:none}}:root.motion-paused .cx-line,:root.motion-paused .cx-type{animation:none}:root.motion-paused .cx-cursor{opacity:1;animation:none}