:root{--page-title-display:none;}/* Start custom CSS *//* Nivo Elementor v4 Upgrade page: animated infographic (#v4m-*) + section motion. Atomic elements + this CSS, no script. 23 Oct 2026 */

/* reset for the graphic's own atomic elements */
body .elementor-18205 [id^=v4m-] { padding: 0; margin: 0; min-width: 0; box-sizing: border-box; }
/* div-blocks are width: 100% by default (.e-con); the inline pieces size to their content */
body .elementor-18205 #v4m-chips, body .elementor-18205 #v4m-ss2, body .elementor-18205 #v4m-tg, body .elementor-18205 #v4m-dots, body .elementor-18205 #v4m-num { width: auto; flex: 0 0 auto; }
body .elementor-18205 #v4m-dots > div { width: 10px; height: 10px; flex: 0 0 10px; }

/* ===== v4: page markup (#v4m-*) in the dark When to upgrade section ===== */
#v4m-card { position: relative; margin-top: clamp(28px, 3vw, 44px); padding: clamp(18px, 2vw, 26px); border: 1px solid rgba(251,244,238,.14); background: rgba(251,244,238,.035); display: flex; flex-direction: column; gap: 16px; max-width: 600px; }
#v4m-top { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
#v4m-eb { font-family: var(--nivo-font-mono, 'JetBrains Mono', monospace); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: rgba(251,244,238,.6); }
#v4m-tg { display: flex; padding: 3px; border-radius: 99px; background: rgba(251,244,238,.08); }
#v4m-tg > p { font-family: var(--nivo-font-mono, 'JetBrains Mono', monospace); font-size: 11px; letter-spacing: .04em; padding: 5px 10px; border-radius: 99px; white-space: nowrap; line-height: 1.3; color: rgba(251,244,238,.6); }
#v4m-t4 { color: #2A142D; background: #F0A35E; }
#v4m-code { display: grid; min-height: 0; padding: 14px 16px; background: #1E1B1A; border: 1px solid rgba(251,244,238,.08); overflow: hidden; }
#v4m-old, #v4m-new { grid-area: 1 / 1; display: flex; flex-direction: column; align-self: start; min-width: 0; }
#v4m-old { opacity: 0; visibility: hidden; }
#v4m-code p { font-family: var(--nivo-font-mono, 'JetBrains Mono', monospace); font-size: 12px; line-height: 1.75; color: rgba(251,244,238,.72); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#v4m-code b { font-weight: 400; color: #F0A35E; }
#v4m-code i { font-style: normal; color: #D9C2DC; }
#v4m-o2 { padding-left: 1.5ch; } #v4m-o3 { padding-left: 3ch; } #v4m-o4 { padding-left: 4.5ch; } #v4m-o5 { padding-left: 6ch; } #v4m-o6 { padding-left: 7.5ch; } #v4m-o7 { padding-left: 9ch; color: #FBF4EE !important; }
#v4m-n2 { padding-left: 1.5ch; color: #FBF4EE !important; }
#v4m-foot { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
#v4m-fl { flex: 1 1 auto; font-size: 14px; color: rgba(251,244,238,.7); }
#v4m-dots { display: flex; gap: 6px; }
#v4m-dots > div { width: 10px; height: 10px; border-radius: 50%; border: 1.5px solid rgba(251,244,238,.4); opacity: .18; }
#v4m-d1 { background: #F0A35E; border-color: #F0A35E !important; opacity: 1 !important; }
#v4m-num { display: grid; }
#v4m-num > p { grid-area: 1 / 1; font-size: 28px; font-weight: 600; line-height: 1; letter-spacing: -.03em; color: #F0A35E; text-align: right; min-width: 1.2ch; }
#v4m-six { opacity: 0; }
@media (max-width: 767px) { #v4m-code { padding: 12px; } #v4m-code p { font-size: 10.5px; } #v4m-tg > p { padding: 4px 8px; font-size: 10px; } #v4m-o2 { padding-left: .8ch; } #v4m-o3 { padding-left: 1.6ch; } #v4m-o4 { padding-left: 2.4ch; } #v4m-o5 { padding-left: 3.2ch; } #v4m-o6 { padding-left: 4ch; } #v4m-o7 { padding-left: 4.8ch; } #v4m-n2 { padding-left: .8ch; } }

@media (prefers-reduced-motion: no-preference) {
  #v4m-old { visibility: visible; animation: v4mOld 12s ease-in-out infinite; }
  #v4m-new { animation: v4mNew 12s ease-in-out infinite; }
  #v4m-t3 { animation: v4mT3 12s ease-in-out infinite; }
  #v4m-t4 { animation: v4mT4 12s ease-in-out infinite; }
  #v4m-six { animation: v4mSix 12s ease-in-out infinite; }
  #v4m-one { animation: v4mOne 12s ease-in-out infinite; }
  #v4m-o6 { animation: v4mW6 12s ease-in-out infinite; }
  #v4m-d6 { animation: v4mD6 12s ease-in-out infinite; }
  #v4m-o5 { animation: v4mW5 12s ease-in-out infinite; }
  #v4m-d5 { animation: v4mD5 12s ease-in-out infinite; }
  #v4m-o4 { animation: v4mW4 12s ease-in-out infinite; }
  #v4m-d4 { animation: v4mD4 12s ease-in-out infinite; }
  #v4m-o3 { animation: v4mW3 12s ease-in-out infinite; }
  #v4m-d3 { animation: v4mD3 12s ease-in-out infinite; }
  #v4m-o2 { animation: v4mW2 12s ease-in-out infinite; }
  #v4m-d2 { animation: v4mD2 12s ease-in-out infinite; }
  #v4m-o8 { animation: v4mClose 12s ease-in-out infinite; }
}
@keyframes v4mOld { 0%, 50% { opacity: 1; } 54%, 94% { opacity: 0; } 98%, 100% { opacity: 1; } }
@keyframes v4mNew { 0%, 52% { opacity: 0; transform: translateY(6px); } 56%, 92% { opacity: 1; transform: none; } 96%, 100% { opacity: 0; transform: none; } }
@keyframes v4mT3 { 0%, 50% { color: #2A142D; background: #F0A35E; } 54%, 94% { color: rgba(251,244,238,.6); background: transparent; } 98%, 100% { color: #2A142D; background: #F0A35E; } }
@keyframes v4mT4 { 0%, 50% { color: rgba(251,244,238,.6); background: transparent; } 54%, 94% { color: #2A142D; background: #F0A35E; } 98%, 100% { color: rgba(251,244,238,.6); background: transparent; } }
@keyframes v4mSix { 0%, 50% { opacity: 1; } 54%, 94% { opacity: 0; } 98%, 100% { opacity: 1; } }
@keyframes v4mOne { 0%, 50% { opacity: 0; } 54%, 94% { opacity: 1; } 98%, 100% { opacity: 0; } }
@keyframes v4mW6 { 0%, 30.0% { opacity: 1; max-height: 2em; } 31.2% { opacity: .25; } 32.6%, 96% { opacity: 0; max-height: 0; } 100% { opacity: 1; max-height: 2em; } }
@keyframes v4mD6 { 0%, 30.0% { opacity: 1; } 32.0%, 96% { opacity: .18; } 100% { opacity: 1; } }
@keyframes v4mW5 { 0%, 33.6% { opacity: 1; max-height: 2em; } 34.8% { opacity: .25; } 36.2%, 96% { opacity: 0; max-height: 0; } 100% { opacity: 1; max-height: 2em; } }
@keyframes v4mD5 { 0%, 33.6% { opacity: 1; } 35.6%, 96% { opacity: .18; } 100% { opacity: 1; } }
@keyframes v4mW4 { 0%, 37.2% { opacity: 1; max-height: 2em; } 38.4% { opacity: .25; } 39.8%, 96% { opacity: 0; max-height: 0; } 100% { opacity: 1; max-height: 2em; } }
@keyframes v4mD4 { 0%, 37.2% { opacity: 1; } 39.2%, 96% { opacity: .18; } 100% { opacity: 1; } }
@keyframes v4mW3 { 0%, 40.8% { opacity: 1; max-height: 2em; } 42.0% { opacity: .25; } 43.4%, 96% { opacity: 0; max-height: 0; } 100% { opacity: 1; max-height: 2em; } }
@keyframes v4mD3 { 0%, 40.8% { opacity: 1; } 42.8%, 96% { opacity: .18; } 100% { opacity: 1; } }
@keyframes v4mW2 { 0%, 44.4% { opacity: 1; max-height: 2em; } 45.6% { opacity: .25; } 47.0%, 96% { opacity: 0; max-height: 0; } 100% { opacity: 1; max-height: 2em; } }
@keyframes v4mD2 { 0%, 44.4% { opacity: 1; } 46.4%, 96% { opacity: .18; } 100% { opacity: 1; } }
@keyframes v4mClose { 0%, 47% { opacity: 1; } 50%, 96% { opacity: 0; } 100% { opacity: 1; } }

/* ===== three-step list: steps light in turn (desktop + mobile) ===== */
[data-id='6607a3b3'], [data-id='1a8e5415'], [data-id='79639bb7'] { position: relative; }
@media (prefers-reduced-motion: no-preference) {
  [data-id='6607a3b3']::before, [data-id='1a8e5415']::before, [data-id='79639bb7']::before { content: ''; position: absolute; left: 0; right: 0; top: -1px; height: 2px; background: #F0A35E; transform: scaleX(0); transform-origin: 0 50%; opacity: 0; pointer-events: none; }
  [data-id='6607a3b3']::before { animation: stepLine 9s linear -9s infinite; }
  [data-id='494f6c51'] { animation: stepLabel 9s linear -9s infinite; }
  [data-id='1a8e5415']::before { animation: stepLine 9s linear -6s infinite; }
  [data-id='75ef0caa'] { animation: stepLabel 9s linear -6s infinite; }
  [data-id='79639bb7']::before { animation: stepLine 9s linear -3s infinite; }
  [data-id='62fa41e3'] { animation: stepLabel 9s linear -3s infinite; }
}
@keyframes stepLine { 0% { transform: scaleX(0); opacity: 1; } 28% { transform: scaleX(1); opacity: 1; } 33.3% { transform: scaleX(1); opacity: 0; } 100% { transform: scaleX(1); opacity: 0; } }
@keyframes stepLabel { 0%, 30% { color: #F0A35E; } 34%, 100% { color: #FFFFFF; } }

/* ===== four-stage process: a pulse travels the bar and lights each stage ===== */
[data-id='38b1dcf2'] { position: relative; overflow: visible; }
@media (prefers-reduced-motion: no-preference) {
  [data-id='38b1dcf2']::after { content: ''; position: absolute; top: -3px; left: 0; width: 9px; height: 9px; margin-left: -4px; border-radius: 50%; background: #F0A35E; box-shadow: 0 0 0 5px rgba(240,163,94,.22), 0 0 18px 4px rgba(240,163,94,.45); animation: barDot 8s linear infinite; pointer-events: none; }
}
@media (prefers-reduced-motion: no-preference) and (min-width: 1025px) {
  [data-id='35b6bba2'] > :nth-child(1) .nivo-num { animation: stageLit 8s linear -7.88s infinite; }
  [data-id='35b6bba2'] > :nth-child(2) .nivo-num { animation: stageLit 8s linear -6.20s infinite; }
  [data-id='35b6bba2'] > :nth-child(3) .nivo-num { animation: stageLit 8s linear -4.52s infinite; }
  [data-id='35b6bba2'] > :nth-child(4) .nivo-num { animation: stageLit 8s linear -2.84s infinite; }
}
@keyframes barDot { 0% { left: 0; opacity: 0; } 4% { opacity: 1; } 88% { left: 100%; opacity: 1; } 94%, 100% { left: 100%; opacity: 0; } }
@keyframes stageLit { 0%, 2% { color: #3B1E3F; } 6%, 20% { color: #C9772E; } 26%, 100% { color: #3B1E3F; } }/* End custom CSS */