.steps{padding-top:22px;padding-bottom:25px}.steps:before{top:72px;background:linear-gradient(90deg,#557c78,#7599b2,#82bda9,#557c78);background-size:220% 100%;animation:current-flow 9s ease-in-out infinite}.step:not(:last-child):after{top:47px}.step-art{position:relative;display:grid;place-items:center;width:100px;height:100px;margin:0 auto 16px;background:#0b192b;transition:transform .35s ease}.step-art>img{width:100%;height:100%;object-fit:contain;position:relative;z-index:1}.step:hover .step-art{transform:translateY(-4px)}.step-art.token-art{background:radial-gradient(ellipse at 50% 58%,#1c494b,#0b192b 64%)}.token-art:before{content:"";position:absolute;left:8px;right:8px;bottom:8px;height:20px;border:1px solid #4e7b88;background:linear-gradient(#203e54,#12253d);border-radius:50%;transform:rotate(-10deg)}.token-art>img{height:69px;width:69px;border-radius:50%;border:2px solid #b1e5d4;box-shadow:7px 7px 0 #163e40;transform:rotate(-12deg)}.token-art>span{position:absolute;inset:4px;border:1px solid #7297a045;border-radius:50%}.dashboard-preview{border-top:1px solid #21384c;background:radial-gradient(ellipse at 80% 0,#19364c3b,transparent 60%)}.preview-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.preview-top h2{margin-bottom:14px}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.preview-stat{padding:25px 27px;border:1px solid #345169;border-radius:12px;background:linear-gradient(135deg,#162b40,#101e31)}.preview-stat>span{color:#a0b8cd;font-size:12px}.preview-stat>strong{display:block;color:#c8e0ef;font:500 39px/1.2 var(--head);letter-spacing:-.06em;margin:25px 0 8px}.preview-stat>small{color:#5c819e;font:500 8px var(--mono);letter-spacing:.13em;text-transform:uppercase}.preview-status{display:flex;align-items:center;gap:7px;color:#5d809b;font:500 8px var(--mono);letter-spacing:.08em;margin-top:19px}.preview-status>i{width:4px;height:4px;border-radius:50%;background:#638b9d}.diagram .fork circle{animation:node-pulse 4s ease-in-out infinite}@keyframes current-flow{0%,100%{background-position:0% 0}50%{background-position:100% 0}}@keyframes node-pulse{0%,100%{opacity:.55}50%{opacity:1}}@media(max-width:750px){.reserve-link{--target:64px}.steps{padding:10px 22px}.steps:before{top:47px;bottom:47px;left:64px;background:linear-gradient(#557c78,#7599b2,#82bda9)}.step-art{width:84px;height:84px;min-width:84px;margin:0}.token-art>img{height:56px;width:56px}.preview-top{display:block}.preview-top>.btn{margin-top:22px}.preview-grid{gap:12px}.preview-stat{padding:20px 16px}.preview-stat>span{font-size:10px}.preview-stat>strong{font-size:31px}.preview-stat>small{font-size:7px}}@media(max-width:480px){.reserve-link{--target:61px}.preview-grid{grid-template-columns:1fr}.preview-stat{display:grid;grid-template-columns:1fr auto;align-items:center}.preview-stat>strong{grid-column:2;grid-row:1/3;margin:0}.preview-stat>small{margin-top:5px}.step-art{width:78px;height:78px;min-width:78px}.steps:before{left:61px}.step{gap:17px}.step h4{font-size:14px}.step p{font-size:10px}}@media(prefers-reduced-motion:reduce){.steps:before,.diagram .fork circle{animation:none}.step-art{transition:none}.step:hover .step-art{transform:none}}