.hero-section{align-items:center;justify-content:center -5px;background:radial-gradient(at top,#001a4d 0%,#000814 50%,#000 100%);width:100%;height:720px;display:flex;position:relative;overflow:hidden}.grid-background{z-index:1;background-image:linear-gradient(#4a90e21a 1.5px,#0000 1.5px),linear-gradient(90deg,#4a90e21a 1.5px,#0000 1.5px);background-size:60px 60px;width:100%;height:100%;animation:4s ease-in-out infinite gridPulse;position:absolute;top:0;left:0}@keyframes gridPulse{0%,to{opacity:.3}50%{opacity:.6}}.circuit-pattern{opacity:.5;z-index:1;background-image:repeating-linear-gradient(90deg,#0000,#0000 10px,#4a90e20d 10px 11px),repeating-linear-gradient(0deg,#0000,#0000 10px,#4a90e20d 10px 11px);width:100%;height:100%;animation:30s linear infinite circuitMove;position:absolute;top:0;left:0}@keyframes circuitMove{0%{background-position:0 0}to{background-position:60px 60px}}.particles-container{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.particle{opacity:0;background:radial-gradient(circle,#4a90e2,#0000);border-radius:50%;width:4px;height:4px;animation:15s linear infinite particleFloat;position:absolute}.particle:before{content:"";background:inherit;filter:blur(2px);border-radius:50%;width:100%;height:100%;position:absolute}@keyframes particleFloat{0%{opacity:0;transform:translateY(100vh)translate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px)translate(100px)}}.particle-0{animation-duration:12s;animation-delay:0s;left:10%}.particle-1{animation-duration:14s;animation-delay:2s;left:20%}.particle-2{animation-duration:13s;animation-delay:4s;left:30%}.particle-3{animation-duration:15s;animation-delay:1s;left:40%}.particle-4{animation-duration:11s;animation-delay:3s;left:50%}.particle-5{animation-duration:16s;animation-delay:5s;left:60%}.particle-6{animation-duration:12.5s;animation-delay:2.5s;left:70%}.particle-7{animation-duration:14.5s;animation-delay:4.5s;left:80%}.particle-8{animation-duration:13.5s;animation-delay:1.5s;left:90%}.particle-9{animation-duration:15.5s;animation-delay:3.5s;left:15%}.particle-10{animation-duration:11.5s;animation-delay:5.5s;left:25%}.particle-11{animation-duration:14s;animation-delay:.5s;left:35%}.particle-12{animation-duration:12s;animation-delay:2s;left:45%}.particle-13{animation-duration:16s;animation-delay:4s;left:55%}.particle-14{animation-duration:13s;animation-delay:1s;left:65%}.particle-15{animation-duration:15s;animation-delay:3s;left:75%}.particle-16{animation-duration:12s;animation-delay:5s;left:85%}.particle-17{animation-duration:14s;animation-delay:2.5s;left:95%}.particle-18{animation-duration:13s;animation-delay:4.5s;left:12%}.particle-19{animation-duration:15s;animation-delay:1.5s;left:88%}.floating-hardware{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.hardware-chip{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#1e4d8b 0%,#0d2847 100%);border:3px solid #4a90e266;border-radius:12px;animation:8s ease-in-out infinite float3D;position:absolute;box-shadow:0 20px 60px #4a90e266,inset 0 2px 10px #ffffff1a,0 0 40px #4a90e24d}.hardware-chip:before{content:"";background:linear-gradient(45deg,#0000 30%,#4a90e21a 50%,#0000 70%);border-radius:4px;width:60%;height:60%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chip-pins{border-radius:inherit;width:100%;height:100%;position:absolute}.chip-pins:before,.chip-pins:after{content:"";background:#ffffff4d;position:absolute}.chip-pins:before{width:4px;height:80%;box-shadow:0 0 10px #4a90e299,calc(100% + 8px)0 0 0 #ffffff4d,calc(100% + 8px)0 10px #4a90e299;top:10%;left:-4px}.chip-pins:after{width:80%;height:4px;box-shadow:0 0 10px #4a90e299,0 calc(100% + 8px)0 0 #ffffff4d,0 calc(100% + 8px)10px #4a90e299;top:-4px;left:10%}.chip-1{width:180px;height:140px;animation-duration:10s;animation-delay:0s;top:12%;left:8%}.chip-2{width:160px;height:160px;animation-duration:12s;animation-delay:2s;top:55%;right:12%}.chip-3{width:140px;height:110px;animation-duration:11s;animation-delay:4s;top:30%;right:6%}.chip-4{width:150px;height:130px;animation-duration:9s;animation-delay:1s;bottom:15%;left:10%}.hardware-connector{background:radial-gradient(circle,#4a90e2 0%,#1e4d8b 60%,#0a2a6c 100%);border:4px solid #4a90e280;border-radius:50%;width:90px;height:90px;animation:9s ease-in-out infinite float3D,2s ease-in-out infinite connectorPulse;position:absolute;box-shadow:0 10px 40px #4a90e280,inset 0 4px 8px #fff3,0 0 60px #4a90e266}.connector-glow{background:radial-gradient(circle,#4a90e2cc,#0000);border-radius:50%;width:40px;height:40px;animation:2s ease-in-out infinite glowPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes connectorPulse{0%,to{box-shadow:0 10px 40px #4a90e280,inset 0 4px 8px #fff3,0 0 60px #4a90e266}50%{box-shadow:0 10px 50px #4a90e2b3,inset 0 4px 8px #ffffff4d,0 0 80px #4a90e299}}@keyframes glowPulse{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.3)}}.connector-1{animation-delay:1s;top:22%;left:28%}.connector-2{animation-duration:11s;animation-delay:3s;bottom:18%;left:18%}.connector-3{animation-duration:10s;animation-delay:2s;top:40%;right:25%}.circuit-trace{background:linear-gradient(90deg,#0000 0%,#4a90e233 10%,#4a90e2cc 50%,#4a90e233 90%,#0000 100%);height:4px;animation:3s ease-in-out infinite tracePulse;position:absolute;box-shadow:0 0 15px #4a90e299}.trace-1{width:280px;animation-delay:0s;top:25%;left:18%;transform:rotate(-12deg)}.trace-2{width:220px;animation-delay:1s;top:50%;right:20%;transform:rotate(20deg)}.trace-3{width:260px;animation-delay:2s;bottom:22%;left:32%;transform:rotate(-28deg)}.trace-4{width:200px;animation-delay:1.5s;top:38%;left:40%;transform:rotate(35deg)}.trace-5{width:240px;animation-delay:.5s;bottom:35%;right:15%;transform:rotate(-18deg)}.pcb-element{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1e4d8b26;border:2px solid #4a90e24d;border-radius:8px;animation:12s ease-in-out infinite float3D;position:absolute}.pcb-1{width:200px;height:150px;animation-delay:2.5s;top:18%;right:30%;transform:rotate(15deg)}.pcb-2{width:180px;height:130px;animation-delay:4s;bottom:25%;right:8%;transform:rotate(-20deg)}@keyframes float3D{0%,to{transform:translateY(0)translateX(0)rotateX(0deg)rotateY(0deg)rotateZ(var(--rotate,0deg))}25%{transform:translateY(-30px)translateX(15px)rotateX(8deg)rotateY(8deg)rotateZ(var(--rotate,0deg))}50%{transform:translateY(-40px)translateX(-15px)rotateX(-8deg)rotateY(-8deg)rotateZ(var(--rotate,0deg))}75%{transform:translateY(-25px)translateX(20px)rotateX(5deg)rotateY(5deg)rotateZ(var(--rotate,0deg))}}@keyframes tracePulse{0%,to{opacity:.4;box-shadow:0 0 15px #4a90e299}50%{opacity:1;box-shadow:0 0 30px #4a90e2}}.scan-line{z-index:5;background:linear-gradient(90deg,#0000,#4a90e2cc,#0000);width:100%;height:2px;animation:4s linear infinite scanMove;position:absolute;top:0;left:0;box-shadow:0 0 20px #4a90e2cc}@keyframes scanMove{0%{opacity:0;transform:translateY(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(750px)}}.hero-content{z-index:10;text-align:center;color:#fff;margin-top:200px;animation:1.2s ease-out fadeInUp;position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.hero-badge{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);text-transform:uppercase;letter-spacing:1.5px;background:#4a90e226;border:2px solid #4a90e266;border-radius:50px;margin-bottom:30px;padding:10px 28px;font-size:.85rem;font-weight:600;animation:1.2s ease-out .2s both fadeInUp;display:inline-block;position:relative;box-shadow:0 0 30px #4a90e24d}.badge-pulse{background:#4a90e2;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.badge-pulse:before{content:"";background:inherit;border-radius:50%;width:100%;height:100%;animation:2s ease-in-out infinite pulseRing;position:absolute}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes pulseRing{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}.hero-title{text-shadow:0 4px 30px #4a90e280;letter-spacing:-1px;margin-bottom:25px;font-size:3.7rem;font-weight:900;line-height:1.1;animation:1.2s ease-out .4s both fadeInUp}.hero-subtitle{opacity:.9;color:#ffffffd9;max-width:750px;margin-bottom:45px;margin-left:auto;margin-right:auto;font-size:1.5rem;line-height:1.6;animation:1.2s ease-out .6s both fadeInUp}.hero-cta-group{justify-content:center;gap:24px;animation:1.2s ease-out .8s both fadeInUp;display:flex}.hero-btn{cursor:pointer;letter-spacing:1px;border:none;border-radius:50px;padding:16px 42px;font-size:1.05rem;font-weight:700;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.hero-btn:before{content:"";background:#fff3;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-btn:hover:before{width:300px;height:300px}.hero-btn.primary{color:#fff;box-shadow:none;background:0 0;border:1px solid #00f;border-radius:8px;align-items:center;gap:12px;padding:10px 24px;font-size:1rem;display:inline-flex}.btn-icon-circle{color:#2563eb;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;font-weight:700;transition:all .3s;display:inline-flex}.hero-btn.primary:hover .btn-icon-circle{background:#f0f0f0;transform:scale(1.1)}.hero-btn.primary:hover{background:#ffffff1a;border-color:#00f;transform:translateY(-4px)}.hero-btn.primary .btn-arrow{margin-left:8px;transition:transform .3s;display:inline-block}.hero-btn.primary:hover .btn-arrow{transform:translate(5px)}.hero-btn.secondary{color:#fff;background:0 0;border:2px solid #4a90e299;box-shadow:0 4px 20px #0000004d}.hero-btn.secondary:hover{background:#4a90e226;border-color:#4a90e2;transform:translateY(-4px);box-shadow:0 12px 30px #4a90e24d}.hero-btn span{z-index:1;position:relative}@media (max-width:768px){.hero-section{height:650px}.hero-content{margin-top:160px;padding:0 20px}.hero-badge{padding:8px 20px;font-size:.7rem}.badge-pulse{width:6px;height:6px;left:10px}.hero-title{letter-spacing:0;font-size:3rem}.hero-subtitle{font-size:1.15rem}.hero-cta-group{flex-direction:column;align-items:center;gap:16px}.hero-btn{width:100%;max-width:320px;padding:14px 32px}.hardware-chip,.hardware-connector{transform:scale(.5)!important}.circuit-trace{opacity:.4;transform:scale(.7)!important}.pcb-element{opacity:.3}.particle{display:none}}@media (max-width:480px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}}
