/*
 * CODSHIPX_AI_R36_R53_R5_R56
 * Canonical finalization visual authority.
 *
 * Pure full-screen cinematic black.
 * White typography.
 * CRM color reserved for the progress line.
 * No external overlay.
 * No DOM injection.
 */

/* ============================================================
   TRUE VIEWPORT OWNERSHIP
   ============================================================ */

.codi-mandatory-gate.codi-r55-finalization-host,
.codi-mandatory-gate.codi-r55-success-host{
  position:fixed !important;
  inset:0 !important;
  top:0 !important;
  right:0 !important;
  bottom:0 !important;
  left:0 !important;

  z-index:2147483647 !important;

  width:100vw !important;
  height:100vh !important;
  height:100dvh !important;
  min-width:100vw !important;
  min-height:100vh !important;
  min-height:100dvh !important;
  max-width:none !important;
  max-height:none !important;

  margin:0 !important;
  padding:0 !important;

  border:0 !important;
  outline:0 !important;
  border-radius:0 !important;

  transform:none !important;
  translate:none !important;
  scale:none !important;
  rotate:none !important;

  clip:auto !important;
  clip-path:none !important;

  overflow:hidden !important;

  background:#000 !important;
  box-shadow:none !important;

  isolation:isolate;
}

.codi-mandatory-gate.codi-r55-finalization-host::before,
.codi-mandatory-gate.codi-r55-finalization-host::after,
.codi-mandatory-gate.codi-r55-success-host::before,
.codi-mandatory-gate.codi-r55-success-host::after{
  display:none !important;
  content:none !important;
}

/* Normal onboarding chrome disappears completely. */
.codi-r55-finalization-host > :not(.codi-r50-final-review),
.codi-r55-success-host > :not(.codi-r54-cinematic-success){
  visibility:hidden;
}

/* Final review wrapper becomes transparent structural host only. */
.codi-r55-finalization-host .codi-r50-final-review{
  position:absolute !important;
  inset:0 !important;

  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  max-width:none !important;

  margin:0 !important;
  padding:0 !important;

  overflow:visible !important;

  border:0 !important;
  border-radius:0 !important;

  background:transparent !important;
  box-shadow:none !important;
  transform:none !important;
}

/* ============================================================
   CINEMATIC CANVAS
   ============================================================ */

.codi-r54-cinematic-finalizing,
.codi-r54-cinematic-success{
  position:fixed !important;
  inset:0 !important;

  z-index:2147483647 !important;

  width:100vw !important;
  height:100vh !important;
  height:100dvh !important;
  min-width:100vw !important;
  min-height:100dvh !important;

  margin:0 !important;
  padding:
    max(30px,env(safe-area-inset-top))
    max(24px,env(safe-area-inset-right))
    max(30px,env(safe-area-inset-bottom))
    max(24px,env(safe-area-inset-left))
    !important;

  box-sizing:border-box;

  display:grid;
  place-items:center;

  overflow:hidden;

  border:0 !important;
  border-radius:0 !important;

  transform:none !important;

  background:#000 !important;
  color:#fff;

  isolation:isolate;
}

/* Very subtle cinematic depth — neutral only. */
.codi-r54-cinematic-finalizing::before,
.codi-r54-cinematic-success::before{
  content:"";
  position:absolute;
  z-index:-3;

  width:min(1100px,88vw);
  aspect-ratio:1;
  left:50%;
  top:50%;

  border-radius:50%;

  transform:translate(-50%,-50%);

  background:
    radial-gradient(
      circle,
      rgba(255,255,255,.055) 0%,
      rgba(255,255,255,.025) 22%,
      rgba(255,255,255,.008) 43%,
      transparent 68%
    );

  filter:blur(2px);

  animation:
    cxR56Breath
    7s
    ease-in-out
    infinite
    alternate;
}

