.hero-character .robot-figure{position:absolute;left:50%;bottom:-25px;height:108%;aspect-ratio:2/3;transform:translateX(-50%);transform-origin:55% 90%;pointer-events:none;will-change:transform}
.hero-character .robot-figure>img{position:static!important;display:block;width:100%!important;height:100%!important;max-width:none;transform:none!important;object-fit:contain;mask-image:linear-gradient(to bottom,#000 80%,transparent)}
.robot-energy{position:absolute;pointer-events:none;display:grid;place-items:center;isolation:isolate}
.robot-energy.hand-energy{left:26.8%;top:53.6%;width:25%;height:12%;transform:translate(-50%,-50%)}
.robot-energy.chest-energy{left:69.7%;top:36.2%;width:14%;height:10%;transform:translate(-50%,-50%);clip-path:polygon(35% 0,66% 0,100% 36%,83% 85%,55% 100%,26% 87%,0 37%)}
.energy-aura{position:absolute;inset:10%;border-radius:50%;background:radial-gradient(ellipse,#4ee5ff55,transparent 70%);animation:energy-breathe 3s ease-in-out infinite;mix-blend-mode:screen}
.energy-wave{display:flex;gap:5%;align-items:center;justify-content:center;width:60%;height:75%;filter:drop-shadow(0 0 5px #14aaff);z-index:2}
.energy-wave i{display:block;width:5%;height:var(--bar);background:linear-gradient(#c5ffff,#18baff);border-radius:8px;transform-origin:center;animation:energy-talk 1.8s ease-in-out infinite;animation-delay:var(--phase);box-shadow:0 0 4px #10baff}
.chest-energy{background:none}
.chest-energy .energy-wave{width:84%;height:85%;gap:7%}
.energy-ring{position:absolute;width:100%;height:38%;border:1px solid #f9d773;border-radius:50%;box-shadow:0 0 5px #ffd65c99,inset 0 0 4px #ffd65c55;transform-style:preserve-3d;animation:energy-swirl 4s linear infinite}
.energy-ring.two{width:85%;height:33%;border-color:#54e1ff;box-shadow:0 0 5px #3bd3ffa0;animation-direction:reverse;animation-duration:5.5s}
.energy-orbit{position:absolute;inset:10%;animation:energy-orbit 6s linear infinite}
.energy-orbit:before,.energy-orbit:after{content:'';position:absolute;left:50%;top:0;width:3px;height:3px;background:#fff2af;border-radius:50%;box-shadow:0 0 7px 2px #33cfff}
.energy-orbit:after{left:10%;top:80%;width:2px;height:2px}
@keyframes energy-talk{0%,100%{transform:scaleY(.55);opacity:.8}45%{transform:scaleY(1);opacity:1}70%{transform:scaleY(.7)}}
@keyframes energy-swirl{0%{transform:rotate(-9deg) rotateY(0deg)}50%{transform:rotate(9deg) rotateY(180deg)}100%{transform:rotate(-9deg) rotateY(360deg)}}
@keyframes energy-orbit{to{transform:rotate(360deg)}}
@keyframes energy-breathe{50%{transform:scale(1.18);opacity:.6}}
@media(max-width:760px){.robot-figure{display:none!important}}
@media(prefers-reduced-motion:reduce){.robot-energy *{animation:none!important}.robot-figure{will-change:auto!important}}
.robot-energy *{animation-play-state:var(--energy-play,running)}
/* Projected volume, reflected light and beveled emitters keep the effects seated in the artwork. */
.robot-energy.hand-energy{top:52.8%;width:31%;height:14%;perspective:650px}
.hand-energy .energy-wave{width:55%;height:82%;transform:rotateY(-14deg) rotateZ(-3deg);transform-style:preserve-3d}
.energy-wave i{background:linear-gradient(90deg,#087bc4 0%,#33caff 23%,#e9ffff 46%,#73e7ff 65%,#098cda 100%);border:1px solid #84ebff77;box-shadow:inset -2px 0 2px #004e9c99,inset 1px 0 1px #fff9,0 0 5px #00aaff99,2px 2px 0 #065c8d;border-radius:4px}
.hand-energy .energy-aura{inset:-8%;background:radial-gradient(ellipse,#2bc8ff45 5%,#21aaff1a 43%,transparent 70%)}
.hologram-volume{position:absolute;inset:2% 12% 12%;border-radius:50%;background:radial-gradient(ellipse at 35% 23%,#dbffff2e,transparent 45%),linear-gradient(90deg,transparent,#27beff12,transparent);border:1px solid #65dcff22;box-shadow:inset 0 -5px 12px #5de5ff22;transform:rotateY(-18deg);animation:energy-breathe 4s ease-in-out infinite}
.hologram-base{position:absolute;bottom:12%;width:84%;height:30%;border-radius:50%;background:radial-gradient(ellipse,#37c9ff35,transparent 70%);border-bottom:2px solid #a0f2ff88;box-shadow:0 6px 8px -4px #53d6ff88;transform:rotate(-4deg)}
.hand-energy .energy-ring{border-width:2px;background:linear-gradient(160deg,#fff1a313,transparent 45%);border-top-color:#fff1b6;border-right-color:#b78a29;box-shadow:0 0 6px #eecd7477,inset 0 1px 1px #ffffc8,0 2px 0 #6c471b77}
.hand-energy .energy-ring.two{border-width:1px;border-top-color:#e3ffff;border-right-color:#2383ba;background:none;box-shadow:0 0 5px #45c5ff88,inset 0 1px 1px #fff9}
.chest-energy .energy-wave{width:76%;height:78%;transform:rotateY(-10deg) rotateZ(-4deg);filter:drop-shadow(0 0 4px #11aaff)}
.chest-energy .energy-aura{inset:5%;background:radial-gradient(ellipse at 48% 50%,#29bfff48,transparent 72%);box-shadow:inset 0 0 7px #45caff33}
.hologram-messages{position:absolute;inset:0;z-index:6;pointer-events:none}
.hologram-message{position:absolute;left:50%;top:50%;width:228px;display:block;padding:14px 17px;border:1px solid #91dfff99;border-radius:16px;background:linear-gradient(130deg,#143d55f5,#091c33f5 75%);box-shadow:inset 0 1px 0 #d8faff55,inset -2px -3px 0 #010f2888,0 5px 0 #052239,0 12px 25px #020d2480,0 0 16px #26bfff22;color:#f0fbff;opacity:0;transform:translate(-50%,-50%) scale(.03);transform-origin:50% 50%;animation:hologram-message-cycle 15s cubic-bezier(.22,.65,.22,1) infinite;animation-delay:var(--bubble-delay);backface-visibility:hidden}
.hologram-message-label{display:flex;align-items:center;gap:6px;color:#7bdaff;font-size:9px;line-height:1;letter-spacing:.08em;text-transform:uppercase;margin-bottom:9px;font-weight:650}
.hologram-message-dot{width:5px;height:5px;background:#f5d477;box-shadow:0 0 6px #ffeab788;border-radius:50%}
.hologram-message-copy{display:block;font-size:14px;line-height:1.4;font-weight:600;letter-spacing:-.015em;text-wrap:pretty}
.hologram-message:after{content:'';position:absolute;bottom:-6px;left:48%;width:10px;height:10px;background:#0a2137;border-right:1px solid #91dfff88;border-bottom:1px solid #91dfff88;transform:rotate(45deg)}
@keyframes hologram-message-cycle{
 0%,2%{opacity:0;transform:translate(-50%,-50%) scale(.03) rotateY(20deg)}
 8%{opacity:1;transform:translate(calc(-50% + var(--bubble-x)),calc(-50% + var(--bubble-y))) scale(1) rotate(var(--bubble-turn)) rotateY(-4deg)}
 23%{opacity:1;transform:translate(calc(-50% + var(--bubble-x)),calc(-50% + var(--bubble-y) - 5px)) scale(1) rotate(var(--bubble-turn)) rotateY(4deg)}
 31%{opacity:0;transform:translate(-50%,-50%) scale(.03) rotateY(-20deg)}
 100%{opacity:0;transform:translate(-50%,-50%) scale(.03)}
}
@media(max-width:1060px){.hologram-message{width:200px;padding:12px 14px}.hologram-message-copy{font-size:12px}}
@media(prefers-reduced-motion:reduce){.hologram-message{display:none}.hologram-volume{animation:none}}

/* Compact orbit: stays around the palm, clear of the heading and chest emitter. */
.hologram-message{width:160px;padding:10px 12px;border-radius:12px;animation-duration:80s}
.hologram-message-label{font-size:7px;margin-bottom:6px;gap:4px}
.hologram-message-copy{font-size:11px;line-height:1.35}
@keyframes hologram-message-cycle{
 0%,.25%{opacity:0;transform:translate(-50%,-50%) scale(.03) rotateY(20deg)}
 1%{opacity:1;transform:translate(calc(-50% + var(--bubble-x)),calc(-50% + var(--bubble-y))) scale(1) rotate(var(--bubble-turn)) rotateY(-4deg)}
 3.5%{opacity:1;transform:translate(calc(-50% + var(--bubble-x)),calc(-50% + var(--bubble-y) - 3px)) scale(1) rotate(var(--bubble-turn)) rotateY(4deg)}
 4.75%,100%{opacity:0;transform:translate(-50%,-50%) scale(.03) rotateY(-20deg)}
}
@media(max-width:1060px){.hologram-message{width:145px;padding:8px 10px}.hologram-message-copy{font-size:10px}}