.transaction-scene{z-index:1;isolation:isolate;width:720px;height:610px;margin:0;position:absolute;top:24px;right:-75px}.transaction-art{pointer-events:none;width:100%;height:100%;position:relative;overflow:hidden}.transaction-art>svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.transaction-atmosphere{z-index:-1;background:radial-gradient(at 64% 39%,#fff 0,#c4e3ff70 30%,#b6d6ff35 52%,#0000 70%);border-radius:50%;position:absolute;inset:13% -3% 7% 20%;transform:rotate(-28deg)}.tx-packet{stroke-dashoffset:var(--tx-offset);animation:tx-current var(--tx-duration) linear infinite}@keyframes tx-current{0%{stroke-dashoffset:var(--tx-offset)}to{stroke-dashoffset:calc(var(--tx-offset) - 200px)}}.transaction-marker{letter-spacing:.14em;color:#325c8b;white-space:nowrap;align-items:center;gap:9px;font-size:9px;display:flex;position:absolute;top:13%;left:43%}.transaction-marker-dot{background:#246de0;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 4px #246de00c}.transaction-stage-label{letter-spacing:.13em;color:#315c8d;align-items:center;gap:8px;font-size:10px;font-weight:550;display:flex;position:absolute}.transaction-stage-label>span{color:#6489b4;letter-spacing:0;font-size:8px}.tx-stage-in{top:70%;left:30%}.tx-stage-verify{top:64%;left:51%}.tx-stage-record{top:34%;left:74%}.transaction-caption{color:#4c6b8b;justify-content:space-between;align-items:center;gap:14px;font-size:10px;line-height:1.4;display:flex;position:absolute;bottom:6%;left:31%;right:115px}.transaction-motion-control{cursor:pointer;white-space:nowrap;color:#355b86;border-radius:4px;align-items:center;gap:8px;min-height:44px;padding:8px 10px;font-size:10px;transition:background .15s;display:inline-flex;position:relative}.transaction-motion-toggle{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute;inset:0}.transaction-pause-symbol{border-left:3px solid;border-right:3px solid;width:9px;height:10px;display:block}.transaction-motion-control:hover{background:#fff8}.transaction-motion-control:focus-within{outline-offset:3px;background:#fff9;outline:2px solid #175fe5}.transaction-scene:has(.transaction-motion-toggle:checked) .tx-motion{animation-play-state:paused}.transaction-motion-control:has(input:checked){color:#174a87;background:#d8e8fb}@media (min-width:1600px){.transaction-scene{width:780px;height:650px;top:33px;right:-85px}}@media (max-width:1200px){.tx-stage-record{top:32%;left:65%}.transaction-scene{width:650px;height:580px;top:20px;right:-100px}.transaction-marker{font-size:8px}.transaction-caption{font-size:10px;left:34%;right:125px}.transaction-motion-control{font-size:9px}}@media (max-width:1000px){.transaction-scene{width:560px;height:540px;top:25px;right:-105px}.transaction-marker{top:13%;left:35%}.transaction-caption{gap:7px;bottom:8%;left:29%;right:125px}.transaction-caption>span{max-width:100px}}@media (max-width:800px){.transaction-scene{aspect-ratio:1.5;width:100%;height:auto;margin:-20px 0 0;position:relative;top:auto;right:auto}.transaction-art>svg{width:100%;height:125%;top:-14%}.transaction-marker{top:10%;left:40%}.transaction-caption{font-size:10px;bottom:3%;left:24%;right:13%}.transaction-caption>span{max-width:none}.tx-stage-in{top:73%;left:29%}.tx-stage-verify{top:66%;left:51%}.tx-stage-record{top:28%;left:75%}.transaction-motion-control{font-size:10px}}@media (max-width:600px){.next-hero.next-hero-stream h1{font-size:clamp(32px,9.4vw,49px);line-height:1.1}.next-hero-stream .actions .button{gap:12px;padding:12px;font-size:11px}.transaction-scene{aspect-ratio:1.16;width:calc(100% + 44px);margin:15px -22px 0}.transaction-art>svg{width:127%;height:110%;top:-7%;left:-11%}.transaction-marker{letter-spacing:.09em;font-size:8px;top:5%;left:28%}.transaction-stage-label{gap:5px;font-size:10px}.tx-stage-in{top:69%;left:20%}.tx-stage-verify{top:64%;left:47%}.tx-stage-record{top:27%;left:73%}.transaction-caption{font-size:10px;bottom:3%;left:22px;right:22px}.transaction-motion-control{font-size:10px}.tx-lane-1,.tx-lane-3,.tx-lane-5,.tx-lane-7{display:none}.transaction-orbits{opacity:.13}.transaction-receipt{display:none}}@media (prefers-reduced-motion:reduce){.transaction-scene .tx-motion{animation:none!important}.transaction-motion-control{display:none}.transaction-caption{justify-content:center}}@media print{.transaction-scene .tx-motion{animation:none}.transaction-motion-control{display:none}}