.codi-r54-cinematic-finalizing::after,
.codi-r54-cinematic-success::after{
  content:"";
  position:absolute;
  inset:-35%;
  z-index:-4;

  opacity:.22;

  background:
    repeating-radial-gradient(
      circle at 50% 50%,
      transparent 0 118px,
      rgba(255,255,255,.027) 119px 120px,
      transparent 121px 235px
    );

  animation:
    cxR56Orbit
    36s
    linear
    infinite;
}

.codi-r54-cinematic-light{
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
}

.codi-r54-cinematic-light::before,
.codi-r54-cinematic-light::after{
  content:"";
  position:absolute;

  left:50%;
  top:50%;

  width:min(1180px,92vw);
  height:1px;

  transform-origin:center;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.10),
      transparent
    );
}

.codi-r54-cinematic-light::before{
  transform:
    translate(-50%,-50%)
    rotate(-7deg);
}

.codi-r54-cinematic-light::after{
  opacity:.55;

  transform:
    translate(-50%,-50%)
    rotate(8deg);
}

/* ============================================================
   FINALIZATION COMPOSITION
   ============================================================ */

.codi-r54-finalizing-shell,
.codi-r54-success-shell{
  width:min(820px,92vw);

  display:flex;
  flex-direction:column;
  align-items:center;

  margin:auto;

  text-align:center;

  position:relative;
  z-index:2;
}

.codi-r54-kicker{
  margin:0 0 24px;

  color:rgba(255,255,255,.44);

  font-size:10px;
  line-height:1;
  font-weight:800;

  letter-spacing:.22em;
  text-transform:uppercase;
}

.codi-r54-percent{
  display:block;

  margin:0;

  color:#fff;

  font-size:clamp(66px,8vw,108px);
  line-height:.82;

  font-weight:850;
  letter-spacing:-.07em;

  font-variant-numeric:tabular-nums;

  text-shadow:
    0 0 48px rgba(255,255,255,.035);
}

.codi-r54-finalizing-shell h1,
.codi-r54-success-shell h1{
  max-width:800px;

  margin:34px auto 0;

  color:#fff;

  font-size:clamp(32px,4.35vw,56px);
  line-height:1.03;

  font-weight:820;
  letter-spacing:-.048em;

  text-wrap:balance;
}

.codi-r54-copy{
  max-width:660px;

  margin:18px auto 0;

  color:rgba(255,255,255,.60);

  font-size:13px;
  line-height:1.72;
  font-weight:480;

  text-wrap:balance;
}

.codi-r55-live-process{
  display:flex;
  align-items:center;
  justify-content:center;

  gap:10px;

  min-height:18px;
  margin:17px auto 0;

  color:rgba(255,255,255,.29);

  font-size:9px;
  line-height:1.2;
  font-weight:800;

  letter-spacing:.16em;
  text-transform:uppercase;
}

.codi-r55-live-process i{
  width:3px;
  height:3px;

  flex:0 0 auto;

  border-radius:50%;

  background:rgba(255,255,255,.32);
}

.codi-r55-live-process strong{
  color:rgba(255,255,255,.44);
  font:inherit;
}

/* ============================================================
   PROGRESS
   ============================================================ */

.codi-r54-progress{
  width:min(660px,82vw);
  height:3px;

  margin:39px auto 0;

  overflow:hidden;

  border-radius:999px;

  background:rgba(255,255,255,.09);

  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.018);
}

.codi-r54-progress i{
  display:block;

  height:100%;
  min-width:0;

  border-radius:inherit;

  /*
   * Deliberate CRM color authority:
   * only the progress line receives the strong brand color.
   */
  background:
    linear-gradient(
      90deg,
      #4d9cff 0%,
      #69c4ff 46%,
      #9de31f 100%
    );

  box-shadow:
    0 0 10px rgba(77,156,255,.22),
    0 0 14px rgba(157,227,31,.11);

  transition:
    width
    .16s
    linear;
}

