[data-product="saved-captchas"] {
  --visual-color: #527f68;
  --visual-ink: #a3c4af;
}
.captcha-vault-visual {
  position: relative;
  width: min(100%, 490px);
  margin-inline: auto;
  padding: 32px 18px;
  color: #eceff6;
  isolation: isolate;
}
.captcha-vault-visual::before {
  content: "";
  position: absolute;
  inset: 0 -25px;
  z-index: -1;
  background: radial-gradient(ellipse, #4389ff17, transparent 70%);
}
.captcha-browser-card {
  overflow: hidden;
  border: 1px solid #ffffff16;
  border-radius: 15px;
  background: linear-gradient(145deg, #181c24, #0b0d12);
  box-shadow: 0 24px 70px #0006;
}
.captcha-browser-bar {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 13px 16px;
  border-bottom: 1px solid #ffffff0d;
  color: #8993a7;
  font-size: 11px;
}
.captcha-browser-bar > span:first-child {
  display: flex;
  gap: 4px;
  margin-right: 9px;
}
.captcha-platform-logos {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}
.captcha-platform-logos img {
  width: 28px;
  height: 28px;
  object-fit: contain;
  padding: 4px;
  border: 1px solid #ffffff12;
  border-radius: 7px;
  background: #ffffff08;
}
.captcha-browser-bar b {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #525b6b;
}
.captcha-verified-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 25px 23px;
}
.captcha-verified-check {
  position: relative;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  border: 1px solid #66d5ad38;
  border-radius: 12px;
  background: #4ac89c0c;
  color: #91dfbc;
  font-size: 20px;
}
.captcha-verified-row strong,
.captcha-vault-label strong {
  display: block;
  font-size: 15px;
  font-weight: 600;
}
.captcha-verified-row small,
.captcha-vault-label small {
  display: block;
  margin-top: 5px;
  color: #8993a7;
  font-size: 11px;
  line-height: 1.5;
}
.captcha-verified-check .captcha-approval-cursor {
  position: absolute;
  top: 27px;
  left: 28px;
  z-index: 1;
  color: #f4f5f7;
  font-size: 32px;
  line-height: 1;
  filter: drop-shadow(0 1px 1px #080b10) drop-shadow(0 3px 4px #0008);
  pointer-events: none;
}
.captcha-vault-link {
  width: 1px;
  height: 26px;
  margin-inline: auto;
  background: linear-gradient(#5a94ec26, #79aaff8c);
}
.captcha-vault-label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  width: fit-content;
  margin-inline: auto;
  padding: 15px 23px;
  border: 1px solid #82acff30;
  border-radius: 15px;
  background: #101a2c;
  box-shadow: 0 0 35px #548fff0c;
}
.captcha-vault-label > i {
  color: #94bbff;
  font-size: 27px;
}
.captcha-flow-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}
.captcha-flow-row > span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 0;
  padding: 15px 6px;
  border: 1px solid #ffffff12;
  border-radius: 11px;
  background: #11141a;
  font-size: 11px;
  color: #b3bfd2;
}
.captcha-flow-row i {
  color: #83a9e5;
  font-size: 10px;
}
.saved-captcha-home .saved-captcha-eyebrow {
  display: inline-flex;
  gap: 9px;
  align-items: center;
  margin-bottom: 20px;
  color: #93b9f2;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
@media (max-width: 600px) {
  .captcha-vault-visual {
    padding: 20px 0;
  }
  .captcha-verified-row {
    padding: 22px 15px;
    gap: 20px;
  }
  .captcha-flow-row {
    gap: 5px;
  }
  .captcha-flow-row > span {
    font-size: 10px;
    gap: 5px;
  }
}

/* Product hero: zinc surfaces with a restrained sage accent. */
.product-page[data-product="saved-captchas"] .saved-captchas-hero h1 em {
  color: #a3c4af;
  background: none;
  -webkit-text-fill-color: currentColor;
}
.saved-captchas-hero::before,
.saved-captchas-hero .captcha-vault-visual::before {
  display: none;
}
.saved-captchas-hero .captcha-vault-visual {
  padding: 35px 22px;
  color: #e4e4e7;
}
.saved-captchas-hero .product-category i {
  background: #1c2922;
  color: #a3c4af;
}
.saved-captchas-hero .product-chips i {
  color: #a3c4af;
}
.saved-captchas-hero .captcha-browser-card {
  border-color: #ffffff14;
  background: #121214;
  box-shadow: none;
}
.saved-captchas-hero .captcha-browser-bar,
.saved-captchas-hero .captcha-verified-row small,
.saved-captchas-hero .captcha-vault-label small {
  color: #929298;
}
.saved-captchas-hero .captcha-verified-check {
  border-color: #a3c4af24;
  background: #a3c4af0a;
  color: #a3c4af;
  box-shadow: none;
}
.saved-captchas-hero .captcha-vault-link {
  position: relative;
  height: 34px;
  width: 1px;
  background: #a3c4af40;
}
.saved-captchas-hero .captcha-vault-link::after {
  content: "";
  position: absolute;
  top: 15px;
  left: -1.5px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #a3c4af;
}
.saved-captchas-hero .captcha-vault-label {
  border-color: #a3c4af26;
  background: #171b18;
  box-shadow: none;
}
.saved-captchas-hero .captcha-vault-label > i {
  color: #a3c4af;
}
.saved-captchas-hero .captcha-flow-row > span {
  flex-direction: column;
  gap: 10px;
  padding: 16px 5px;
  border-color: #ffffff14;
  background: #121214;
  color: #d4d4d8;
}
.saved-captchas-hero .captcha-flow-row i {
  font-size: 17px;
  color: #a3c4af;
}
@media (max-width: 600px) {
  .saved-captchas-hero .captcha-vault-visual {
    padding: 24px 12px;
  }
}