.pl-radio{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.pl-tab{cursor:pointer;display:flex;flex-direction:column;gap:6px;background:#ffffff;border:1px solid #e6e8ea;border-radius:12px;padding:16px 18px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;position:relative}.pl-tab:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(10,22,40,.08);border-color:#8cc6ff}.pl-tab .pl-n{width:32px;height:32px;border-radius:999px;background:#eef1f4;color:#0a1628;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;transition:background .15s ease,color .15s ease}.pl-panel{display:none}.pl-bar{height:4px;border-radius:2px;background:#e6e8ea;overflow:hidden}.pl-fill{height:100%;width:25%;background:linear-gradient(90deg,#0080ff,#7b2ff7);border-radius:2px;transition:width .35s ease}#pl-1:checked~.pl-tabs label[for=pl-1]{border-color:#0a1628;box-shadow:0 0 0 1px #0a1628,0 10px 24px rgba(10,22,40,.1)}#pl-1:checked~.pl-tabs label[for=pl-1] .pl-n{background:#0a1628;color:#ffffff}#pl-1:checked~.pl-panels .pl-p1{display:grid;animation:plIn .3s ease}#pl-1:checked~.pl-bar .pl-fill{width:25%}#pl-1:focus-visible~.pl-tabs label[for=pl-1]{outline:2px solid #0080ff;outline-offset:3px}#pl-2:checked~.pl-tabs label[for=pl-2]{border-color:#0a1628;box-shadow:0 0 0 1px #0a1628,0 10px 24px rgba(10,22,40,.1)}#pl-2:checked~.pl-tabs label[for=pl-2] .pl-n{background:#0a1628;color:#ffffff}#pl-2:checked~.pl-panels .pl-p2{display:grid;animation:plIn .3s ease}#pl-2:checked~.pl-bar .pl-fill{width:50%}#pl-2:focus-visible~.pl-tabs label[for=pl-2]{outline:2px solid #0080ff;outline-offset:3px}#pl-3:checked~.pl-tabs label[for=pl-3]{border-color:#0a1628;box-shadow:0 0 0 1px #0a1628,0 10px 24px rgba(10,22,40,.1)}#pl-3:checked~.pl-tabs label[for=pl-3] .pl-n{background:#0a1628;color:#ffffff}#pl-3:checked~.pl-panels .pl-p3{display:grid;animation:plIn .3s ease}#pl-3:checked~.pl-bar .pl-fill{width:75%}#pl-3:focus-visible~.pl-tabs label[for=pl-3]{outline:2px solid #0080ff;outline-offset:3px}#pl-4:checked~.pl-tabs label[for=pl-4]{border-color:#0a1628;box-shadow:0 0 0 1px #0a1628,0 10px 24px rgba(10,22,40,.1)}#pl-4:checked~.pl-tabs label[for=pl-4] .pl-n{background:#0a1628;color:#ffffff}#pl-4:checked~.pl-panels .pl-p4{display:grid;animation:plIn .3s ease}#pl-4:checked~.pl-bar .pl-fill{width:100%}#pl-4:focus-visible~.pl-tabs label[for=pl-4]{outline:2px solid #0080ff;outline-offset:3px}@keyframes plIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.pl-flow{stroke-dasharray:4 6;animation:plFlow 1s linear infinite}@keyframes plFlow{to{stroke-dashoffset:-20}}.pl-knob{animation:plKnob 3s ease-in-out infinite alternate}@keyframes plKnob{from{transform:translateX(-14px)}to{transform:translateX(10px)}}.pl-tick{stroke-dasharray:20;stroke-dashoffset:20;animation:plTick 3s ease-out infinite}@keyframes plTick{0%,20%{stroke-dashoffset:20}40%,100%{stroke-dashoffset:0}}.pl-store{animation:plStore 4s ease-in-out infinite}@keyframes plStore{0%,10%{fill:#e6e8ea}30%,100%{fill:#0080ff}}@media (prefers-reduced-motion:reduce){.pl-flow,.pl-knob,.pl-tick,.pl-store,.pl-panel{animation:none!important}.pl-tick{stroke-dashoffset:0}.pl-store{fill:#0080ff}.pl-tab,.pl-fill{transition:none}}.cc-pill{padding:3px 0;flex:1;text-align:center;border-radius:999px;font-size:10px;font-weight:600;letter-spacing:.02em;color:#8fa0b5;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);animation:ccStep 12s linear infinite}@keyframes ccStep{0%,15.5%{color:#0a1628;background:#7fd6b0;border-color:#7fd6b0;box-shadow:0 0 12px rgba(26,158,103,.7)}16.6%,100%{color:#8fa0b5;background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.08);box-shadow:none}}.cc-tile{border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);padding:8px 10px;display:flex;flex-direction:column;gap:3px}.cc-k{font-size:10px;color:#8fa0b5;line-height:1.2}.cc-v{font-size:15px;font-weight:700;color:#ffffff;line-height:1.1}.cc-alarm{animation:ccAlarm 12s linear infinite}@keyframes ccAlarm{0%,15%{border-color:rgba(255,255,255,.09);background:rgba(255,255,255,.05)}17%,95%{border-color:#ff6b6b;background:rgba(255,80,80,.14)}100%{border-color:rgba(255,255,255,.09);background:rgba(255,255,255,.05)}}.cc-alarm .cc-v{animation:ccAlarmV 12s linear infinite}@keyframes ccAlarmV{0%,15%{color:#ffffff}17%,95%{color:#ff8a8a}100%{color:#ffffff}}.cc-spark{stroke-dasharray:100;animation:ccDraw 12s linear infinite}@keyframes ccDraw{0%{stroke-dashoffset:100}14%,100%{stroke-dashoffset:0}}.cc-scan{position:absolute;left:0;right:0;height:30px;background:linear-gradient(180deg,transparent,rgba(127,214,176,.22),transparent);animation:ccScan 12s linear infinite;pointer-events:none}@keyframes ccScan{0%{top:-30px;opacity:1}16%{top:100%;opacity:1}16.1%,100%{top:100%;opacity:0}}.cc-card{border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);padding:8px 10px;opacity:0;transform:translateY(6px)}.cc-in2{animation:ccIn2 12s ease-out infinite}.cc-in4{animation:ccIn4 12s ease-out infinite}.cc-in6{animation:ccIn6 12s ease-out infinite}.cc-in8{animation:ccIn8 12s ease-out infinite}@keyframes ccIn2{0%,16.7%{opacity:0;transform:translateY(6px)}19.7%,95%{opacity:1;transform:none}100%{opacity:0;transform:none}}@keyframes ccIn4{0%,33.3%{opacity:0;transform:translateY(6px)}36.3%,95%{opacity:1;transform:none}100%{opacity:0;transform:none}}@keyframes ccIn6{0%,50.0%{opacity:0;transform:translateY(6px)}53.0%,95%{opacity:1;transform:none}100%{opacity:0;transform:none}}@keyframes ccIn8{0%,66.7%{opacity:0;transform:translateY(6px)}69.7%,95%{opacity:1;transform:none}100%{opacity:0;transform:none}}.cc-bar{height:7px;border-radius:4px;transform-origin:left;transform:scaleX(0);animation:ccBar 12s ease-out infinite}@keyframes ccBar{0%,34%{transform:scaleX(0)}41%,95%{transform:scaleX(1)}100%{transform:scaleX(0)}}.cc-approve{animation:ccApprove 12s linear infinite}@keyframes ccApprove{0%,83%{box-shadow:none;background:#1a9e67}86%,90%{box-shadow:0 0 0 4px rgba(127,214,176,.45);background:#22b877}93%,100%{box-shadow:none;background:#1a9e67}}.cc-done{opacity:0;animation:ccDone 12s linear infinite}@keyframes ccDone{0%,86%{opacity:0}89%,96%{opacity:1}100%{opacity:0}}.cc-live{width:7px;height:7px;border-radius:999px;background:#7fd6b0;animation:ccLive 1.6s ease-in-out infinite}@keyframes ccLive{0%,100%{box-shadow:0 0 0 0 rgba(127,214,176,.6)}50%{box-shadow:0 0 0 5px rgba(127,214,176,0)}}.cc-flow{stroke-dasharray:3 7;animation:ccFlow 1s linear infinite}@keyframes ccFlow{to{stroke-dashoffset:-20}}.cc-dot{position:absolute;left:0;top:0;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:999px;background:#7fd6b0;box-shadow:0 0 8px 2px rgba(127,214,176,.6);animation:ccMove 2.4s linear infinite}@keyframes ccMove{0%{offset-distance:0%;opacity:0}10%,90%{opacity:1}100%{offset-distance:100%;opacity:0}}@media (prefers-reduced-motion:reduce){.cc-pill,.cc-alarm,.cc-alarm .cc-v,.cc-spark,.cc-scan,.cc-in2,.cc-in4,.cc-in6,.cc-in8,.cc-bar,.cc-approve,.cc-done,.cc-live,.cc-flow,.cc-dot{animation:none}.cc-card,.cc-done{opacity:1;transform:none}.cc-bar{transform:none}.cc-scan,.cc-dot{display:none}}
/* mobile view */
.pl-radio{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.pl-tab{cursor:pointer;display:flex;flex-direction:column;gap:6px;background:#ffffff;border:1px solid #e6e8ea;border-radius:12px;padding:16px 18px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;position:relative}.pl-tab:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(10,22,40,.08);border-color:#8cc6ff}.pl-tab .pl-n{width:32px;height:32px;border-radius:999px;background:#eef1f4;color:#0a1628;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;transition:background .15s ease,color .15s ease}.pl-panel{display:none}.pl-bar{height:4px;border-radius:2px;background:#e6e8ea;overflow:hidden}.pl-fill{height:100%;width:25%;background:linear-gradient(90deg,#0080ff,#7b2ff7);border-radius:2px;transition:width .35s ease}#m-pl-1:checked~.pl-tabs label[for=pl-1]{border-color:#0a1628;box-shadow:0 0 0 1px #0a1628,0 10px 24px rgba(10,22,40,.1)}#m-pl-1:checked~.pl-tabs label[for=pl-1] .pl-n{background:#0a1628;color:#ffffff}#m-pl-1:checked~.pl-panels .pl-p1{display:grid;animation:plIn .3s ease}#m-pl-1:checked~.pl-bar .pl-fill{width:25%}#m-pl-1:focus-visible~.pl-tabs label[for=pl-1]{outline:2px solid #0080ff;outline-offset:3px}#m-pl-2:checked~.pl-tabs label[for=pl-2]{border-color:#0a1628;box-shadow:0 0 0 1px #0a1628,0 10px 24px rgba(10,22,40,.1)}#m-pl-2:checked~.pl-tabs label[for=pl-2] .pl-n{background:#0a1628;color:#ffffff}#m-pl-2:checked~.pl-panels .pl-p2{display:grid;animation:plIn .3s ease}#m-pl-2:checked~.pl-bar .pl-fill{width:50%}#m-pl-2:focus-visible~.pl-tabs label[for=pl-2]{outline:2px solid #0080ff;outline-offset:3px}#m-pl-3:checked~.pl-tabs label[for=pl-3]{border-color:#0a1628;box-shadow:0 0 0 1px #0a1628,0 10px 24px rgba(10,22,40,.1)}#m-pl-3:checked~.pl-tabs label[for=pl-3] .pl-n{background:#0a1628;color:#ffffff}#m-pl-3:checked~.pl-panels .pl-p3{display:grid;animation:plIn .3s ease}#m-pl-3:checked~.pl-bar .pl-fill{width:75%}#m-pl-3:focus-visible~.pl-tabs label[for=pl-3]{outline:2px solid #0080ff;outline-offset:3px}#m-pl-4:checked~.pl-tabs label[for=pl-4]{border-color:#0a1628;box-shadow:0 0 0 1px #0a1628,0 10px 24px rgba(10,22,40,.1)}#m-pl-4:checked~.pl-tabs label[for=pl-4] .pl-n{background:#0a1628;color:#ffffff}#m-pl-4:checked~.pl-panels .pl-p4{display:grid;animation:plIn .3s ease}#m-pl-4:checked~.pl-bar .pl-fill{width:100%}#m-pl-4:focus-visible~.pl-tabs label[for=pl-4]{outline:2px solid #0080ff;outline-offset:3px}@keyframes plIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.pl-flow{stroke-dasharray:4 6;animation:plFlow 1s linear infinite}@keyframes plFlow{to{stroke-dashoffset:-20}}.pl-knob{animation:plKnob 3s ease-in-out infinite alternate}@keyframes plKnob{from{transform:translateX(-14px)}to{transform:translateX(10px)}}.pl-tick{stroke-dasharray:20;stroke-dashoffset:20;animation:plTick 3s ease-out infinite}@keyframes plTick{0%,20%{stroke-dashoffset:20}40%,100%{stroke-dashoffset:0}}.pl-store{animation:plStore 4s ease-in-out infinite}@keyframes plStore{0%,10%{fill:#e6e8ea}30%,100%{fill:#0080ff}}@media (prefers-reduced-motion:reduce){.pl-flow,.pl-knob,.pl-tick,.pl-store,.pl-panel{animation:none!important}.pl-tick{stroke-dashoffset:0}.pl-store{fill:#0080ff}.pl-tab,.pl-fill{transition:none}}.cc-pill{padding:3px 0;flex:1;text-align:center;border-radius:999px;font-size:10px;font-weight:600;letter-spacing:.02em;color:#8fa0b5;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);animation:ccStep 12s linear infinite}@keyframes ccStep{0%,15.5%{color:#0a1628;background:#7fd6b0;border-color:#7fd6b0;box-shadow:0 0 12px rgba(26,158,103,.7)}16.6%,100%{color:#8fa0b5;background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.08);box-shadow:none}}.cc-tile{border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);padding:8px 10px;display:flex;flex-direction:column;gap:3px}.cc-k{font-size:10px;color:#8fa0b5;line-height:1.2}.cc-v{font-size:15px;font-weight:700;color:#ffffff;line-height:1.1}.cc-alarm{animation:ccAlarm 12s linear infinite}@keyframes ccAlarm{0%,15%{border-color:rgba(255,255,255,.09);background:rgba(255,255,255,.05)}17%,95%{border-color:#ff6b6b;background:rgba(255,80,80,.14)}100%{border-color:rgba(255,255,255,.09);background:rgba(255,255,255,.05)}}.cc-alarm .cc-v{animation:ccAlarmV 12s linear infinite}@keyframes ccAlarmV{0%,15%{color:#ffffff}17%,95%{color:#ff8a8a}100%{color:#ffffff}}.cc-spark{stroke-dasharray:100;animation:ccDraw 12s linear infinite}@keyframes ccDraw{0%{stroke-dashoffset:100}14%,100%{stroke-dashoffset:0}}.cc-scan{position:absolute;left:0;right:0;height:30px;background:linear-gradient(180deg,transparent,rgba(127,214,176,.22),transparent);animation:ccScan 12s linear infinite;pointer-events:none}@keyframes ccScan{0%{top:-30px;opacity:1}16%{top:100%;opacity:1}16.1%,100%{top:100%;opacity:0}}.cc-card{border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);padding:8px 10px;opacity:0;transform:translateY(6px)}.cc-in2{animation:ccIn2 12s ease-out infinite}.cc-in4{animation:ccIn4 12s ease-out infinite}.cc-in6{animation:ccIn6 12s ease-out infinite}.cc-in8{animation:ccIn8 12s ease-out infinite}@keyframes ccIn2{0%,16.7%{opacity:0;transform:translateY(6px)}19.7%,95%{opacity:1;transform:none}100%{opacity:0;transform:none}}@keyframes ccIn4{0%,33.3%{opacity:0;transform:translateY(6px)}36.3%,95%{opacity:1;transform:none}100%{opacity:0;transform:none}}@keyframes ccIn6{0%,50.0%{opacity:0;transform:translateY(6px)}53.0%,95%{opacity:1;transform:none}100%{opacity:0;transform:none}}@keyframes ccIn8{0%,66.7%{opacity:0;transform:translateY(6px)}69.7%,95%{opacity:1;transform:none}100%{opacity:0;transform:none}}.cc-bar{height:7px;border-radius:4px;transform-origin:left;transform:scaleX(0);animation:ccBar 12s ease-out infinite}@keyframes ccBar{0%,34%{transform:scaleX(0)}41%,95%{transform:scaleX(1)}100%{transform:scaleX(0)}}.cc-approve{animation:ccApprove 12s linear infinite}@keyframes ccApprove{0%,83%{box-shadow:none;background:#1a9e67}86%,90%{box-shadow:0 0 0 4px rgba(127,214,176,.45);background:#22b877}93%,100%{box-shadow:none;background:#1a9e67}}.cc-done{opacity:0;animation:ccDone 12s linear infinite}@keyframes ccDone{0%,86%{opacity:0}89%,96%{opacity:1}100%{opacity:0}}.cc-live{width:7px;height:7px;border-radius:999px;background:#7fd6b0;animation:ccLive 1.6s ease-in-out infinite}@keyframes ccLive{0%,100%{box-shadow:0 0 0 0 rgba(127,214,176,.6)}50%{box-shadow:0 0 0 5px rgba(127,214,176,0)}}.cc-flow{stroke-dasharray:3 7;animation:ccFlow 1s linear infinite}@keyframes ccFlow{to{stroke-dashoffset:-20}}.cc-dot{position:absolute;left:0;top:0;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:999px;background:#7fd6b0;box-shadow:0 0 8px 2px rgba(127,214,176,.6);animation:ccMove 2.4s linear infinite}@keyframes ccMove{0%{offset-distance:0%;opacity:0}10%,90%{opacity:1}100%{offset-distance:100%;opacity:0}}@media (prefers-reduced-motion:reduce){.cc-pill,.cc-alarm,.cc-alarm .cc-v,.cc-spark,.cc-scan,.cc-in2,.cc-in4,.cc-in6,.cc-in8,.cc-bar,.cc-approve,.cc-done,.cc-live,.cc-flow,.cc-dot{animation:none}.cc-card,.cc-done{opacity:1;transform:none}.cc-bar{transform:none}.cc-scan,.cc-dot{display:none}}