.codi-r54-truth{
  display:block;

  margin:14px auto 0;

  color:rgba(255,255,255,.20);

  font-size:9px;
  line-height:1.5;
  font-weight:500;

  letter-spacing:.015em;
}

/* ============================================================
   SUCCESS — PREMIUM COMPLETION
   ============================================================ */

.codi-r54-success-shell{
  animation:
    cxR56SuccessEnter
    .72s
    cubic-bezier(.16,1,.3,1)
    both;
}

.codi-r54-success-check{
  width:64px;
  height:64px;

  display:grid;
  place-items:center;

  margin:0 auto 28px;

  border:
    1px solid
    rgba(255,255,255,.22);

  border-radius:50%;

  color:#fff;
  background:rgba(255,255,255,.018);

  font-size:25px;
  font-weight:500;

  box-shadow:
    0 0 0 10px rgba(255,255,255,.012),
    0 0 0 22px rgba(255,255,255,.006),
    0 26px 100px rgba(255,255,255,.035);
}

.codi-r54-cinematic-success .codi-r54-kicker{
  margin-bottom:22px;
}

.codi-r54-cinematic-success .codi-r54-percent{
  font-size:clamp(54px,7vw,84px);
}

.codi-r54-cinematic-success .codi-r54-success-shell h1{
  margin-top:30px;

  font-size:clamp(38px,5vw,64px);
}

.codi-r54-cinematic-success .codi-r54-copy{
  max-width:570px;

  color:rgba(255,255,255,.55);
}

.codi-r54-cinematic-success .codi-r54-progress{
  margin-top:34px;
}

.codi-r54-open-crm{
  min-width:220px;
  min-height:54px;

  margin:36px auto 0;
  padding:0 30px;

  border:1px solid #fff;
  border-radius:999px;

  background:#fff;
  color:#050505;

  font:inherit;
  font-size:12px;
  font-weight:820;

  letter-spacing:.01em;

  cursor:pointer;

  box-shadow:
    0 16px 55px rgba(255,255,255,.07);

  transition:
    transform .18s ease,
    background .18s ease,
    box-shadow .18s ease;
}

.codi-r54-open-crm:hover{
  transform:translateY(-2px);

  background:#f3f3f3;

  box-shadow:
    0 20px 70px rgba(255,255,255,.105);
}

.codi-r54-open-crm:active{
  transform:translateY(0);
}

/* ============================================================
   MOTION
   ============================================================ */

@keyframes cxR56Breath{
  from{
    opacity:.70;
    transform:
      translate(-50%,-50%)
      scale(.96);
  }

  to{
    opacity:1;
    transform:
      translate(-50%,-50%)
      scale(1.05);
  }
}

@keyframes cxR56Orbit{
  from{
    transform:rotate(0deg);
  }

  to{
    transform:rotate(360deg);
  }
}

@keyframes cxR56SuccessEnter{
  from{
    opacity:0;
    transform:
      translateY(12px)
      scale(.992);
  }

  to{
    opacity:1;
    transform:
      translateY(0)
      scale(1);
  }
}

/* ============================================================
   MOBILE
   ============================================================ */

@media(max-width:680px){

  .codi-r54-cinematic-finalizing,
  .codi-r54-cinematic-success{
    padding:
      30px
      18px
      !important;
  }

  .codi-r54-finalizing-shell,
  .codi-r54-success-shell{
    width:100%;
  }

  .codi-r54-kicker{
    margin-bottom:20px;
    font-size:8.5px;
  }

  .codi-r54-percent{
    font-size:64px;
  }

  .codi-r54-finalizing-shell h1,
  .codi-r54-success-shell h1{
    margin-top:24px;
    font-size:32px;
  }

  .codi-r54-copy{
    max-width:340px;
    font-size:12px;
  }

  .codi-r55-live-process{
    flex-wrap:wrap;

    max-width:320px;

    gap:7px;

    line-height:1.45;
  }

  .codi-r54-progress{
    width:min(86vw,560px);

    margin-top:33px;
  }

  .codi-r54-open-crm{
    width:min(280px,86vw);
  }
}

