:root{--bg:#071018;--panel:#0c1822;--cyan:#10d9e8;--orange:#f58214;--text:#edf7f8;--muted:#79909b;--line:#17313e}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}body{overflow-x:hidden}main{min-height:100vh;position:relative;overflow:hidden;background:radial-gradient(circle at 76% 46%,#0a374166,transparent 28%),linear-gradient(130deg,#050b11,#09151e 55%,#061018)}.grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(#1d4a5626 1px,transparent 1px),linear-gradient(90deg,#1d4a5626 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent)}.glow{position:absolute;border-radius:50%;filter:blur(100px);opacity:.18}.glow.one{width:320px;height:320px;background:var(--cyan);right:18%;top:25%}.glow.two{width:220px;height:220px;background:var(--orange);right:4%;bottom:5%}header,.hero,.bottom,footer{position:relative;z-index:2;max-width:1280px;margin:auto;padding-left:48px;padding-right:48px}header{height:105px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;width:min(335px,46vw);height:72px;text-decoration:none}.logo img{display:block;width:100%;height:auto;max-height:70px;object-fit:contain;object-position:left center}.status{font-size:10px;letter-spacing:.18em;color:#9bb1ba}.status i{display:inline-block;width:7px;height:7px;background:var(--cyan);border-radius:50%;margin-right:10px;box-shadow:0 0 12px var(--cyan);animation:pulse 1.6s infinite}.hero{min-height:630px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center}.copy{padding:70px 0 55px;z-index:2}.kicker{font-size:11px;letter-spacing:.2em;color:#8ba0aa;font-weight:700}.kicker span{color:var(--cyan);padding-right:12px}.copy h1{font-size:clamp(54px,6vw,92px);line-height:.91;letter-spacing:-.06em;margin:28px 0 32px}.copy h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--cyan);text-shadow:0 0 35px #10d9e833}.lead{max-width:540px;color:#8ea3ad;font-size:16px;line-height:1.8}.actions{display:flex;align-items:center;gap:26px;margin-top:38px}.actions a{background:var(--orange);color:#fff;text-decoration:none;font-size:13px;font-weight:800;padding:16px 19px;clip-path:polygon(0 0,90% 0,100% 28%,100% 100%,0 100%)}.actions a b{padding-left:24px}.actions>span{font-size:12px;color:#8ca0aa}.scene{height:560px;position:relative;perspective:900px}.scene:after{content:"";position:absolute;left:9%;right:2%;bottom:72px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 20px #10d9e8}.orbit{position:absolute;border:1px solid #1baeba3b;border-radius:50%;left:18%;top:10%;animation:orbit 12s linear infinite}.o1{width:410px;height:410px}.o2{width:330px;height:330px;left:24%;top:17%;animation-direction:reverse}.robot{position:absolute;width:520px;height:500px;left:5%;bottom:35px;filter:drop-shadow(0 20px 25px #000b)}.base{position:absolute;width:165px;height:70px;left:70px;bottom:35px;background:linear-gradient(90deg,#122734,#254654 50%,#0c1b25);clip-path:polygon(13% 0,85% 0,100% 100%,0 100%);border-top:2px solid #3c7180}.base:before{content:"";position:absolute;width:105px;height:55px;left:30px;bottom:48px;border-radius:50% 50% 25% 25%;background:linear-gradient(90deg,#0d1e29,#325668,#112531)}.base span{position:absolute;left:62px;top:14px;width:40px;height:11px;border:1px solid var(--cyan);box-shadow:0 0 12px #10d9e855}.joint{position:absolute;width:75px;height:75px;border-radius:50%;background:radial-gradient(circle,#183442 22%,#07131d 24% 35%,#345767 37% 51%,#0a1923 54%);border:2px solid #4a7380;box-shadow:0 0 0 7px #102531,0 0 20px #000}.shoulder{left:114px;bottom:112px;animation:shoulder 5s ease-in-out infinite}.arm{position:absolute;display:block;height:64px;left:36px;top:5px;transform-origin:0 32px;background:linear-gradient(#385f6e,#122a35 48%,#081721 51%,#294b59);clip-path:polygon(0 12%,90% 0,100% 25%,100% 76%,90% 100%,0 88%);border-top:2px solid #53808c}.arm:after{content:"UGR  01";position:absolute;color:#8faab1;font-size:8px;letter-spacing:.12em;left:40%;top:25px}.arm i{position:absolute;left:16px;right:17px;top:12px;height:3px;background:var(--orange);box-shadow:0 0 10px #ff7a21}.arm-one{width:225px;transform:rotate(-55deg)}.elbow{right:-24px;top:-5px;animation:elbow 4.2s ease-in-out infinite}.arm-two{width:190px;transform:rotate(50deg)}.wrist{right:-25px;top:-5px;width:62px;height:62px}.tool{position:absolute;width:76px;height:36px;left:30px;top:13px;background:linear-gradient(#375763,#0a1820);clip-path:polygon(0 10%,75% 0,100% 50%,75% 100%,0 90%)}.tool i{position:absolute;width:9px;height:50px;background:#183442;right:-1px;top:-22px;transform:rotate(-13deg);transform-origin:bottom}.tool i+ i{top:7px;transform:rotate(13deg);transform-origin:top}.workpiece{position:absolute;right:30px;bottom:70px;width:145px;height:95px;background:linear-gradient(130deg,#233d49,#0d1c25);clip-path:polygon(18% 0,100% 20%,82% 100%,0 76%);border-top:1px solid #5a7780}.workpiece span{position:absolute;width:48px;height:48px;border:5px solid #0a1217;border-radius:50%;left:42px;top:18px;box-shadow:inset 0 0 0 2px #537681}.scan{position:absolute;width:170px;height:2px;right:12px;bottom:145px;background:var(--orange);box-shadow:0 0 15px var(--orange);animation:scan 2.4s ease-in-out infinite}.spark{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;right:160px;bottom:163px;box-shadow:0 0 10px var(--orange);animation:spark 1.6s infinite}.s2{animation-delay:.5s}.s3{animation-delay:1s}.hud{position:absolute;border-left:2px solid var(--cyan);padding:7px 10px;color:#8aa2ac;font-size:8px;letter-spacing:.13em}.hud small,.hud b{display:block}.hud b{color:#fff;font-size:18px;margin-top:5px}.h1{right:3%;top:13%}.h2{left:9%;top:19%;border-color:var(--orange)}.bottom{height:100px;display:grid;grid-template-columns:170px 1fr 75px;align-items:center;gap:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.bottom small{display:block;color:#6f8791;font-size:8px;letter-spacing:.2em}.bottom strong{display:block;font-size:12px;letter-spacing:.18em;margin-top:6px}.progress{height:2px;background:#15313d;position:relative}.progress span{display:block;width:78%;height:100%;background:linear-gradient(90deg,var(--cyan),#7af6ff);box-shadow:0 0 12px var(--cyan)}.progress i{position:absolute;width:6px;height:6px;border-radius:50%;left:78%;top:-2px;background:#fff;box-shadow:0 0 12px var(--cyan)}.meter b{font-size:31px}.meter span{color:var(--cyan);font-size:11px}footer{min-height:90px;display:flex;align-items:center;justify-content:space-between;color:#526974;font-size:10px;letter-spacing:.08em}footer div{display:flex;gap:35px}@keyframes pulse{50%{opacity:.3;transform:scale(.7)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes shoulder{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(7deg)}}@keyframes elbow{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(12deg)}}@keyframes scan{0%,100%{transform:translateY(-20px);opacity:.25}50%{transform:translateY(35px);opacity:1}}@keyframes spark{0%{transform:translate(0,0) scale(0);opacity:0}25%{opacity:1;transform:translate(-16px,-12px) scale(1)}100%{transform:translate(-42px,32px) scale(0);opacity:0}}@media(max-width:900px){header,.hero,.bottom,footer{padding-left:24px;padding-right:24px}.hero{grid-template-columns:1fr}.copy{padding-bottom:0}.scene{height:480px;transform:scale(.86);transform-origin:center}.copy h1{font-size:65px}.lead{max-width:650px}}@media(max-width:560px){header{height:82px}.status{display:none}.hero{min-height:900px}.copy{padding-top:55px}.copy h1{font-size:50px}.actions{align-items:flex-start;flex-direction:column}.scene{height:380px;transform:scale(.63);transform-origin:left top;width:150%;margin-top:35px}.bottom{grid-template-columns:120px 1fr 55px;gap:12px}.meter b{font-size:24px}footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:10px}footer div{gap:12px;flex-direction:column}}