@keyframes gold-shimmer{0%{background-position:200% 50%}100%{background-position:-200% 50%}}
@keyframes float-slow{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes soft-pulse{0%,100%{opacity:.45;transform:scale(.98)}50%{opacity:.8;transform:scale(1.03)}}
@keyframes accordion-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

.hero h1 em,.section-heading em,.qualify-copy em,.final-cta em{
  background:linear-gradient(90deg,#b57b18 0%,#f6d477 45%,#b57b18 70%,#f6d477 100%);
  background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:gold-shimmer 4s linear infinite
}
.gateway-card{animation:float-slow 6s ease-in-out infinite;will-change:transform}
.gateway-glow{animation:soft-pulse 5s ease-in-out infinite}

.button{position:relative;overflow:hidden;isolation:isolate;transition:transform .22s ease,filter .22s ease,box-shadow .22s ease}
.button:before{content:"";position:absolute;z-index:-1;inset:-2px;transform:translateX(-120%) skewX(-18deg);background:linear-gradient(90deg,transparent,#fff7,transparent);transition:transform .55s ease}
.button:hover{transform:translateY(-2px);filter:brightness(1.1)}
.button:hover:before{transform:translateX(120%) skewX(-18deg)}
.button:active{transform:translateY(0) scale(.98)}
.button:focus-visible,.site-header a:focus-visible,summary:focus-visible{outline:2px solid var(--gold2);outline-offset:4px}

.site-header nav a{position:relative;transition:color .2s ease}
.site-header nav a:after{content:"";position:absolute;height:1px;left:0;right:100%;bottom:-7px;background:var(--gold);transition:right .25s ease}
.site-header nav a:hover:after{right:0}

.feature-card,.step,.case,.check-list>div{position:relative;overflow:hidden;transition:transform .28s ease,border-color .28s ease,background-color .28s ease,box-shadow .28s ease}
.feature-card:before,.step:before,.case:before,.check-list>div:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(330px circle at var(--mx,50%) var(--my,50%),#e0ae4312,transparent 45%);opacity:0;transition:opacity .3s ease}
.feature-card:hover,.step:hover,.case:hover,.check-list>div:hover{transform:translateY(-3px);border-color:#e0ae4366;box-shadow:0 18px 50px #0005}
.feature-card:hover:before,.step:hover:before,.case:hover:before,.check-list>div:hover:before{opacity:1}
.feature-card .icon{transition:transform .3s cubic-bezier(.2,.8,.2,1),filter .3s ease}
.feature-card:hover .icon{transform:translateY(-3px) rotate(-4deg) scale(1.08);filter:brightness(1.12)}
.step strong{transition:transform .3s ease,text-shadow .3s ease}.step:hover strong{transform:translateY(-2px);text-shadow:0 0 24px #e0ae4366}
.person .avatar{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}.person:hover .avatar{transform:translateY(-5px) scale(1.04);box-shadow:0 0 0 2px var(--gold),0 22px 44px #2c241440}
.cta-box{transition:border-color .3s ease,box-shadow .3s ease}.cta-box:hover{border-color:#e0ae4388;box-shadow:0 24px 70px #0005,0 0 50px #a66e1010}
.accordion summary{transition:color .2s ease,padding-left .2s ease}.accordion summary:hover{color:#a57420;padding-left:7px}.accordion details[open] p{animation:accordion-in .25s ease-out}.accordion details[open] summary span{color:var(--gold)}
.brand{transition:opacity .2s ease}.brand:hover{opacity:.82}.case .verified{transition:letter-spacing .3s ease}.case:hover .verified{letter-spacing:.17em}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.button,.feature-card,.step,.case,.check-list>div,.gateway-card,.gateway-glow,.hero h1 em,.section-heading em,.qualify-copy em,.final-cta em{animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}