/* CODSHIPX_AI_R110_R2_R2_DARK_CODI_HERO */

.cx-dashboard-v2 .cx-dv2-hero{
  position:relative;
  isolation:isolate;

  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  align-items:center;

  min-height:270px;
  overflow:hidden;

  padding:34px 38px;

  border:1px solid rgba(78,123,181,.34);
  border-radius:24px;

  background:
    radial-gradient(circle at 79% 35%,rgba(52,114,197,.31),transparent 30%),
    radial-gradient(circle at 100% 100%,rgba(30,88,169,.27),transparent 39%),
    linear-gradient(120deg,#031a38 0%,#072650 54%,#0a3266 100%);

  box-shadow:
    0 18px 45px rgba(5,25,54,.14),
    inset 0 1px 0 rgba(255,255,255,.045);

  color:#fff;
}

.cx-dashboard-v2 .cx-dv2-hero::before{
  content:"";
  position:absolute;
  right:-130px;
  bottom:-230px;

  width:535px;
  height:535px;

  border:1px solid rgba(118,165,224,.16);
  border-radius:50%;

  pointer-events:none;
}

.cx-dashboard-v2 .cx-dv2-hero::after{
  content:"";
  position:absolute;
  right:55px;
  top:25px;

  width:240px;
  height:240px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(142,215,23,.08),
      transparent 66%
    );

  pointer-events:none;
}

.cx-dv2-hero-copy{
  position:relative;
  z-index:3;
}

.cx-dv2-pulse-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;

  padding:7px 11px;

  border:1px solid rgba(151,220,39,.34);
  border-radius:999px;

  background:rgba(125,194,18,.09);

  color:#abea4b;

  font-size:10px;
  font-weight:900;
  letter-spacing:.055em;
}

.cx-dv2-pulse-pill i{
  width:7px;
  height:7px;

  border-radius:50%;

  background:#8ed717;

  box-shadow:
    0 0 0 5px rgba(142,215,23,.10),
    0 0 18px rgba(142,215,23,.45);
}

.cx-dv2-hero-copy h1{
  margin:18px 0 9px;

  color:#fff;

  font-size:clamp(34px,4vw,50px);
  line-height:1;
  letter-spacing:-.045em;
}

.cx-dv2-hero-copy p{
  max-width:700px;
  margin:0;

  color:#bbc9db;

  font-size:13.5px;
  line-height:1.65;
}

.cx-dv2-hero-copy p strong{
  color:#fff;
  font-weight:800;
}

.cx-dv2-hero-actions{
  display:flex;
  gap:10px;

  margin-top:24px;
}

.cx-dv2-hero-primary,
.cx-dv2-hero-codi{
  min-height:44px;

  padding:0 17px;

  border-radius:12px;

  font:inherit;
  font-size:11.5px;
  font-weight:820;

  cursor:pointer;
}

.cx-dv2-hero-primary{
  border:1px solid #9fe01f;

  background:
    linear-gradient(
      135deg,
      #a0e91d,
      #7ed00b
    );

  color:#102208;

  box-shadow:
    0 8px 22px rgba(126,208,11,.20);
}

.cx-dv2-hero-primary:hover{
  transform:translateY(-1px);
}

.cx-dv2-hero-codi{
  display:inline-flex;
  align-items:center;
  gap:7px;

  border:1px solid rgba(255,255,255,.18);

  background:rgba(255,255,255,.055);

  color:#fff;

  backdrop-filter:blur(10px);
}

.cx-dv2-hero-codi:hover{
  border-color:rgba(159,224,31,.45);
  background:rgba(255,255,255,.09);
}

.cx-dv2-codi-visual{
  position:relative;
  z-index:2;

  width:340px;
  height:215px;

  justify-self:end;
}

.cx-dv2-orbit{
  position:absolute;

  border:1px solid rgba(122,169,225,.24);
  border-radius:50%;
}

.cx-dv2-orbit.orbit-a{
  width:174px;
  height:174px;

  left:61px;
  top:2px;
}

.cx-dv2-orbit.orbit-b{
  width:136px;
  height:136px;

  left:80px;
  top:21px;

  border-style:dashed;
  border-color:rgba(158,221,48,.25);
}

.cx-dv2-orbit.orbit-c{
  width:100px;
  height:100px;

  left:98px;
  top:39px;

  border-color:rgba(255,255,255,.11);
}

.cx-dv2-orbit-dot{
  position:absolute;

  width:6px;
  height:6px;

  border-radius:50%;

  background:#8ed717;

  box-shadow:0 0 14px rgba(142,215,23,.7);
}

