.single-post .article-conversion {
  margin: 36px 20px 0;
  padding: 0;
  color: #fff;
  background: transparent;
}

.single-post .article-conversion-card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(390px, .92fr);
  gap: 58px;
  align-items: center;
  max-width: 1280px;
  padding: 68px;
  border: 1px solid rgba(116, 167, 221, .28);
  border-radius: 32px;
  overflow: hidden;
  background:
    radial-gradient(circle at 86% -5%, rgba(95, 61, 255, .72), transparent 34%),
    radial-gradient(circle at 8% 110%, rgba(7, 205, 164, .23), transparent 34%),
    linear-gradient(135deg, #061e42 0%, #0a3264 58%, #142869 100%);
  box-shadow: 0 32px 85px rgba(7, 30, 67, .22);
}

.single-post .article-conversion-card::before {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  left: 43%;
  top: -330px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 50%;
  box-shadow: 0 0 0 74px rgba(255, 255, 255, .025), 0 0 0 150px rgba(255, 255, 255, .018);
}

.single-post .article-conversion-copy,
.single-post .article-conversion-product { position: relative; z-index: 1; }

.single-post .article-conversion-copy > span {
  color: #6ff5dc;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .2em;
}

.single-post .article-conversion-copy h2 {
  max-width: 720px;
  margin: 18px 0 22px;
  color: #fff;
  font-size: clamp(42px, 4.8vw, 67px);
  line-height: .98;
  letter-spacing: -.055em;
}

.single-post .article-conversion-copy > p {
  max-width: 660px;
  margin: 0;
  color: #c4d4e8;
  font-size: 16px;
  line-height: 1.7;
}

.article-conversion-points {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
  margin-top: 30px;
}

.article-conversion-points b {
  color: #dbe8f7;
  font-size: 12px;
  font-weight: 650;
}

.article-conversion-points i { color: #56efcf; font-style: normal; margin-right: 5px; }

.single-post .article-conversion-product {
  display: block;
  min-width: 0;
  padding: 22px;
  border: 1px solid rgba(255, 255, 255, .17);
  border-radius: 24px;
  background: rgba(255, 255, 255, .09);
  box-shadow: 0 22px 54px rgba(0, 0, 0, .2);
  backdrop-filter: blur(18px);
}

.single-post .article-conversion .article-conversion-card > .article-conversion-product {
  display: block;
  flex-shrink: 1;
}

.single-post .article-conversion-product span {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: normal;
}

.conversion-brand {
  display: flex;
  align-items: center;
  gap: 11px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(255, 255, 255, .13);
}

.conversion-brand img { width: 36px; height: 36px; }
.conversion-brand span { display: grid; margin: 0; }
.conversion-brand span b { font-size: 17px; }
.conversion-brand span small { color: #a9bdd6; font-size: 9px; letter-spacing: .08em; }
.conversion-brand em { margin-left: auto; padding: 6px 9px; border-radius: 999px; background: rgba(84, 240, 208, .12); color: #68f2d7; font-size: 8px; font-style: normal; letter-spacing: .14em; }

.conversion-checkin { padding: 25px 4px 22px; }
.conversion-checkin > span { display: flex; align-items: center; gap: 8px; margin: 0; color: #aac0da; }
.conversion-checkin > span i { width: 8px; height: 8px; border-radius: 50%; background: #24dab7; box-shadow: 0 0 0 6px rgba(36, 218, 183, .11); }
.conversion-checkin > span small { font-size: 8px; letter-spacing: .14em; }
.conversion-checkin strong { display: block; margin: 17px 0 10px; color: #fff; font-size: 30px; line-height: 1.05; letter-spacing: -.035em; }
.conversion-checkin p { margin: 0; color: #b8cae0; font-size: 12px; line-height: 1.55; }

.single-post .conversion-actions { display: grid; gap: 9px; }
.single-post .conversion-actions button,
.single-post .conversion-actions a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 61px;
  padding: 10px 14px 10px 17px;
  border: 0;
  border-radius: 14px;
  text-align: left;
  text-decoration: none;
  font: inherit;
  cursor: pointer;
}

.single-post .conversion-actions button { color: #092c54; background: #fff; }
.single-post .conversion-actions a { color: #fff; background: linear-gradient(90deg, #08c5a2, #2c78ff 55%, #643bff); box-shadow: 0 12px 28px rgba(61, 75, 255, .26); }
.single-post .conversion-actions span { display: grid; gap: 2px; margin: 0; color: inherit; font-size: 14px; font-weight: 800; letter-spacing: normal; }
.single-post .conversion-actions small { font-size: 7px; letter-spacing: .14em; opacity: .65; }
.single-post .conversion-actions > * > b { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 11px; background: rgba(9, 44, 84, .08); font-size: 18px; }
.single-post .conversion-actions a > b { background: rgba(255, 255, 255, .16); }

@media (max-width: 940px) {
  .single-post .article-conversion-card { grid-template-columns: 1fr; padding: 50px; }
  .single-post .article-conversion-product { max-width: 600px; width: 100%; box-sizing: border-box; }
}

@media (max-width: 620px) {
  .single-post .article-conversion { margin: 20px 10px 0; }
  .single-post .article-conversion-card { gap: 36px; padding: 38px 22px; border-radius: 24px; }
  .single-post .article-conversion-copy h2 { font-size: 43px; }
  .single-post .article-conversion-product { padding: 15px; border-radius: 19px; }
  .article-conversion-points { display: grid; }
}