/* ============================================================
   REDUCED MOTION
   ============================================================ */

@media(prefers-reduced-motion:reduce){

  .codi-r54-cinematic-finalizing::before,
  .codi-r54-cinematic-finalizing::after,
  .codi-r54-cinematic-success::before,
  .codi-r54-cinematic-success::after,
  .codi-r54-success-shell{
    animation:none;
  }

  .codi-r54-progress i,
  .codi-r54-open-crm{
    transition:none;
  }
}


/* CODSHIPX_AI_R57_PREMIUM_FULLSCREEN_POLISH */
.cx-finalization-host,
.cx-finalization-screen,
.cx-finalization-shell,
.cx-finalization-viewport,
.cx-finalization-wrap,
.cx-finalization-stage,
.cx-finalization-success,
.cx-real-finalization-host,
.cx-real-finalization-screen,
.cx-real-finalization-success,
[data-cx-finalization="1"],
[data-cx-finalization-active="1"],
[data-cx-finalization-screen="1"],
[data-cx-finalization-success="1"]{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100vh !important;
  min-width:100vw !important;
  min-height:100vh !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  padding:clamp(20px,3vw,44px) !important;
  border:0 !important;
  outline:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:
    radial-gradient(56% 56% at 50% 40%, rgba(255,255,255,.06) 0%, rgba(255,255,255,.02) 24%, rgba(255,255,255,0) 68%),
    radial-gradient(92% 92% at 50% 50%, rgba(74,144,255,.04) 0%, rgba(0,0,0,0) 70%),
    #000 !important;
  color:#fff !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  isolation:isolate !important;
}

.cx-finalization-host::before,
.cx-finalization-screen::before,
.cx-finalization-shell::before,
.cx-finalization-viewport::before,
.cx-finalization-wrap::before,
.cx-finalization-stage::before,
.cx-finalization-success::before,
.cx-real-finalization-host::before,
.cx-real-finalization-screen::before,
.cx-real-finalization-success::before,
[data-cx-finalization="1"]::before,
[data-cx-finalization-active="1"]::before,
[data-cx-finalization-screen="1"]::before,
[data-cx-finalization-success="1"]::before{
  content:"";
  position:absolute;
  inset:-8vh -8vw;
  background:
    radial-gradient(44% 44% at 50% 38%, rgba(255,255,255,.05) 0%, rgba(255,255,255,.012) 34%, rgba(255,255,255,0) 70%),
    radial-gradient(72% 72% at 50% 52%, rgba(76,141,255,.05) 0%, rgba(0,0,0,0) 76%);
  pointer-events:none;
  z-index:0;
}

.cx-finalization-host::after,
.cx-finalization-screen::after,
.cx-finalization-shell::after,
.cx-finalization-viewport::after,
.cx-finalization-wrap::after,
.cx-finalization-stage::after,
.cx-finalization-success::after,
.cx-real-finalization-host::after,
.cx-real-finalization-screen::after,
.cx-real-finalization-success::after,
[data-cx-finalization="1"]::after,
[data-cx-finalization-active="1"]::after,
[data-cx-finalization-screen="1"]::after,
[data-cx-finalization-success="1"]::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.03) 0%, rgba(255,255,255,0) 22%),
    radial-gradient(120% 120% at 50% 100%, rgba(0,0,0,0) 0%, rgba(0,0,0,.38) 74%, rgba(0,0,0,.62) 100%);
  pointer-events:none;
  z-index:0;
}

.cx-finalization-host *,
.cx-finalization-screen *,
.cx-finalization-shell *,
.cx-finalization-viewport *,
.cx-finalization-wrap *,
.cx-finalization-stage *,
.cx-finalization-success *,
.cx-real-finalization-host *,
.cx-real-finalization-screen *,
.cx-real-finalization-success *,
[data-cx-finalization="1"] *,
[data-cx-finalization-active="1"] *,
[data-cx-finalization-screen="1"] *,
[data-cx-finalization-success="1"] *{
  box-sizing:border-box !important;
}

