.urovo-feature-card-v2 {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: flex-end;
  height: clamp(360px, 32vw, 460px);
  overflow: hidden;
  border-radius: 8px;
  background: #254354;
  color: #fff;
}
.urovo-feature-card-v2__image {
  position: absolute;
  z-index: -2;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .4s ease;
}
.urovo-feature-card-v2::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(180deg, transparent 30%, rgb(10 25 32 / 78%) 100%);
  transition: background-color .3s ease;
}
.urovo-feature-card-v2__content {
  width: 100%;
  padding: 24px;
}
.urovo-feature-card-v2__title {
  margin: 0 0 10px;
  color: inherit;
  font-weight: 500;
}
.urovo-feature-card-v2 p {
  margin: 0;
  color: inherit;
}
.urovo-feature-card-v2__summary {
  opacity: .85;
}
.urovo-feature-card-v2__details {
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  transition: max-height .4s ease, opacity .3s ease, visibility .4s;
}
.urovo-feature-card-v2__details p,
.urovo-feature-card-v2__rich-details p {
  margin: 10px 0;
}
.urovo-feature-card-v2__details ul,
.urovo-feature-card-v2__rich-details ul {
  margin: 14px 0;
  padding-left: 20px;
  list-style: disc;
}
.urovo-feature-card-v2__details ol,
.urovo-feature-card-v2__rich-details ol {
  margin: 14px 0;
  padding-left: 20px;
  list-style: decimal;
}
.urovo-feature-card-v2__details li,
.urovo-feature-card-v2__rich-details li {
  margin: 4px 0;
}
.urovo-feature-card-v2__details li > span {
  color: #3198ff;
}
.urovo-feature-card-v2__details a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-top: 20px;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
}
.urovo-feature-card-v2__details a:hover {
  text-decoration: underline;
}
.urovo-feature-card-v2:is(:hover, :focus-within)::before {
  background-color: rgb(10 25 32 / 55%);
}
.urovo-feature-card-v2:is(:hover, :focus-within) .urovo-feature-card-v2__details {
  max-height: 70rem;
  visibility: visible;
  opacity: 1;
}
.urovo-feature-card-v2:focus-visible {
  outline: 3px solid #3198ff;
  outline-offset: 3px;
}

.urovo-feature-card-v2__description {
  max-height: 2.8em;
  overflow: hidden;
  opacity: .85;
  transition: max-height .4s ease, opacity .3s ease;
}
.urovo-feature-card-v2__description p + p,
.urovo-feature-card-v2__description ul {
  margin-top: 14px;
}
.urovo-feature-card-v2__description ul {
  padding-left: 18px;
  list-style: none;
}
.urovo-feature-card-v2__description li {
  position: relative;
  margin-top: 6px;
}
.urovo-feature-card-v2__description li::before {
  content: '◇';
  position: absolute;
  left: -18px;
  color: #3198ff;
}
.urovo-feature-card-v2:is(:hover, :focus-within) .urovo-feature-card-v2__description {
  max-height: 30rem;
  opacity: 1;
}
.urovo-feature-card-v2__content {
  max-height: 100%;
  overflow-y: auto;
}