/* Preserve the supplied logo artwork; do not recolor it with CSS filters. */
.brand img,.footer-brand img{content:url("assets/logo-dark.svg");filter:none;width:158px;height:auto}
@media(max-width:900px){.brand img,.footer-brand img{width:132px}}

.service-card:not(.feature){
  min-height:330px;
  background:linear-gradient(145deg,#f8f0fb 0%,#eeddf5 100%);
  border:1px solid rgba(255,255,255,.46);
  border-radius:8px;
  color:#24102c;
}
.service-card:not(.feature):hover{
  background:linear-gradient(145deg,#fbf6fd 0%,#ead4f3 100%);
  box-shadow:0 20px 60px rgba(88,15,116,.12);
}
.service-card.feature{
  border-radius:8px;
  border-color:rgba(255,255,255,.2);
}
.service-card:not(.feature) .line-icon{
  width:54px;
  height:54px;
  margin:34px 0 28px;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:rgba(128,18,177,.1);
  border:1px solid rgba(128,18,177,.16);
  font-size:27px;
}
.service-card:not(.feature) h3{
  color:#24102c;
  font-size:21px;
}
.service-card:not(.feature) p{
  max-width:92%;
  color:#74647b;
}
.service-card:not(.feature) .num{
  color:#9f86aa;
}
.service-card:not(.feature)>a{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(128,18,177,.1);
}

/* Unify the main light sections with the brand CTA gradient. */
.intro,
.services,
.process{
  background:linear-gradient(120deg,#6d0e9c 0%,#8612bb 48%,#9a18d3 100%);
  color:#fff;
}
.intro .section-kicker,
.services .section-kicker,
.process .section-kicker{
  color:#e5a9fb;
}
.intro h2 span{
  color:#edc5ff;
}
.intro p,
.services .section-head>p,
.process .section-head>p,
.process-line p{
  color:rgba(255,255,255,.72);
}
.process-line:before{
  background:rgba(255,255,255,.28);
}
.process-line span{
  color:rgba(255,255,255,.62);
}
.process-line .dot{
  background:#8612bb;
  border-color:#fff;
}

.header{
  position:fixed;
  transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease,height .3s ease;
  border-bottom:1px solid transparent;
}
.header.scrolled{
  height:76px;
  background:rgba(12,8,15,.88);
  border-bottom-color:rgba(255,255,255,.08);
  box-shadow:0 10px 35px rgba(0,0,0,.18);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}