.cx-finalization-host > *,
.cx-finalization-screen > *,
.cx-finalization-shell > *,
.cx-finalization-viewport > *,
.cx-finalization-wrap > *,
.cx-finalization-stage > *,
.cx-finalization-success > *,
.cx-real-finalization-host > *,
.cx-real-finalization-screen > *,
.cx-real-finalization-success > *,
[data-cx-finalization="1"] > *,
[data-cx-finalization-active="1"] > *,
[data-cx-finalization-screen="1"] > *,
[data-cx-finalization-success="1"] > *{
  position:relative !important;
  z-index:1 !important;
  width:min(100%, 1040px) !important;
  max-width:1040px !important;
  margin:0 auto !important;
  padding:0 !important;
  border:0 !important;
  outline:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  text-align:center !important;
}

.cx-finalization-host h1,
.cx-finalization-screen h1,
.cx-finalization-shell h1,
.cx-finalization-viewport h1,
.cx-finalization-wrap h1,
.cx-finalization-stage h1,
.cx-finalization-success h1,
.cx-real-finalization-host h1,
.cx-real-finalization-screen h1,
.cx-real-finalization-success h1,
[data-cx-finalization="1"] h1,
[data-cx-finalization-active="1"] h1,
[data-cx-finalization-screen="1"] h1,
[data-cx-finalization-success="1"] h1{
  margin:0 0 16px !important;
  font-size:clamp(50px, 6.2vw, 96px) !important;
  line-height:.96 !important;
  letter-spacing:-.055em !important;
  font-weight:800 !important;
  color:#fff !important;
  text-wrap:balance !important;
}

.cx-finalization-host h2,
.cx-finalization-screen h2,
.cx-finalization-shell h2,
.cx-finalization-viewport h2,
.cx-finalization-wrap h2,
.cx-finalization-stage h2,
.cx-finalization-success h2,
.cx-real-finalization-host h2,
.cx-real-finalization-screen h2,
.cx-real-finalization-success h2,
[data-cx-finalization="1"] h2,
[data-cx-finalization-active="1"] h2,
[data-cx-finalization-screen="1"] h2,
[data-cx-finalization-success="1"] h2{
  margin:0 0 12px !important;
  font-size:clamp(18px, 1.4vw, 24px) !important;
  line-height:1.3 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  font-weight:700 !important;
  color:rgba(255,255,255,.52) !important;
}

.cx-finalization-host p,
.cx-finalization-screen p,
.cx-finalization-shell p,
.cx-finalization-viewport p,
.cx-finalization-wrap p,
.cx-finalization-stage p,
.cx-finalization-success p,
.cx-real-finalization-host p,
.cx-real-finalization-screen p,
.cx-real-finalization-success p,
[data-cx-finalization="1"] p,
[data-cx-finalization-active="1"] p,
[data-cx-finalization-screen="1"] p,
[data-cx-finalization-success="1"] p{
  width:min(100%, 820px) !important;
  margin:0 auto 12px !important;
  font-size:clamp(16px, 1.15vw, 22px) !important;
  line-height:1.62 !important;
  color:rgba(255,255,255,.74) !important;
  text-wrap:pretty !important;
}

.cx-finalization-host small,
.cx-finalization-screen small,
.cx-finalization-shell small,
.cx-finalization-viewport small,
.cx-finalization-wrap small,
.cx-finalization-stage small,
.cx-finalization-success small,
.cx-real-finalization-host small,
.cx-real-finalization-screen small,
.cx-real-finalization-success small,
[data-cx-finalization="1"] small,
[data-cx-finalization-active="1"] small,
[data-cx-finalization-screen="1"] small,
[data-cx-finalization-success="1"] small{
  display:block !important;
  margin:14px auto 0 !important;
  font-size:12px !important;
  line-height:1.5 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  color:rgba(255,255,255,.38) !important;
}

