/*
 * AI24Solutions V14
 * Agreed visual:
 * luminous metallic sphere,
 * real AI24 brand mark,
 * one true depth orbit,
 * moving luminous particles.
 */


/* =========================================================
   SPHERE
   ========================================================= */

body.theme-v13 .ai24-unified-core {
  z-index: 5 !important;

  width: 292px !important;
  height: 292px !important;

  border:
    1px solid rgba(135,170,220,.70) !important;

  background:
    radial-gradient(
      circle at 28% 14%,
      #ffffff 0%,
      #ffffff 7%,
      #f8fbff 13%,
      #e4eef8 21%,
      #cad9e8 30%,
      #9db6ce 42%,
      #7295b4 54%,
      #527999 65%,
      #3d6383 76%,
      #315574 86%,
      #294967 100%
    ) !important;

  box-shadow:
    inset 44px 34px 58px
      rgba(255,255,255,.96),

    inset -39px -42px 62px
      rgba(11,38,68,.30),

    inset -10px 12px 34px
      rgba(117,91,255,.22),

    inset 12px -10px 39px
      rgba(35,201,247,.30),

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

    0 0 25px
      rgba(255,255,255,.68),

    0 0 49px
      rgba(111,91,255,.46),

    0 0 92px
      rgba(39,194,245,.42),

    0 0 158px
      rgba(69,151,244,.22),

    0 33px 50px
      rgba(35,63,95,.18) !important;

  animation:
    ai24SphereV14Pulse
    3.8s ease-in-out infinite !important;
}


body.theme-v13
.ai24-unified-core::before {
  content: "";

  position: absolute;

  inset: -48px;

  z-index: -2;

  border-radius: 50%;

  background:
    radial-gradient(
      circle,
      rgba(255,255,255,.28) 0%,
      rgba(71,193,255,.22) 34%,
      rgba(111,91,255,.16) 53%,
      transparent 73%
    );

  filter: blur(25px);

  opacity: .88;

  animation:
    ai24SphereV14Halo
    3.8s ease-in-out infinite;

  pointer-events: none;
}


body.theme-v13
.ai24-unified-core::after {
  content: "";

  position: absolute;

  inset: 5px;

  z-index: 1;

  border-radius: 50%;

  background:
    conic-gradient(
      from 205deg,
      transparent 0deg,
      rgba(122,92,255,.30) 35deg,
      transparent 87deg,
      rgba(36,204,250,.34) 154deg,
      transparent 226deg,
      rgba(255,255,255,.28) 302deg,
      transparent 360deg
    );

  mix-blend-mode: screen;

  pointer-events: none;
}


