/* Ambient presentation motion. Network activity is rendered only by the live-data view. */
.hero{isolation:isolate}.hero-copy,.hero-network{z-index:1}.hero-network{transform-style:preserve-3d}
.ambient-stage{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;contain:paint;perspective:900px}
.ambient-aurora{position:absolute;width:760px;height:620px;right:-220px;top:-85px;background:radial-gradient(ellipse at center,#57dabd16 0,#39ba9e09 34%,transparent 68%);opacity:.9;animation:ambient-drift 20s ease-in-out infinite alternate;will-change:transform,opacity}
.ambient-orbit{position:absolute;right:-215px;top:48px;width:720px;height:720px;border:1px solid #73cdbb24;border-radius:50%;transform-style:preserve-3d;animation:ambient-orbit 46s linear infinite;will-change:transform;box-shadow:0 0 35px #5bc2a206,inset 0 0 35px #5bc2a206}
.ambient-orbit:after{content:'';position:absolute;width:5px;height:5px;left:calc(50% - 2px);top:-3px;background:#9cf0d3;border-radius:50%;box-shadow:0 0 15px #70c7ba70;opacity:.65}
.ambient-orbit.second{width:870px;height:870px;right:-290px;top:-26px;border-style:dashed;border-color:#8ddbc51a;animation-duration:68s;animation-direction:reverse;opacity:.6}
.ambient-orbit.second:after{width:3px;height:3px;opacity:.4}
.ambient-sweep{position:absolute;width:130px;top:-100px;bottom:-100px;left:0;opacity:0;background:linear-gradient(90deg,transparent,#8defd10c,transparent);transform:translate3d(-200px,0,0) skewX(-15deg);animation:ambient-sweep 13s cubic-bezier(.25,.1,.25,1) infinite;will-change:transform,opacity}
.hero:not(.motion-onstage) .ambient-stage>*{animation-play-state:paused}
.hero h1{position:relative}.hero h1 .mint{text-shadow:0 0 45px #70c7ba0b}
.hero-network:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 28px #70c7ba05;z-index:4}
.hero-actions>.button{position:relative;overflow:hidden;translate:var(--mag-x,0px) var(--mag-y,0px);will-change:translate}
.hero-actions>.button:before{content:'';position:absolute;top:-35%;bottom:-35%;width:33%;left:-45%;background:linear-gradient(90deg,transparent,#f0fff63b,transparent);transform:skewX(-20deg) translateX(-20px);animation:cta-sweep 7s ease-in-out infinite;pointer-events:none}
.hero:not(.motion-onstage) .hero-actions>.button:before{animation-play-state:paused}
.support-section>.button{translate:var(--mag-x,0px) var(--mag-y,0px)}
.article-art{perspective:700px}.article-card .wallet{animation:wallet-drift 7s ease-in-out infinite;will-change:transform}.article-card .orb{animation:wallet-orbit 22s linear infinite;will-change:transform}
.article-card .mesh{animation:mesh-drift 12s ease-in-out infinite;will-change:transform}.article-card .mesh i{animation:mesh-light 4.8s ease-in-out infinite;animation-delay:calc(var(--motion-index,0)*.24s)}
.article-card .code-art>div{animation:code-drift 9s ease-in-out infinite;will-change:transform}.code-art small:after{content:'';display:inline-block;width:5px;height:8px;background:#70c7ba88;vertical-align:-1px;margin-left:5px;animation:code-cursor 1.2s steps(1,end) infinite}
.article-card:not(.motion-onstage) .article-art *,.article-card:not(.motion-onstage) .article-art :after{animation-play-state:paused}
.concept-legend .chain-demo i{animation:concept-chain 4.2s ease-in-out infinite;animation-delay:calc(var(--motion-index,0)*.55s)}
.concept-legend .dag-demo path{stroke-dasharray:180 450;animation:concept-flow 9s linear infinite}.concept-legend .dag-demo rect{transform-box:fill-box;transform-origin:center;animation:concept-node 4.2s ease-in-out infinite;animation-delay:calc(var(--motion-index,0)*.21s)}
.concept-legend:not(.motion-onstage) *{animation-play-state:paused}
.support-symbol img{animation:support-float 8s ease-in-out infinite;will-change:transform}.support-section:not(.motion-onstage) .support-symbol img{animation-play-state:paused}
.community:before{animation:community-orbit 45s linear infinite;transform-origin:center;will-change:transform}.community:not(.motion-onstage):before{animation-play-state:paused}
.motion-ready .motion-reveal{opacity:0;translate:0 22px;transition:opacity .85s ease,translate .85s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}
.motion-ready .motion-reveal.motion-seen{opacity:1;translate:0 0}
.motion-control{position:fixed;right:20px;bottom:20px;z-index:45;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 13px;border:1px solid #38584b;border-radius:0;background:#0b1718ed;color:#a7cebf;backdrop-filter:blur(12px);font:10px/1 var(--font);letter-spacing:.25px;box-shadow:0 5px 25px #0004;transition:background .2s,border-color .2s}
.motion-control:hover{background:#17312a;border-color:#70c7ba}.motion-control svg{width:12px;height:12px;display:block;fill:currentColor}.motion-control[aria-pressed=true]{color:#859d92;border-color:#2e443a}.motion-control:disabled{opacity:.7;cursor:default}.motion-control:focus-visible{outline:2px solid var(--mint);outline-offset:4px}
.scroll-rail{position:fixed;left:0;top:0;right:0;height:2px;transform:scaleX(0);transform-origin:0 50%;background:#70c7ba;box-shadow:0 0 12px #70c7ba55;pointer-events:none;z-index:60;will-change:transform}
body.motion-paused *,body.motion-paused :before,body.motion-paused :after,body.motion-hidden *,body.motion-hidden :before,body.motion-hidden :after{animation-play-state:paused!important}
body.motion-paused .motion-reveal{opacity:1;translate:none;transition:none}
body.motion-paused .hero-actions>.button,body.motion-paused .support-section>.button{translate:none}
@keyframes ambient-drift{0%{transform:translate3d(-25px,-12px,0) scale(.94);opacity:.65}100%{transform:translate3d(32px,30px,0) scale(1.05);opacity:1}}
@keyframes ambient-orbit{from{transform:translate3d(calc(var(--scene-x,0)*10px),calc(var(--scene-y,0)*10px),0) rotateX(72deg) rotateZ(-24deg)}to{transform:translate3d(calc(var(--scene-x,0)*10px),calc(var(--scene-y,0)*10px),0) rotateX(72deg) rotateZ(336deg)}}
@keyframes ambient-sweep{0%,15%{opacity:0;transform:translate3d(-200px,0,0) skewX(-15deg)}25%{opacity:.7}63%{opacity:.6}75%,100%{opacity:0;transform:translate3d(1450px,0,0) skewX(-15deg)}}
@keyframes cta-sweep{0%,50%{transform:skewX(-20deg) translateX(-10px);opacity:0}56%{opacity:.8}74%{transform:skewX(-20deg) translateX(650%);opacity:0}100%{transform:skewX(-20deg) translateX(650%);opacity:0}}
@keyframes wallet-drift{0%,100%{transform:perspective(450px) translate3d(0,6px,0) rotateX(calc(var(--scene-y,0)*-4deg)) rotateY(calc(-25deg + var(--scene-x,0)*9deg)) rotateZ(-12deg)}50%{transform:perspective(450px) translate3d(0,-7px,0) rotateX(calc(var(--scene-y,0)*-4deg)) rotateY(calc(-14deg + var(--scene-x,0)*9deg)) rotateZ(-9deg)}}
@keyframes wallet-orbit{from{transform:rotateX(65deg) rotateZ(-25deg)}to{transform:rotateX(65deg) rotateZ(335deg)}}
@keyframes mesh-drift{0%,100%{transform:perspective(600px) translate3d(0,6px,0) rotateX(calc(8deg + var(--scene-y,0)*-5deg)) rotateY(calc(-8deg + var(--scene-x,0)*8deg)) rotate(-25deg) skew(15deg)}50%{transform:perspective(600px) translate3d(0,-7px,0) rotateX(calc(-4deg + var(--scene-y,0)*-5deg)) rotateY(calc(6deg + var(--scene-x,0)*8deg)) rotate(-19deg) skew(15deg)}}
@keyframes mesh-light{0%,100%{opacity:.55}45%,65%{opacity:1}}
@keyframes code-drift{0%,100%{transform:perspective(700px) translate3d(0,5px,0) rotateX(calc(var(--scene-y,0)*-4deg)) rotateY(calc(-15deg + var(--scene-x,0)*8deg))}50%{transform:perspective(700px) translate3d(0,-5px,0) rotateX(calc(3deg + var(--scene-y,0)*-4deg)) rotateY(calc(-9deg + var(--scene-x,0)*8deg))}}
@keyframes code-cursor{0%,45%{opacity:1}46%,100%{opacity:0}}
@keyframes concept-chain{0%,100%{opacity:.45}25%,45%{opacity:1}}
@keyframes concept-flow{from{stroke-dashoffset:550}to{stroke-dashoffset:-80}}
@keyframes concept-node{0%,100%{opacity:.55;scale:1}40%,65%{opacity:1;scale:1.07}}
@keyframes support-float{0%,100%{transform:translateY(4px) rotate(-3deg)}50%{transform:translateY(-5px) rotate(3deg)}}
@keyframes community-orbit{0%{transform:rotate(0deg) scale(.99)}50%{transform:rotate(180deg) scale(1.035)}100%{transform:rotate(360deg) scale(.99)}}
@media (hover:hover) and (pointer:fine){.motion-ready .article-card{transition:border-color .25s,transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s}.motion-ready .article-card:hover{box-shadow:0 12px 45px #0004,0 0 24px #70c7ba06}.resource-list>a .resource-icon{transition:transform .35s cubic-bezier(.16,1,.3,1),background .3s}.resource-list>a:hover .resource-icon{transform:rotate(-7deg) translateY(-2px);background:#1c3c31}.onboard-row .arrow,.channel-arrow,.card-link b,.community-channels>b{transition:transform .3s}.onboard-row:hover .arrow,.article-card:hover .card-link b{transform:translate(3px,-3px)}}
@media(max-width:760px){.ambient-stage{inset:0}.ambient-aurora{width:600px;right:-260px;top:260px;height:650px}.ambient-orbit{top:380px;width:610px;height:610px;right:-300px}.ambient-orbit.second{width:720px;height:720px;right:-355px;top:325px}.ambient-sweep{width:80px;animation-duration:16s}.motion-control{width:36px;height:36px;padding:0;justify-content:center;right:12px;bottom:12px;backdrop-filter:none;background:#0b1718}.motion-control .motion-control-label{display:none}.motion-control svg{width:11px;height:11px}.motion-ready .motion-reveal{translate:0 15px;transition-duration:.7s}.hero-actions>.button:before{animation-duration:9s}}
@media(prefers-reduced-motion:reduce){.ambient-stage{display:none}.motion-ready .motion-reveal{opacity:1;translate:none;transition:none}.motion-control{display:none}.hero-actions>.button,.support-section>.button{translate:none}.motion-ready *, .motion-ready :before,.motion-ready :after{animation:none!important;scroll-behavior:auto!important}.article-card .wallet{transform:perspective(450px) rotateY(-22deg) rotateZ(-12deg)}.article-card .mesh{transform:rotate(-25deg) skew(15deg)}.article-card .code-art>div{transform:perspective(700px) rotateY(-15deg)}}