/* ============================================================
   Finance Encryption Showcase (#encryption)
   Premium privacy vault theater: plain values -> on-device key -> ciphertext vault.
   ============================================================ */

.enc-feature {
  position: relative;
  overflow: hidden;
  padding: 90px 0;
  --enc: #0EA5E9;
  --enc-deep: #0369A1;
  --enc-night: #062B3E;
  --enc-ink: #0B2A3A;
  --enc-soft: #EAF7FE;
}

.enc-bg {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(46% 38% at 18% 22%, rgba(14, 165, 233, .06), transparent 72%),
    radial-gradient(42% 44% at 88% 60%, rgba(99, 102, 241, .05), transparent 72%),
    linear-gradient(180deg, var(--bg) 0%, var(--bg) 14%, #EAF7FE 50%, var(--bg) 86%, var(--bg) 100%);
  z-index: 0;
  pointer-events: none;
}
.enc-feature .container { position: relative; z-index: 1; }
.enc-grad { background: linear-gradient(90deg, var(--enc), #6366F1); -webkit-background-clip: text; background-clip: text; color: transparent; }

.enc-stage { margin: 52px auto 0; max-width: 1040px; }
.enc-stage-top { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 0 auto 18px; max-width: 880px; }
.enc-chapter {
  display: inline-flex; align-items: center; gap: 8px;
  min-height: 42px; padding: 10px 18px; border-radius: 999px;
  color: var(--enc-deep); background: rgba(255,255,255,.78);
  border: 1px solid rgba(14,165,233,.22);
  box-shadow: 0 12px 30px rgba(3,105,161,.08);
  font: 900 12px/1 "Space Mono", monospace;
}
.enc-chapter::before { content: ''; width: 9px; height: 9px; border-radius: 50%; background: var(--enc); box-shadow: 0 0 0 6px rgba(14,165,233,.16), 0 0 18px rgba(14,165,233,.55); }
.enc-theater {
  position: relative;
  display: grid;
  grid-template-columns: minmax(250px, 1fr) minmax(240px, .92fr) minmax(250px, 1fr);
  gap: 18px;
  align-items: stretch;
  min-height: 330px;
  padding: 24px;
  border-radius: 34px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.82), rgba(255,255,255,.56)),
    radial-gradient(circle at 50% 50%, rgba(14,165,233,.16), transparent 62%);
  border: 1px solid rgba(14,165,233,.24);
  box-shadow: 0 30px 80px -48px rgba(3,105,161,.62), inset 0 1px 0 rgba(255,255,255,.9);
  overflow: hidden;
}
.enc-aurora {
  position: absolute; inset: 22px;
  border-radius: 30px;
  background:
    linear-gradient(90deg, transparent 0%, rgba(14,165,233,.10) 32%, rgba(99,102,241,.10) 50%, rgba(14,165,233,.08) 68%, transparent 100%);
  opacity: .75;
  filter: blur(20px);
  transform: scale(.95);
  pointer-events: none;
}
.enc-stage[data-state="derive"] .enc-aurora,
.enc-stage[data-state="encrypt"] .enc-aurora,
.enc-stage[data-state="seal"] .enc-aurora { animation: encAuroraSweep 3.4s ease both; }
@keyframes encAuroraSweep { 0% { transform: translateX(-12%) scale(.95); opacity: .35; } 55% { opacity: .95; } 100% { transform: translateX(12%) scale(1); opacity: .65; } }

.enc-scan {
  position: absolute; top: 24px; bottom: 24px; left: 25%; width: 120px;
  background: linear-gradient(90deg, transparent, rgba(111,227,255,.26), rgba(255,255,255,.62), rgba(111,227,255,.22), transparent);
  filter: blur(.2px);
  opacity: 0;
  transform: skewX(-12deg) translateX(-180%);
  pointer-events: none;
  z-index: 4;
}
.enc-stage[data-state="encrypt"] .enc-scan { animation: encCipherScan 3.6s cubic-bezier(.45,0,.2,1) both; }
@keyframes encCipherScan { 0% { opacity: 0; transform: skewX(-12deg) translateX(-180%); } 10%,84% { opacity: 1; } 100% { opacity: 0; transform: skewX(-12deg) translateX(530%); } }

.enc-panel {
  position: relative; z-index: 2;
  min-width: 0; min-height: 282px;
  border-radius: 26px;
  border: 1px solid rgba(14,165,233,.24);
  background: rgba(255,255,255,.82);
  box-shadow: 0 22px 48px -34px rgba(3,105,161,.55), inset 0 1px 0 rgba(255,255,255,.92);
  backdrop-filter: blur(14px);
  transition: transform .55s ease, opacity .55s ease, border-color .55s ease, box-shadow .55s ease;
}
.enc-stage:not(.enc-run) .enc-panel { opacity: .62; transform: translateY(10px) scale(.985); }
.enc-stage.enc-run .enc-panel { opacity: 1; transform: none; }
.enc-panel.is-dimmed { opacity: .52; }
.enc-wait-layer {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 9px;
  border-radius: inherit;
  color: var(--enc-deep);
  background: linear-gradient(180deg, rgba(255,255,255,.90), rgba(234,247,254,.86));
  backdrop-filter: blur(20px) saturate(1.08);
  border: 1px solid rgba(14,165,233,.24);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92), inset 0 0 46px rgba(14,165,233,.10), 0 20px 42px -34px rgba(3,105,161,.55);
  opacity: 1;
  transform: translateY(0);
  transition: opacity .45s ease, transform .45s ease, visibility .45s ease;
}
.enc-wait-layer b { color: var(--enc-ink); font-size: 15px; line-height: 1.1; }
.enc-wait-layer small { color: #5B7384; font-size: 11.5px; font-weight: 800; }
.enc-wait-lock {
  position: relative;
  width: 82px;
  height: 82px;
  display: grid;
  place-items: center;
  margin-bottom: 4px;
  border-radius: 26px;
  color: #fff;
  background:
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(220,244,255,.84)),
    radial-gradient(circle at 35% 22%, rgba(111,227,255,.46), transparent 46%);
  border: 1px solid rgba(14,165,233,.24);
  box-shadow: 0 0 0 10px rgba(14,165,233,.08), 0 22px 44px -26px rgba(3,105,161,.72), inset 0 1px 0 rgba(255,255,255,.9);
}
.enc-wait-lock::before {
  content: '';
  position: absolute;
  inset: 13px;
  border-radius: 20px;
  background: linear-gradient(135deg, var(--enc), #4F46E5);
  box-shadow: 0 16px 28px -16px rgba(79,70,229,.9), inset 0 1px 0 rgba(255,255,255,.24);
  animation: encLockJiggle 3.2s ease-in-out infinite;
}
.enc-wait-lock::after {
  content: '';
  position: absolute;
  inset: 8px;
  border-radius: 24px;
  border: 1px solid rgba(14,165,233,.18);
  animation: encLockBreath 3.2s ease-in-out infinite;
}
.enc-wait-lock ion-icon {
  position: relative;
  z-index: 1;
  width: 36px;
  height: 36px;
  color: #fff;
  filter: drop-shadow(0 5px 10px rgba(3,105,161,.18));
  animation: encLockJiggle 3.2s ease-in-out infinite;
}
@keyframes encLockJiggle {
  0%,100% { transform: translate3d(0,0,0) rotate(0deg); }
  18% { transform: translate3d(0,-2px,0) rotate(-2deg); }
  36% { transform: translate3d(1px,1px,0) rotate(2deg); }
  54% { transform: translate3d(-1px,0,0) rotate(-1deg); }
  72% { transform: translate3d(0,1px,0) rotate(1deg); }
}
@keyframes encLockBreath {
  0%,100% { opacity: .42; transform: scale(.94); }
  50% { opacity: .9; transform: scale(1.04); }
}
.enc-stage[data-state="derive"] .enc-key-chamber .enc-wait-layer,
.enc-stage[data-state="encrypt"] .enc-key-chamber .enc-wait-layer,
.enc-stage[data-state="seal"] .enc-key-chamber .enc-wait-layer,
.enc-stage[data-state="complete"] .enc-key-chamber .enc-wait-layer,
.enc-stage[data-state="seal"] .enc-vault-capsule .enc-wait-layer,
.enc-stage[data-state="complete"] .enc-vault-capsule .enc-wait-layer {
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  pointer-events: none;
}
.enc-stage[data-state="plain"] .enc-key-chamber .enc-wait-layer ~ *,
.enc-stage[data-state="plain"] .enc-vault-capsule .enc-wait-layer ~ *,
.enc-stage[data-state="derive"] .enc-vault-capsule .enc-wait-layer ~ *,
.enc-stage[data-state="encrypt"] .enc-vault-capsule .enc-wait-layer ~ * {
  filter: blur(8px) saturate(.72);
  opacity: .16;
}
.enc-stage[data-state="plain"] .enc-ledger,
.enc-stage[data-state="derive"] .enc-key-chamber,
.enc-stage[data-state="encrypt"] .enc-ledger,
.enc-stage[data-state="encrypt"] .enc-key-chamber,
.enc-stage[data-state="seal"] .enc-vault-capsule,
.enc-stage[data-state="complete"] .enc-vault-capsule { transform: translateY(-5px) scale(1.018); }
.enc-panel::after {
  content: ''; position: absolute; inset: -1px; border-radius: inherit;
  border: 1px solid transparent; opacity: 0; pointer-events: none;
  transition: opacity .4s ease;
}
.enc-stage[data-state="plain"] .enc-ledger,
.enc-stage[data-state="derive"] .enc-key-chamber,
.enc-stage[data-state="encrypt"] .enc-ledger,
.enc-stage[data-state="encrypt"] .enc-key-chamber,
.enc-stage[data-state="seal"] .enc-vault-capsule,
.enc-stage[data-state="complete"] .enc-vault-capsule {
  border-color: rgba(14,165,233,.96);
  box-shadow: 0 40px 86px -26px rgba(3,105,161,.94), 0 0 0 3px rgba(14,165,233,.22), 0 0 58px rgba(14,165,233,.34);
}
.enc-stage[data-state="plain"] .enc-ledger::after,
.enc-stage[data-state="derive"] .enc-key-chamber::after,
.enc-stage[data-state="encrypt"] .enc-key-chamber::after,
.enc-stage[data-state="seal"] .enc-vault-capsule::after,
.enc-stage[data-state="complete"] .enc-vault-capsule::after { opacity: 1; border-color: rgba(111,227,255,.34); }

.enc-ledger { padding: 20px; display: flex; flex-direction: column; gap: 15px; }
.enc-panel-kicker { display: inline-flex; align-items: center; gap: 7px; color: var(--enc-deep); font: 800 11px/1 "Space Mono", monospace; text-transform: uppercase; letter-spacing: .04em; }
.enc-panel-kicker ion-icon { font-size: 15px; }
.enc-ledger-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.enc-ledger-head b { display: block; color: var(--enc-ink); font-size: 18px; line-height: 1.15; }
.enc-ledger-head span { display: block; color: #5B7384; font-size: 12px; margin-top: 4px; }
.enc-live-dot { flex: none; color: #047857 !important; background: rgba(16,185,129,.10); border: 1px solid rgba(16,185,129,.20); border-radius: 999px; padding: 6px 9px; font: 800 10px/1 "Space Mono", monospace; }
.enc-ledger-rows { list-style: none; margin: 4px 0 0; padding: 0; display: grid; gap: 9px; }
.enc-ledger-rows li {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  min-height: 38px; padding: 0 12px; border-radius: 13px;
  color: var(--enc-ink); background: rgba(234,247,254,.72); border: 1px solid rgba(14,165,233,.08);
  transition: background .35s ease, border-color .35s ease, transform .35s ease;
}
.enc-ledger-rows span { color: #5B7384; font-size: 13px; font-weight: 700; }
.enc-val { font: 800 13px/1 "Space Mono", monospace; white-space: nowrap; color: var(--enc-ink); transition: color .22s ease, filter .22s ease, letter-spacing .22s ease; }
.enc-val.is-scrambling { color: #0284C7; filter: blur(.15px); }
.enc-val.is-cipher { color: var(--enc-deep); letter-spacing: -.02em; }
.enc-stage[data-state="encrypt"] .enc-ledger-rows li { animation: encLedgerLift .9s ease both; animation-delay: calc(var(--row, 0) * 70ms); }
.enc-ledger-rows li:nth-child(1) { --row: 0; }
.enc-ledger-rows li:nth-child(2) { --row: 1; }
.enc-ledger-rows li:nth-child(3) { --row: 2; }
.enc-ledger-rows li:nth-child(4) { --row: 3; }
@keyframes encLedgerLift { 45% { transform: translateY(-3px); border-color: rgba(14,165,233,.28); background: #fff; } }
.enc-ledger-foot { margin-top: auto; display: flex; align-items: center; gap: 8px; color: #5B7384; font-size: 11.5px; font-weight: 700; }
.enc-ledger-foot ion-icon { color: var(--enc); font-size: 15px; }

.enc-key-chamber { padding: 24px 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; overflow: hidden; }
.enc-key-rings { position: absolute; inset: 22px; display: grid; place-items: center; pointer-events: none; }
.enc-key-rings i { position: absolute; border-radius: 50%; border: 1px solid rgba(14,165,233,.18); opacity: .5; }
.enc-key-rings i:nth-child(1) { width: 104px; height: 104px; }
.enc-key-rings i:nth-child(2) { width: 154px; height: 154px; border-color: rgba(99,102,241,.16); }
.enc-key-rings i:nth-child(3) { width: 208px; height: 208px; border-color: rgba(14,165,233,.10); }
.enc-stage[data-state="derive"] .enc-key-rings i,
.enc-stage[data-state="encrypt"] .enc-key-rings i { animation: encRingCharge 2.6s ease both; animation-delay: calc(var(--ring, 0) * 180ms); }
.enc-key-rings i:nth-child(1) { --ring: 0; } .enc-key-rings i:nth-child(2) { --ring: 1; } .enc-key-rings i:nth-child(3) { --ring: 2; }
@keyframes encRingCharge { 0% { transform: scale(.82); opacity: .12; } 52% { opacity: .85; } 100% { transform: scale(1.05); opacity: .42; } }
.enc-key-core { position: relative; z-index: 1; width: 72px; height: 72px; border-radius: 22px; display: grid; place-items: center; color: #fff; font-size: 32px; background: linear-gradient(135deg, var(--enc), #6366F1); box-shadow: 0 18px 38px -16px rgba(99,102,241,.75); }
.enc-stage[data-state="derive"] .enc-key-core,
.enc-stage[data-state="encrypt"] .enc-key-core { animation: encKeyForge 1.6s cubic-bezier(.22,1.2,.32,1) both; }

@keyframes encKeyForge { 0% { transform: rotate(-12deg) scale(.88); } 55% { transform: rotate(8deg) scale(1.08); } 100% { transform: rotate(0) scale(1); } }
.enc-key-chamber h3 { position: relative; z-index: 1; margin: 16px 0 5px; color: var(--enc-ink); font-size: 17px; line-height: 1.15; }
.enc-key-chamber p { position: relative; z-index: 1; margin: 0; color: #5B7384; font-size: 12px; font-weight: 700; }
.enc-passphrase { position: relative; z-index: 1; display: flex; gap: 7px; margin: 18px 0 12px; }
.enc-passphrase span { width: 10px; height: 10px; border-radius: 50%; background: rgba(14,165,233,.24); }
.enc-stage[data-state="derive"] .enc-passphrase span,
.enc-stage[data-state="encrypt"] .enc-passphrase span { animation: encPassDots 1.35s ease-in-out both; animation-delay: calc(var(--dot, 0) * 110ms); }
.enc-passphrase span:nth-child(1) { --dot: 0; } .enc-passphrase span:nth-child(2) { --dot: 1; } .enc-passphrase span:nth-child(3) { --dot: 2; } .enc-passphrase span:nth-child(4) { --dot: 3; } .enc-passphrase span:nth-child(5) { --dot: 4; } .enc-passphrase span:nth-child(6) { --dot: 5; }
@keyframes encPassDots { 50% { transform: translateY(-5px); background: var(--enc); } }
.enc-key-stream { position: relative; z-index: 1; min-height: 30px; display: inline-flex; align-items: center; justify-content: center; padding: 8px 12px; border-radius: 999px; color: var(--enc-deep); background: rgba(14,165,233,.09); font: 800 11px/1 "Space Mono", monospace; }

.enc-vault-capsule { padding: 22px 18px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 12px; background: linear-gradient(180deg, rgba(255,255,255,.86), rgba(248,253,255,.74)); }
.enc-vault-icon { position: relative; width: 78px; height: 70px; display: grid; place-items: center; }
.enc-cloud-ic { position: absolute; width: 72px; height: 72px; color: rgba(14,165,233,.22); }
.enc-lock-ic { position: absolute; width: 46px; height: 46px; color: #94B7C7; transform: translateY(6px) scale(.84); transition: color .35s ease, transform .35s ease; }
.enc-stage[data-state="seal"] .enc-lock-ic,
.enc-stage[data-state="complete"] .enc-lock-ic { color: var(--enc-deep); transform: translateY(2px) scale(1); animation: encVaultSeal .5s cubic-bezier(.22,1.35,.34,1) both; }
@keyframes encVaultSeal { 0% { transform: translateY(8px) scale(.7); } 62% { transform: translateY(0) scale(1.14); } 100% { transform: translateY(2px) scale(1); } }
.enc-vault-icon::after { content: ''; position: absolute; inset: 8px; border-radius: 50%; border: 2px solid var(--enc); opacity: 0; }
.enc-stage[data-state="seal"] .enc-vault-icon::after,
.enc-stage[data-state="complete"] .enc-vault-icon::after { animation: encVaultPulse 2.8s ease-out .2s infinite; }
@keyframes encVaultPulse { 0% { transform: scale(.65); opacity: .5; } 70%,100% { transform: scale(1.75); opacity: 0; } }
.enc-stage[data-state="complete"] .enc-vault-capsule { animation: encPanelBreathe 4.8s ease-in-out infinite; }
@keyframes encPanelBreathe { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
.enc-vault-capsule h3 { margin: 0; color: var(--enc-ink); font-size: 17px; line-height: 1.15; }
.enc-cipher-grid { width: 100%; min-height: 74px; border-radius: 16px; background: linear-gradient(135deg, #062B3E, #0B3A53); padding: 12px; color: #6FE3FF; text-align: left; font: 800 11px/1.5 "Space Mono", monospace; word-break: break-all; box-shadow: inset 0 0 0 1px rgba(111,227,255,.12); opacity: .45; transition: opacity .4s ease, transform .4s ease; }
.enc-stage[data-state="encrypt"] .enc-cipher-grid,
.enc-stage[data-state="seal"] .enc-cipher-grid,
.enc-stage[data-state="complete"] .enc-cipher-grid { opacity: 1; transform: translateY(-1px); }
.enc-vault-status { display: inline-flex; align-items: center; gap: 6px; color: #fff; background: linear-gradient(90deg, var(--enc), var(--enc-deep)); border-radius: 999px; padding: 8px 12px; font: 900 10.5px/1 "Space Mono", monospace; text-transform: uppercase; letter-spacing: .02em; opacity: .72; transform: translateY(4px); transition: opacity .35s ease, transform .35s ease; }
.enc-stage[data-state="complete"] .enc-vault-status,
.enc-stage[data-state="seal"] .enc-vault-status { opacity: 1; transform: none; }

.enc-storyline { display: flex; flex-wrap: wrap; justify-content: center; gap: 9px; margin-top: 20px; }
.enc-storyline span { display: inline-flex; align-items: center; gap: 8px; padding: 9px 13px; border-radius: 999px; background: rgba(255,255,255,.74); border: 1px solid rgba(3,105,161,.18); color: #5B7384; font: 900 11px/1 "Space Mono", monospace; box-shadow: 0 8px 22px rgba(3,105,161,.06); transition: color .3s ease, border-color .3s ease, background .3s ease, transform .3s ease, box-shadow .3s ease; }
.enc-storyline span::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: #B8D4E2; }
.enc-stage[data-state="plain"] [data-step-dot="plain"],
.enc-stage[data-state="derive"] [data-step-dot="derive"],
.enc-stage[data-state="encrypt"] [data-step-dot="encrypt"],
.enc-stage[data-state="seal"] [data-step-dot="seal"],
.enc-stage[data-state="complete"] [data-step-dot="seal"] { color: #fff; border-color: rgba(14,165,233,.98); background: linear-gradient(90deg, #0284C7, var(--enc-deep)); transform: translateY(-4px) scale(1.1); box-shadow: 0 18px 38px rgba(3,105,161,.36), 0 0 0 6px rgba(14,165,233,.14); }
.enc-stage[data-state="plain"] [data-step-dot="plain"]::before,
.enc-stage[data-state="derive"] [data-step-dot="derive"]::before,
.enc-stage[data-state="encrypt"] [data-step-dot="encrypt"]::before,
.enc-stage[data-state="seal"] [data-step-dot="seal"]::before,
.enc-stage[data-state="complete"] [data-step-dot="seal"]::before { background: #fff; box-shadow: 0 0 0 5px rgba(255,255,255,.18), 0 0 18px rgba(111,227,255,.7); }

.enc-badges { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 24px; }
.enc-badges span { display: inline-flex; align-items: center; gap: 6px; font: 700 12.5px/1 "Space Mono", monospace; color: var(--enc-ink); background: #fff; border: 1px solid rgba(3, 105, 161, .28); box-shadow: 0 3px 10px rgba(3, 105, 161, .12); padding: 9px 14px; border-radius: 999px; }
.enc-badges ion-icon { font-size: 15px; color: var(--enc); }

.enc-cards { margin-top: 56px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.enc-card { background: #fff; border: 1px solid rgba(14, 165, 233, .14); border-radius: 22px; padding: 24px 22px; box-shadow: 0 18px 44px -32px rgba(3, 105, 161, .5); }
.enc-card-ic { font-size: 30px; margin-bottom: 12px; }
.enc-card h3 { margin: 0 0 8px; font-size: 18px; color: var(--enc-ink); }
.enc-card p { margin: 0; font-size: 14.5px; line-height: 1.55; color: #4E6675; }
.enc-disclaimer { margin: 40px auto 0; max-width: 760px; }

@media (max-width: 960px) {
  .enc-theater { grid-template-columns: 1fr; max-width: 460px; margin: 0 auto; padding: 18px; gap: 14px; }
  .enc-panel { min-height: auto; }
  .enc-key-chamber { min-height: 260px; }
  .enc-stage-top { max-width: 460px; }
  .enc-scan { inset: 18px 18px auto; top: 32%; width: auto; height: 96px; transform: translateY(-130%); background: linear-gradient(180deg, transparent, rgba(111,227,255,.26), rgba(255,255,255,.62), rgba(111,227,255,.22), transparent); }
  .enc-stage[data-state="encrypt"] .enc-scan { animation-name: encCipherScanMobile; }
  @keyframes encCipherScanMobile { 0% { opacity: 0; transform: translateY(-130%); } 12%,78% { opacity: 1; } 100% { opacity: 0; transform: translateY(320%); } }
  .enc-cards { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  .enc-feature { padding: 74px 0; }
  .enc-stage { margin-top: 38px; }
  .enc-stage-top { align-items: stretch; flex-direction: column; }
  .enc-chapter { justify-content: center; width: 100%; }
  .enc-theater { border-radius: 26px; padding: 14px; }
  .enc-ledger { padding: 16px; }
  .enc-ledger-head { flex-direction: column; }
  .enc-ledger-rows li { padding: 0 10px; }
  .enc-val { font-size: 12px; }
  .enc-cipher-grid { font-size: 10px; }
  .enc-storyline span { flex: 1 1 42%; justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
  .enc-stage *, .enc-stage *::before, .enc-stage *::after { animation: none !important; transition-duration: .001ms !important; }
  .enc-scan, .enc-aurora { display: none; }
  .enc-stage .enc-panel { opacity: 1; transform: none; }
}