.cx-dv2-orbit-dot.dot-a{
  left:230px;
  top:25px;
}

.cx-dv2-orbit-dot.dot-b{
  left:63px;
  top:153px;
}

.cx-dv2-orbit-dot.dot-c{
  left:252px;
  top:129px;

  background:#6ca6ff;
}

.cx-dv2-codi-spark{
  position:absolute;
  color:#a9e93f;
}

.cx-dv2-codi-spark.spark-a{
  left:40px;
  top:47px;
}

.cx-dv2-codi-spark.spark-b{
  left:242px;
  top:58px;
}

.cx-dv2-codi-core{
  position:absolute;

  left:102px;
  top:43px;

  width:92px;
  height:92px;

  padding:4px;

  border:1px solid rgba(170,220,80,.30);
  border-radius:27px;

  background:rgba(255,255,255,.055);

  box-shadow:
    0 0 0 13px rgba(137,212,23,.035),
    0 0 42px rgba(116,192,27,.18),
    0 18px 40px rgba(0,0,0,.25);
}

.cx-dv2-codi-core img{
  display:block;

  width:100%;
  height:100%;

  object-fit:cover;

  border-radius:23px;
}

.cx-dv2-codi-online{
  position:absolute;

  left:108px;
  top:151px;

  display:inline-flex;
  align-items:center;
  gap:7px;

  padding:7px 10px;

  border:1px solid rgba(139,211,25,.29);
  border-radius:999px;

  background:rgba(2,28,51,.90);

  color:#b5ef58;

  font-size:9px;
  font-weight:880;
  letter-spacing:.045em;

  box-shadow:0 8px 22px rgba(0,0,0,.16);
}

.cx-dv2-codi-online i,
.cx-dv2-codi-status span i{
  width:7px;
  height:7px;

  border-radius:50%;

  background:#8ed717;
}

.cx-dv2-codi-online.checking i,
.cx-dv2-codi-status.checking span i{
  background:#f3b83a;
}

.cx-dv2-codi-online.offline i,
.cx-dv2-codi-status.offline span i{
  background:#ed646d;
}

.cx-dv2-codi-status{
  position:absolute;

  right:0;
  bottom:0;

  min-width:177px;

  padding:14px 15px;

  border:1px solid rgba(142,176,220,.23);
  border-radius:14px;

  background:rgba(7,35,71,.82);

  box-shadow:
    0 14px 35px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.03);

  backdrop-filter:blur(14px);
}

.cx-dv2-codi-status small{
  display:block;

  color:#8da5c0;

  font-size:8.5px;
  font-weight:750;
  letter-spacing:.1em;
}

.cx-dv2-codi-status strong{
  display:block;

  margin-top:7px;

  color:#fff;

  font-size:12px;
}

.cx-dv2-codi-status span{
  display:flex;
  align-items:center;
  gap:7px;

  margin-top:8px;

  color:#b0c3d8;

  font-size:9.5px;
}

@media(max-width:1050px){
  .cx-dashboard-v2 .cx-dv2-hero{
    grid-template-columns:minmax(0,1fr) 285px;
    padding:29px;
  }

  .cx-dv2-codi-visual{
    transform:scale(.88);
    transform-origin:right center;
  }
}

@media(max-width:820px){
  .cx-dashboard-v2 .cx-dv2-hero{
    grid-template-columns:1fr;
    padding:24px;
  }

  .cx-dv2-codi-visual{
    width:100%;
    height:195px;

    margin-top:10px;

    justify-self:stretch;
    transform:none;
  }

  .cx-dv2-orbit.orbit-a{
    left:calc(50% - 87px);
  }

  .cx-dv2-orbit.orbit-b{
    left:calc(50% - 68px);
  }

  .cx-dv2-orbit.orbit-c{
    left:calc(50% - 50px);
  }

  .cx-dv2-codi-core{
    left:calc(50% - 46px);
  }

  .cx-dv2-codi-online{
    left:calc(50% - 60px);
  }

  .cx-dv2-codi-status{
    right:10px;
  }
}

@media(max-width:560px){
  .cx-dashboard-v2 .cx-dv2-hero{
    padding:20px;
    border-radius:19px;
  }

  .cx-dv2-hero-copy h1{
    font-size:35px;
  }

  .cx-dv2-hero-actions{
    width:100%;
  }

  .cx-dv2-hero-actions button{
    flex:1;
  }

  .cx-dv2-codi-visual{
    height:220px;
  }

  .cx-dv2-codi-status{
    left:0;
    right:0;
  }
}