/* Finance Balance: small, purposeful interactions. */
.fb-reading-progress{position:fixed;inset:0 auto auto 0;width:100%;height:3px;z-index:9000;pointer-events:none;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#2fb292,#c6a45b);opacity:.95}
html[dir=rtl] .fb-reading-progress{transform-origin:right}
html.intro-active .fb-reading-progress{visibility:hidden}
.service-card,.brand-value,.related-links>a{transition:transform .32s cubic-bezier(.2,.7,.2,1),box-shadow .32s,border-color .32s}
.card-image{overflow:hidden;border-radius:24px 24px 0 0}
.card-image img{transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.round-arrow,.btn>span,.brand-value svg,.accordion summary>span{transition:transform .3s cubic-bezier(.2,.7,.2,1),background-color .3s,color .3s}
.btn{transition:transform .25s,box-shadow .25s,background-color .25s}
.btn:active{transform:translateY(1px) scale(.98)}
.main-nav>a:not(.btn){text-decoration:underline;text-decoration-color:transparent;text-underline-offset:8px;transition:color .25s,text-decoration-color .25s}
.main-nav>a:not(.btn):hover,.main-nav>a:not(.btn):focus-visible{text-decoration-color:#c6a45b}
.service-card:focus-visible{transform:translateY(-6px);box-shadow:0 18px 36px #153b3920}
.hero-visual .pulse{animation:fb-presence 2.8s ease-out 3}
@keyframes fb-presence{0%,100%{box-shadow:0 0 0 0 #2fb29200}25%{box-shadow:0 0 0 5px #2fb29230}65%{box-shadow:0 0 0 9px #2fb29200}}
@media(hover:hover) and (pointer:fine){
 .service-card:hover{transform:translateY(-8px);border-color:#8eb9aa;box-shadow:0 20px 40px #153b3920}
 .service-card:hover .card-image img{transform:scale(1.045)}
 .service-card:hover .round-arrow{transform:rotate(45deg);background:#c6a45b;color:#fff}
 .brand-value:hover{transform:translateY(-6px);box-shadow:0 18px 35px #153b3926}
 .brand-value:hover svg{transform:translateY(-4px) scale(1.06)}
 .btn:hover{box-shadow:0 8px 20px #153b391c}
 .btn:hover>span{transform:translate(2px,-2px)}
 .related-links>a:hover{transform:translateY(-4px)}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 .hero-visual .pulse{animation:none}
 .service-card,.brand-value,.related-links>a,.card-image img,.round-arrow,.btn,.btn>span,.brand-value svg,.accordion summary>span,.main-nav>a{transition:none!important}
 .service-card:hover,.service-card:focus-visible,.service-card:hover .card-image img,.service-card:hover .round-arrow,.brand-value:hover,.brand-value:hover svg,.btn:hover,.btn:hover>span,.btn:active,.related-links>a:hover{transform:none!important}
}