.cx-finalization-host .cx-finalization-progress,
.cx-finalization-screen .cx-finalization-progress,
.cx-finalization-shell .cx-finalization-progress,
.cx-finalization-viewport .cx-finalization-progress,
.cx-finalization-wrap .cx-finalization-progress,
.cx-finalization-stage .cx-finalization-progress,
.cx-finalization-success .cx-finalization-progress,
.cx-real-finalization-host .cx-finalization-progress,
.cx-real-finalization-screen .cx-finalization-progress,
.cx-real-finalization-success .cx-finalization-progress,
[data-cx-finalization="1"] .cx-finalization-progress,
[data-cx-finalization-active="1"] .cx-finalization-progress,
[data-cx-finalization-screen="1"] .cx-finalization-progress,
[data-cx-finalization-success="1"] .cx-finalization-progress,
.cx-finalization-host progress,
.cx-finalization-screen progress,
.cx-finalization-shell progress,
.cx-finalization-viewport progress,
.cx-finalization-wrap progress,
.cx-finalization-stage progress,
.cx-finalization-success progress,
.cx-real-finalization-host progress,
.cx-real-finalization-screen progress,
.cx-real-finalization-success progress,
[data-cx-finalization="1"] progress,
[data-cx-finalization-active="1"] progress,
[data-cx-finalization-screen="1"] progress,
[data-cx-finalization-success="1"] progress,
.cx-finalization-host [role="progressbar"],
.cx-finalization-screen [role="progressbar"],
.cx-finalization-shell [role="progressbar"],
.cx-finalization-viewport [role="progressbar"],
.cx-finalization-wrap [role="progressbar"],
.cx-finalization-stage [role="progressbar"],
.cx-finalization-success [role="progressbar"],
.cx-real-finalization-host [role="progressbar"],
.cx-real-finalization-screen [role="progressbar"],
.cx-real-finalization-success [role="progressbar"],
[data-cx-finalization="1"] [role="progressbar"],
[data-cx-finalization-active="1"] [role="progressbar"],
[data-cx-finalization-screen="1"] [role="progressbar"],
[data-cx-finalization-success="1"] [role="progressbar"]{
  width:min(100%, 760px) !important;
  height:10px !important;
  min-height:10px !important;
  margin:28px auto 0 !important;
  border:0 !important;
  outline:0 !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.12) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05) !important;
  overflow:hidden !important;
  appearance:none !important;
}

.cx-finalization-host progress::-webkit-progress-bar,
.cx-finalization-screen progress::-webkit-progress-bar,
.cx-finalization-shell progress::-webkit-progress-bar,
.cx-finalization-viewport progress::-webkit-progress-bar,
.cx-finalization-wrap progress::-webkit-progress-bar,
.cx-finalization-stage progress::-webkit-progress-bar,
.cx-finalization-success progress::-webkit-progress-bar,
.cx-real-finalization-host progress::-webkit-progress-bar,
.cx-real-finalization-screen progress::-webkit-progress-bar,
.cx-real-finalization-success progress::-webkit-progress-bar,
[data-cx-finalization="1"] progress::-webkit-progress-bar,
[data-cx-finalization-active="1"] progress::-webkit-progress-bar,
[data-cx-finalization-screen="1"] progress::-webkit-progress-bar,
[data-cx-finalization-success="1"] progress::-webkit-progress-bar{
  background:rgba(255,255,255,.12) !important;
  border-radius:999px !important;
}

