/* Individual layers move independently, as in the reference's animated artwork. */
.hero-scene{position:absolute;inset:0;z-index:1;pointer-events:none;transform:translate3d(var(--scene-x,0px),calc(var(--scene-y,0px) + var(--scene-scroll,0px)),0);transition:transform .6s cubic-bezier(.2,.65,.3,1)}
.motion-enabled .hero-crystal{transform-origin:50% 65%;animation:crystal-drift 7s ease-in-out infinite}
.motion-enabled .hero-background{inset:-4%;animation:background-drift 18s ease-in-out infinite alternate}
.motion-enabled .hero-copy>.pill,.motion-enabled .hero-copy>h1,.motion-enabled .hero-copy>p,.motion-enabled .hero-actions{animation:hero-arrive .9s cubic-bezier(.2,.7,.3,1) both}
.motion-enabled .hero-copy>h1{animation-delay:.1s}.motion-enabled .hero-copy>p{animation-delay:.22s}.motion-enabled .hero-actions{animation-delay:.34s}
.motion-enabled .motion-reveal{opacity:0;translate:0 34px;filter:blur(5px);transition:opacity .9s ease var(--reveal-delay,0ms),translate 1s cubic-bezier(.2,.7,.3,1) var(--reveal-delay,0ms),filter .85s ease var(--reveal-delay,0ms)}
.motion-enabled .motion-reveal.is-revealed{opacity:1;translate:0 0;filter:blur(0)}
.funding-scene{position:relative;width:290px;height:264px;perspective:700px}
.funding-base{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;animation:funding-float 6s ease-in-out infinite}
.funding-side{position:absolute;top:61px;width:20px;height:146px;object-fit:fill;animation:side-left 5s ease-in-out infinite}
.funding-side-left{left:15px}.funding-side-right{right:15px;animation-name:side-right;animation-delay:-1s}
.funding-token{position:absolute;left:114px;top:109px;width:28px;height:45px;animation:token-turn 9s linear infinite;transform-origin:center;filter:drop-shadow(0 7px 6px #192d2722)}
.funding-chip{position:absolute;left:143px;top:102px;width:76px;height:auto;animation:chip-drift 4.5s ease-in-out infinite}
.mini-dashboard{animation:dashboard-drift 6.5s ease-in-out infinite;z-index:2}
.dashboard-art:before,.dashboard-art:after{content:'';position:absolute;width:180px;height:141px;top:77px;border:2px solid #ffffff9c;border-radius:19px;background:#ffffff28;box-shadow:0 10px 19px #1c3e1e0b;animation:glass-right 7s ease-in-out infinite}
.dashboard-art:before{left:20px;animation-name:glass-left}.dashboard-art:after{right:-20px;animation-delay:-1.8s}
.dashboard-glow{animation:glow-breathe 9s ease-in-out infinite}
.mini-dashboard svg{overflow:visible}.chart-line{stroke-dasharray:1;stroke-dashoffset:0;animation:chart-draw 6s cubic-bezier(.45,0,.2,1) infinite}.chart-area{animation:chart-fill 6s ease-in-out infinite}.chart-spark{animation:chart-dot 6s ease-in-out infinite}
.discovery-art{padding:15px 0;transform:none;display:grid;place-items:center}
.project-window{height:249px;width:100%;overflow:hidden;mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent);transform:rotate(-5deg)}
.project-track{animation:project-flow 13s linear infinite;width:100%}.project-group{display:flex;flex-direction:column;gap:12px;align-items:center;padding-bottom:12px}
.project-row{height:71px;flex:none;width:min(290px,calc(100% - 38px));padding:10px 14px}
.project-row:nth-child(2){margin-left:22px}.project-row:nth-child(3){margin-left:-17px}
.project-row .project-symbol{flex:none}
.ledger{animation:ledger-drift 7s ease-in-out infinite;overflow:hidden}
.ledger:after{content:'';position:absolute;left:0;right:0;height:40px;top:-50px;background:linear-gradient(transparent,#77c29815,transparent);animation:ledger-scan 5.5s ease-in-out infinite;pointer-events:none}
.ledger-row{position:relative;animation:row-illuminate 5.5s ease-in-out infinite}.ledger-row:nth-child(3){animation-delay:1s}.ledger-row:nth-child(4){animation-delay:2s}
.step-check{animation:check-pop 5.5s ease-in-out infinite}.ledger-row:nth-child(3) .step-check{animation-delay:1s}
.step-pending{animation:pending-spin 8s linear infinite}.checkmark{animation:check-pop 4.5s ease-in-out infinite}
.step-icon{animation:step-float 5s ease-in-out infinite}.step:nth-child(2) .step-icon{animation-delay:-1.6s;animation-name:step-float-alt}.step:nth-child(3) .step-icon{animation-delay:-3s}
.step:not(:last-child):after{background:linear-gradient(90deg,transparent,#4dba794d,transparent);background-size:45% 100%;border:0;height:1px;animation:connection-flow 3.4s linear infinite}.step:nth-child(2):after{animation-delay:1.7s}
.ecosystem-line{overflow:visible}.ecosystem-line:before,.ecosystem-line:after{content:'';position:absolute;top:-2px;width:70px;height:3px;background:linear-gradient(90deg,transparent,#299f52,transparent);border-radius:10px;animation:capital-flow 6s linear infinite}.ecosystem-line:after{animation-delay:-3s}
.ecosystem-item{animation:ecosystem-float 5.5s ease-in-out infinite}.ecosystem-item:nth-child(2),.ecosystem-item:last-child{animation-name:ecosystem-float-low}.ecosystem-item:nth-child(3){animation-delay:-1.5s}.ecosystem-item:nth-child(5){animation-delay:-3s}.ecosystem-item:last-child{animation-delay:-4s}
.ecosystem-hub{position:relative;animation:hub-float 6s ease-in-out infinite}.ecosystem-hub:before,.ecosystem-hub:after{content:'';position:absolute;inset:-17px;border:1px solid #75be8d;border-radius:42px;animation:hub-ripple 4s ease-out infinite;z-index:-1}.ecosystem-hub:after{animation-delay:-2s}
.closing-background{inset:-6%;animation:background-drift 16s ease-in-out infinite alternate}
.button .circle-arrow{transition:transform .3s}.button:hover .circle-arrow{transform:rotate(45deg)}
.motion-control{position:fixed;z-index:45;right:18px;bottom:17px;display:flex;align-items:center;gap:8px;border:1px solid #d9e8dc;border-radius:50px;padding:9px 13px;background:#fffffff0;box-shadow:0 3px 15px #21482b0a;backdrop-filter:blur(8px);color:#405b46;font-size:.75rem;line-height:1.3;transition:background .2s}
.motion-control:hover{background:#eff7ed}.motion-control-icon{width:13px;font-size:.95rem;text-align:center}.motion-control:disabled{cursor:default}
.motion-enabled .motion-zone,.motion-enabled .motion-zone *,.motion-enabled .motion-zone:before,.motion-enabled .motion-zone:after,.motion-enabled .motion-zone *:before,.motion-enabled .motion-zone *:after{animation-play-state:paused}
.motion-enabled .motion-zone.is-running,.motion-enabled .motion-zone.is-running *,.motion-enabled .motion-zone.is-running:before,.motion-enabled .motion-zone.is-running:after,.motion-enabled .motion-zone.is-running *:before,.motion-enabled .motion-zone.is-running *:after{animation-play-state:running}
.motion-paused.motion-enabled *,.motion-paused.motion-enabled *:before,.motion-paused.motion-enabled *:after,.motion-tab-hidden.motion-enabled *,.motion-tab-hidden.motion-enabled *:before,.motion-tab-hidden.motion-enabled *:after{animation-play-state:paused!important}
.motion-paused.motion-enabled .motion-reveal{opacity:1;translate:0 0;filter:none;transition:none}.motion-paused .hero-copy>*{opacity:1;filter:none;animation:none!important}
@keyframes crystal-drift{0%,100%{transform:translate(-50%,0) perspective(850px) rotateY(-6deg) rotateZ(-2deg)}50%{transform:translate(-50%,-25px) perspective(850px) rotateY(6deg) rotateZ(2deg)}}
@keyframes background-drift{0%{transform:scale(1.02) translate3d(-1%,0,0)}100%{transform:scale(1.06) translate3d(1%,1%,0)}}
@keyframes hero-arrive{from{opacity:0;translate:0 18px;filter:blur(5px)}to{opacity:1;translate:0 0;filter:blur(0)}}
@keyframes funding-float{0%,100%{transform:translateY(7px) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}
@keyframes side-left{0%,100%{transform:translate(0,0)}50%{transform:translate(-13px,8px)}}
@keyframes side-right{0%,100%{transform:translate(0,0)}50%{transform:translate(13px,-8px)}}
@keyframes token-turn{0%{transform:translateY(0) rotate(-22deg)}50%{transform:translateY(-13px) rotate(158deg)}100%{transform:translateY(0) rotate(338deg)}}
@keyframes chip-drift{0%,100%{transform:translate(0,4px) rotate(2deg)}50%{transform:translate(5px,-10px) rotate(-5deg)}}
@keyframes dashboard-drift{0%,100%{transform:translate(0,7px) rotate(-5deg)}50%{transform:translate(7px,-9px) rotate(1deg)}}
@keyframes glass-left{0%,100%{transform:translate(0,0) rotate(-8deg)}50%{transform:translate(-13px,15px) rotate(-11deg)}}
@keyframes glass-right{0%,100%{transform:translate(0,9px) rotate(4deg)}50%{transform:translate(10px,-5px) rotate(9deg)}}
@keyframes glow-breathe{0%,100%{transform:rotate(-18deg) scale(1)}50%{transform:rotate(-10deg) scale(1.06)}}
@keyframes chart-draw{0%,12%{stroke-dashoffset:1}60%,88%{stroke-dashoffset:0}100%{stroke-dashoffset:-1}}
@keyframes chart-fill{0%,28%,100%{opacity:0}60%,88%{opacity:1}}
@keyframes chart-dot{0%,53%,100%{opacity:0;r:2}63%,88%{opacity:1;r:4}}
@keyframes project-flow{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@keyframes ledger-drift{0%,100%{transform:translate(0,5px) rotate(6deg)}50%{transform:translate(-7px,-8px) rotate(1deg)}}
@keyframes ledger-scan{0%,10%{transform:translateY(0);opacity:0}25%{opacity:1}85%{opacity:1}100%{transform:translateY(285px);opacity:0}}
@keyframes row-illuminate{0%,15%,65%,100%{background:transparent}27%,45%{background:#e0f1e580}}
@keyframes check-pop{0%,20%,65%,100%{scale:1}32%,42%{scale:1.18}}
@keyframes pending-spin{to{rotate:360deg}}
@keyframes step-float{0%,100%{transform:translateY(4px) rotate(-8deg)}50%{transform:translateY(-10px) rotate(3deg)}}
@keyframes step-float-alt{0%,100%{transform:translateY(4px) rotate(8deg)}50%{transform:translateY(-10px) rotate(-3deg)}}
@keyframes connection-flow{from{background-position:-80% 0}to{background-position:190% 0}}
@keyframes capital-flow{0%{left:0;opacity:0}10%,90%{opacity:1}100%{left:calc(100% - 70px);opacity:0}}
@keyframes ecosystem-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-14px) rotate(2deg)}}
@keyframes ecosystem-float-low{0%,100%{transform:translateY(27px) rotate(2deg)}50%{transform:translateY(12px) rotate(-2deg)}}
@keyframes hub-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(3deg)}}
@keyframes hub-ripple{0%{scale:.95;opacity:.5}100%{scale:1.5;opacity:0}}
@media(max-width:700px){.motion-control{right:12px;bottom:12px;padding:9px 11px}.motion-enabled .ecosystem-item:nth-child(n){animation-name:ecosystem-float}.funding-scene{scale:.94}.motion-enabled .motion-reveal{translate:0 22px}.motion-enabled .motion-reveal.is-revealed{translate:0 0}.hero-scene{transition:transform .3s ease}.project-row{width:min(290px,calc(100% - 35px))}.project-row:nth-child(2){margin-left:13px}.project-row:nth-child(3){margin-left:-13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}.motion-enabled .motion-reveal{opacity:1;translate:0 0;filter:none}.hero-scene{transform:none}.hero-background,.closing-background{transform:none}.motion-control{display:none}}