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

/* reset for the graphic's own atomic elements */
body .elementor-18010 [id^=spx-] { 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-18010 #spx-chips, body .elementor-18010 #spx-ss2, body .elementor-18010 #spx-tg, body .elementor-18010 #spx-dots, body .elementor-18010 #spx-num { width: auto; flex: 0 0 auto; }
body .elementor-18010 #spx-dots > div { width: 10px; height: 10px; flex: 0 0 10px; }

/* ===== Support: whole-site check (#spx-*) in the dark Where we fit section ===== */
#spx-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: 560px; }
#spx-top { display: flex; justify-content: space-between; align-items: center; gap: 16px; }
#spx-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); }
#spx-chips { display: grid; justify-items: end; }
#spx-chips > p { grid-area: 1 / 1; font-family: var(--nivo-font-mono, 'JetBrains Mono', monospace); font-size: 11px; letter-spacing: .06em; padding: 5px 10px; border-radius: 99px; white-space: nowrap; line-height: 1.3; }
#spx-c1 { color: rgba(251,244,238,.75); background: rgba(251,244,238,.08); opacity: 0; }
#spx-c2 { color: #2A142D; background: #F0A35E; opacity: 0; }
#spx-c3 { color: #2A142D; background: #FBF4EE; }
#spx-c3::before { content: '✓'; margin-right: .4em; color: #3B1E3F; font-weight: 700; }
#spx-stack { position: relative; display: flex; flex-direction: column; border-top: 1px solid rgba(251,244,238,.12); }
#spx-stack > [id^=spx-r] { position: relative; display: flex; align-items: center; gap: 10px; padding: 11px 2px; border-bottom: 1px solid rgba(251,244,238,.12); }
#spx-stack [id^=spx-l] { flex: 1 1 auto; font-size: 15px; line-height: 1.3; color: #FBF4EE; }
#spx-k1 { flex: 0 0 auto; font-family: var(--nivo-font-mono, 'JetBrains Mono', monospace); font-size: 10px; letter-spacing: .06em; color: rgba(251,244,238,.6); border: 1px dashed rgba(251,244,238,.35); padding: 3px 7px; border-radius: 99px; white-space: nowrap; }
#spx-stack [id^=spx-s] { flex: 0 0 auto; font-family: var(--nivo-font-mono, 'JetBrains Mono', monospace); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: #F0A35E; }
#spx-stack p[id^=spx-s]::before { content: '✓'; margin-right: .35em; }
#spx-ss2 { display: grid; justify-items: end; }
#spx-ss2 > p { grid-area: 1 / 1; }
#spx-s2a { color: rgba(251,244,238,.6) !important; opacity: 0; }
#spx-s2a::before { content: none !important; }
#spx-s2b { color: #2A142D !important; background: #F0A35E; padding: 2px 7px; border-radius: 99px; opacity: 0; }
#spx-s2b::before { content: '!' !important; margin-right: .35em; font-weight: 700; }
#spx-r2::after { content: ''; position: absolute; inset: 0; background: rgba(240,163,94,.12); opacity: 0; pointer-events: none; }
#spx-scan { position: absolute; left: -8px; right: -8px; top: 0; height: calc(100% / 6); background: linear-gradient(90deg, rgba(240,163,94,.2), rgba(240,163,94,.06) 70%, transparent); border-left: 3px solid #F0A35E; opacity: 0; pointer-events: none; }
#spx-cap { font-size: 14px; line-height: 1.45; color: rgba(251,244,238,.7); }
@media (max-width: 767px) { #spx-k1 { display: none; } #spx-stack [id^=spx-l] { font-size: 14px; } #spx-chips > p { font-size: 10px; padding: 4px 8px; } }

@media (prefers-reduced-motion: no-preference) {
  #spx-scan { animation: spxScan 11s linear infinite; }
  #spx-c1 { animation: spxC1 11s linear infinite; }
  #spx-c2 { animation: spxC2 11s linear infinite; }
  #spx-c3 { animation: spxC3 11s linear infinite; }
  #spx-s2a { animation: spxS2a 11s linear infinite; }
  #spx-s2b { animation: spxS2b 11s linear infinite; }
  #spx-s2c { animation: spxS2c 11s linear infinite; }
  #spx-r2::after { animation: spxR2 11s linear infinite; }
  #spx-l1 { animation: spxL1 11s linear infinite; }
  #spx-s1 { animation: spxS1 11s linear infinite; }
  #spx-l2 { animation: spxL2 11s linear infinite; }
  #spx-l3 { animation: spxL3 11s linear infinite; }
  #spx-s3 { animation: spxS3 11s linear infinite; }
  #spx-l4 { animation: spxL4 11s linear infinite; }
  #spx-s4 { animation: spxS4 11s linear infinite; }
  #spx-l5 { animation: spxL5 11s linear infinite; }
  #spx-s5 { animation: spxS5 11s linear infinite; }
  #spx-l6 { animation: spxL6 11s linear infinite; }
  #spx-s6 { animation: spxS6 11s linear infinite; }
}
@keyframes spxScan { 0%, 3% { top: 0; opacity: 0; } 4% { top: 0; opacity: 1; } 12%, 30% { top: 16.667%; } 60% { top: 83.333%; opacity: 1; } 63%, 100% { top: 83.333%; opacity: 0; } }
@keyframes spxC1 { 0%, 1% { opacity: 0; } 3%, 13% { opacity: 1; } 14%, 30% { opacity: 0; } 31%, 60% { opacity: 1; } 61%, 100% { opacity: 0; } }
@keyframes spxC2 { 0%, 13% { opacity: 0; } 14%, 30% { opacity: 1; } 31%, 100% { opacity: 0; } }
@keyframes spxC3 { 0%, 61% { opacity: 0; } 63%, 92% { opacity: 1; } 96%, 100% { opacity: 0; } }
@keyframes spxS2a { 0%, 11% { opacity: 0; } 12%, 15% { opacity: 1; } 16%, 100% { opacity: 0; } }
@keyframes spxS2b { 0%, 15% { opacity: 0; } 16%, 28% { opacity: 1; } 29%, 100% { opacity: 0; } }
@keyframes spxS2c { 0%, 28% { opacity: 0; } 30%, 92% { opacity: 1; } 96%, 100% { opacity: 0; } }
@keyframes spxR2 { 0%, 15% { opacity: 0; } 17%, 26% { opacity: 1; } 30%, 100% { opacity: 0; } }
@keyframes spxL1 { 0%, 4.0% { opacity: .45; } 5.5%, 92% { opacity: 1; } 96%, 100% { opacity: .45; } }
@keyframes spxS1 { 0%, 4.5% { opacity: 0; } 6.0%, 92% { opacity: 1; } 96%, 100% { opacity: 0; } }
@keyframes spxL2 { 0%, 11.5% { opacity: .45; } 13.0%, 92% { opacity: 1; } 96%, 100% { opacity: .45; } }
@keyframes spxL3 { 0%, 37.0% { opacity: .45; } 38.5%, 92% { opacity: 1; } 96%, 100% { opacity: .45; } }
@keyframes spxS3 { 0%, 37.5% { opacity: 0; } 39.0%, 92% { opacity: 1; } 96%, 100% { opacity: 0; } }
@keyframes spxL4 { 0%, 44.5% { opacity: .45; } 46.0%, 92% { opacity: 1; } 96%, 100% { opacity: .45; } }
@keyframes spxS4 { 0%, 45.0% { opacity: 0; } 46.5%, 92% { opacity: 1; } 96%, 100% { opacity: 0; } }
@keyframes spxL5 { 0%, 52.0% { opacity: .45; } 53.5%, 92% { opacity: 1; } 96%, 100% { opacity: .45; } }
@keyframes spxS5 { 0%, 52.5% { opacity: 0; } 54.0%, 92% { opacity: 1; } 96%, 100% { opacity: 0; } }
@keyframes spxL6 { 0%, 59.5% { opacity: .45; } 61.0%, 92% { opacity: 1; } 96%, 100% { opacity: .45; } }
@keyframes spxS6 { 0%, 60.0% { opacity: 0; } 61.5%, 92% { opacity: 1; } 96%, 100% { opacity: 0; } }

/* ===== three-step list: steps light in turn (desktop + mobile) ===== */
[data-id='1e52acf4'], [data-id='44ea2c83'], [data-id='4916cd22'] { position: relative; }
@media (prefers-reduced-motion: no-preference) {
  [data-id='1e52acf4']::before, [data-id='44ea2c83']::before, [data-id='4916cd22']::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='1e52acf4']::before { animation: stepLine 9s linear -9s infinite; }
  [data-id='44333a81'] { animation: stepLabel 9s linear -9s infinite; }
  [data-id='44ea2c83']::before { animation: stepLine 9s linear -6s infinite; }
  [data-id='52da5492'] { animation: stepLabel 9s linear -6s infinite; }
  [data-id='4916cd22']::before { animation: stepLine 9s linear -3s infinite; }
  [data-id='99e840b'] { 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='44f4fdea'] { position: relative; overflow: visible; }
@media (prefers-reduced-motion: no-preference) {
  [data-id='44f4fdea']::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='43437de9'] > :nth-child(1) .nivo-num { animation: stageLit 8s linear -7.88s infinite; }
  [data-id='43437de9'] > :nth-child(2) .nivo-num { animation: stageLit 8s linear -6.20s infinite; }
  [data-id='43437de9'] > :nth-child(3) .nivo-num { animation: stageLit 8s linear -4.52s infinite; }
  [data-id='43437de9'] > :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 */