.nano-light-hero{background:radial-gradient(circle,#fff 0%,#f0f9ff 100%);justify-content:center;align-items:center;width:100%;padding:60px 24px;font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden}.nano-shape{z-index:1;border-radius:50%;position:absolute}.nano-ring-1{border:70px solid #e0f2fe99;width:700px;height:700px;animation:15s ease-in-out infinite ring-pulse;top:-200px;left:-200px}.nano-ring-2{border:90px solid #e0f2fe80;width:900px;height:900px;animation:18s ease-in-out infinite reverse ring-pulse;bottom:-400px;right:-300px}.nano-ring-3{border:45px solid #e0f2feb3;width:450px;height:450px;animation:20s ease-in-out infinite ring-pulse;top:5%;right:15%}.nano-circle-primary-1{background-color:#0284c7;width:200px;height:200px;animation:6s ease-in-out infinite float-jump;top:12%;left:42%;box-shadow:0 10px 30px #0284c766}.nano-circle-primary-2{background-color:#0284c7;width:220px;height:220px;animation:8s ease-in-out 1s infinite float-jump;bottom:8%;left:5%;box-shadow:0 15px 35px #0284c780}.nano-circle-primary-3{background-color:#0284c7;width:180px;height:180px;animation:7s ease-in-out 2s infinite float-jump;bottom:25%;right:8%;box-shadow:0 10px 25px #0284c766}.nano-circle-accent-1{border:25px solid #38bdf8;width:100px;height:100px;animation:5s ease-in-out .5s infinite float-jump;top:35%;right:22%;box-shadow:0 10px 25px #10b9814d}.nano-circle-accent-2{border:30px solid #38bdf8;width:120px;height:120px;animation:9s ease-in-out 1.5s infinite float-jump;bottom:25%;left:8%;box-shadow:0 10px 25px #10b9814d}.nano-dots{opacity:.6;z-index:1;background-image:radial-gradient(#38bdf8 30%,#0000 30%);background-size:20px 20px;position:absolute}.nano-dots-1{width:100px;height:100px;animation:15s infinite float-slow;top:12%;left:58%}.nano-dots-2{width:80px;height:120px;animation:18s infinite float-reverse;top:48%;left:8%}.nano-dots-3{width:120px;height:80px;animation:14s infinite float-slow;bottom:28%;right:18%}.nano-dots-4{width:80px;height:80px;animation:16s infinite float-reverse;bottom:5%;left:22%}.nano-light-content{z-index:10;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:40px;width:100%;max-width:1200px;display:flex;position:relative}.nano-light-graphics{z-index:-1;opacity:.15;pointer-events:none;width:clamp(300px,50vw,500px);height:clamp(250px,45vw,400px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nano-robot-circle-1{z-index:2;background:#0284c7;border:clamp(6px,1vw,12px) solid #fff;border-radius:50%;justify-content:center;align-items:center;width:clamp(140px,20vw,200px);height:clamp(140px,20vw,200px);font-size:clamp(60px,10vw,90px);animation:8s ease-in-out infinite float-slow;display:flex;position:absolute;top:15%;left:0;box-shadow:0 15px 35px #00000026}.nano-robot-circle-2{z-index:1;background:#38bdf8;border:clamp(8px,1.5vw,16px) solid #fff;border-radius:50%;justify-content:center;align-items:center;width:clamp(180px,25vw,260px);height:clamp(180px,25vw,260px);font-size:clamp(80px,12vw,120px);animation:10s ease-in-out infinite float-reverse;display:flex;position:absolute;top:0;right:0;box-shadow:0 15px 35px #00000026}.nano-light-text{flex-direction:column;flex:1;align-items:center;max-width:800px;display:flex}.nano-light-badge{color:#0284c7;letter-spacing:2px;text-transform:uppercase;opacity:0;background:#e0f2fe;border-radius:999px;margin-bottom:24px;padding:8px 16px;font-size:.85rem;font-weight:700;animation:.8s ease-out forwards fade-in-up;display:inline-block}.nano-light-title{color:#111827;letter-spacing:-1px;opacity:0;text-shadow:0 10px 30px #0000000d;white-space:nowrap;margin-bottom:24px;font-size:clamp(2.2rem,4.5vw,4rem);font-weight:900;line-height:1.25;animation:.8s ease-out .2s forwards fade-in-up}.nano-text-gradient{background:linear-gradient(90deg,#0284c7 0%,#06b6d4 30%,#6366f1 70%,#0284c7 100%) 0 0/200%;color:#0000;-webkit-background-clip:text;animation:5s linear infinite text-shine}.nano-light-desc{color:#4b5563;opacity:0;max-width:700px;margin-bottom:40px;font-size:clamp(1rem,2vw,1.2rem);font-weight:400;line-height:1.7;animation:.8s ease-out .4s forwards fade-in-up}.nano-light-btn{color:#fff;opacity:0;background:#0ea5e9;border-radius:999px;align-items:center;gap:12px;padding:18px 40px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:transform .3s,box-shadow .3s,background .3s;animation:.8s ease-out .6s forwards fade-in-up;display:inline-flex;box-shadow:0 10px 25px #0284c766}.nano-light-btn:hover{color:#fff;background:#0284c7;transform:translateY(-3px);box-shadow:0 15px 35px #0284c780}@keyframes float-jump{0%{transform:translateY(0)scale(1)}33%{transform:translateY(-30px)scale(1.05)}66%{transform:translateY(15px)scale(.95)}to{transform:translateY(0)scale(1)}}@keyframes ring-pulse{0%{transform:scale(1)rotate(0)}50%{transform:scale(1.05)rotate(10deg)}to{transform:scale(1)rotate(0)}}@keyframes float-slow{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(3deg)}to{transform:translateY(0)rotate(0)}}@keyframes float-reverse{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(15px)rotate(-3deg)}to{transform:translateY(0)rotate(0)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes text-shine{to{background-position:200%}}@media (max-width:768px){.nano-light-title{white-space:normal;font-size:clamp(2rem,6vw,2.5rem)}}@media (max-width:600px){.nano-ring-1,.nano-ring-2,.nano-ring-3{display:none}}