.cx-finalization-host progress::-webkit-progress-value,
.cx-finalization-screen progress::-webkit-progress-value,
.cx-finalization-shell progress::-webkit-progress-value,
.cx-finalization-viewport progress::-webkit-progress-value,
.cx-finalization-wrap progress::-webkit-progress-value,
.cx-finalization-stage progress::-webkit-progress-value,
.cx-finalization-success progress::-webkit-progress-value,
.cx-real-finalization-host progress::-webkit-progress-value,
.cx-real-finalization-screen progress::-webkit-progress-value,
.cx-real-finalization-success progress::-webkit-progress-value,
[data-cx-finalization="1"] progress::-webkit-progress-value,
[data-cx-finalization-active="1"] progress::-webkit-progress-value,
[data-cx-finalization-screen="1"] progress::-webkit-progress-value,
[data-cx-finalization-success="1"] progress::-webkit-progress-value{
  background:linear-gradient(90deg, #5aa1ff 0%, #7dd3fc 48%, #b3ff3a 100%) !important;
  border-radius:999px !important;
}

.cx-finalization-host progress::-moz-progress-bar,
.cx-finalization-screen progress::-moz-progress-bar,
.cx-finalization-shell progress::-moz-progress-bar,
.cx-finalization-viewport progress::-moz-progress-bar,
.cx-finalization-wrap progress::-moz-progress-bar,
.cx-finalization-stage progress::-moz-progress-bar,
.cx-finalization-success progress::-moz-progress-bar,
.cx-real-finalization-host progress::-moz-progress-bar,
.cx-real-finalization-screen progress::-moz-progress-bar,
.cx-real-finalization-success progress::-moz-progress-bar,
[data-cx-finalization="1"] progress::-moz-progress-bar,
[data-cx-finalization-active="1"] progress::-moz-progress-bar,
[data-cx-finalization-screen="1"] progress::-moz-progress-bar,
[data-cx-finalization-success="1"] progress::-moz-progress-bar{
  background:linear-gradient(90deg, #5aa1ff 0%, #7dd3fc 48%, #b3ff3a 100%) !important;
  border-radius:999px !important;
}

.cx-finalization-host button,
.cx-finalization-screen button,
.cx-finalization-shell button,
.cx-finalization-viewport button,
.cx-finalization-wrap button,
.cx-finalization-stage button,
.cx-finalization-success button,
.cx-real-finalization-host button,
.cx-real-finalization-screen button,
.cx-real-finalization-success button,
[data-cx-finalization="1"] button,
[data-cx-finalization-active="1"] button,
[data-cx-finalization-screen="1"] button,
[data-cx-finalization-success="1"] button,
.cx-finalization-host .button,
.cx-finalization-screen .button,
.cx-finalization-shell .button,
.cx-finalization-viewport .button,
.cx-finalization-wrap .button,
.cx-finalization-stage .button,
.cx-finalization-success .button,
.cx-real-finalization-host .button,
.cx-real-finalization-screen .button,
.cx-real-finalization-success .button,
[data-cx-finalization="1"] .button,
[data-cx-finalization-active="1"] .button,
[data-cx-finalization-screen="1"] .button,
[data-cx-finalization-success="1"] .button{
  min-width:220px !important;
  height:60px !important;
  margin:34px auto 0 !important;
  padding:0 28px !important;
  border:0 !important;
  border-radius:999px !important;
  background:#fff !important;
  color:#0b0b0d !important;
  font-size:18px !important;
  font-weight:800 !important;
  letter-spacing:-.02em !important;
  box-shadow:0 10px 40px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.08) inset !important;
}

.cx-finalization-host button:hover,
.cx-finalization-screen button:hover,
.cx-finalization-shell button:hover,
.cx-finalization-viewport button:hover,
.cx-finalization-wrap button:hover,
.cx-finalization-stage button:hover,
.cx-finalization-success button:hover,
.cx-real-finalization-host button:hover,
.cx-real-finalization-screen button:hover,
.cx-real-finalization-success button:hover,
[data-cx-finalization="1"] button:hover,
[data-cx-finalization-active="1"] button:hover,
[data-cx-finalization-screen="1"] button:hover,
[data-cx-finalization-success="1"] button:hover,
.cx-finalization-host .button:hover,
.cx-finalization-screen .button:hover,
.cx-finalization-shell .button:hover,
.cx-finalization-viewport .button:hover,
.cx-finalization-wrap .button:hover,
.cx-finalization-stage .button:hover,
.cx-finalization-success .button:hover,
.cx-real-finalization-host .button:hover,
.cx-real-finalization-screen .button:hover,
.cx-real-finalization-success .button:hover,
[data-cx-finalization="1"] .button:hover,
[data-cx-finalization-active="1"] .button:hover,
[data-cx-finalization-screen="1"] .button:hover,
[data-cx-finalization-success="1"] .button:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 16px 48px rgba(0,0,0,.42), 0 0 0 1px rgba(255,255,255,.1) inset !important;
}

