@media(min-width:1560px){.hero-shell::after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:115px;background:url('/site-assets/token-wave-v21.svg') center/100% 100% no-repeat;pointer-events:none}}
@media(min-width:901px){
 .ecosystem{max-width:1480px;min-height:235px;padding:22px 28px 22px 0;display:grid;grid-template-columns:24% 76%;align-items:center}
 .planet{position:relative;grid-column:1;grid-row:1;width:100%;height:213px;object-fit:contain;object-position:left bottom;align-self:end;margin-bottom:-22px;mask-image:linear-gradient(to right,#000 82%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000);mask-composite:intersect}
 .ecosystem-copy{grid-column:2;grid-row:1;padding:0 8px 0 0}
 .ecosystem h2{font-size:clamp(25px,2.15vw,34px)}
 .ecosystem-copy>p{font-size:clamp(17px,1.5vw,21px);margin-bottom:22px}
 .launch{gap:26px;justify-content:flex-start}
 .launch-steps{flex:1;gap:30px;min-width:0}
 .launch-steps li{gap:12px}
 .launch-icon{width:52px;height:52px;flex-basis:52px}
 .launch .button{padding:12px 23px;font-size:17px;flex:none}
}
.ecosystem{background-color:#03213d;background-image:radial-gradient(circle at 83% 22%,#ffc632aa 0 1px,transparent 2px),radial-gradient(circle at 92% 56%,#73b4ce88 0 1px,transparent 2px),radial-gradient(circle at 69% 10%,#fff1a370 0 1px,transparent 2px),radial-gradient(ellipse at 78% 30%,#07416a55,transparent 70%)}
.motion-toggle{position:fixed;right:16px;bottom:16px;z-index:100;border:1px solid #ffcc55;border-radius:24px;padding:9px 14px;background:#062b46;color:#ffdb65;font:inherit;font-size:12px;cursor:pointer;box-shadow:0 4px 18px #00142640}
.motion-toggle:focus-visible{outline:3px solid #ffcc55;outline-offset:4px}
.motion-enabled .reveal{opacity:1;transform:none}
.motion-enabled .reveal.visible{animation:token-arrive .8s ease both!important}
.motion-enabled .utility-card.visible .card-art img{animation:token-float 4.8s ease-in-out infinite!important}
.motion-enabled .utility-card:nth-child(2) .card-art img{animation-delay:-1.6s!important}
.motion-enabled .utility-card:nth-child(3) .card-art img{animation-delay:-3.2s!important}
.motion-enabled .stat.visible .stat-icon img{animation:token-float 5s ease-in-out infinite!important}
.motion-enabled .ecosystem.visible .launch-icon{animation:token-glow 3s ease-in-out infinite!important}
.motion-enabled .ecosystem.visible li:nth-child(2) .launch-icon{animation-delay:-1s!important}
.motion-enabled .ecosystem.visible li:nth-child(3) .launch-icon{animation-delay:-2s!important}
.motion-enabled .button,.motion-enabled .utility-card,.motion-enabled .card-art img{transition:transform .35s ease,box-shadow .35s ease,filter .35s ease!important}
@media(hover:hover){.motion-enabled .button:hover{transform:translateY(-4px)!important;box-shadow:0 8px 24px #ffc42b40}.motion-enabled .utility-card:hover{transform:translateY(-5px);box-shadow:0 16px 30px #b68b2220}.motion-enabled .utility-card:hover .card-art img{animation-play-state:paused!important;transform:rotate(-6deg) scale(1.05)!important}}
.motion-disabled .reveal{opacity:1!important;transform:none!important;animation:none!important}.motion-disabled .card-art img,.motion-disabled .stat-icon img,.motion-disabled .launch-icon{animation:none!important}
@keyframes token-arrive{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}
.motion-enabled .reveal,.motion-enabled .reveal.visible{animation:none!important;translate:0 0;transition:opacity .7s ease,translate .7s ease,transform .35s ease,box-shadow .35s ease!important}
.motion-enabled .reveal.reveal-pending{opacity:0;translate:0 20px}
@media(prefers-reduced-motion:reduce){.motion-enabled .reveal.reveal-pending{opacity:1;translate:none}.motion-enabled *{animation:none!important;transition:none!important}}
@keyframes token-float{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes token-glow{0%,100%{box-shadow:0 0 0 0 #ffd13900}50%{box-shadow:0 0 18px 2px #ffd13935}}
@media(max-width:600px){.motion-toggle{right:10px;bottom:10px;font-size:11px;padding:7px 11px}}