*{box-sizing:border-box}body,html{font-family:Space Grotesk,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:#7fb2ff}a:hover{color:#a9ccff}.ecg{background:radial-gradient(130% 90% at 50% 12%,#12183a 0,#0a0d1f 42%,#05060c 100%);height:100vh;min-height:932px;overflow:hidden;position:relative;width:100%}.ecg__glow{background:radial-gradient(60% 45% at 50% 58%,rgba(90,120,255,.1),transparent 70%)}.ecg__glow,.ecg__grid{inset:0;pointer-events:none;position:absolute}.ecg__grid{background-image:linear-gradient(rgba(120,150,255,.035) 1px,transparent 0),linear-gradient(90deg,rgba(120,150,255,.035) 1px,transparent 0);background-size:52px 52px;-webkit-mask-image:radial-gradient(70% 70% at 50% 55%,#000 30%,transparent 78%);mask-image:radial-gradient(70% 70% at 50% 55%,#000 30%,transparent 78%)}.ecg__head{animation:ecg-fade .8s ease both;left:56px;position:absolute;top:44px;z-index:20}.ecg__title{color:#f2f4ff}.ecg__legend{animation:ecg-fade .8s ease .12s both;gap:2px;position:absolute;right:52px;top:46px;z-index:20}.ecg__legend,.lg{display:flex;flex-direction:column}.lg{background:hsla(0,0%,100%,.015);border:1px solid hsla(0,0%,100%,.06);border-radius:12px;cursor:default;gap:0;padding:11px 14px;transition:background .35s cubic-bezier(.4,0,.2,1),border-color .35s,box-shadow .35s,gap .35s,padding .35s;width:262px}.lg.on{background:color-mix(in srgb,var(--c) 12%,transparent);border-color:color-mix(in srgb,var(--c) 55%,transparent);box-shadow:0 0 26px -6px color-mix(in srgb,var(--c) 60%,transparent);gap:10px;padding:13px 14px}.lg__row{align-items:center;display:flex;gap:12px}.lg__dot{background:var(--c);border-radius:50%;box-shadow:0 0 10px var(--c);flex:0 0 auto;height:9px;opacity:.7;transition:opacity .35s;width:9px}.lg.on .lg__dot{opacity:1}.lg__txt{flex:1}.lg__name{color:#c2c8ea;font-size:14px;font-weight:600;letter-spacing:-.01em;transition:color .35s}.lg.on .lg__name{color:#f2f4ff}.lg__sub{color:#727aa8;font-family:IBM Plex Mono,monospace;font-size:10.5px;letter-spacing:.02em;margin-top:2px}.lg.on .lg__sub{display:none}.lg__idx{color:#4c5480;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;transition:color .35s}.lg.on .lg__idx{color:var(--c)}.lg__chips{display:none;flex-wrap:wrap;gap:6px}.lg.on .lg__chips{display:flex}.lg__chip{background:color-mix(in srgb,var(--c) 16%,transparent);border:1px solid color-mix(in srgb,var(--c) 50%,transparent);border-radius:7px;color:#f2f4ff;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:500;letter-spacing:.01em;padding:4px 9px;white-space:nowrap}.ecg__scene{inset:0;perspective:1700px;perspective-origin:50% 43%;position:absolute}.ecg__stack{animation:ecg-drift 26s ease-in-out infinite;height:0;left:50%;position:absolute;top:55%;transform-style:preserve-3d;width:0}.beam{background:linear-gradient(90deg,rgba(245,177,61,0),rgba(77,168,255,.35) 20%,rgba(45,212,167,.35) 40%,rgba(176,124,246,.35) 60%,rgba(255,122,92,.35) 80%,rgba(255,111,165,.5));box-shadow:0 0 8px rgba(140,170,255,.4);height:2px;pointer-events:none;top:0;transform-origin:0 50%}.beam,.beam__flow{left:0;position:absolute}.beam__flow{background:linear-gradient(90deg,transparent,#dfe8ff,transparent);border-radius:3px;filter:blur(1px);height:6px;top:-2px;width:46px}.layer{left:0;position:absolute;top:0;transform:translate3d(-300px,-200px,calc(var(--z) + var(--lift,0px)));transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,0,.2,1)}.layer.on{--lift:26px}.plane{background:radial-gradient(130% 130% at 32% 22%,color-mix(in srgb,var(--c) 20%,transparent),color-mix(in srgb,var(--c) 5%,transparent) 46%,rgba(9,11,22,.62) 100%);border:1px solid color-mix(in srgb,var(--c) 32%,transparent);border-radius:24px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05),0 40px 90px -34px color-mix(in srgb,var(--c) 40%,transparent);cursor:default;height:400px;position:absolute;transform-style:preserve-3d;transition:opacity .45s cubic-bezier(.4,0,.2,1),filter .45s,border-color .45s,box-shadow .45s;width:600px}.layer.on .plane{border-color:color-mix(in srgb,var(--c) 72%,transparent);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05),0 40px 90px -34px color-mix(in srgb,var(--c) 75%,transparent);filter:saturate(1.12) brightness(1.06)}.stack--dim .layer:not(.on) .plane{filter:saturate(.7) brightness(.78);opacity:.5}.plane__svg{height:400px;left:0;overflow:visible;pointer-events:none;position:absolute;top:0;width:600px}.plane__svg line{animation:ecg-dash 4s linear infinite;stroke:color-mix(in srgb,var(--c) 40%,transparent);stroke-dasharray:5 9;stroke-width:1.2;transition:stroke .4s}.layer.on .plane__svg line{stroke:color-mix(in srgb,var(--c) 85%,transparent)}.node{animation:ecg-twinkle 3.4s ease-in-out infinite;background:var(--c);border-radius:50%;box-shadow:0 0 12px color-mix(in srgb,var(--c) 70%,transparent);position:absolute}.node--hub{animation:none;background:radial-gradient(circle at 35% 30%,#fff,var(--c));border:1.5px solid hsla(0,0%,100%,.7);box-shadow:0 0 22px color-mix(in srgb,var(--c) 95%,transparent),0 0 0 6px color-mix(in srgb,var(--c) 14%,transparent)}.nlabel{backdrop-filter:blur(3px);background:rgba(8,10,20,.78);border:1px solid hsla(0,0%,100%,.14);border-radius:7px;box-shadow:0 3px 10px rgba(0,0,0,.55);color:#eaeeff;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600;letter-spacing:.01em;padding:3px 8px;position:absolute;transform:translateX(-50%);transition:all .4s;white-space:nowrap}.layer.on .nlabel{background:color-mix(in srgb,var(--c) 20%,transparent);border-color:color-mix(in srgb,var(--c) 75%,transparent);box-shadow:0 3px 14px -4px color-mix(in srgb,var(--c) 90%,transparent),0 0 0 1px color-mix(in srgb,var(--c) 25%,transparent);color:#fff;font-size:13px}.badge{align-items:center;color:#f4f6ff;display:flex;font-size:15px;font-weight:600;gap:8px;left:22px;letter-spacing:-.01em;position:absolute;text-shadow:0 2px 10px rgba(0,0,0,.6);top:18px}.badge__dot{background:var(--c);border-radius:50%;box-shadow:0 0 12px var(--c);height:8px;width:8px}.badge__ctx{color:color-mix(in srgb,var(--c) 90%,transparent);font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}@keyframes ecg-drift{0%{transform:scale(.82) rotateX(60deg) rotate(-27deg)}50%{transform:scale(.82) rotateX(60deg) rotate(-33deg)}to{transform:scale(.82) rotateX(60deg) rotate(-27deg)}}@keyframes ecg-twinkle{0%,to{opacity:.55}50%{opacity:1}}@keyframes ecg-dash{to{stroke-dashoffset:-140}}@keyframes ecg-flow{0%{opacity:0;transform:translateX(0)}12%{opacity:1}88%{opacity:1}to{opacity:0;transform:translateX(var(--len))}}@keyframes ecg-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.beam__flow,.ecg__stack,.node,.plane__svg line{animation:none!important}}@media(max-width:767px){.ecg__legend{top:100px}.ecg__head{left:30px}.ecg__stack{top:41%}.ecg{min-height:600px}}