/* ROI10X Bee Preloader V9.1 - smaller + smoother hero-only flight */

#roi-preloader-v9-1 {
  position: fixed;
  inset: 0;
  z-index: 999999;
  pointer-events: none;
  background: transparent;
  opacity: 1;
  transition: opacity 0.6s ease-out;
}

#roi-preloader-v9-1.hide {
  opacity: 0;
}

#roi-preloader-v9-1.off {
  display: none;
}

/* Slightly smaller bee so it feels like an insect near the logo */
.bee-wrap-v9-1 {
  position: absolute;
  width: 60px;
  height: 60px;
  will-change: transform;
  pointer-events: none;
}

.bee-v9-1 {
  width: 48px;
  height: 30px;
  position: absolute;
  filter: drop-shadow(0 6px 10px rgba(0,0,0,0.3));
  transform-origin: center;
}

/* Body */
.body-v9-1 {
  position: absolute;
  inset: 0;
  background: #f23a3a;
  border-radius: 999px;
  overflow: hidden;
}

.body-v9-1::after {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(
    90deg,
    #111111 0px,
    #111111 8px,
    transparent 8px,
    transparent 16px
  );
  opacity: 0.95;
}

.body-v9-1::before {
  content: "";
  position: absolute;
  width: 55%;
  height: 70%;
  left: 8%;
  top: 8%;
  background: rgba(255,255,255,0.35);
  border-radius: 999px;
}

/* Wings */
.wing-v9-1 {
  position: absolute;
  width: 20px;
  height: 24px;
  border-radius: 20px 20px 10px 10px;
  top: -10px;
  background: radial-gradient(circle, rgba(255,255,255,0.96), rgba(255,255,255,0.08));
  backdrop-filter: blur(3px);
  transform-origin: bottom center;
  animation: wing-v9-1-flap 0.2s linear infinite;
}

.wing-v9-1.w1 { left: 5px; }
.wing-v9-1.w2 { right: 5px; animation-delay: 0.05s; }

@keyframes wing-v9-1-flap {
  0%   { transform: translateY(0) rotate(0deg); }
  50%  { transform: translateY(1px) rotate(14deg); }
  100% { transform: translateY(0) rotate(0deg); }
}

/* Eye */
.eye-v9-1 {
  width: 10px;
  height: 10px;
  background: #000;
  border-radius: 50%;
  right: 4px;
  top: 10px;
  position: absolute;
}

.eye-v9-1::after {
  content: "";
  width: 4px;
  height: 4px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  left: 3px;
  top: 1px;
}

/* Antennae */
.ant-v9-1 {
  position: absolute;
  width: 8px;
  height: 15px;
  border: 2px solid #000;
  border-bottom: none;
  border-left: none;
  top: -7px;
  border-radius: 50px;
}

.ant-v9-1.a1 { left: 20px; transform: rotate(-25deg); }
.ant-v9-1.a2 { right: 4px; transform: rotate(14deg); }

/* Logo glow on landing */
.logo-glow-v9-1 {
  animation: logo-glow-v9-1-kf 0.5s ease-out;
}

@keyframes logo-glow-v9-1-kf {
  0%   { filter: brightness(1); }
  50%  { filter: brightness(1.7) drop-shadow(0 0 16px #ff3d3d); }
  100% { filter: brightness(1); }
}