.service-guide-seo {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-color: rgba(130, 190, 255, .28);
  background:
    radial-gradient(circle at 100% 0, rgba(98, 168, 255, .16), transparent 38%),
    linear-gradient(135deg, rgba(17, 31, 52, .98), rgba(8, 18, 32, .98));
  box-shadow: 0 28px 80px rgba(0, 0, 0, .22);
}
.service-guide-seo::after {
  content: "N";
  position: absolute;
  z-index: -1;
  right: 2%;
  bottom: -130px;
  color: rgba(130, 190, 255, .035);
  font-size: 330px;
  font-weight: 950;
  line-height: 1;
  pointer-events: none;
}
.service-guide-seo .guide-heading { align-items: flex-start; }
.service-guide-seo .guide-mark {
  background: linear-gradient(145deg, rgba(130, 190, 255, .24), rgba(130, 190, 255, .06));
  color: #a9d2ff;
  box-shadow: inset 0 0 22px rgba(130, 190, 255, .1);
}
.service-guide-seo .guide-kicker { color: #9dcbff; }
.service-guide-seo .guide-heading h2 { letter-spacing: -.035em; }
.service-guide-seo .guide-intro {
  max-width: 690px;
  margin: 12px 0 0;
  color: #aabbd0;
  font-size: 14px;
  line-height: 1.7;
}
.service-guide-seo .guide-status {
  border-color: rgba(130, 190, 255, .28);
  color: #b9d9ff;
  white-space: nowrap;
}
.service-guide-seo .guide-steps li > b {
  background: linear-gradient(145deg, #a9d2ff, #73aef8);
  box-shadow: 0 8px 24px rgba(70, 140, 230, .18);
}
.service-guide-seo .guide-steps strong { color: #f2f7fd; }
.service-guide-seo .guide-steps p { color: #aabbd0; }
.service-guide-seo .guide-bottom {
  align-items: center;
  gap: 14px;
  border-top-color: rgba(160, 195, 230, .14);
}
.service-guide-seo .guide-bottom a { text-decoration: none; }
.service-guide-seo .guide-seo-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
  min-height: 52px;
  padding: 13px 22px;
  border-radius: 13px;
  background: #acd4ff;
  color: #071424;
  font-weight: 850;
  box-shadow: 0 12px 32px rgba(90, 160, 240, .16);
  transition: transform .2s ease, background .2s ease;
}
.service-guide-seo .guide-seo-primary:hover { transform: translateY(-2px); background: #d0e6ff; }
.service-guide-seo .guide-seo-secondary { color: #b9d9ff; font-weight: 700; }
@media (max-width: 720px) {
  .service-guide-seo .guide-status { display: none; }
  .service-guide-seo .guide-bottom { align-items: stretch; flex-direction: column; }
  .service-guide-seo .guide-seo-primary { width: 100%; box-sizing: border-box; }
  .service-guide-seo .guide-seo-secondary { text-align: center; }
}
@media (prefers-reduced-motion: reduce) {
  .service-guide-seo .guide-seo-primary { transition: none; }
}