/* Editorial funnel and bidirectional service links */
.article-quick-answer {
  margin: -14px 0 50px;
  padding: 24px 26px;
  border: 1px solid rgba(162,124,255,.24);
  border-radius: 16px;
  background:
    radial-gradient(circle at 92% 18%, rgba(243,154,72,.12), transparent 28%),
    linear-gradient(135deg, rgba(155,112,255,.12), rgba(255,255,255,.025));
}

.article-quick-answer span,
.article-section-label {
  display: block;
  margin-bottom: 8px;
  color: #b18dff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.article-quick-answer p {
  margin: 0;
  color: #e8e9ed;
  font-size: 18px;
  line-height: 1.55;
}

.article-action-section,
.article-decision-section {
  position: relative;
}

.article-check-list {
  padding-left: 0 !important;
  list-style: none;
}

.article-check-list li {
  position: relative;
  min-height: 32px;
  padding-left: 42px !important;
}

.article-check-list li::before {
  position: absolute;
  top: 1px;
  left: 0;
  display: grid;
  width: 25px;
  height: 25px;
  border: 1px solid rgba(47,224,139,.4);
  border-radius: 50%;
  color: #36e18e;
  background: rgba(47,224,139,.08);
  content: "✓";
  font-size: 12px;
  font-weight: 900;
  place-items: center;
}

.article-native-cta {
  position: relative;
  overflow: hidden;
  margin-top: 34px;
  padding: clamp(26px, 4vw, 42px);
  border: 1px solid rgba(243,154,72,.32);
  border-radius: 20px;
  background:
    linear-gradient(120deg, rgba(243,154,72,.13), rgba(155,112,255,.12) 62%, rgba(255,255,255,.025)),
    #11131a;
}

.article-native-cta::after {
  position: absolute;
  top: -80px;
  right: -70px;
  width: 220px;
  height: 220px;
  border: 1px solid rgba(178,143,255,.22);
  border-radius: 50%;
  box-shadow: 0 0 80px rgba(129,71,255,.2);
  content: "";
}

.article-native-cta > * {
  position: relative;
  z-index: 1;
}

.article-native-cta > span {
  color: #f3a15b;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.article-native-cta h3 {
  max-width: 650px;
  margin: 12px 0 10px;
  color: #fff;
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.13;
}

.article-native-cta p {
  max-width: 700px;
  margin-bottom: 23px;
}

.article-native-cta .button {
  display: inline-flex;
  width: auto;
  color: #fff;
  line-height: 1.2;
}

.article-native-cta .button i {
  font-style: normal;
}

.service-knowledge {
  position: relative;
  overflow: hidden;
  border-top: 1px solid rgba(255,255,255,.07);
  background:
    radial-gradient(circle at 10% 20%, rgba(129,71,255,.1), transparent 33%),
    #090a0e;
}

.service-knowledge::after {
  position: absolute;
  right: -180px;
  bottom: -210px;
  width: 480px;
  height: 480px;
  border: 1px solid rgba(243,154,72,.14);
  border-radius: 50%;
  content: "";
  pointer-events: none;
}

.service-knowledge__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.service-knowledge__card {
  position: relative;
  display: flex;
  min-height: 285px;
  padding: 28px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 16px;
  color: #fff;
  background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.015));
  flex-direction: column;
  transition: transform .25s ease, border-color .25s ease, background .25s ease;
}

.service-knowledge__card::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 2px;
  background: linear-gradient(90deg, #8e57ff, #f061b5, #f39a48);
  content: "";
  opacity: .65;
}

.service-knowledge__card:hover {
  transform: translateY(-5px);
  border-color: rgba(165,127,255,.38);
  background: linear-gradient(145deg, rgba(155,112,255,.1), rgba(255,255,255,.02));
}

.service-knowledge__card > span {
  color: #a58fcb;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.service-knowledge__card h3 {
  margin: 26px 0 13px;
  font-size: clamp(20px, 2vw, 26px);
  line-height: 1.18;
}

.service-knowledge__card p {
  margin-bottom: 24px;
  color: #8f96a3;
  font-size: 14px;
  line-height: 1.65;
}

