.node-intro{z-index:1000;color:#f3f7f4;background:#030605;outline:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.node-boot-scene{isolation:isolate;width:500px;max-width:94vw;height:340px;margin-top:-80px;position:relative}.boot-node{width:56%;height:auto;image-rendering:pixelated;z-index:2;animation:4.4s steps(16,end) both node-arrive;position:absolute;top:-16px;left:22%}.satellite-node{width:30%;height:auto;image-rendering:pixelated;z-index:2;animation:4.4s steps(12,end) both node-satellite;position:absolute;top:124px}.satellite-left{left:0}.satellite-right{animation-delay:.12s;right:0}.network-link{transform-origin:0;z-index:1;background:#8af0b0;width:34%;height:4px;animation:4.4s steps(10,end) both node-connect;position:absolute;top:56%}.network-left{left:16%;rotate:-22deg}.network-right{width:25%;top:45%;left:61%;rotate:24deg}.boot-agent{width:18%;height:auto;image-rendering:pixelated;z-index:3;animation:4.4s steps(10,end) both node-agent;position:absolute;top:226px;left:41%}.node-boot-title{text-align:center;animation:4.4s steps(8,end) both node-title;position:absolute;top:calc(50% + 145px)}.node-boot-title h1{color:#8af0b0;margin:0;font-size:52px;line-height:1}.node-boot-title p{margin:12px 0 0;font-size:18px}.node-intro-controls{gap:10px;display:flex;position:absolute;bottom:30px}.node-intro-controls button{color:#f3f7f4;background:#162b1d;border:1px solid #63866b;align-items:center;gap:12px;min-height:42px;padding:10px 16px;font-size:14px;display:flex}.node-intro-controls button:hover{background:#2e4d37}.node-intro-controls button:focus-visible{outline-offset:4px;outline:2px solid #8af0b0}@keyframes node-arrive{0%{opacity:0;transform:translateY(-80px)scale(.8)}14%{opacity:1}35%,to{transform:none}}@keyframes node-satellite{0%,22%{opacity:0;transform:translateY(25px)scale(.5)}48%,to{opacity:1;transform:none}}@keyframes node-connect{0%,38%{opacity:0;transform:scaleX(0)}58%,to{opacity:1;transform:scaleX(1)}}@keyframes node-agent{0%,57%{opacity:0;transform:translateY(12px)}74%,to{opacity:1;transform:none}}@keyframes node-title{0%,69%{opacity:0;transform:translateY(8px)}83%,to{opacity:1;transform:none}}@media (max-width:600px){.node-boot-scene{width:320px;height:280px;margin-top:-70px}.boot-node{top:15px}.satellite-node{top:124px}.network-link{top:59%}.network-right{top:45%}.boot-agent{top:211px}.node-boot-title{top:calc(50% + 120px)}.node-boot-title h1{font-size:40px}.node-boot-title p{font-size:16px}.node-intro-controls{bottom:24px}}@media (max-height:500px){.node-intro{justify-content:flex-start}.node-boot-scene{width:290px;height:210px;margin-top:2px}.boot-node{top:-12px}.satellite-node{top:80px}.network-link{top:53%}.network-right{top:45%}.boot-agent{top:144px}.node-boot-title{top:auto;bottom:62px}.node-boot-title h1{font-size:29px}.node-boot-title p{margin-top:5px;font-size:13px}.node-intro-controls{bottom:10px}.node-intro-controls button{min-height:34px;padding:6px 12px}}@media (prefers-reduced-motion:reduce){.boot-node,.satellite-node,.network-link,.boot-agent,.node-boot-title{animation:none!important}.boot-node,.satellite-node,.network-link,.boot-agent{opacity:1}}