/* Galaxy and DNA are separate transparent layers, animated without a render loop. */
.genesis{position:relative;width:100%;aspect-ratio:1;isolation:isolate;pointer-events:none}
.hero-art .genesis svg{position:absolute;inset:0;width:100%;height:100%;margin:0;overflow:visible}
.genesis-map{z-index:0}
.genesis-galaxy-plane{position:absolute;z-index:1;width:94%;height:94%;left:3%;top:27%;transform:rotate(14deg) scaleY(.36)}
.genesis-galaxy{width:100%;height:100%;object-fit:contain;animation:galaxyRevolve 72s linear infinite;will-change:transform}
.genesis-dna{position:absolute;z-index:2;left:35%;top:3%;width:30%;height:73%;transform-origin:50% 98%;animation:genesisSway 12s ease-in-out infinite;will-change:transform}
.genesis-dna>img{width:100%;height:100%;object-fit:fill}
.genesis-pulse{fill:none;stroke:#e7feff;stroke-width:1.1;stroke-linecap:round;stroke-dasharray:4 410;stroke-dashoffset:0;filter:drop-shadow(0 0 2px #9ef7ff);opacity:.85;animation:genesisSignal 7s linear infinite}
.genesis-pulse-lime{stroke:#f4ffc4;animation-delay:-3.5s;animation-duration:9s}
.genesis-nucleus{position:absolute;z-index:3;width:8%;height:3%;left:46%;top:72.3%;border-radius:50%;background:radial-gradient(ellipse,#ffffdf 0%,#f0fbbca6 20%,#00b9f244 55%,transparent 72%);transform:rotate(14deg);filter:blur(2px);animation:genesisGlow 5s ease-in-out infinite}
.genesis-planet{position:absolute;z-index:4;border-radius:50%;animation:genesisDrift 10s ease-in-out infinite}
.genesis-lavender{width:12%;height:12%;left:77%;top:14%;background:radial-gradient(circle at 28% 24%,#fbecff 0%,#c3a9f4 24%,#8d6ac3 53%,#443365 100%);box-shadow:inset -4px -6px 10px #261d4f55}
.genesis-chrome{width:8%;height:8%;left:11%;top:63%;background:radial-gradient(circle at 32% 27%,#fff 0%,#e0f9ff 12%,#88a8b4 25%,#263e4b 42%,#d6f6fc 57%,#537583 68%,#243e49 86%);animation-delay:-4s;animation-duration:13s}
.genesis-coral{width:5%;height:5%;left:81%;top:47%;background:radial-gradient(circle at 30% 25%,#ffd3b9,#ff9278 65%,#c95f50);animation-delay:-7s}
.genesis-satellite-track{position:absolute;z-index:1;width:77%;height:77%;left:11.5%;top:10%;animation:galaxyRevolve 40s linear infinite}
.genesis-satellite-track span{position:absolute;width:7px;height:7px;left:18%;top:11%;border-radius:50%;background:#d1f35a;box-shadow:0 0 10px #d1f35a55}
.genesis-labels{z-index:5}
.genesis[data-in-view="false"] *{animation-play-state:paused!important}
@keyframes galaxyRevolve{to{transform:rotate(360deg)}}
@keyframes genesisSway{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}
@keyframes genesisDrift{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}
@keyframes genesisSignal{to{stroke-dashoffset:-414}}
@keyframes genesisGlow{0%,100%{opacity:.65}50%{opacity:1}}
@media(max-width:850px){.genesis-labels{display:none}}
@media(max-width:600px){.hero-art:has(.genesis){height:auto;aspect-ratio:1;margin-top:12px}.genesis{width:100%}}
@media(prefers-reduced-motion:reduce){.genesis *{animation:none!important}}