.service-knowledge__card b {
  margin-top: auto;
  color: #b68fff;
  font-size: 13px;
}

.service-knowledge__card b i {
  font-style: normal;
  transition: transform .2s ease;
}

.service-knowledge__card:hover b i {
  display: inline-block;
  transform: translate(3px, -3px);
}

.service-knowledge__all {
  display: inline-flex;
  gap: 10px;
  margin-top: 24px;
  color: #d7d9df;
  font-size: 14px;
  font-weight: 750;
  align-items: center;
}

.service-knowledge__all span {
  color: #a875ff;
}

@media (min-width: 1920px) {
  .service-knowledge__grid {
    gap: 20px;
  }

  .service-knowledge__card {
    min-height: 330px;
    padding: 36px;
  }

  .service-knowledge__card p {
    font-size: 16px;
  }
}

@media (max-width: 920px) {
  .service-knowledge__grid {
    grid-template-columns: 1fr;
  }

  .service-knowledge__card {
    min-height: 0;
  }
}

@media (max-width: 620px) {
  .article-quick-answer {
    padding: 20px;
  }

  .article-quick-answer p {
    font-size: 16px;
  }

  .article-native-cta {
    padding: 24px 20px;
  }

  .service-knowledge__card {
    padding: 23px 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .service-knowledge__card {
    transition: none;
  }
}
/* SEO_CLUSTER_STYLES */
.seo-cluster { position:relative; overflow:hidden; background:#f3f1ed; color:#181820; }
.seo-cluster::before { position:absolute; top:-210px; left:-180px; width:520px; height:520px; border:1px solid rgba(125,71,215,.12); border-radius:50%; box-shadow:0 0 0 75px rgba(125,71,215,.025),0 0 0 150px rgba(125,71,215,.018); content:""; pointer-events:none; }
.seo-cluster .section-heading { position:relative; z-index:1; }
.seo-cluster .section-heading h2 { color:#181820; }
.seo-cluster .section-heading p { color:#6c6872; }
.seo-cluster .kicker { color:#7541c5; }
.seo-cluster__grid { position:relative; z-index:1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid #d6d1c9; border-left:1px solid #d6d1c9; }
.seo-cluster__card { position:relative; display:flex; min-height:270px; padding:29px; border-right:1px solid #d6d1c9; border-bottom:1px solid #d6d1c9; background:rgba(255,255,255,.45); color:#181820; flex-direction:column; text-decoration:none; transition:background .25s ease,transform .25s ease,box-shadow .25s ease; }
.seo-cluster__card::after { position:absolute; top:-1px; right:-1px; width:72px; height:3px; background:linear-gradient(90deg,#824bf1,#ef67b5,#f39a48); content:""; opacity:.75; transform-origin:right; transition:width .3s ease; }
.seo-cluster__card:hover { z-index:2; background:#fff; box-shadow:0 22px 50px rgba(35,29,43,.12); transform:translateY(-5px); }
.seo-cluster__card:hover::after { width:100%; }
.seo-cluster__card > span { color:#8b61c9; font:900 10px ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.12em; }
.seo-cluster__card h3 { margin:34px 0 13px; color:#181820; font-size:clamp(21px,2vw,28px); line-height:1.12; letter-spacing:-.035em; }
.seo-cluster__card p { margin:0 0 26px; color:#6e6974; font-size:14px; line-height:1.65; }
.seo-cluster__card b { margin-top:auto; color:#7140bd; font-size:12px; }
.seo-cluster__card b i { font-style:normal; transition:transform .2s ease; }
.seo-cluster__card:hover b i { display:inline-block; transform:translate(3px,-3px); }
@media (min-width:1920px){ .seo-cluster__card{min-height:320px;padding:38px}.seo-cluster__card p{font-size:16px} }
@media (max-width:920px){ .seo-cluster__grid{grid-template-columns:1fr}.seo-cluster__card{min-height:0} }
@media (max-width:620px){ .seo-cluster__card{padding:24px 21px}.seo-cluster__card h3{margin-top:25px} }
@media (prefers-reduced-motion:reduce){ .seo-cluster__card,.seo-cluster__card::after{transition:none}.seo-cluster__card:hover{transform:none} }
