.banner {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  width:100vw;
  min-height:320px;
  margin:52px calc(50% - 50vw);
  padding:54px 24px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#06152f;
  border-radius:0;
}
.banner::after {
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  background:linear-gradient(90deg,#06152fe8 0%,#0831b4c9 50%,#06152fe8 100%);
}
.banner-copy {
  position:relative;
  z-index:2;
  width:min(760px,100%);
  max-width:none;
  margin:auto;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.banner-copy strong {
  display:block;
  font-size:clamp(24px,3vw,38px);
  line-height:1.12;
}
.banner-copy p {
  max-width:680px;
  margin-left:auto;
  margin-right:auto;
}
.banner-copy .button {
  width:auto;
  min-width:190px;
  justify-content:center;
}
.banner-art {
  position:absolute;
  z-index:-1;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  border-radius:0;
  opacity:.72;
  -webkit-mask-image:none;
  mask-image:none;
}
main ul,
main ol {
  margin:24px 0;
  padding:20px 24px 20px 50px;
  display:grid;
  gap:12px;
  background:linear-gradient(135deg,#0b1c3bcc,#102852b8);
  border:1px solid #36558a;
  border-radius:16px;
  box-shadow:inset 0 1px 0 #ffffff0a;
}
main li {
  padding-left:6px;
  line-height:1.65;
}
main ul li::marker {
  color:#ff552f;
  font-size:1.15em;
}
main ol li::marker {
  color:#ff552f;
  font-weight:800;
  font-variant-numeric:tabular-nums;
}
.pros-cons ul {
  margin:16px 0 0;
  background:transparent;
  border:0;
  box-shadow:none;
  border-radius:0;
  padding:0 0 0 24px;
}
@media (max-width:760px) {
  .banner {
    min-height:360px;
    margin-top:38px;
    margin-bottom:38px;
    padding:42px 20px;
  }
  .banner::after {
    background:linear-gradient(180deg,#06152fe0 0%,#082da9d9 52%,#06152ff0 100%);
  }
  .banner-art {
    inset:0;
    width:100%;
    height:100%;
    object-position:center;
  }
  .banner-copy .button {
    width:min(100%,320px);
  }
  main ul,
  main ol {
    padding:18px 18px 18px 42px;
    gap:10px;
    border-radius:14px;
  }
}
