html{scroll-behavior:smooth}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%{box-shadow:0 0 0 0 hsla(0,0%,100%,.4)}70%{box-shadow:0 0 0 10px hsla(0,0%,100%,0)}to{box-shadow:0 0 0 0 hsla(0,0%,100%,0)}}.animate-fade-in{animation:fadeIn .8s ease forwards}.animate-slide-in{animation:slideInRight .8s ease forwards}.animate-pulse-soft{animation:pulse 2s infinite}.service-card{transition:all .3s ease}.service-card:hover{transform:translateY(-5px)}.stagger-anim>*{opacity:0;animation:fadeIn .5s ease forwards}.stagger-anim>:first-child{animation-delay:.1s}.stagger-anim>:nth-child(2){animation-delay:.2s}.stagger-anim>:nth-child(3){animation-delay:.3s}.stagger-anim>:nth-child(4){animation-delay:.4s}.stagger-anim>:nth-child(5){animation-delay:.5s}.stagger-anim>:nth-child(6){animation-delay:.6s}.stagger-anim>:nth-child(7){animation-delay:.7s}.stagger-anim>:nth-child(8){animation-delay:.8s}@media (max-width:768px){.services-grid{gap:1.5rem}.service-card{padding:1.25rem}.stagger-anim>*{animation-delay:.1s!important}.service-detail-card{min-height:250px}}.page-transition{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.page-transition.loaded{opacity:1;transform:translateY(0)}.service-description-transition{transition:opacity .3s ease}.service-description-transition.changing{opacity:0}a:focus,button:focus,li:focus{outline:2px solid hsla(0,0%,100%,.5);outline-offset:2px}