.tech-grid{background-image:linear-gradient(#4fa6a417 1px,#0000 1px),linear-gradient(90deg,#4fa6a417 1px,#0000 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(80% 70% at 60% 40%,#000 35%,#0000 80%);mask-image:radial-gradient(80% 70% at 60% 40%,#000 35%,#0000 80%)}.pipe-draw{stroke-dasharray:1;stroke-dashoffset:1px;animation:2.2s cubic-bezier(.6,.1,.2,1) forwards draw}@keyframes draw{to{stroke-dashoffset:0}}.flow.fade-late{stroke-dasharray:6 16;animation-name:flow,fade-in;animation-timing-function:linear,ease-out;animation-iteration-count:infinite,1;animation-fill-mode:none,both}@keyframes flow{to{stroke-dashoffset:-44px}}.fade-late{animation:.8s ease-out both fade-in}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.node-ping{transform-box:fill-box;transform-origin:50%;animation:2.6s ease-out infinite ping}@keyframes ping{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(3.2)}}.crt{mix-blend-mode:multiply;pointer-events:none;background:repeating-linear-gradient(0deg,#0000002e 0 1px,#0000 1px 3px),radial-gradient(#0000 55%,#0000008c 100%)}.scanline{pointer-events:none;will-change:transform;animation:3.4s ease-in-out infinite alternate scan;position:absolute;inset:0}.scanline:before{content:"";background:linear-gradient(90deg,#0000,#7fd6d3,#0000);height:2px;position:absolute;top:0;left:0;right:0;box-shadow:0 0 14px 2px #4fa6a4cc}@keyframes scan{0%{transform:translateY(3%)}to{transform:translateY(97%)}}.ken-burns{filter:saturate(.85)contrast(1.08);animation:18s ease-in-out infinite alternate kb}@keyframes kb{0%{transform:scale(1.02)}to{transform:scale(1.12)translate(-2%,-1%)}}.hud-c{pointer-events:none;border-color:#7fd6d3;width:22px;height:22px;position:absolute}.hud-c.sm{opacity:0;width:14px;height:14px;transition:opacity .3s}.group:hover .hud-c.sm{opacity:1}.hud-c.tl{border-top:2px solid;border-left:2px solid;top:10px;left:10px}.hud-c.tr{border-top:2px solid;border-right:2px solid;top:10px;right:10px}.hud-c.bl{border-bottom:2px solid;border-left:2px solid;bottom:10px;left:10px}.hud-c.br{border-bottom:2px solid;border-right:2px solid;bottom:10px;right:10px}.target-pulse{animation:2.2s ease-in-out infinite target}@keyframes target{0%,to{opacity:.8;transform:scale(1)}50%{opacity:.25;transform:scale(1.35)}}.eq{transform-origin:bottom;height:100%;animation:1s ease-in-out infinite alternate eq;transform:scaleY(.3)}@keyframes eq{to{transform:scaleY(1)}}.caret:after{content:"▍";color:#4fa6a4;margin-left:2px;animation:1s step-end infinite caret}@keyframes caret{50%{opacity:0}}.text-shine{background:linear-gradient(100deg,#4fa6a4 20%,#bff3f0 40%,#4fa6a4 60%) 0 0/250% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:5s linear infinite shine}@keyframes shine{0%{background-position:150% 0}to{background-position:-100% 0}}.glow-text{text-shadow:0 0 24px #4fa6a48c}.btn-sheen:after{content:"";background:linear-gradient(100deg,#0000,#ffffff73,#0000);width:40%;animation:3.6s ease-in-out infinite sheen;position:absolute;top:0;bottom:0;left:-60%;transform:skew(-20deg)}@keyframes sheen{0%,60%{left:-60%}to{left:130%}}.data-line{background:linear-gradient(90deg,#0000,#4fa6a4,#f2791d,#0000) 0 0/50% 100% no-repeat;animation:4s linear infinite data}@keyframes data{0%{background-position:-50% 0}to{background-position:150% 0}}.nav-link{position:relative}.nav-link:after{content:"";background:#4fa6a4;height:2px;transition:right .3s;position:absolute;bottom:-6px;left:0;right:100%}.nav-link:hover:after{right:0}.spin-slow{will-change:transform;animation:9s linear infinite spin-slow}.group:hover .spin-hover{animation:9s linear infinite spin-slow}@keyframes spin-slow{to{transform:rotate(360deg)}}.hazard-move{background-size:40px 40px;animation:1.2s linear infinite hazard}@keyframes hazard{to{background-position:40px 0}}.marquee{animation:32s linear infinite marquee}@keyframes marquee{to{transform:translate(-50%)}}.reveal{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1),box-shadow .3s,background-color .3s;transform:translateY(26px)}.reveal.in{opacity:1;transform:none}a.reveal.in:hover{transform:translateY(-3px);transition-delay:0s!important}.spot:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(320px circle at var(--x,50%) var(--y,50%), #1b7a7924, transparent 45%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.spot:hover:before{opacity:1}.card-scan{pointer-events:none;opacity:0;position:absolute;inset:0}.card-scan:before{content:"";background:linear-gradient(90deg,#0000,#4fa6a4,#0000);height:2px;position:absolute;top:0;left:0;right:0}.group:hover .card-scan{opacity:1;animation:1.4s ease-in-out infinite card-scan}@keyframes card-scan{0%{transform:translateY(0)}to{transform:translateY(100%)}}.liquid{background:repeating-linear-gradient(90deg,#1b7a79 0 18px,#4fa6a4 18px 30px) 0 0/30px 100%;animation:.9s linear infinite liquid}@keyframes liquid{to{background-position:30px 0}}.node-ring{animation:2.1s ease-out infinite ring-out}@keyframes ring-out{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}.radar-bg{background:radial-gradient(circle,#0000 0 24%,#4fa6a440 24.3% 24.8%,#0000 25% 49%,#4fa6a440 49.3% 49.8%,#0000 50% 74%,#4fa6a440 74.3% 74.8%,#0000 75%),radial-gradient(circle,#1b7a7940,#0c1716e6 70%)}.radar-sweep{will-change:transform;background:conic-gradient(#0000 0deg 280deg,#4fa6a48c 360deg);animation:4s linear infinite spin-slow}.blip{opacity:.35;animation:4s linear infinite blip;box-shadow:0 0 12px #f2791d}@keyframes blip{0%{opacity:1;transform:scale(1.6)}25%{opacity:.35;transform:scale(1)}to{opacity:.35}}.slide-in{animation:.35s cubic-bezier(.2,.7,.2,1) both slide-in}@keyframes slide-in{0%{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.flow.fade-late,.node-ping,.scanline,.ken-burns,.target-pulse,.eq,.text-shine,.btn-sheen:after,.data-line,.spin-slow,.hazard-move,.marquee,.liquid,.node-ring,.radar-sweep,.blip,.caret:after,.group:hover .card-scan{animation:none!important}.pipe-draw{stroke-dashoffset:0;animation:none}.reveal{opacity:1;transform:none}}@media (width>=1024px){.pipes-mask{-webkit-mask-image:linear-gradient(90deg,#00000040 0% 45%,#000 62%);mask-image:linear-gradient(90deg,#00000040 0% 45%,#000 62%)}}.tunnel-ring{transform-box:view-box;transform-origin:208px 192px;animation:3.6s linear infinite tunnel}@keyframes tunnel{0%{opacity:0;transform:scale(.04)}15%{opacity:.9}to{opacity:0;transform:scale(1.6)}}.crack-blink{animation:3.6s ease-in-out infinite crack}@keyframes crack{0%,40%{opacity:0}55%,85%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.tunnel-ring,.crack-blink{animation:none!important}}html.pre .rise{animation:none}html.pre .pipe-draw{stroke-dashoffset:0;animation:none}html.pre g.fade-late{animation:none}html.pre .flow.fade-late{animation-name:flow;animation-iteration-count:infinite}
