.sentinel-hero-animation{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .6s}body[data-version=sentinel] .sentinel-hero-animation{opacity:1}body[data-version=sentinel] .hero-animation canvas{opacity:0}body[data-version=sentinel] .lab-hero-animation{opacity:0!important;visibility:hidden}.sentinel-grid{position:absolute;inset:0;background-image:linear-gradient(0deg,rgba(20,184,166,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(20,184,166,.03) 1px,transparent 1px);background-size:80px 80px;opacity:.4;animation:8s ease-in-out infinite gridPulse}@keyframes gridPulse{0%,100%{opacity:.3}50%{opacity:.5}}.sentinel-brackets{position:absolute;inset:20px;pointer-events:none}.sentinel-bracket{position:absolute;width:60px;height:60px;border:2px solid rgba(20,184,166,.6);animation:4s ease-in-out infinite bracketPulse}.sentinel-bracket::after,.sentinel-bracket::before{content:'';position:absolute;background:rgba(20,184,166,.8)}.sentinel-bracket.tl{top:0;left:0;border-right:none;border-bottom:none;animation-delay:0s}.sentinel-bracket.tr{top:0;right:0;border-left:none;border-bottom:none;animation-delay:.2s}.sentinel-bracket.bl{bottom:0;left:0;border-right:none;border-top:none;animation-delay:.4s}.sentinel-bracket.br{bottom:0;right:0;border-left:none;border-top:none;animation-delay:.6s}@keyframes bracketPulse{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.sentinel-scanner{position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent 0,rgba(20,184,166,0) 20%,rgba(20,184,166,.8) 50%,rgba(20,184,166,0) 80%,transparent 100%);box-shadow:0 0 20px rgba(20,184,166,.6);animation:6s linear infinite scan}@keyframes scan{0%{top:0;opacity:0}10%,90%{opacity:1}100%{top:100%;opacity:0}}.sentinel-nodes{position:absolute;inset:0}.sentinel-node{position:absolute;width:8px;height:8px;background:rgba(20,184,166,.8);border-radius:50%;box-shadow:0 0 10px rgba(20,184,166,.6),0 0 20px rgba(20,184,166,.3);animation:3s ease-in-out infinite nodePulse}.sentinel-node:first-child{top:25%;left:20%;animation-delay:0s}.sentinel-node:nth-child(2){top:25%;left:50%;animation-delay:.3s}.sentinel-node:nth-child(3){top:25%;left:80%;animation-delay:.6s}.sentinel-node:nth-child(4){top:50%;left:35%;animation-delay:.9s}.sentinel-node:nth-child(5){top:50%;left:65%;animation-delay:1.2s}.sentinel-node:nth-child(6){top:75%;left:20%;animation-delay:1.5s}.sentinel-node:nth-child(7){top:75%;left:50%;animation-delay:1.8s}.sentinel-node:nth-child(8){top:75%;left:80%;animation-delay:2.1s}@keyframes nodePulse{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}body[data-theme=light] .sentinel-grid{background-image:linear-gradient(0deg,rgba(20,184,166,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(20,184,166,.08) 1px,transparent 1px);opacity:.6}body[data-theme=light] .sentinel-bracket{border-color:rgba(20,184,166,.8)}body[data-theme=light] .sentinel-scanner{background:linear-gradient(90deg,transparent 0,rgba(20,184,166,0) 20%,#14b8a6 50%,rgba(20,184,166,0) 80%,transparent 100%);box-shadow:0 0 30px rgba(20,184,166,.8)}body[data-theme=light] .sentinel-node{background:#14b8a6;box-shadow:0 0 15px rgba(20,184,166,.8),0 0 30px rgba(20,184,166,.5)}@media (max-width:768px){.sentinel-grid{background-size:60px 60px}.sentinel-bracket{width:40px;height:40px}.sentinel-node{width:6px;height:6px}}@media (max-width:480px){.sentinel-grid{background-size:40px 40px}.sentinel-bracket{width:30px;height:30px}.sentinel-node{width:5px;height:5px}}@media (prefers-reduced-motion:reduce){.sentinel-bracket,.sentinel-grid,.sentinel-node,.sentinel-scanner{animation:none}.sentinel-scanner{display:none}.sentinel-grid{opacity:.3}.sentinel-bracket{opacity:.5}.sentinel-node{opacity:.4}}