/* TanQuant -> ExitAnt AI conversion surfaces.
   Fixed UI only: destination, referral, locale and attribution are owned by exitant-link.js. */
.tq-xa-bridge{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:20px;
  padding:20px;
  border:1px solid var(--tql-line-2);
  border-radius:var(--tql-r);
  background:var(--tql-card);
  color:var(--tql-ink);
  box-shadow:0 10px 28px color-mix(in srgb,var(--tql-invert) 7%,transparent)
}
.tq-xa-bridge[hidden]{display:none}
.tq-xa-copy{min-width:0}
.tq-xa-kicker{
  display:block;
  margin-bottom:6px;
  color:var(--tql-action);
  font-size:var(--tql-fs-xs);
  font-weight:800;
  letter-spacing:.04em
}
.tq-xa-title{
  margin:0;
  color:var(--tql-ink);
  font-size:var(--tql-fs-lg);
  font-weight:800;
  line-height:1.4;
  letter-spacing:-.45px
}
.tq-xa-desc{
  margin:6px 0 0;
  color:var(--tql-ink-sub);
  font-size:var(--tql-fs-sm);
  line-height:1.65;
  letter-spacing:-.2px
}
.tq-xa-actions{display:flex;align-items:center;gap:8px;flex:none}
.tq-xa-primary,
.tq-xa-secondary{
  min-height:48px;
  padding:0 18px;
  border-radius:var(--tql-r-sm);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  font-size:var(--tql-fs-md);
  font-weight:750;
  line-height:1.3;
  text-align:center;
  text-decoration:none;
  white-space:nowrap
}
.tq-xa-bridge .tq-xa-primary{
  border:1px solid var(--tql-action);
  background:var(--tql-action);
  color:var(--tql-white);
  font-family:inherit;
  cursor:pointer
}
.tq-xa-bridge .tq-xa-primary:hover{
  border-color:var(--tql-action-press);
  background:var(--tql-action-press);
  color:var(--tql-white)
}
.tq-xa-bridge .tq-xa-secondary{
  border:1px solid var(--tql-line-2);
  background:var(--tql-card);
  color:var(--tql-ink-2)
}
.tq-xa-bridge--soft{
  border-color:color-mix(in srgb,var(--tql-action) 24%,var(--tql-line-2));
  background:color-mix(in srgb,var(--tql-action-weak) 46%,var(--tql-card))
}
.tq-xa-bridge--caution{
  border-color:color-mix(in srgb,var(--tql-down) 32%,var(--tql-line-2));
  background:color-mix(in srgb,var(--tql-down-weak) 54%,var(--tql-card))
}
.tq-xa-bridge--caution .tq-xa-kicker{color:var(--tql-down)}
.tq-xa-bridge--caution .tq-xa-primary{
  border-color:var(--tql-ink);
  background:var(--tql-ink);
  color:var(--tql-card)
}
.tq-xa-readiness-facts{
  margin:16px 0 0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px
}
.tq-xa-readiness-facts div{
  min-width:0;
  padding:10px 12px;
  border:1px solid var(--tql-line-2);
  border-radius:var(--tql-r-sm);
  background:color-mix(in srgb,var(--tql-card) 80%,transparent)
}
.tq-xa-readiness-facts dt{
  color:var(--tql-ink-faint);
  font-size:var(--tql-fs-xs);
  line-height:1.35
}
.tq-xa-readiness-facts dd{
  margin:5px 0 0;
  color:var(--tql-ink);
  font-size:var(--tql-fs-md);
  font-weight:800
}
.tq-xa-bridge--dark{
  border-color:var(--tql-invert);
  background:var(--tql-invert);
  box-shadow:none
}
.tq-xa-bridge--dark .tq-xa-kicker{color:var(--tql-ink-on-invert)}
.tq-xa-bridge--dark .tq-xa-title{color:var(--tql-white)}
.tq-xa-bridge--dark .tq-xa-desc{color:var(--tql-ink-on-invert)}
.tq-xa-bridge--dark .tq-xa-primary{
  border-color:var(--tql-white);
  background:var(--tql-white);
  color:var(--tql-invert)
}
.tq-xa-bridge--dark .tq-xa-primary:hover{
  border-color:var(--tql-action-weak);
  background:var(--tql-action-weak);
  color:var(--tql-invert)
}
.tq-xa-bridge--run{
  width:min(100%,680px);
  margin:28px auto 0;
  text-align:left
}
.tq-xa-run-steps{
  position:relative;
  width:min(100%,680px);
  margin:24px auto 0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  list-style:none;
  text-align:left
}
.tq-xa-run-steps::before{
  content:"";
  position:absolute;
  top:18px;
  left:10%;
  right:10%;
  height:2px;
  background:var(--tql-line-2)
}
.tq-xa-run-steps::after{
  content:"";
  position:absolute;
  z-index:0;
  top:18px;
  left:10%;
  width:26%;
  height:2px;
  background:var(--tql-action);
  animation:tqXaRunProgress 3.2s ease-in-out infinite
}
.tq-xa-run-steps li{
  position:relative;
  z-index:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  text-align:center
}
.tq-xa-run-steps b{
  width:36px;
  height:36px;
  border:1px solid var(--tql-line-2);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--tql-card);
  color:var(--tql-action);
  font-size:var(--tql-fs-sm)
}
.tq-xa-run-steps span{min-width:0}
.tq-xa-run-steps strong,
.tq-xa-run-steps small{display:block}
.tq-xa-run-steps strong{color:var(--tql-ink);font-size:var(--tql-fs-sm)}
.tq-xa-run-steps small{margin-top:4px;color:var(--tql-ink-sub);font-size:var(--tql-fs-xs);line-height:1.45}
.tq-xa-run-note{
  margin:12px 0 0;
  color:var(--tql-ink-faint);
  font-size:var(--tql-fs-xs);
  text-align:center
}
@keyframes tqXaRunProgress{
  0%{width:0}
  70%,100%{width:80%}
}
.tq-xa-bridge--post{margin:24px 0 4px}

@media(max-width:640px){
  .tq-xa-bridge{grid-template-columns:1fr;gap:16px;padding:18px}
  .tq-xa-actions{width:100%}
  .tq-xa-primary,.tq-xa-secondary{width:100%;white-space:normal}
  .tq-xa-readiness-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tq-xa-bridge--run{margin-top:24px}
  .tq-xa-run-steps{grid-template-columns:1fr;gap:10px}
  .tq-xa-run-steps::before,.tq-xa-run-steps::after{display:none}
  .tq-xa-run-steps li{min-height:54px;flex-direction:row;text-align:left}
  .tq-xa-run-steps b{flex:none}
}