@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes softFloatA{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes softFloatB{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes glowPulse{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:.85;transform:scale(1.12)}}
@keyframes drift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(16px,-12px,0)}}
@keyframes borderPulse{0%,100%{box-shadow:0 0 0 0 rgba(94,234,212,0)}50%{box-shadow:0 0 0 8px rgba(94,234,212,.06)}}
@keyframes auraSweep{0%,100%{background-position:0% 50%;opacity:.45}50%{background-position:100% 50%;opacity:.8}}
.hero-grid>div:first-child{animation:fadeUp .8s cubic-bezier(.2,.8,.2,1) both}
.vault-card{animation:fadeUp .8s .12s ease both,floatCard 5.2s 1s ease-in-out infinite,borderPulse 4s 2s ease-in-out infinite}
.vault-card:after,.feature-panel:after,.insight-summary:after,.roadmap-card:after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;z-index:-1;background:linear-gradient(120deg,transparent 18%,rgba(53,215,255,.10) 38%,rgba(108,99,255,.13) 58%,transparent 78%);background-size:220% 220%;animation:auraSweep 6.5s ease-in-out infinite;opacity:.55}
.feature-panel{animation:fadeUp .7s ease both,softFloatA 6.4s 1.2s ease-in-out infinite}
.insight-summary{animation:fadeUp .7s ease both,softFloatB 7s 1.4s ease-in-out infinite}
.roadmap-card:nth-child(odd){animation:fadeUp .7s ease both,softFloatA 7.4s 1.3s ease-in-out infinite}
.roadmap-card:nth-child(even){animation:fadeUp .7s ease both,softFloatB 7.8s 1.6s ease-in-out infinite}
.card{animation:fadeUp .7s ease both}.grid-3 .card:nth-child(2){animation-delay:.08s}.grid-3 .card:nth-child(3){animation-delay:.16s}.cta{animation:fadeUp .7s ease both}
.hero:before{content:"";position:absolute;width:460px;height:460px;right:4%;top:70px;border-radius:50%;background:radial-gradient(circle,rgba(94,234,212,.16),rgba(96,165,250,.05) 38%,transparent 70%);filter:blur(10px);pointer-events:none;animation:glowPulse 7s ease-in-out infinite}.hero:after{content:"";position:absolute;width:180px;height:180px;right:34%;top:34%;border-radius:50%;border:1px solid rgba(94,234,212,.08);pointer-events:none;animation:drift 10s ease-in-out infinite}.hero{position:relative;overflow:hidden}.brand-logo{animation:fadeUp .6s ease both}
html[data-theme="light"] .vault-card:after,html[data-theme="light"] .feature-panel:after,html[data-theme="light"] .insight-summary:after,html[data-theme="light"] .roadmap-card:after{background:linear-gradient(120deg,transparent 18%,rgba(21,155,194,.08) 38%,rgba(91,90,247,.10) 58%,transparent 78%);background-size:220% 220%}
@media(max-width:900px){.vault-card,.feature-panel,.insight-summary,.roadmap-card{animation:fadeUp .55s ease both!important}.vault-card:after,.feature-panel:after,.insight-summary:after,.roadmap-card:after{animation-duration:8s}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}