/* ============================================================
   DIGIBRO - teardown success popup (JetPopup content styles)
   Loaded site-wide with digibro-v5. Scoped to .td-pop so it
   cannot leak into page content.
   ============================================================ */

.jet-popup .td-pop{position:relative;overflow:hidden;text-align:left;
  font-family:var(--font,"Helvetica Neue",Helvetica,Arial,system-ui,sans-serif);
  color:var(--ink,#0B0B12);padding:clamp(1.6rem,4vw,2.6rem)}

/* sparkle layer ------------------------------------------------ */
.td-pop__spark{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.td-pop__spark i{position:absolute;display:block;width:var(--s,8px);height:var(--s,8px);
  opacity:0;transform:translate3d(0,0,0) scale(.2) rotate(0deg);
  background:var(--c,var(--accent,#0A9F6E));
  clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);
  animation:tdSpark var(--d,1500ms) var(--dl,0ms) cubic-bezier(.18,.72,.3,1) forwards}
.td-pop__spark i.dot{clip-path:none;border-radius:50%}
@keyframes tdSpark{
  0%{opacity:0;transform:translate3d(0,0,0) scale(.2) rotate(0deg)}
  12%{opacity:1}
  70%{opacity:1}
  100%{opacity:0;transform:translate3d(var(--tx,0),var(--ty,-120px),0) scale(1) rotate(var(--rot,180deg))}
}

/* badge -------------------------------------------------------- */
.td-pop__badge{position:relative;z-index:1;width:58px;height:58px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:var(--accent-soft,#E6F6F0);color:var(--accent,#0A9F6E);
  animation:tdPop .5s cubic-bezier(.2,1.5,.4,1) both}
.td-pop__badge svg{width:28px;height:28px;
  stroke-dasharray:26;stroke-dashoffset:26;animation:tdTick .45s .28s ease-out forwards}
@keyframes tdPop{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes tdTick{to{stroke-dashoffset:0}}

/* copy --------------------------------------------------------- */
.jet-popup .td-pop>*{position:relative;z-index:1}
.td-pop__eyebrow{display:inline-block;margin-top:1.1rem;font-size:.72rem;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;color:var(--accent-deep,#07805A);
  background:var(--accent-soft,#E6F6F0);padding:.34rem .62rem;border-radius:4px}
.jet-popup .td-pop__title{margin:.7rem 0 0;font-size:clamp(1.45rem,3.4vw,1.95rem);
  line-height:1.18;letter-spacing:-.02em;font-weight:700;color:var(--ink,#0B0B12)}
.jet-popup .td-pop__lede{margin:.75rem 0 0;font-size:1rem;line-height:1.6;color:var(--body,#4C4C58)}

.jet-popup .td-pop__steps{list-style:none;margin:1.5rem 0 0;padding:0;
  border-top:1px solid var(--line,#E4E6EC)}
.jet-popup .td-pop__steps li{display:grid;grid-template-columns:132px 1fr;gap:1rem;
  padding:.9rem 0;border-bottom:1px solid var(--line,#E4E6EC);align-items:start}
.td-pop__steps .k{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--grey,#8A8A95);padding-top:.2rem}
.td-pop__steps .v{font-size:.92rem;line-height:1.55;color:var(--body,#4C4C58)}
.td-pop__steps .v b{color:var(--ink,#0B0B12);font-weight:600}

.jet-popup .td-pop__note{margin:1.1rem 0 0;font-size:.83rem;line-height:1.5;color:var(--grey,#8A8A95)}
.td-pop__note b{color:var(--body,#4C4C58);font-weight:600}

/* buttons ------------------------------------------------------ */
.td-pop__btns{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.5rem}
.jet-popup .td-pop__btn{display:inline-flex;align-items:center;justify-content:center;
  min-height:46px;padding:.75rem 1.3rem;border-radius:6px;font-size:.92rem;font-weight:600;
  text-decoration:none;border:1px solid transparent;transition:background .18s ease,border-color .18s ease}
.jet-popup .td-pop__btn--accent{background:var(--accent,#0A9F6E);color:#fff}
.jet-popup .td-pop__btn--accent:hover{background:var(--accent-deep,#07805A);color:#fff}
.jet-popup .td-pop__btn--ghost{background:transparent;color:var(--ink,#0B0B12);border-color:var(--line,#E4E6EC)}
.jet-popup .td-pop__btn--ghost:hover{border-color:var(--ink,#0B0B12);color:var(--ink,#0B0B12)}

@media (max-width:560px){
  .jet-popup .td-pop__steps li{grid-template-columns:1fr;gap:.3rem}
  .td-pop__btns .td-pop__btn{flex:1 1 100%}
}

@media (prefers-reduced-motion:reduce){
  .td-pop__spark{display:none}
  .td-pop__badge{animation:none}
  .td-pop__badge svg{animation:none;stroke-dashoffset:0}
}