.conn{width:100%;max-width:920px;height:210px;margin-top:26px;position:relative}.conn svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.conn .tangle{fill:none;stroke:#ff5b6b8c;stroke-width:2px;stroke-dasharray:5 6;vector-effect:non-scaling-stroke;transition:opacity .8s 1.1s}.conn .straight{fill:none;stroke:url(#cg);stroke-width:3px;stroke-dasharray:1000;stroke-dashoffset:1000px;transition:stroke-dashoffset 1.1s 1.5s var(--out);filter:drop-shadow(0 0 6px #e21cffb3)}.conn.direct .tangle{opacity:0}.conn.direct .straight{stroke-dashoffset:0}.cn{z-index:2;justify-items:center;gap:8px;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%)}.cn i{background:var(--surface-2);border:1px solid var(--line-2);border-radius:50%;place-items:center;width:58px;height:58px;font-size:15px;font-style:normal;font-weight:700;transition:box-shadow .8s 2.2s,border-color .8s 2.2s;display:grid}.cn.rd i{background:var(--grad);color:#fff;border:0}.conn.direct .cn i{border-color:var(--violet);box-shadow:0 0 0 6px #9b30ff1f,0 0 34px #9b30ff8c}.cn span{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:10px}.mid{z-index:2;color:#ffb3bb;white-space:nowrap;transition:opacity .5s,transform .6s var(--out),filter .5s;background:#1a1218;border:1px solid #ff5b6b59;border-radius:8px;padding:7px 11px;font-size:12px;position:absolute;transform:translate(-50%,-50%)}.mid:after{content:"";background:var(--red);transform-origin:0;height:2px;transition:transform .35s;position:absolute;top:50%;left:8px;right:8px;transform:scaleX(0)}.conn.direct .mid:after{transform:scaleX(1)}.conn.direct .mid{opacity:0;filter:blur(3px);transform:translate(-50%,-50%)translateY(16px)scale(.9)}.mid:first-of-type,.mid:first-of-type:after{transition-delay:.1s}.mid:nth-of-type(2),.mid:nth-of-type(2):after{transition-delay:.35s}.mid:nth-of-type(3),.mid:nth-of-type(3):after{transition-delay:.6s}.mid:nth-of-type(4),.mid:nth-of-type(4):after{transition-delay:.85s}.conn.direct .mid{transition-delay:.6s,.6s,.6s}.conn.direct .mid:nth-of-type(2){transition-delay:.85s}.conn.direct .mid:nth-of-type(3){transition-delay:1.1s}.conn.direct .mid:nth-of-type(4){transition-delay:1.35s}.pulse{width:10px;height:10px;box-shadow:0 0 12px #fff,0 0 26px var(--magenta);opacity:0;z-index:3;background:#fff;border-radius:50%;margin:-5px 0 0 -5px;position:absolute;top:50%;left:6%}.conn.direct .pulse{animation:2.4s ease-in-out 2.7s infinite travel}@keyframes travel{0%{opacity:0;left:6%}10%{opacity:1}90%{opacity:1}to{opacity:0;left:94%}}.conn-cap{opacity:0;color:var(--fg);transition:opacity .8s 2.4s}.conn.direct+.conn-cap{opacity:1}.conn-cap b{color:var(--green);font-weight:500}@media (width<=640px){.conn{height:180px}.mid{padding:5px 8px;font-size:10.5px}.mid:nth-of-type(3){display:none}.cn i{width:46px;height:46px;font-size:13px}}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.stat{border:1px solid var(--line);background:var(--surface);border-radius:16px;align-content:start;gap:8px;padding:26px 24px;display:grid}.stat b{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(40px,4.6vw,56px);line-height:1}.stat:first-child b{color:#5b7cff}.stat:nth-child(3) b{color:#b46bff}.stat:nth-child(4) b{color:var(--magenta)}.stat span{font-size:15px;font-weight:600}.dots{gap:8px;margin-top:6px;display:flex}.dots i{background:var(--line-2);border-radius:50%;width:10px;height:10px;transition:background .4s,box-shadow .4s}.dots i.on{background:#b46bff;box-shadow:0 0 12px #b46bff}.bar{background:var(--line-2);border-radius:4px;height:4px;margin-top:8px;overflow:hidden}.bar i{background:linear-gradient(90deg,var(--violet),var(--magenta));width:0;height:100%;transition:width 1.5s var(--out);display:block}@media (width<=860px){.stats{grid-template-columns:1fr 1fr}}.s-flow{--glow:radial-gradient(40% 50% at 0% 50%,#9b30ff2e,transparent 70%),radial-gradient(35% 45% at 100% 60%,#2f5bff24,transparent 70%)}.flow{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:14px;display:grid;position:relative}.fstep{border:1px solid var(--line);background:var(--surface);opacity:.45;transition:opacity .6s,transform .7s var(--out),border-color .6s,box-shadow .6s;border-radius:16px;align-content:start;gap:12px;padding:26px;display:grid;position:relative;transform:translateY(14px)}.fstep.on{opacity:1;border-color:#9b30ff73;transform:none;box-shadow:0 0 40px #9b30ff1f}.fstep .ic{background:var(--surface-2);width:44px;height:44px;color:var(--muted);border-radius:12px;place-items:center;transition:background .6s,color .6s;display:grid}.fstep.on .ic{background:linear-gradient(135deg,var(--violet),var(--magenta));color:#fff}.fstep .ic svg{width:20px;height:20px}.fstep .mono{color:var(--magenta)}.fstep h3{letter-spacing:-.02em;font-size:21px}.fstep p{color:var(--muted);font-size:14.5px}.deliv{border:1px solid var(--line);font-family:var(--mono);color:var(--muted);background:#0c0c11;border-radius:10px;min-height:64px;margin-top:6px;padding:12px 14px;font-size:11.5px;line-height:1.6}.deliv b{color:var(--fg);font-weight:500}.deliv .type:after{content:"";vertical-align:-2px;background:var(--magenta);opacity:0;width:.55em;height:1em;margin-left:2px;display:inline-block}.deliv .type.typing:after{opacity:1;animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.fstep:nth-child(5) .deliv b{color:var(--magenta)}.arrowc{border:1px solid var(--line-2);width:34px;height:34px;color:var(--muted);background:var(--bg);border-radius:50%;align-self:center;place-items:center;transition:color .5s,border-color .5s,box-shadow .5s;display:grid}.arrowc.on{color:#fff;border-color:var(--violet);box-shadow:0 0 16px #9b30ff80}.transfer{border:1px dashed var(--line-2);font-family:var(--mono);color:var(--muted);border-radius:10px;justify-content:space-between;align-items:center;margin-top:4px;padding:10px 12px;font-size:10.5px;display:flex;position:relative}.transfer .chip{background:var(--surface-2);border:1px solid var(--line-2);color:var(--fg);white-space:nowrap;transition:left 1.6s .5s var(--ease),transform 1.6s .5s var(--ease),background .5s 2s,border-color .5s 2s;border-radius:6px;padding:4px 8px;position:absolute;top:50%;left:44px;transform:translateY(-50%)}.fstep.on .transfer .chip{background:#3ee08a1f;border-color:#3ee08a80;left:calc(100% - 44px);transform:translate(-100%,-50%)}.transfer b{color:var(--fg);z-index:1;font-weight:500}@media (width<=860px){.flow{grid-template-columns:1fr}.arrowc{justify-self:center;transform:rotate(90deg)}}.cmp{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr) minmax(0,1fr);align-items:stretch;gap:16px;display:grid}.col{border:1px solid var(--line);background:var(--surface);transition:opacity .7s,transform .8s var(--out),filter .7s,box-shadow .7s,border-color .7s;border-radius:18px;grid-template-rows:auto auto 1fr auto;gap:16px;padding:26px;display:grid;position:relative}.col .mono{color:var(--muted)}.col h3{letter-spacing:-.02em;align-items:center;gap:8px;font-size:22px;display:flex}.col .sub{color:var(--muted);margin-top:-8px;font-size:13.5px}.rows{align-content:start;gap:10px;display:grid}.row{border:1px solid #0000;border-radius:10px;gap:4px;padding:12px 14px;transition:background .45s,border-color .45s;display:grid}.row small{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:9.5px}.row p{color:var(--muted);align-items:flex-start;gap:8px;font-size:13.5px;display:flex}.row p:before{content:"";opacity:0;width:16px;height:16px;transition:opacity .35s,transform .45s var(--spring);border-radius:50%;flex:none;margin-top:1px;transform:scale(.4)}.side .row.hl{background:#ff5b6b12;border-color:#ff5b6b40}.side .row.hl p{color:#ffc2c8}.side .row.hl p:before{opacity:1;background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5 5l6 6M11 5l-6 6' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/100%;transform:none}.col.rd{background:linear-gradient(#1b1626,#141219);border-color:#9b30ff66}.col.rd .row{border-color:var(--line);background:#0f0e14}.col.rd .row p{color:var(--fg)}.col.rd .row.hl,.cmp.decided .col.rd .row{background:#3ee08a0f;border-color:#3ee08a73}.col.rd .row.hl p:before,.cmp.decided .col.rd .row p:before{opacity:1;background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.5l2.2 2.2L11.5 5.8' stroke='%23062012' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") center/100%;transform:none}.rec{background:linear-gradient(90deg,var(--blue),var(--magenta));font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#fff;white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:10px;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.col .foot{border-top:1px solid var(--line);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;gap:10px;padding-top:14px;font-size:10.5px;display:flex}.col.rd .foot .ok{color:var(--magenta)}.col.rd .foot a{color:var(--fg)}.cmp.decided .side{opacity:.42;filter:saturate(.4)blur(.4px);transform:scale(.965)}.cmp.decided .col.rd{transform:translateY(-10px);box-shadow:0 0 60px #9b30ff40}@media (width<=900px){.cmp{grid-template-columns:1fr}.col.rd{order:-1;margin-top:10px}}.s-pr{--glow:radial-gradient(40% 50% at 100% 30%,#e21cff24,transparent 70%),radial-gradient(40% 50% at 0% 80%,#2f5bff24,transparent 70%)}.pr-head{gap:14px;margin-bottom:40px;display:grid}.prs{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.pr{border:1px solid var(--line);background:var(--surface);transition:border-color .3s,transform .4s var(--out);border-radius:16px;align-content:start;gap:12px;padding:24px;display:grid}.pr:hover{border-color:#9b30ff73;transform:translateY(-4px)}.pr .pic{border-radius:13px;place-items:center;width:48px;height:48px;display:grid}.pr:first-child .pic{background:linear-gradient(135deg,#2f5bff,#6f8cff)}.pr:nth-child(2) .pic{background:linear-gradient(135deg,#7b2cff,#b46bff)}.pr:nth-child(3) .pic{background:linear-gradient(135deg,#c41cff,#ff5bd8)}.pr:nth-child(4) .pic{background:linear-gradient(135deg,#9b6bff,#d9c2ff)}.pr .pic svg{color:#fff;width:24px;height:24px;overflow:visible}.pr .mono{color:var(--muted);font-size:10px}.pr:first-child .mono{color:#6f8cff}.pr:nth-child(2) .mono{color:#b46bff}.pr:nth-child(3) .mono{color:#ff5bd8}.pr:nth-child(4) .mono{color:#c9b3ff}.pr h3{letter-spacing:-.01em;font-size:18px}.pr p{color:var(--muted);font-size:13.5px}.pr p b{color:var(--fg);font-weight:600}.pr .lk{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;margin-top:6px;font-size:11px}.typing circle{transform-box:fill-box;transform-origin:50%;animation:1.2s infinite bounce}.typing circle:nth-child(3){animation-delay:.15s}.typing circle:nth-child(4){animation-delay:.3s}@keyframes bounce{0%,60%,to{transform:none}30%{transform:translateY(-2.5px)}}.shield .ck{stroke-dasharray:14;stroke-dashoffset:14px;transition:stroke-dashoffset .7s .4s}.pr.in .shield .ck{stroke-dashoffset:0}.cal rect.c{fill:#ffffff59;transition:fill .3s}.pr.in .cal rect.c{animation:3.2s infinite week}.cal rect.c:nth-of-type(3){animation-delay:.4s!important}.cal rect.c:nth-of-type(4){animation-delay:.8s!important}.cal rect.c:nth-of-type(5){animation-delay:1.2s!important}@keyframes week{0%,15%{fill:#ffffff59}25%,80%{fill:#fff}to{fill:#ffffff59}}.pr.in .spin{transform-origin:12px 12px;animation:4s linear infinite rot}@keyframes rot{to{transform:rotate(360deg)}}@media (width<=960px){.prs{grid-template-columns:1fr 1fr}}@media (width<=520px){.prs{grid-template-columns:1fr}}@media (width<=640px){.cn span{display:none}}
