.hero{position:relative;overflow:hidden}.hero>*:not(.sparks){position:relative}
.sparks{position:absolute;inset:0;pointer-events:none}.sparks span{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--gold2);opacity:0}
.card,.stat,.step{transition:transform .25s,border-color .25s}.card:hover,.stat:hover{transform:translateY(-3px);border-color:var(--gold)}
@media (prefers-reduced-motion:no-preference){
@keyframes rise{from{opacity:0;transform:translateY(18px)}}
.enter>*{animation:rise .55s cubic-bezier(.2,.8,.2,1) both}
.enter>*:nth-child(2){animation-delay:.08s}.enter>*:nth-child(3){animation-delay:.16s}.enter>*:nth-child(4){animation-delay:.24s}.enter>*:nth-child(5){animation-delay:.32s}.enter>*:nth-child(n+6){animation-delay:.4s}
@keyframes tw{0%,100%{opacity:0;transform:scale(.4)}50%{opacity:.9;transform:scale(1.7)}}
.sparks span{animation:tw 3.2s ease-in-out infinite}
@keyframes shine{to{background-position:-200% 0}}
h1,.hero h2{background-image:linear-gradient(100deg,var(--gold) 20%,#fff6c8 45%,var(--gold2) 55%,var(--gold) 80%);background-size:200% 100%;animation:shine 6s linear infinite}
@keyframes glow{50%{box-shadow:0 0 0 1px var(--gold),0 0 52px #d4af3788}}
.house.lead{animation:glow 3s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-3px)}}.house .crown{animation:bob 1.8s ease-in-out infinite}
@keyframes pulse{50%{opacity:.35}}.orn{animation:pulse 2.5s ease-in-out infinite}
@keyframes draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}.enter polyline{stroke-dasharray:1;animation:draw 1.4s .2s ease-out both}
@keyframes floaty{50%{transform:translateY(-5px)}}svg.glass{animation:floaty 5s ease-in-out infinite}
}