.lumen-card{--lumen-sz:1rem;color:#fff;width:18rem;height:24rem;font-family:var(--font-sans);background:radial-gradient(circle at 50% 0,#3a3a3a 0%,#1a1a1a 64%);border-radius:1.8rem;flex-direction:column;justify-content:end;padding:1rem;transition:all .4s ease-in-out,translate .4s ease-out;display:flex;position:relative;box-shadow:inset 0 1.01rem .2rem -1rem #0000,inset 0 -1.01rem .2rem -1rem #0000,0 -1.02rem .2rem -1rem #0000,0 1rem .2rem -1rem #0000,0 0 0 1px #fff3,0 4px 4px #00000045,0 0 0 1px #333}.lumen-card:before{content:"";--offset:1rem;width:calc(100% + 2 * var(--offset));height:calc(100% + 2 * var(--offset));left:calc(-1 * var(--offset));right:calc(-1 * var(--offset));top:calc(-1 * var(--offset));bottom:calc(-1 * var(--offset));--ax:4rem;clip-path:polygon(var(--ax) 0, 0 0, 0 var(--ax), var(--ax) var(--ax), var(--ax) calc(100% - var(--ax)), 0 calc(100% - var(--ax)), 0 100%, var(--ax) 100%, var(--ax) calc(100% - var(--ax)), calc(100% - var(--ax)) calc(100% - var(--ax)), calc(100% - var(--ax)) 100%, 100% 100%, 100% calc(100% - var(--ax)), calc(100% - var(--ax)) calc(100% - var(--ax)), calc(100% - var(--ax)) var(--ax), 100% var(--ax), 100% 0, calc(100% - var(--ax)) 0, calc(100% - var(--ax)) var(--ax), var(--ax) var(--ax));border-radius:2.6rem;margin:auto;transition:all .4s ease-in-out;display:block;position:absolute;box-shadow:inset 0 0 0 .06rem #ffffff21}.lumen-card:hover{translate:0 -.2rem}.lumen-card:hover:before{--offset:.5rem;--ax:8rem;border-radius:2.2rem;box-shadow:inset 0 0 0 .08rem #ffffff12}.lumen-light-layer{width:100%;height:100%;transform-style:preserve-3d;perspective:400px;border-radius:inherit;position:absolute;top:0;left:0;overflow:hidden}.lumen-slit{background:#121212;width:64%;height:1.2rem;margin:auto;transition:all .4s ease-in-out;position:absolute;inset:0;transform:rotateX(-76deg);box-shadow:0 0 4px #0000}.lumen-beam{pointer-events:none;perspective:400px;opacity:0;width:100%;height:100%;margin:auto;transition:opacity .4s ease-in-out;position:absolute;inset:0}.lumen-beam-min{opacity:.4;background:linear-gradient(#0000,#ffffffab);width:70%;height:3rem;margin:auto;position:absolute;inset:0 0 2.5rem;transform:rotateX(-42deg)}.lumen-beam-mid{filter:blur(1rem);opacity:.8;background:linear-gradient(#0000,#ffffffab);border-radius:100% 100% 0 0;width:74%;height:13rem;margin:auto;position:absolute;inset:0 0 10rem;transform:rotateX(-42deg)}.lumen-beam-hi{filter:blur(1rem);opacity:.6;background:linear-gradient(#0000,#ffffffab);border-radius:100% 100% 0 0;width:50%;height:13rem;margin:auto;position:absolute;inset:0 0 12rem;transform:rotateX(22deg)}.lumen-darken{pointer-events:none;perspective:400px;opacity:.5;width:100%;height:100%;margin:auto;transition:opacity .4s ease-in-out;position:absolute;inset:0}.lumen-darken>*{transition:opacity .4s ease-in-out}.lumen-darken-sl{filter:blur(.2rem);opacity:.1;background:linear-gradient(#000,#0000);border-radius:0 0 100% 100%;width:64%;height:10rem;margin:auto;position:absolute;inset:9.6rem 0 0;transform:rotateX(-22deg)}.lumen-darken-ll{filter:blur(.8rem);opacity:.4;background:linear-gradient(#000000ab,#0000);border-radius:0 0 100% 100%;width:62%;height:10rem;margin:auto;position:absolute;inset:11rem 0 0;transform:rotateX(22deg)}.lumen-darken-slt{opacity:.6;background:linear-gradient(#00000054,#0000);border-radius:0 0 100% 100%;width:.5rem;height:4rem;margin:auto;position:absolute;inset:3.9rem 11.5rem 0 0;transform:skewY(42deg)}.lumen-darken-srt{opacity:.6;background:linear-gradient(#00000054,#0000);border-radius:0 0 100% 100%;width:.5rem;height:4rem;margin:auto;position:absolute;inset:3.9rem 0 0 11.5rem;transform:skewY(-42deg)}.lumen-icon{filter:drop-shadow(0 -1.2rem 1px #0000);width:fit-content;margin:auto;transition:filter .4s ease-in-out;position:absolute;top:5rem;left:0;right:0}.lumen-bottom{position:relative}.lumen-bottom h4{font-size:1.2rem;font-family:var(--font-serif);color:#ccc;margin:0 0 1rem}.lumen-bottom p{color:#ffffff45;border-bottom:1px solid #ffffff12;max-width:64%;margin:0;padding-bottom:.6rem;font-size:.6rem;font-weight:100;line-height:1.6}.lumen-toggle{cursor:pointer;background:#000;border-radius:.6rem;width:4.8rem;height:2rem;transition:all .4s ease-in-out;position:absolute;bottom:0;right:0;box-shadow:inset 0 -8px 8px .3rem #00000045,inset 0 0 1px .3rem #ddd,inset 0 -2px 1px .3rem #fff,inset 0 1px 2px .3rem #0006,inset 0 0 1px .8rem #aaa}.lumen-toggle:before{content:"";background:#000;border-radius:.2rem;width:3.4rem;height:.68rem;margin:auto;transition:all .4s ease-in-out;display:block;position:absolute;inset:0}.lumen-handle{background:#aaa;border-radius:.2rem;width:40%;height:30%;margin:auto;transition:all .4s ease-in-out;position:absolute;top:0;bottom:.04rem;left:.68rem;box-shadow:inset 0 1px 4px #fff,inset 0 -1px 1px #000000ab,0 0 1px 1px #0003,1px 3px 6px 1px #000000ab}.lumen-toggle.active .lumen-handle{transform:translate(1.58rem)}.lumen-toggle:not(.active):hover .lumen-handle{transform:translate(.2rem)}.lumen-toggle span{pointer-events:none;text-align:center;color:#555;opacity:0;font-size:.6rem;font-weight:100;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;margin:auto;transition:opacity .4s ease-in-out;position:absolute;bottom:calc(100% + .4rem);left:0;right:0}.lumen-toggle:hover span{opacity:1}.lumen-active{box-shadow:inset 0 1.01rem .1rem -1rem #ffffffab,inset 0 -4rem 3rem -3rem #000000ab,0 -1.02rem .2rem -1rem #ffffffab,0 1rem .2rem -1rem #000,0 0 0 1px #ffffff21,0 4px 4px #00000045,0 0 0 1px #333}.lumen-active .lumen-slit{background:#fff;box-shadow:0 0 4px #fff}.lumen-active .lumen-beam{opacity:.5}.lumen-active .lumen-darken{opacity:.8}.lumen-active .lumen-darken-sl{opacity:.2}.lumen-active .lumen-darken-ll,.lumen-active .lumen-darken-slt,.lumen-active .lumen-darken-srt{opacity:1}.lumen-active .lumen-icon{filter:drop-shadow(0 -1.2rem 2px #0003)brightness(1.64)}.lumen-active .lumen-toggle:before{background:#fffc;box-shadow:0 0 .3rem .2rem #ffffff78}.lumen-active .lumen-handle{box-shadow:inset 0 1px 12px #fff,inset 0 -1px 1px #ffffffab,0 0 2px 1px #4443,1px 3px 6px 1px #00000045}
@keyframes noodle-flow{0%{stroke-dashoffset:1000px;opacity:0}10%{opacity:.6}90%{opacity:.6}to{stroke-dashoffset:0;opacity:0}}.animate-noodle{stroke-dasharray:200 800;animation:4s ease-in-out infinite noodle-flow}.animate-noodle-delayed{stroke-dasharray:200 800;animation:4s ease-in-out 1.5s infinite noodle-flow}@media (prefers-reduced-motion:reduce){.animate-noodle,.animate-noodle-delayed{animation:none!important}}
@keyframes orbit-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes breathe-glow{0%,to{transform:scale(1);box-shadow:0 0 20px #a3e6351a}50%{transform:scale(1.05);box-shadow:0 0 35px #a3e6354d}}@keyframes ripple-expand{0%{opacity:.6;border-width:1px;transform:scale(.8)}to{opacity:0;border-width:0;transform:scale(2.5)}}@keyframes dot-handoff{0%,to{opacity:.3;r:2px;fill:#a3e635}50%{opacity:1;r:3.5px;fill:#a3e635}}@keyframes flowData{0%{stroke-dashoffset:120px;opacity:0}15%{opacity:1}85%{opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes breatheDiamond{0%,to{border-color:#a3e6354d;transform:scale(1);box-shadow:0 0 30px #a3e6354d}50%{border-color:#a3e63599;transform:scale(1.05);box-shadow:0 0 50px #a3e63580}}@keyframes orbitSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer-lock{0%,to{opacity:.4;border-color:#ffffff1a;transform:scale(1)}50%{opacity:.8;border-color:#ffffff40;transform:scale(1.05)}}@keyframes active-pulse-lime{0%,to{transform:scale(1);box-shadow:0 0 20px #a3e63566}50%{transform:scale(1.02);box-shadow:0 0 35px #a3e63599}}@keyframes scan-sweep{0%{opacity:0;transform:translateY(-150%)rotate(15deg)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(250%)rotate(15deg)}}@keyframes bg-pulse-soft{0%,to{opacity:.15;transform:translate(-50%,-50%)scale(.9)}50%{opacity:.25;transform:translate(-50%,-50%)scale(1.1)}}@keyframes drift-vertical-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes drift-vertical-reverse{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes signal-flow{0%{stroke-dashoffset:20px;opacity:.3}to{stroke-dashoffset:0;opacity:.6}}@keyframes signal-pulse-lime{0%,to{stroke-width:1px;opacity:.2}50%{stroke-width:1.5px;opacity:.8;stroke:#a3e635}}@keyframes node-activate-lime{0%,90%,to{fill:#fff;r:3px;filter:none}92%{fill:#a3e635;r:4.5px;filter:drop-shadow(0 0 8px #a3e635cc)}95%{fill:#a3e635;r:4px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important}}