/* V0.39.8.21 – Finance Blue inline vector hero */
.site-hero--finance{
  position:relative;
  isolation:isolate;
  min-height:370px;
  padding:22px 0 92px;
  overflow:hidden;
  color:var(--cpx-text);
  background:
    radial-gradient(circle at 14% 72%,rgba(187,220,255,.30),transparent 42%),
    linear-gradient(135deg,#fbfdff 0%,#eef8ff 48%,#dcefff 100%);
}

.site-hero--finance::before{
  content:"";
  position:absolute;
  z-index:-2;
  left:-8%;
  right:-8%;
  bottom:-118px;
  height:270px;
  border-radius:50% 50% 0 0 / 100% 100% 0 0;
  background:linear-gradient(180deg,rgba(191,224,255,.34),rgba(255,255,255,.9));
  transform:rotate(-2deg);
}

.site-hero--finance::after{
  content:"";
  position:absolute;
  z-index:-3;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 73% 27%,rgba(20,92,197,.05) 0 3px,transparent 4px) 0 0/18px 18px,
    linear-gradient(150deg,transparent 0 51%,rgba(255,255,255,.46) 51% 66%,transparent 66%);
  -webkit-mask:linear-gradient(to right,transparent 42%,#000 66%);
  mask:linear-gradient(to right,transparent 42%,#000 66%);
  opacity:.48;
}

.cpx-hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr);
  align-items:center;
  gap:4px;
}

.cpx-hero-copy{
  position:relative;
  z-index:6;
  padding:8px 0 18px;
}

.cpx-hero-copy h1{
  max-width:570px;
  font-size:clamp(33px,3.7vw,50px);
  line-height:1.01;
}

.cpx-hero-copy p{
  max-width:545px;
  margin-top:14px;
}

.cpx-hero-checks{
  margin-top:16px;
  gap:10px 20px;
}

.cpx-hero-art{
  position:relative!important;
  z-index:5!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  width:auto!important;
  max-width:none!important;
  min-height:310px!important;
  aspect-ratio:auto!important;
  margin:0 -38px 0 0!important;
  opacity:1!important;
  visibility:visible!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  transform:none!important;
}

.cpx-hero-illustration{
  display:block;
  width:min(760px,116%);
  max-width:none;
  height:auto;
  overflow:visible;
  filter:drop-shadow(0 16px 24px rgba(37,79,129,.10));
}

.cpx-home-comparison{
  margin-top:-62px;
}

@media(max-width:1080px){
  .cpx-hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(420px,.96fr);
  }

  .cpx-hero-art{
    margin-right:-18px!important;
  }

  .cpx-hero-illustration{
    width:min(650px,110%);
  }
}

@media(max-width:860px){
  .site-hero--finance{
    min-height:auto;
    padding:18px 0 72px;
  }

  .cpx-hero-grid{
    grid-template-columns:1fr;
  }

  .cpx-hero-copy{
    padding-bottom:10px;
  }

  .cpx-hero-copy h1{
    max-width:650px;
    font-size:clamp(31px,7vw,44px);
  }

  .cpx-hero-art{
    position:absolute!important;
    right:-76px!important;
    bottom:-6px!important;
    width:54%!important;
    min-height:0!important;
    margin:0!important;
    opacity:.22!important;
    pointer-events:none!important;
  }

  .cpx-hero-illustration{
    width:100%;
  }

  .cpx-home-comparison{
    margin-top:-44px;
  }
}

@media(max-width:620px){
  .site-hero--finance{
    padding:14px 0 54px;
    background:linear-gradient(145deg,#fbfdff 0%,#e7f4ff 100%);
  }

  .cpx-hero-art{
    display:none!important;
  }

  .cpx-home-comparison{
    margin-top:-34px;
  }
}