/* ---------- FINERA hero — animated transaction flow (CSS only) ----------
   Cycle = var(--fin-t) 14s. Phases are driven by animation-delay, so the
   whole sequence is retimed by changing --fin-t + the delays block below. */
.fin-stagewrap{--fin-f:inherit;--fin-g:#33de71;--fin-r:#ff7a7a;--fin-m:#b9b9b9;--fin-s:1;--fin-t:20s;--fin-grid:url("/assets/payments/6a959deeeb9f1b617c67f112_Finera-chip-dotted-grid.avif");--fin-dot:url("/assets/payments/6a959f22ecadeb8de0764ddd_finera---green-dot.avif");width:100%;margin:0 auto;position:relative;container-type:inline-size}
.fin-frame{position:relative;width:100%;margin:0 auto;aspect-ratio:784/506}
/* To stop it growing past native size, re-add:  max-width:784px;  above. */
/* No-JS / Designer-canvas fallback, measured against the PARENT width.
   Each step is derived from its band's lower edge so it can never overflow.
   Suppressed once the script runs (it adds .fin-js and sets the exact value). */
@container (max-width:784px){.fin-stagewrap:not(.fin-js) .fin-stage{--fin-s:0.971}}
@container (max-width:760px){.fin-stagewrap:not(.fin-js) .fin-stage{--fin-s:0.894}}
@container (max-width:700px){.fin-stagewrap:not(.fin-js) .fin-stage{--fin-s:0.818}}
@container (max-width:640px){.fin-stagewrap:not(.fin-js) .fin-stage{--fin-s:0.741}}
@container (max-width:580px){.fin-stagewrap:not(.fin-js) .fin-stage{--fin-s:0.665}}
@container (max-width:520px){.fin-stagewrap:not(.fin-js) .fin-stage{--fin-s:0.588}}
@container (max-width:460px){.fin-stagewrap:not(.fin-js) .fin-stage{--fin-s:0.511}}
@container (max-width:400px){.fin-stagewrap:not(.fin-js) .fin-stage{--fin-s:0.435}}
@container (max-width:340px){.fin-stagewrap:not(.fin-js) .fin-stage{--fin-s:0.358}}
@container (max-width:280px){.fin-stagewrap:not(.fin-js) .fin-stage{--fin-s:0.255}}
@container (min-width:900px){.fin-stagewrap:not(.fin-js) .fin-stage{--fin-s:1.14}}
@container (min-width:1100px){.fin-stagewrap:not(.fin-js) .fin-stage{--fin-s:1.4}}
.fin-stage{--fin-W:784;position:absolute;left:0;top:0;width:784px;height:506px;transform-origin:top left;transform:scale(var(--fin-s));font-family:var(--fin-f);color:#fff;-webkit-font-smoothing:antialiased}
.fin-stage *{box-sizing:border-box}
.fin-stage p{margin:0;padding:0}
.fin-stage .fp{position:absolute;left:62px;top:19px;width:660px;height:429px;border-radius:20px;border:1px solid rgba(253,253,253,.14);overflow:hidden;background:linear-gradient(122.35deg,rgba(42,36,58,.8) .75%,rgba(14,15,19,.8) 52.18%,rgba(17,25,41,.8) 100%);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:inset 0 1px 0 0 rgba(255,255,255,.07),0 2px 6px 0 rgba(0,0,0,.35),0 18px 40px -12px rgba(0,0,0,.55),0 44px 84px -24px rgba(0,0,0,.72)}
.fin-stage .fg,.fin-stage .fg2{position:absolute;inset:0;pointer-events:none}
.fin-stage .fg::before,.fin-stage .fg::after,.fin-stage .fg2::before{content:"";position:absolute;border-radius:50%}
.fin-stage .fg::before{width:520px;height:500px;left:120px;top:-40px;background:radial-gradient(closest-side,rgba(124,90,180,.28),transparent 70%);filter:blur(8px)}
.fin-stage .fg::after{width:740px;height:720px;left:400px;top:-30px;background:radial-gradient(closest-side,rgba(28,42,86,.42),transparent 70%);filter:blur(6px)}
.fin-stage .fg2::before{width:320px;height:320px;left:120px;top:300px;background:radial-gradient(closest-side,rgba(90,60,120,.3),transparent 70%);filter:blur(4px)}
.fin-stage .fd{position:absolute;left:82px;top:39px;z-index:5}
.fin-stage .fd i{position:absolute;top:0;width:12px;height:12px;border-radius:40px;background:#fff;opacity:.2}
.fin-stage .fd i:nth-child(2){left:20px}
.fin-stage .fd i:nth-child(3){left:40px}
.fin-stage .fw{position:absolute;left:84px;top:41px;width:616px;height:334px;z-index:3;overflow:visible}
.fin-stage .wire{fill:none;stroke:rgba(255,255,255,.16);stroke-width:1.5;stroke-dasharray:5 5;stroke-linecap:round}
.fin-stage .wire.on{stroke:var(--fin-g);stroke-dasharray:none;opacity:0;filter:drop-shadow(0 0 4px rgba(51,222,113,.7))}

/* ---------- travelling dot ---------- */
.fin-stage .dl{position:absolute;left:84px;top:41px;width:616px;height:334px;z-index:3;pointer-events:none}
.fin-stage .dot{position:absolute;left:0;top:0;width:16px;height:16px;opacity:0;background:var(--fin-dot) center/contain no-repeat;offset-rotate:0deg;animation-duration:var(--fin-t);animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.22,.61,.36,1)}
.fin-stage .d1{offset-path:path("M59 166 L198 166");animation-name:run}
.fin-stage .d2{offset-path:path("M420 166 L463 166 C497 166 505 66 532 66 L548 66");animation-name:run}
.fin-stage .d3{offset-path:path("M420 166 L463 166 C497 166 505 66 532 66 L548 66");animation-name:runr;animation-timing-function:cubic-bezier(.5,0,.3,1);filter:hue-rotate(-140deg) saturate(1.35)}
.fin-stage .d4{offset-path:path("M420 166 L548 166");animation-name:run}

/* ---------- cards ---------- */
.fin-stage .fc{position:absolute;display:flex;align-items:center;gap:12px;border-radius:16px;padding:12px 16px;background:rgba(20,22,31,.8);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);overflow:hidden;z-index:6}
.fin-stage .ft{display:flex;flex-direction:column;gap:0;white-space:nowrap;position:relative}
.fin-stage .ft b{font-size:14px;font-weight:500;letter-spacing:-.14px;color:#fff;line-height:1.2}
.fin-stage .ft>s{margin-top:2px}
.fin-stage .ft s{text-decoration:none;font-size:12px;font-weight:500;letter-spacing:-.12px;color:var(--fin-m)}
.fin-stage .fl{position:absolute;inset:0;opacity:0;pointer-events:none}
.fin-stage .sw{position:relative;display:block;height:0}
.fin-stage .sw s{position:absolute;left:0;top:2px}
.fin-stage .s1{opacity:0}
.fin-stage .pa .s1{color:var(--fin-r)}
.fin-stage .pb .s1{color:var(--fin-g)}
.fin-stage .fl-g{background:rgba(51,222,113,.1)}
.fin-stage .fl-r{background:rgba(255,122,122,.1)}
.fin-stage .cust{left:8px;top:176px;width:164px;height:62px;padding-left:12px;padding-right:16px}
.fin-stage .gp,.fin-stage .gpg{position:absolute;left:-66px;top:-13px;width:140px;height:140px;border-radius:50%;filter:blur(4px);pointer-events:none}
.fin-stage .gp{background:radial-gradient(closest-side,rgba(164,82,255,.55),transparent 70%)}
.fin-stage .gpg{background:radial-gradient(closest-side,rgba(51,222,113,.6),transparent 70%);opacity:0}
.fin-stage .gl{position:relative;flex:none;width:36px;height:36px;border-radius:10px;background:rgba(164,82,255,.6);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.fin-stage .gl svg{width:20px;height:20px;color:#fff}
.fin-stage .pa{left:616px;top:77px;width:164px;height:60px}
.fin-stage .pb{left:616px;top:178px;width:164px;height:60px}
.fin-stage .pc{left:616px;top:277px;width:164px;height:60px}
.fin-stage .gn{position:absolute;left:-75px;top:-2px;width:140px;height:140px;border-radius:50%;background:radial-gradient(closest-side,rgba(51,222,113,.45),transparent 70%);filter:blur(6px);opacity:0;pointer-events:none}
.fin-stage .led{position:absolute;left:761px;top:191px;width:6px;height:6px;border-radius:50%;background:var(--fin-g);box-shadow:0 0 6px 1px rgba(51,222,113,.9),0 0 14px 3px rgba(51,222,113,.35);opacity:0;z-index:8}

/* ---------- chip ---------- */
.fin-stage .co{position:absolute;left:261px;top:100px;width:262px;height:214px;border-radius:21px;padding:1px;background:rgba(255,255,255,.2);z-index:7}
.fin-stage .co::before{content:"";position:absolute;inset:0;border-radius:21px;background:linear-gradient(180deg,#9c71c9,rgba(212,172,255,.8));opacity:0}
.fin-stage .grn{position:absolute;inset:0;border-radius:21px;background:linear-gradient(180deg,#33de71,rgba(150,255,200,.85));opacity:0}
.fin-stage .brw{position:absolute;inset:0;pointer-events:none}
.fin-stage .br{position:absolute;inset:0;border-radius:21px;box-shadow:0 0 55px 8px rgba(125,82,255,.5);animation:breathe 4.6s ease-in-out infinite}
.fin-stage .rp{position:absolute;inset:0;border-radius:21px;border:1px solid var(--fin-g);opacity:0;pointer-events:none}
.fin-stage .ci{position:relative;width:100%;height:100%;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#1e1e1e .18%,rgba(23,23,23,.8) 140%)}
.fin-stage .cg{position:absolute;inset:0;pointer-events:none;animation:breathe2 6.2s ease-in-out infinite}
.fin-stage .cg::before{content:"";position:absolute;left:-40px;right:-40px;bottom:-60px;height:180px;background:radial-gradient(closest-side,rgba(125,82,255,.55),transparent 72%);filter:blur(4px)}
.fin-stage .cg::after{content:"";position:absolute;left:-120px;top:-60px;width:300px;height:300px;background:radial-gradient(closest-side,rgba(154,115,255,.3),transparent 70%)}
.fin-stage .gr{position:absolute;inset:0;pointer-events:none;background-image:var(--fin-grid);background-size:cover;background-position:center;background-repeat:no-repeat}
.fin-stage .cin{position:absolute;inset:0;border-radius:20px;pointer-events:none;box-shadow:inset 0 0 0 0 rgba(125,82,255,0)}
.fin-stage .ex{position:absolute;right:8px;top:8px;width:16px;height:16px}
.fin-stage .ex svg{width:16px;height:16px;display:block}
.fin-stage .cc{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.fin-stage .lg{width:74px;max-width:74px;line-height:0}
.fin-stage .lg img{display:block;width:100%;max-width:100%;height:auto}
.fin-stage .tg{margin-top:11px;font-size:18px;font-weight:500;letter-spacing:-.36px;white-space:nowrap;background:linear-gradient(90deg,rgba(255,255,255,.4),rgba(255,255,255,.4)),linear-gradient(167.84deg,#f7a13a 16.53%,#c247cf 45.07%,#54caf8 69.24%,#0d40a7 92.96%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.fin-stage .tags{margin-top:16px;width:246px;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-content:flex-start}
.fin-stage .tag{display:flex;align-items:center;gap:4px;padding:1px 12px 2px 6px;border-radius:999px;background:rgba(0,0,0,.4);border:.4px solid rgba(154,115,255,.6);box-shadow:0 3px 11px 0 rgba(154,115,255,.2);white-space:nowrap}
.fin-stage .tag span{font-size:11px;font-weight:500;letter-spacing:-.22px;color:var(--fin-m);line-height:25px}
.fin-stage .tag svg{width:16px;height:16px;color:#d8ccff;flex:none}
.fin-stage .mth{position:absolute;left:86px;top:380px;width:612px;height:36px;display:flex;align-items:center;justify-content:center;gap:20px;z-index:4}
.fin-stage .mi{box-shadow:0 0 0 1px rgba(51,222,113,0);display:flex;align-items:center;gap:8px;padding:8px 16px 8px 12px;border-radius:8px;background:rgba(20,22,31,.7);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);white-space:nowrap}
.fin-stage .mi svg{width:20px;height:20px;color:rgba(255,255,255,.92);flex:none}
.fin-stage .mi span{font-size:12px;font-weight:500;letter-spacing:-.12px;line-height:1.2}


/* ==================== MOBILE / NARROW LAYOUT ====================
   Portrait reflow: customer on top, engine centre, providers in a row,
   methods below. Own 390x570 coordinate space + own wire and dot paths. */
.fin-stage .fwm{display:none}
@container (max-width:600px){
 .fin-frame{aspect-ratio:390/506;max-width:488px}
 .fin-stage{--fin-W:390;width:390px;height:506px}
 .fin-stage .fp,.fin-stage .fd{display:none}
 .fin-stage .fw{display:none}
 .fin-stage .fwm{display:block;position:absolute;left:0;top:0;width:390px;height:506px;z-index:3;overflow:visible}
 .fin-stage .dl{left:0;top:0;width:390px;height:506px}
 .fin-stage .d1{offset-path:path("M195 46 L195 122")}
 .fin-stage .d2,.fin-stage .d3{offset-path:path("M195 274 C195 332 61 328 61 372")}
 .fin-stage .d4{offset-path:path("M195 274 L195 372")}
 .fin-stage .dot{display:none}
 .fin-stage .w1,.fin-stage .wa,.fin-stage .wb{animation-duration:var(--fin-t);animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.33,0,.2,1)}
 .fin-stage .w1{animation-name:wk1}
 .fin-stage .wa{animation-name:wka}
 .fin-stage .wb{animation-name:wkb}
 .fin-stage .cust{left:75px;top:6px;width:240px;height:62px}
 .fin-stage .co{left:35px;top:98px;width:320px;height:200px}
 .fin-stage .tags{width:280px}
 .fin-stage .lg{width:78px;max-width:78px}
 .fin-stage .pa,.fin-stage .pb,.fin-stage .pc{top:348px;width:122px;height:66px;padding:10px;justify-content:center}
 .fin-stage .pa .ft,.fin-stage .pb .ft,.fin-stage .pc .ft{align-items:center;text-align:center;width:100%}
 .fin-stage .pa .sw,.fin-stage .pb .sw,.fin-stage .pc .sw{width:100%}
 .fin-stage .pa .sw s,.fin-stage .pb .sw s,.fin-stage .pc .sw s{left:0;right:0;text-align:center}
 /* frosted cards over the page artwork (matches mobile reference) */
 .fin-stage .mi{border-radius:16px;outline:1px solid rgba(255,255,255,.1);outline-offset:-1px}
 .fin-stage .mi svg{width:24px;height:24px}
 .fin-stage .pa{left:0}
 .fin-stage .pb{left:134px}
 .fin-stage .pc{left:268px}
 .fin-stage .pa .ft,.fin-stage .pb .ft,.fin-stage .pc .ft{white-space:normal}
 .fin-stage .pa .sw s,.fin-stage .pb .sw s,.fin-stage .pc .sw s{white-space:normal;font-size:10px;line-height:12px}
 .fin-stage .led{left:242px;top:358px}
 .fin-stage .mth{left:0;top:436px;width:390px;height:64px;gap:6px}
 .fin-stage .mi{flex-direction:column;justify-content:center;width:72px;height:64px;gap:7px;padding:8px 4px;white-space:normal;text-align:center}
 .fin-stage .mi span{font-size:10px;line-height:11px}
 /* no-JS fallback for the narrow layout, measured against the 390 design */
 .fin-stagewrap:not(.fin-js) .fin-stage{--fin-s:1}
}
@container (max-width:380px){.fin-stagewrap:not(.fin-js) .fin-stage{--fin-s:.87}}
@container (max-width:340px){.fin-stagewrap:not(.fin-js) .fin-stage{--fin-s:.76}}
@container (max-width:300px){.fin-stagewrap:not(.fin-js) .fin-stage{--fin-s:.64}}

/* ================= KEYFRAMES =================
   1% = 0.2s of the 20s cycle.
   Chip power: dormant 0-0.6s, on by 1.6s, off again 18.4-19.4s. */
@keyframes run{0%{offset-distance:0%;opacity:0}2%{opacity:1}12%{opacity:1}14%{offset-distance:100%;opacity:0}100%{offset-distance:100%;opacity:0}}
@keyframes runr{0%{offset-distance:100%;opacity:0}2%{opacity:1}16%{opacity:1}18%{offset-distance:0%;opacity:0}100%{offset-distance:0%;opacity:0}}
@keyframes fl{0%{opacity:0}3%{opacity:1}11%{opacity:1}15%{opacity:0}100%{opacity:0}}
@keyframes flb{0%{opacity:0}3%{opacity:1}18%{opacity:1}21%{opacity:0}100%{opacity:0}}
@keyframes unfl{0%{opacity:1}3%{opacity:0}11%{opacity:0}15%{opacity:1}100%{opacity:1}}
@keyframes shA{0%{height:0}3%,11%{height:17px}15%,100%{height:0}}
@keyframes shB{0%{height:0}3%,18%{height:17px}21%,100%{height:0}}
/* mobile: the wires carry the state instead of a travelling dot */
@keyframes wk1{0%,6%{stroke:rgba(255,255,255,.16);stroke-width:1.5}9%,17%{stroke:#9a73ff;stroke-width:2}20%,30%{stroke:#33de71;stroke-width:2}33%,100%{stroke:rgba(255,255,255,.16);stroke-width:1.5}}
@keyframes wka{0%,26%{stroke:rgba(255,255,255,.16);stroke-width:1.5}29%,39%{stroke:#9a73ff;stroke-width:2}42%,50%{stroke:#ff7a7a;stroke-width:2}53%,66%{stroke:#9a73ff;stroke-width:2}69%,100%{stroke:rgba(255,255,255,.16);stroke-width:1.5}}
@keyframes wkb{0%,66%{stroke:rgba(255,255,255,.16);stroke-width:1.5}69%,77%{stroke:#9a73ff;stroke-width:2}80%,97%{stroke:#33de71;stroke-width:2}100%{stroke:rgba(255,255,255,.16);stroke-width:1.5}}
@keyframes bdG{0%{border-color:rgba(255,255,255,.2)}3%,11%{border-color:rgba(51,222,113,.6)}15%,100%{border-color:rgba(255,255,255,.2)}}
@keyframes bdGb{0%{border-color:rgba(255,255,255,.2)}3%,18%{border-color:rgba(51,222,113,.6)}21%,100%{border-color:rgba(255,255,255,.2)}}
@keyframes bdR{0%{border-color:rgba(255,255,255,.2)}3%,11%{border-color:rgba(255,122,122,.6)}15%,100%{border-color:rgba(255,255,255,.2)}}
@keyframes tagB{0%{border-color:rgba(154,115,255,.6)}3%,11%{border-color:rgba(51,222,113,.55)}15%,100%{border-color:rgba(154,115,255,.6)}}
@keyframes tagC{0%{color:#d8ccff}3%,11%{color:var(--fin-g)}15%,100%{color:#d8ccff}}
@keyframes breathe{0%,100%{opacity:.5;transform:scale(.99)}50%{opacity:.92;transform:scale(1.02)}}
@keyframes breathe2{0%,100%{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}
@keyframes rip{0%{transform:scale(1);opacity:0}1%{opacity:.7}8%{transform:scale(1.2);opacity:0}100%{transform:scale(1.2);opacity:0}}
@keyframes mB{0%{box-shadow:0 0 0 1px rgba(51,222,113,0)}2%,5%{box-shadow:0 0 0 1px rgba(51,222,113,.5),0 0 14px 0 rgba(51,222,113,.22)}7%,100%{box-shadow:0 0 0 1px rgba(51,222,113,0)}}
@keyframes mC{0%{color:rgba(255,255,255,.92)}2%,5%{color:var(--fin-g)}7%,100%{color:rgba(255,255,255,.92)}}
/* chip power: off -> purple -> green flash -> purple -> off (delay 0, whole cycle) */
@keyframes coS{0%,3%{box-shadow:0 0 0 0 rgba(125,82,255,0),0 0 0 0 rgba(125,82,255,0)}8%,17.5%{box-shadow:0 0 6px 0 #9877ff,0 0 50px 0 rgba(125,82,255,.8)}20.5%,29.5%{box-shadow:0 0 6px 0 #33de71,0 0 50px 0 rgba(51,222,113,.7)}32.5%,92%{box-shadow:0 0 6px 0 #9877ff,0 0 50px 0 rgba(125,82,255,.8)}97%,100%{box-shadow:0 0 0 0 rgba(125,82,255,0),0 0 0 0 rgba(125,82,255,0)}}
@keyframes cinS{0%,3%{box-shadow:inset 0 0 0 0 rgba(125,82,255,0)}8%,17.5%{box-shadow:inset 0 0 34px 0 rgba(125,82,255,.55)}20.5%,29.5%{box-shadow:inset 0 0 34px 0 rgba(51,222,113,.5)}32.5%,92%{box-shadow:inset 0 0 34px 0 rgba(125,82,255,.55)}97%,100%{box-shadow:inset 0 0 0 0 rgba(125,82,255,0)}}
@keyframes pgr{0%,3%{opacity:0}8%,92%{opacity:1}97%,100%{opacity:0}}
@keyframes brwK{0%,3%{opacity:0}8%,17.5%{opacity:1}20.5%,29.5%{opacity:0}32.5%,92%{opacity:1}97%,100%{opacity:0}}

/* ================= TIMELINE (20s) =================
   0-0.6s chip dormant | powers up by 1.6s
   Act 1 customer .4s | dot 1.2s
   Act 2 chip green 3.5s (ripple) | methods 3.5-4.1s | dot out 5.2s
   Act 3 provider A 7.9s | retry dot 9.6s
   Act 4 dot 13.2s | provider B 15.4s (holds green ~3s) | chip powers down 18.4s */
.fin-stage .cust,.fin-stage .pa,.fin-stage .pb,.fin-stage .cust .fl,.fin-stage .pa .fl,.fin-stage .pb .fl,.fin-stage .gp,.fin-stage .gpg,.fin-stage .gn,.fin-stage .led,.fin-stage .wire.on,.fin-stage .co,.fin-stage .co::before,.fin-stage .grn,.fin-stage .cin,.fin-stage .brw,.fin-stage .tag,.fin-stage .tag svg,.fin-stage .pa .sw,.fin-stage .pb .sw,.fin-stage .pc .sw,.fin-stage .pa .sw s,.fin-stage .pb .sw s,.fin-stage .pc .sw s,.fin-stage .mi,.fin-stage .mi svg{animation-duration:var(--fin-t);animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.33,0,.2,1)}
.fin-stage .co{animation-name:coS}
.fin-stage .co::before{animation-name:pgr}
.fin-stage .cin{animation-name:cinS}
.fin-stage .brw{animation-name:brwK}
.fin-stage .cust{animation-name:bdG;animation-delay:.4s}
.fin-stage .cust .fl{animation-name:fl;animation-delay:.4s}
.fin-stage .gpg{animation-name:fl;animation-delay:.4s}
.fin-stage .gp{animation-name:unfl;animation-delay:.4s}
.fin-stage .d1{animation-delay:1.2s}
.fin-stage .grn{animation-name:fl;animation-delay:3.5s}
.fin-stage .tag{animation-name:tagB;animation-delay:3.5s}
.fin-stage .tag svg{animation-name:tagC;animation-delay:3.5s}
.fin-stage .rp{animation:rip var(--fin-t) cubic-bezier(.2,.6,.3,1) infinite;animation-delay:3.5s}
.fin-stage .rp2{animation-delay:3.95s}
.fin-stage .mi{animation-name:mB}
.fin-stage .mi svg{animation-name:mC}
.fin-stage .mth>*:nth-child(1),.fin-stage .mth>*:nth-child(1) svg{animation-delay:3.5s}
.fin-stage .mth>*:nth-child(2),.fin-stage .mth>*:nth-child(2) svg{animation-delay:3.65s}
.fin-stage .mth>*:nth-child(3),.fin-stage .mth>*:nth-child(3) svg{animation-delay:3.8s}
.fin-stage .mth>*:nth-child(4),.fin-stage .mth>*:nth-child(4) svg{animation-delay:3.95s}
.fin-stage .mth>*:nth-child(5),.fin-stage .mth>*:nth-child(5) svg{animation-delay:4.1s}
.fin-stage .d2{animation-delay:5.2s}
.fin-stage .pa{animation-name:bdR;animation-delay:7.9s}
.fin-stage .pa .fl{animation-name:fl;animation-delay:7.9s}
.fin-stage .pa .sw{animation-name:shA;animation-delay:7.9s}
.fin-stage .pa .s1{animation-name:fl;animation-delay:7.9s}
.fin-stage .d3{animation-delay:9.6s}
.fin-stage .d4{animation-delay:13.2s}
.fin-stage .pb{animation-name:bdGb;animation-delay:15.4s}
.fin-stage .pb .fl{animation-name:flb;animation-delay:15.4s}
.fin-stage .pb .sw{animation-name:shB;animation-delay:15.4s}
.fin-stage .pb .s1{animation-name:flb;animation-delay:15.4s}
.fin-stage .pc .sw{animation-name:shB;animation-delay:15.4s}
.fin-stage .pc .s1{animation-name:flb;animation-delay:15.4s}
.fin-stage .gn{animation-name:flb;animation-delay:15.4s}
.fin-stage .led{animation-name:flb;animation-delay:15.4s}
.fin-stage .wire.on{animation-name:flb;animation-delay:15.4s}

@media(prefers-reduced-motion:reduce){.fin-stage *,.fin-stage *::before{animation:none!important}.fin-stage .dot{opacity:0}}