@keyframes line-draw{0%{stroke-dashoffset:var(--line-length);opacity:0}to{stroke-dashoffset:0;opacity:1}}@keyframes dash-march{0%{stroke-dashoffset:0}to{stroke-dashoffset:-12px}}@keyframes card-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes card-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes sphere-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.hero-line{--line-length:500;stroke-dasharray:var(--line-length);stroke-dashoffset:var(--line-length);opacity:0;animation:.6s ease-out forwards line-draw}.hero-line-1{--line-length:500;animation-delay:.5s}.hero-line-2{--line-length:480;animation-delay:1.1s}.hero-line-3{--line-length:450;animation-delay:1.7s}.hero-line-dashed{opacity:0;animation:.6s ease-out forwards line-draw,.8s linear infinite dash-march}.hero-line-4{animation-delay:2.3s,2.9s}.hero-line-7{animation-delay:3.9s,4.5s}.hero-line-dotted{opacity:0;animation:.5s ease-out forwards line-draw,.8s linear infinite dash-march}.hero-line-5{animation-delay:2.9s,3.4s}.hero-line-6{animation-delay:3.4s,3.9s}.hero-card{opacity:0}.hero-card-main{animation:.4s ease-out forwards card-fade-in}.hero-card-secondary{animation:.4s ease-out .2s forwards card-slide-up}.hero-sphere{animation:4s ease-in-out infinite sphere-float}.hero-sphere-1{animation-delay:0s}.hero-sphere-2{animation-delay:.5s}.hero-sphere-3{animation-delay:.3s}.hero-sphere-4{animation-delay:.7s}.hero-line,.hero-line-dashed,.hero-line-dotted,.hero-card,.hero-sphere{will-change:opacity,transform,stroke-dashoffset;transform:translateZ(0)}