/* Flow packets travel along the existing chain routes. */
.flow-packet{stroke-dasharray:2 98;stroke-linecap:round;stroke-width:4;filter:drop-shadow(0 0 5px #9affd3);animation:flow-packet 4s linear infinite}.flow-packet.sol-packet{stroke:#bda3ff;animation-delay:-2s;animation-duration:4.8s}.pool-lines>path:first-child{animation:flow-dashes 12s linear infinite}.node-hyper{animation:node-float 7s ease-in-out infinite}.node-sol{animation:node-float 7s ease-in-out -3.5s infinite}.pool-core{animation:pool-breathe 5s ease-in-out infinite}.orbit-one{animation:orbit-drift 24s ease-in-out infinite}.orbit-two{animation:orbit-drift-reverse 28s ease-in-out infinite}.art-star{animation:star-breathe 4s ease-in-out infinite}.s2{animation-delay:-1.4s}.s3{animation-delay:-2.8s}
@keyframes flow-packet{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes flow-dashes{to{stroke-dashoffset:-96}}@keyframes node-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes pool-breathe{0%,100%{box-shadow:0 0 0 10px #65e5a507,0 0 0 11px #65e5a520,0 28px 50px #0007,inset 0 0 25px #8eeab117}50%{box-shadow:0 0 0 15px #65e5a507,0 0 0 16px #65e5a530,0 28px 50px #0007,inset 0 0 40px #8eeab130}}@keyframes orbit-drift{0%,100%{transform:rotate(-27deg)}50%{transform:rotate(-8deg)}}@keyframes orbit-drift-reverse{0%,100%{transform:rotate(27deg)}50%{transform:rotate(8deg)}}@keyframes star-breathe{0%,100%{opacity:.35}50%{opacity:1}}
.pool-walkthrough{padding:46px 0 48px;border-bottom:1px solid var(--line)}.walkthrough-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}.walkthrough-heading h2{margin-top:14px;font-size:37px}.walkthrough-heading h2 em{color:var(--mint);font-family:Georgia,serif;font-weight:400}.walkthrough-heading>p{font-size:12px;max-width:220px}.walkthrough-body{display:grid;grid-template-columns:1fr 1.2fr;gap:55px;align-items:center}.beat-tabs{display:flex;gap:14px;margin-bottom:27px}.beat-tabs button{padding:0;text-align:left;width:48px;color:#6c8978}.beat-tabs span{font:10px ui-monospace,monospace}.beat-tabs i{display:block;height:2px;background:#254a35;margin-top:10px}.beat-tabs button[aria-pressed=true]{color:var(--mint)}.beat-tabs button[aria-pressed=true] i{background:var(--mint);box-shadow:0 0 8px #9bffce33}.walkthrough-story>.eyebrow{font-size:8px;letter-spacing:1px}.walkthrough-story h3{font-size:23px;letter-spacing:-.5px;margin:11px 0}.walkthrough-story>p{font-size:13px;max-width:340px;min-height:64px}.walkthrough-actions{display:flex;gap:24px;align-items:center;margin:22px 0 18px}.walkthrough-actions .btn{font-size:10px;padding:9px 13px}.walkthrough-story>small{font-size:8px;line-height:1.7;display:block;color:#789180}.reserve-visual{background:radial-gradient(ellipse at 50% 50%,#1d4d302a,transparent 80%),#0b1912;border:1px solid #2b4936;border-radius:13px;padding:22px}.reserve-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;gap:12px}.reserve-top b{font:7px ui-monospace,monospace;letter-spacing:1.5px;color:#7ba28b}.reserve-top i{width:6px;height:6px;margin-right:4px}.reserve-tanks{display:grid;grid-template-columns:1fr 45px 1fr;gap:12px;align-items:center;margin:25px 0}.reserve-tank{height:150px;border:1px solid #43694f;border-radius:10px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#08170e}.reserve-tank>span,.reserve-tank>strong,.reserve-tank>small{position:relative;z-index:1}.reserve-tank>span{font:7px ui-monospace,monospace;letter-spacing:1px;color:#c3ddc9}.reserve-tank strong{font-size:21px;font-weight:500;letter-spacing:-.7px;margin:12px 0 6px}.reserve-tank small{font:6px ui-monospace,monospace;color:#a5c8b0;letter-spacing:1px}.tank-liquid{position:absolute;inset:auto 0 0;height:58%;background:linear-gradient(#75ecc427,#54b69008);border-top:1px solid #8df3cc77;transition:height 1.2s cubic-bezier(.2,.6,.2,1)}.tank-liquid:before{content:'';position:absolute;top:-5px;left:-50%;width:200%;height:12px;background:#98ffcd0d;border-radius:50%;animation:liquid-sway 4s ease-in-out infinite}.token-liquid{background:linear-gradient(#a68ad929,#7864ac08);border-color:#bca3e477}.reserve-exchange{display:grid;place-items:center;gap:7px;color:var(--mint)}.reserve-exchange img{width:35px;height:35px}.reserve-exchange span{font-size:19px;animation:trade-arrow 2s ease-in-out infinite}.reserve-exchange .out-arrow{color:var(--purple);animation-delay:-1s}.reserve-visual[data-direction=idle] .reserve-exchange span{opacity:.3;animation:none}.reserve-visual[data-direction=sell] .reserve-exchange{transform:rotate(180deg)}.reserve-visual[data-direction=sell] .reserve-exchange img{transform:rotate(180deg)}.shared-price{border-top:1px solid var(--line);padding-top:17px;display:flex;justify-content:space-between;align-items:center;gap:10px}.shared-price>span:first-child{font:7px ui-monospace,monospace;letter-spacing:1px;color:var(--muted)}.shared-price strong{font:26px Inter,Arial,sans-serif;color:var(--fg);display:block;letter-spacing:-1px;margin-top:7px}.shared-price>span:last-child{font:9px ui-monospace,monospace;color:var(--mint)}.reserve-visual[data-direction=sell] .shared-price>span:last-child{color:#eea5b5}.chain-prices{display:flex;justify-content:space-between;margin-top:19px;padding:11px;background:#19342266;border:1px solid #294f35;border-radius:6px;font-size:8px;color:#94b29e}.chain-prices b{display:block;color:#daefdf;font:11px ui-monospace,monospace;margin-top:3px}.chain-prices>i{font-size:21px;color:var(--mint);font-style:normal}.pool-motion-paused .pool-art *,.pool-motion-paused .reserve-visual *{animation-play-state:paused!important}.pool-motion-paused .tank-liquid{transition:none}
@keyframes liquid-sway{0%,100%{transform:translateX(-10%) rotate(-1deg)}50%{transform:translateX(10%) rotate(1deg)}}@keyframes trade-arrow{0%,100%{transform:translateX(-3px);opacity:.4}50%{transform:translateX(3px);opacity:1}}
@media(max-width:760px){.pool-walkthrough{padding:32px 0}.walkthrough-heading{display:block;margin-bottom:25px}.walkthrough-heading h2{font-size:31px}.walkthrough-heading>p{margin-top:16px;max-width:none}.walkthrough-body{grid-template-columns:1fr;gap:27px}.walkthrough-story>p{max-width:none;min-height:60px}.walkthrough-story h3{font-size:22px}.reserve-visual{padding:17px}.reserve-tanks{gap:8px;grid-template-columns:1fr 32px 1fr}.reserve-tank strong{font-size:18px}.reserve-tank{height:135px}.reserve-tank>span{font-size:6px}.reserve-top{font-size:8px}.reserve-top b{font-size:6px}.shared-price strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){.pool-art *,.reserve-visual *{animation:none!important;transition:none!important}.flow-packet{display:none}}

.reserve-tank strong{font-size:15px;letter-spacing:-.3px;text-align:center}.shared-price strong{font-size:22px}.chain-prices b{font-size:10px}