@media (max-width: 900px){
  .cx-finalization-host,
  .cx-finalization-screen,
  .cx-finalization-shell,
  .cx-finalization-viewport,
  .cx-finalization-wrap,
  .cx-finalization-stage,
  .cx-finalization-success,
  .cx-real-finalization-host,
  .cx-real-finalization-screen,
  .cx-real-finalization-success,
  [data-cx-finalization="1"],
  [data-cx-finalization-active="1"],
  [data-cx-finalization-screen="1"],
  [data-cx-finalization-success="1"]{
    padding:20px !important;
  }

  .cx-finalization-host h1,
  .cx-finalization-screen h1,
  .cx-finalization-shell h1,
  .cx-finalization-viewport h1,
  .cx-finalization-wrap h1,
  .cx-finalization-stage h1,
  .cx-finalization-success h1,
  .cx-real-finalization-host h1,
  .cx-real-finalization-screen h1,
  .cx-real-finalization-success h1,
  [data-cx-finalization="1"] h1,
  [data-cx-finalization-active="1"] h1,
  [data-cx-finalization-screen="1"] h1,
  [data-cx-finalization-success="1"] h1{
    font-size:clamp(38px, 10vw, 68px) !important;
  }

  .cx-finalization-host p,
  .cx-finalization-screen p,
  .cx-finalization-shell p,
  .cx-finalization-viewport p,
  .cx-finalization-wrap p,
  .cx-finalization-stage p,
  .cx-finalization-success p,
  .cx-real-finalization-host p,
  .cx-real-finalization-screen p,
  .cx-real-finalization-success p,
  [data-cx-finalization="1"] p,
  [data-cx-finalization-active="1"] p,
  [data-cx-finalization-screen="1"] p,
  [data-cx-finalization-success="1"] p{
    font-size:16px !important;
  }

  .cx-finalization-host button,
  .cx-finalization-screen button,
  .cx-finalization-shell button,
  .cx-finalization-viewport button,
  .cx-finalization-wrap button,
  .cx-finalization-stage button,
  .cx-finalization-success button,
  .cx-real-finalization-host button,
  .cx-real-finalization-screen button,
  .cx-real-finalization-success button,
  [data-cx-finalization="1"] button,
  [data-cx-finalization-active="1"] button,
  [data-cx-finalization-screen="1"] button,
  [data-cx-finalization-success="1"] button,
  .cx-finalization-host .button,
  .cx-finalization-screen .button,
  .cx-finalization-shell .button,
  .cx-finalization-viewport .button,
  .cx-finalization-wrap .button,
  .cx-finalization-stage .button,
  .cx-finalization-success .button,
  .cx-real-finalization-host .button,
  .cx-real-finalization-screen .button,
  .cx-real-finalization-success .button,
  [data-cx-finalization="1"] .button,
  [data-cx-finalization-active="1"] .button,
  [data-cx-finalization-screen="1"] .button,
  [data-cx-finalization-success="1"] .button{
    width:min(100%, 280px) !important;
    min-width:0 !important;
  }
}