.i3{position:absolute;display:block;pointer-events:none;z-index:2}
.i3 img{display:block;width:100%;height:auto;
  filter:drop-shadow(0 20px 26px var(--i3sh,rgba(3,12,22,.42)));
  animation:i3float var(--d,7s) cubic-bezier(.45,0,.55,1) infinite;
  animation-delay:var(--l,0s);will-change:transform}
.i3::before{content:"";position:absolute;inset:-22%;border-radius:50%;z-index:-1;
  background:radial-gradient(circle,var(--g,rgba(30,146,209,.40)),transparent 68%);
  filter:blur(20px);animation:i3pulse 6.5s ease-in-out infinite;animation-delay:var(--l,0s)}
.i3.ng::before{display:none}

@keyframes i3float{
  0%,100%{transform:translate3d(0,0,0) rotate(var(--r0,0deg))}
  50%    {transform:translate3d(var(--mx,0px),var(--my,-15px),0) rotate(var(--r1,0deg))}}
@keyframes i3pulse{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.12)}}

.i3-links{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible}
.i3-links line,.i3-links path{
  fill:none;stroke:var(--i3line,rgba(56,225,255,.45));stroke-width:.6;
  stroke-dasharray:2.4 3.2;animation:i3dash 2.6s linear infinite}
.i3-links .slow{animation-duration:4.2s}
@keyframes i3dash{to{stroke-dashoffset:-22}}

.i3-scene{position:relative;width:100%}

@media (prefers-reduced-motion:reduce){
  .i3 img,.i3::before,.i3-links line,.i3-links path{animation:none}
}

.i3c{display:block;height:68px;width:auto;max-width:86px;margin:0 0 16px;
  object-fit:contain;object-position:left bottom;
  filter:drop-shadow(0 12px 16px var(--i3sh,rgba(3,12,22,.34)));
  transition:transform .45s cubic-bezier(.22,1,.36,1)}
.i3c-sm{height:54px;max-width:68px}
.i3c-c{object-position:center bottom;margin-inline:auto}
*:hover>.i3c{transform:translateY(-5px) rotate(-2deg)}
@media (prefers-reduced-motion:reduce){*:hover>.i3c{transform:none}}