/* Animated visual layers for the landing page */
.hero{position:relative}.hero-gridlines{position:absolute;inset:0;opacity:.34;background-image:linear-gradient(#8eb4ff14 1px,transparent 1px),linear-gradient(90deg,#8eb4ff14 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,#000 10%,transparent 75%)}.hero-particle{position:absolute;z-index:1;width:44px;height:44px;display:grid;place-items:center;border:1px solid #8eb4ff55;background:#0b2139aa;backdrop-filter:blur(8px);color:#8eb4ff;font-size:15px;border-radius:12px;animation:drift 7s ease-in-out infinite}.particle-a{left:5%;bottom:15%;animation-delay:-2s}.particle-b{left:49%;top:17%;animation-delay:-5s}.particle-c{right:5%;bottom:32%;animation-delay:-3s;color:var(--lime);border-color:#b8ff7250}.hero-tech-image{position:absolute;z-index:2;width:670px;max-width:none;right:-105px;top:2px;mix-blend-mode:screen;filter:saturate(1.12) contrast(1.06);animation:float-art 9s ease-in-out infinite}.orbit-ring{position:absolute;border:1px solid #8eb4ff50;border-radius:50%;z-index:1}.ring-one{width:475px;height:475px;right:-35px;top:55px;animation:rotate-slow 22s linear infinite}.ring-two{width:335px;height:335px;right:83px;top:116px;border-color:#b8ff7270;animation:rotate-slow 16s linear infinite reverse}.hero .signal{right:160px;top:130px;width:150px;height:150px;z-index:4;box-shadow:0 0 45px #b8ff7240;animation:drift 6s ease-in-out infinite}.floating-pill{position:absolute;z-index:5;display:flex;gap:9px;align-items:center;padding:10px 13px;background:#091a2ee8;border:1px solid #8eb4ff55;color:#eef5ff;backdrop-filter:blur(10px);font-size:11px;font-weight:800;box-shadow:0 12px 25px #0003;animation:drift 7s ease-in-out infinite}.floating-pill i{color:var(--lime)}.pill-one{top:82px;right:1px;animation-delay:-4s}.pill-two{top:345px;left:8px;animation-delay:-1s}.hero .hero-card{z-index:5;animation:drift 8s ease-in-out infinite;animation-delay:-5s}@keyframes drift{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(0,-14px,0) rotate(2deg)}}@keyframes float-art{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(-10px,-16px,0) rotate(-2deg)}}@keyframes rotate-slow{to{transform:rotate(360deg)}}@media(max-width:800px){.hero-tech-image{width:500px;right:-75px;top:-48px}.ring-one{width:350px;height:350px;top:10px}.ring-two{width:230px;height:230px;right:115px;top:72px}.hero .signal{right:120px;top:65px}.pill-one{top:12px;right:3px}.pill-two{top:270px;left:20px}}@media(prefers-reduced-motion:reduce){.hero *{animation:none!important}}