body.theme-v13
.ai24-unified-core__shine {
  z-index: 2 !important;

  left: 28px !important;
  top: 15px !important;

  width: 194px !important;
  height: 121px !important;

  opacity: 1 !important;

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


/* =========================================================
   REAL BRAND MARK
   ========================================================= */

body.theme-v13
.ai24-unified-logo--brand-v14 {
  position: absolute !important;

  left: 50% !important;
  top: 50% !important;

  z-index: 7 !important;

  display: block !important;

  width: 154px !important;
  height: 154px !important;

  max-width: none !important;

  transform:
    translate(-50%, -50%) !important;

  object-fit: contain !important;

  background:
    transparent !important;

  border:
    0 !important;

  border-radius:
    0 !important;

  box-shadow:
    none !important;

  filter:
    drop-shadow(
      0 0 6px
      rgba(255,255,255,.96)
    )
    drop-shadow(
      0 0 15px
      rgba(91,183,255,.76)
    )
    drop-shadow(
      0 0 30px
      rgba(75,157,255,.46)
    ) !important;

  opacity:
    1 !important;
}


/* =========================================================
   TRUE ONE-ORBIT DEPTH
   ========================================================= */

body.theme-v13
.ai24-orbit-depth-v14 {
  position: absolute;

  left: 50%;
  top: 47%;

  width: 466px;
  height: 150px;

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

  overflow: visible;

  pointer-events: none;
}


/* rear half physically behind the sphere */

body.theme-v13
.ai24-orbit-depth-v14--back {
  z-index: 3;

  clip-path:
    inset(0 0 49.3% 0);
}


/* front half physically above the sphere */

body.theme-v13
.ai24-orbit-depth-v14--front {
  z-index: 9;

  clip-path:
    inset(49.3% 0 0 0);
}


body.theme-v13
.ai24-orbit-depth-v14__line {
  fill: none;

  stroke:
    rgba(77,154,249,.77);

  stroke-width:
    1.55;

  vector-effect:
    non-scaling-stroke;

  filter:
    drop-shadow(
      0 0 3px
      rgba(66,173,255,.42)
    );
}


/* =========================================================
   MOVING PARTICLES
   ========================================================= */

body.theme-v13
.ai24-orbit-depth-v14__ball {
  vector-effect:
    non-scaling-stroke;
}


body.theme-v13
.ai24-orbit-depth-v14__ball--violet {
  fill: #755cf7;

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

  stroke-width: 2;

  filter:
    drop-shadow(
      0 0 4px
      #755cf7
    )
    drop-shadow(
      0 0 12px
      rgba(117,92,247,.98)
    )
    drop-shadow(
      0 0 21px
      rgba(117,92,247,.64)
    );
}


body.theme-v13
.ai24-orbit-depth-v14__ball--cyan {
  fill: #27c8eb;

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

  stroke-width: 2;

  filter:
    drop-shadow(
      0 0 4px
      #27c8eb
    )
    drop-shadow(
      0 0 12px
      rgba(39,200,235,.98)
    )
    drop-shadow(
      0 0 21px
      rgba(39,200,235,.62)
    );
}


body.theme-v13
.ai24-orbit-depth-v14__ball--blue {
  fill: #619cff;

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

  stroke-width: 1.8;

  filter:
    drop-shadow(
      0 0 4px
      #619cff
    )
    drop-shadow(
      0 0 11px
      rgba(97,156,255,.94)
    );
}


/* =========================================================
   GROUND GLOW
   ========================================================= */

body.theme-v13
.ai24-unified-ground {
  top:
    77% !important;

  width:
    270px !important;

  height:
    34px !important;

  border:
    1px solid
    rgba(78,161,250,.30) !important;

  background:
    radial-gradient(
      ellipse,
      rgba(55,193,255,.27),
      rgba(107,92,246,.12) 45%,
      transparent 73%
    ) !important;

  box-shadow:
    0 0 24px
      rgba(68,181,255,.26),

    0 0 48px
      rgba(102,91,244,.13) !important;
}


/* =========================================================
   PROCESS PANEL — AGREED POLISH
   ========================================================= */

body.theme-v13
.ai24-process-v12 {
  padding:
    14px 0 38px !important;
}


body.theme-v13
.ai24-process-v12
> .container {
  padding:
    25px 30px 18px !important;

  border-radius:
    24px !important;
}


body.theme-v13
.ai24-process-v12__intro {
  margin-bottom:
    17px !important;
}


body.theme-v13
.ai24-process-v12__intro
> span {
  margin-bottom:
    9px !important;
}


body.theme-v13
.ai24-process-v12__intro
h2 {
  margin:
    0 0 6px !important;

  font-size:
    clamp(
      26px,
      2.15vw,
      34px
    ) !important;

  line-height:
    1.025 !important;
}


body.theme-v13
.ai24-process-v12__intro
p {
  font-size:
    14px !important;

  line-height:
    1.4 !important;
}


body.theme-v13
.ai24-process-v12__flow {
  gap:
    15px !important;
}


body.theme-v13
.ai24-process-card-v12 {
  min-height:
    98px !important;

  padding:
    12px 37px 12px 12px !important;

  border-radius:
    15px !important;
}


body.theme-v13
.ai24-process-card-v12__icon {
  width:
    47px !important;

  height:
    47px !important;

  border-radius:
    12px !important;
}


body.theme-v13
.ai24-process-card-v12__icon
svg {
  width:
    26px !important;

  height:
    26px !important;
}


body.theme-v13
.ai24-process-card-v12__copy
strong {
  font-size:
    12.5px !important;
}


body.theme-v13
.ai24-process-card-v12__step {
  right:
    9px !important;

  top:
    9px !important;

  width:
    30px !important;

  height:
    30px !important;
}


body.theme-v13
.ai24-process-v12__caption {
  margin-top:
    12px !important;
}


/* =========================================================
   ANIMATIONS
   ========================================================= */

@keyframes ai24SphereV14Pulse {

  0%,
  100% {
    transform:
      translate(-50%, -50%)
      scale(1);
  }

  50% {
    transform:
      translate(-50%, -50%)
      scale(1.027);
  }
}


@keyframes ai24SphereV14Halo {

  0%,
  100% {
    opacity:
      .62;

    transform:
      scale(.95);
  }

  50% {
    opacity:
      1;

    transform:
      scale(1.09);
  }
}


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

@media (max-width: 1024px) {

  body.theme-v13
  .ai24-unified-core {
    width:
      234px !important;

    height:
      234px !important;
  }


  body.theme-v13
  .ai24-unified-logo--brand-v14 {
    width:
      124px !important;

    height:
      124px !important;
  }


  body.theme-v13
  .ai24-orbit-depth-v14 {
    width:
      382px;

    height:
      123px;
  }


  body.theme-v13
  .ai24-process-v12
  > .container {
    padding:
      22px 22px 17px !important;
  }


  body.theme-v13
  .ai24-process-card-v12 {
    min-height:
      86px !important;
  }
}


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

@media (max-width: 767px) {

  body.theme-v13
  .ai24-unified-core {
    top:
      46% !important;

    width:
      182px !important;

    height:
      182px !important;
  }


  body.theme-v13
  .ai24-unified-logo--brand-v14 {
    width:
      96px !important;

    height:
      96px !important;
  }


  body.theme-v13
  .ai24-orbit-depth-v14 {
    top:
      46%;

    width:
      286px;

    height:
      92px;
  }


  body.theme-v13
  .ai24-unified-ground {
    top:
      75% !important;

    width:
      186px !important;

    height:
      24px !important;
  }


  body.theme-v13
  .ai24-process-v12 {
    padding:
      8px 0 23px !important;
  }


  body.theme-v13
  .ai24-process-v12
  > .container {
    padding:
      18px 13px 13px !important;

    border-radius:
      20px !important;
  }


  body.theme-v13
  .ai24-process-v12__intro {
    margin-bottom:
      14px !important;
  }


  body.theme-v13
  .ai24-process-v12__intro
  h2 {
    font-size:
      23px !important;
  }


  body.theme-v13
  .ai24-process-v12__intro
  p {
    font-size:
      13px !important;
  }


  body.theme-v13
  .ai24-process-v12__flow {
    gap:
      23px !important;
  }


  body.theme-v13
  .ai24-process-card-v12 {
    min-height:
      79px !important;

    padding:
      10px 37px 10px 10px !important;
  }


  body.theme-v13
  .ai24-process-card-v12__icon {
    width:
      43px !important;

    height:
      43px !important;
  }


  body.theme-v13
  .ai24-process-card-v12__step {
    width:
      27px !important;

    height:
      27px !important;
  }
}


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

@media (max-width: 430px) {

  body.theme-v13
  .ai24-unified-core {
    width:
      166px !important;

    height:
      166px !important;
  }


  body.theme-v13
  .ai24-unified-logo--brand-v14 {
    width:
      88px !important;

    height:
      88px !important;
  }


  body.theme-v13
  .ai24-orbit-depth-v14 {
    width:
      256px;

    height:
      83px;
  }


  body.theme-v13
  .ai24-process-v12__intro
  h2 {
    font-size:
      21px !important;
  }
}


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

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

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

  body.theme-v13
  .ai24-unified-core::before {
    animation:
      none !important;
  }

}