.flow-features{color:#e6edfc;font-family:Arial,sans-serif;margin:32px 0}.flow-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.flow-card{grid-column:span 2;height:302px;position:relative;overflow:hidden;border:1px solid #1c2c44;border-radius:19px;background:#0b1525;color:inherit;text-decoration:none;transition:border-color .3s}.flow-card.wide{grid-column:span 3;height:310px}.flow-card:hover{border-color:#3985ff}.flow-scene{position:absolute;inset:0;overflow:hidden}.flow-footer{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:45px 19px 20px;background:linear-gradient(transparent,#0b1423 80%);color:#a7b5cb;font-size:16px;z-index:2}.flow-footer span:last-child{color:#788ba7}.token-wall{display:flex;gap:11px;width:115%;margin-left:-20px;transform:rotate(-2deg)}.token-column{flex:1;min-width:0;animation:drift 16s ease-in-out infinite alternate}.token-column:nth-child(even){margin-top:-65px;animation-direction:alternate-reverse}.token-tile{border:1px solid #17263c;border-radius:15px;background:#050d1b;padding:7px;margin-bottom:11px}.token-art{height:143px;border-radius:10px;background:radial-gradient(ellipse at 25% 15%,#d9edff88,transparent 50%),linear-gradient(140deg,var(--art),#071327);position:relative;overflow:hidden;display:grid;place-items:center}.token-art i{font-style:normal;font-size:93px;color:#d7edff;text-shadow:0 10px 20px #031328;transform:rotate(-12deg)}.token-art>small{position:absolute;right:6px;top:7px;background:#061225;border-radius:15px;padding:4px 7px;font-size:8px;color:#9fb5d5}.token-art b{position:absolute;bottom:7px;left:7px;background:#061225;border:1px solid #233e61;border-radius:20px;padding:5px 8px;font-size:9px}.token-name{font-size:11px;margin:12px 3px 8px}.token-name small,.token-stat small{font-size:8px;color:#64738b}.token-stat{font-size:11px;font-weight:600;margin:0 3px 8px}.payment-list{padding:20px 10%}.payment-row{height:69px;border:1px solid #17263c;background:#050c18;border-radius:18px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;padding:0 15px}.fee-word{font-size:25px;letter-spacing:-1px}.fee-word strong{display:block;font-size:13px;letter-spacing:0}.route{display:flex;align-items:center;gap:14px;color:#516581}.route>b{height:36px;width:36px;border-radius:50%;background:#183458;display:grid;place-items:center;color:#d4e6ff;font-size:17px;font-weight:400;position:relative}.route em{font-style:normal;font-size:9px;position:absolute;bottom:-2px;right:-3px;background:#071020;padding:2px;border-radius:3px}.payment-row>small{font-size:10px;color:#8c9ab1}.chart-copy{padding:25px 23px}.chart-copy>span{font-size:12px;color:#7f8ea6;display:block}.chart-copy>span small{float:right}.chart-copy>div{font-size:40px;letter-spacing:-2px;margin:12px 0 8px}.chart-copy>div span{color:#889dbb;font-size:29px}.chart-copy>small{font-size:9px;color:#516782}.fee-chart{position:absolute;width:100%;height:130px;bottom:35px;border-top:1px solid #18263b;animation:chart 8s ease-in-out infinite alternate}.launch-demo{padding:25px 22px}.launch-demo>small,.docs-scroll>small{font:10px monospace;letter-spacing:1.5px;color:#72829e}.recipient-input{border:3px solid #3985ff;border-radius:28px;height:42px;margin-top:14px;display:flex;align-items:center;gap:12px;padding:0 16px;background:#050d1b;color:#b7cae6}.typing{font-size:14px;overflow:hidden;white-space:nowrap;width:50px;animation:type 7s steps(5) infinite}.recipient-input i{height:17px;width:1px;background:#3985ff;animation:blink 1s infinite}.recipient-result{display:flex;align-items:center;gap:10px;margin-top:17px;font-size:13px;animation:reveal 7s infinite}.recipient-result>b{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#193c69}.recipient-result small,.launch-demo p small{display:block;font-size:10px;color:#7d91ae;margin-top:4px}.recipient-result em{margin-left:auto;font-style:normal;color:#6bdeb3}.launch-demo p{font-size:17px;margin-top:23px}.docs-scroll{padding:25px 22px;animation:doc 20s ease-in-out infinite alternate}.docs-scroll h3{font-size:14px;margin:13px 0 8px}.docs-scroll p{font-size:12px;line-height:1.7;color:#8b9ab2;margin:0 0 16px}.code-line{color:#5298ff;font:12px monospace;margin:17px 0}.docs-scroll dl{font:11px monospace;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px;color:#8fa0b8}.docs-scroll dd{margin:0}.flow-note{display:flex;align-items:center;justify-content:space-between;margin-top:14px;color:#637792;font-size:10px}.flow-motion{background:transparent;border:1px solid #20334e;border-radius:20px;color:#8fa4c4;padding:7px 11px;font-size:10px;cursor:pointer}.flow-paused *{animation-play-state:paused!important}@keyframes drift{to{transform:translateY(-60px)}}@keyframes chart{to{transform:scaleY(.85);transform-origin:bottom}}@keyframes type{0%,15%{width:0}40%,90%{width:50px}100%{width:0}}@keyframes blink{50%{opacity:0}}@keyframes reveal{0%,35%{opacity:0;transform:translateY(8px)}50%,90%{opacity:1;transform:none}100%{opacity:0}}@keyframes doc{to{transform:translateY(-75px)}}@media(max-width:650px){.flow-grid{grid-template-columns:1fr}.flow-card,.flow-card.wide{grid-column:auto;height:300px}.payment-list{padding:20px 6%}.token-art{height:135px}.flow-note{gap:15px;font-size:9px}}@media(prefers-reduced-motion:reduce){.flow-features *{animation:none!important}}

.float-payment-logo{width:25px;height:25px;object-fit:contain}.typing{font-family:monospace;width:12ch;animation:float-search 8s steps(12,end) infinite}.recipient-result{animation:float-result 8s infinite}@keyframes float-search{0%,10%{width:0}45%,85%{width:12ch}100%{width:0}}@keyframes float-result{0%,48%{opacity:0;transform:translateY(7px)}58%,85%{opacity:1;transform:none}100%{opacity:0;transform:translateY(7px)}}@media(prefers-reduced-motion:reduce){.typing,.recipient-result{animation:none!important}}

.profile-art>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.profile-art{height:155px}.token-art b{max-width:95%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.token-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-art:has(img[src$="float-mark.png"]){background:#13345e}.profile-art img[src$="float-mark.png"]{object-fit:contain;padding:24px}
/* Continuous payment feed and live-style illustrative analytics. */
.payment-list{animation:payment-feed 18s linear infinite;will-change:transform}.payment-row{flex-shrink:0}.payment-row .route>span{animation:fee-transfer 2.6s ease-in-out infinite}.payment-row:nth-child(2n) .route>span{animation-delay:.8s}.payment-row:nth-child(3n) .route>span{animation-delay:1.6s}.fee-chart{animation:none;transform:none}.chart-copy>div{font-variant-numeric:tabular-nums;white-space:nowrap}.chart-copy>span small{transition:opacity .3s}@keyframes payment-feed{to{transform:translateY(-316px)}}@keyframes fee-transfer{0%,100%{opacity:.3;transform:translateX(-3px)}50%{opacity:1;color:#70aaff;transform:translateX(3px)}}@media(prefers-reduced-motion:reduce){.payment-list,.payment-row .route>span{animation:none!important}}