/*
 * AI24Solutions V16
 *
 * 1. Light silver/blue sphere without dark lower hemisphere.
 * 2. Orbit line keeps true rear/front depth.
 * 3. Moving particles use separate depth layers with overlap,
 *    so glowing balls are never sliced by the clip boundary.
 */


/* =========================================================
   LIGHTER METALLIC SPHERE
   ========================================================= */

body.theme-v13 .ai24-unified-core {

  background:

    radial-gradient(
      circle at 28% 15%,
      rgba(255,255,255,1) 0%,
      rgba(255,255,255,.98) 7%,
      rgba(242,249,255,.84) 15%,
      rgba(225,239,250,.38) 29%,
      transparent 44%
    ),

    radial-gradient(
      circle at 72% 76%,
      rgba(57,184,246,.34) 0%,
      rgba(74,170,228,.18) 25%,
      transparent 55%
    ),

    radial-gradient(
      circle at 28% 78%,
      rgba(123,101,246,.18) 0%,
      transparent 48%
    ),

    linear-gradient(
      145deg,
      #f7fbff 0%,
      #e7f1f8 18%,
      #cfdfeb 35%,
      #adc6d8 53%,
      #91b0c6 70%,
      #7fa2ba 84%,
      #7397b2 100%
    ) !important;


  box-shadow:

    inset 38px 31px 52px
      rgba(255,255,255,.91),

    inset -24px -24px 42px
      rgba(42,84,116,.13),

    inset -8px 13px 31px
      rgba(119,94,246,.14),

    inset 10px -7px 34px
      rgba(45,198,245,.20),

    0 0 0 2px
      rgba(255,255,255,.76),

    0 0 24px
      rgba(255,255,255,.65),

    0 0 50px
      rgba(105,91,245,.40),

    0 0 95px
      rgba(43,190,241,.35),

    0 0 154px
      rgba(71,154,242,.20),

    0 29px 45px
      rgba(56,83,108,.14) !important;
}


/* remove overly dark visual weight in lower half */

body.theme-v13
.ai24-unified-core::after {

  opacity:
    .54 !important;
}


/* stronger clean white highlight */

body.theme-v13
.ai24-unified-core__shine {

  opacity:
    1 !important;

  background:

    radial-gradient(
      ellipse at center,
      rgba(255,255,255,1) 0%,
      rgba(255,255,255,.90) 24%,
      rgba(218,240,255,.36) 48%,
      transparent 73%
    ) !important;
}


/* =========================================================
   KEEP ORIGINAL DEPTH ORBIT LINE
   BUT HIDE ITS OLD CLIPPED PARTICLES
   ========================================================= */

body.theme-v13
.ai24-orbit-depth-v14
.ai24-orbit-depth-v14__ball {

  opacity:
    0 !important;

  visibility:
    hidden !important;
}


/* =========================================================
   NEW PARTICLE-ONLY DEPTH LAYERS
   ========================================================= */

body.theme-v13
.ai24-orbit-particles-v16 {

  position:
    absolute;

  left:
    50%;

  top:
    47%;

  width:
    466px;

  height:
    150px;

  transform:
    translate(-50%, -50%)
    rotate(-5deg);

  overflow:
    visible;

  pointer-events:
    none;
}


/*
 * Rear particles:
 * behind the sphere.
 *
 * The clip crosses slightly BELOW the geometrical midpoint.
 * This 11px overlap prevents a glowing ball being cut in half.
 */

body.theme-v13
.ai24-orbit-particles-v16--back {

  z-index:
    4;

  clip-path:
    inset(
      0
      0
      calc(50% - 11px)
      0
    );
}


/*
 * Front particles:
 * above the sphere.
 *
 * It starts 11px ABOVE the midpoint.
 * Therefore there is a 22px transition area for a full ball.
 */

body.theme-v13
.ai24-orbit-particles-v16--front {

  z-index:
    10;

  clip-path:
    inset(
      calc(50% - 11px)
      0
      0
      0
    );
}


/* =========================================================
   FULL GLOWING PARTICLES
   ========================================================= */

body.theme-v13
.ai24-orbit-particle-v16 {

  vector-effect:
    non-scaling-stroke;
}


body.theme-v13
.ai24-orbit-particle-v16--violet {

  fill:
    #765df6;

  stroke:
    rgba(255,255,255,.98);

  stroke-width:
    2.2;

  filter:

    drop-shadow(
      0 0 4px
      #765df6
    )

    drop-shadow(
      0 0 11px
      rgba(118,93,246,1)
    )

    drop-shadow(
      0 0 19px
      rgba(118,93,246,.72)
    );
}


body.theme-v13
.ai24-orbit-particle-v16--cyan {

  fill:
    #27c8e9;

  stroke:
    rgba(255,255,255,.98);

  stroke-width:
    2.1;

  filter:

    drop-shadow(
      0 0 4px
      #27c8e9
    )

    drop-shadow(
      0 0 11px
      rgba(39,200,233,1)
    )

    drop-shadow(
      0 0 18px
      rgba(39,200,233,.68)
    );
}


body.theme-v13
.ai24-orbit-particle-v16--blue {

  fill:
    #659cff;

  stroke:
    rgba(255,255,255,.98);

  stroke-width:
    2;

  filter:

    drop-shadow(
      0 0 4px
      #659cff
    )

    drop-shadow(
      0 0 10px
      rgba(101,156,255,.98)
    )

    drop-shadow(
      0 0 17px
      rgba(101,156,255,.65)
    );
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

  body.theme-v13
  .ai24-orbit-particles-v16 {

    width:
      382px;

    height:
      123px;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  body.theme-v13
  .ai24-orbit-particles-v16 {

    top:
      46%;

    width:
      286px;

    height:
      92px;
  }


  body.theme-v13
  .ai24-orbit-particles-v16--back {

    clip-path:
      inset(
        0
        0
        calc(50% - 9px)
        0
      );
  }


  body.theme-v13
  .ai24-orbit-particles-v16--front {

    clip-path:
      inset(
        calc(50% - 9px)
        0
        0
        0
      );
  }

}


/* =========================================================
   SMALL PHONE
   ========================================================= */

@media (max-width: 430px) {

  body.theme-v13
  .ai24-orbit-particles-v16 {

    width:
      256px;

    height:
      83px;
  }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  body.theme-v13
  .ai24-orbit-particles-v16 {

    display:
      none !important;
  }

}