/* Homepage intelligence-loop interaction polish */
.hp-loop-v2-card{
  text-decoration:none;
  color:inherit;
  cursor:pointer;
}

.hp-loop-v2-card:hover,
.hp-loop-v2-card:focus-visible{
  opacity:1;
  transform:translateY(-8px) scale(1.025);
  border-color:color-mix(in srgb,var(--loop-accent) 78%,rgba(210,220,230,.14));
  background:linear-gradient(155deg,color-mix(in srgb,var(--loop-accent) 9%,rgba(15,34,50,.96)),rgba(8,21,32,.98));
  box-shadow:
    0 30px 64px -30px rgba(0,0,0,.94),
    0 0 0 1px color-mix(in srgb,var(--loop-accent) 24%,transparent),
    0 0 42px -13px color-mix(in srgb,var(--loop-accent) 72%,transparent);
  outline:none;
}

.hp-loop-v2-card:hover:after,
.hp-loop-v2-card:focus-visible:after{opacity:1}

.hp-loop-v2-more{
  display:inline-flex;
  margin-top:18px;
  color:var(--loop-accent);
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.02em;
  opacity:0;
  transform:translateY(4px);
  transition:opacity .25s ease,transform .25s ease;
}

.hp-loop-v2-card:hover .hp-loop-v2-more,
.hp-loop-v2-card:focus-visible .hp-loop-v2-more,
.hp-loop-v2-card.active .hp-loop-v2-more{
  opacity:1;
  transform:translateY(0);
}

/* Enterprise cards use the same accent-card language as the rest of Avertis. */
.hp-enterprise-card{
  --enterprise-accent:#7DD3FF;
  position:relative;
  overflow:hidden;
  background:linear-gradient(155deg,rgba(15,34,50,.84),rgba(8,21,32,.94));
  transition:transform .28s var(--ease),border-color .28s var(--ease),box-shadow .28s var(--ease),background .28s var(--ease);
}

.hp-enterprise-card:nth-child(1){--enterprise-accent:#5CC8FF}
.hp-enterprise-card:nth-child(2){--enterprise-accent:#5CE0A8}
.hp-enterprise-card:nth-child(3){--enterprise-accent:#9C83FF}
.hp-enterprise-card:nth-child(4){--enterprise-accent:#FF8B5C}
.hp-enterprise-card:nth-child(5){--enterprise-accent:#F3C86B}
.hp-enterprise-card:nth-child(6){--enterprise-accent:#7DD3FF}

.hp-enterprise-card:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  right:0;
  height:2px;
  background:linear-gradient(90deg,var(--enterprise-accent),transparent 78%);
  opacity:.9;
}

.hp-enterprise-card:after{
  content:"";
  position:absolute;
  inset:-35%;
  background:radial-gradient(circle,color-mix(in srgb,var(--enterprise-accent) 13%,transparent),transparent 62%);
  opacity:0;
  pointer-events:none;
  transition:opacity .28s ease;
}

.hp-enterprise-card strong,
.hp-enterprise-card p{position:relative;z-index:1}

.hp-enterprise-card strong{
  color:color-mix(in srgb,var(--enterprise-accent) 70%,white);
}

.hp-enterprise-card:hover{
  transform:translateY(-4px);
  border-color:color-mix(in srgb,var(--enterprise-accent) 52%,rgba(210,220,230,.14));
  background:linear-gradient(155deg,color-mix(in srgb,var(--enterprise-accent) 7%,rgba(15,34,50,.92)),rgba(8,21,32,.96));
  box-shadow:0 22px 46px -30px color-mix(in srgb,var(--enterprise-accent) 45%,rgba(0,0,0,.92));
}

.hp-enterprise-card:hover:after{opacity:1}

@media(max-width:680px){
  .hp-loop-v2-more{opacity:1;transform:none}
}
