/* Nawat Tech: subtle, accessible service-card interaction */
#services .service{position:relative;isolation:isolate;overflow:hidden;transition:transform .38s cubic-bezier(.2,.8,.2,1),box-shadow .38s,border-color .38s!important;will-change:auto}
#services .service::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(380px circle at var(--pointer-x,50%) var(--pointer-y,35%),rgba(110,98,255,.18),transparent 72%);transition:opacity .4s}
#services .service::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;border:1px solid transparent;background:linear-gradient(130deg,rgba(169,117,255,.55),rgba(25,184,255,.25),transparent 60%) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .4s}
#services .service:hover,#services .service:focus-within{transform:translateY(-7px)!important;border-color:rgba(125,122,255,.65)!important;box-shadow:0 22px 46px rgba(0,0,0,.20),0 0 28px rgba(97,72,235,.10)}
#services .service:hover::before,#services .service:hover::after,#services .service:focus-within::before,#services .service:focus-within::after{opacity:1}
#services .service-icon{display:inline-block;align-self:flex-start;transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .4s}
#services .service:hover .service-icon,#services .service:focus-within .service-icon{transform:translateY(-3px) rotate(-7deg) scale(1.12);filter:drop-shadow(0 0 12px rgba(124,91,255,.5))}
#services .service-bottom{font-size:inherit;letter-spacing:normal;transition:color .25s,transform .25s}
#services .service:hover .service-bottom{transform:translateX(-3px)}
html[dir=ltr] #services .service:hover .service-bottom{transform:translateX(3px)}
#services .service-bottom:focus-visible{outline:2px solid #28baff;outline-offset:5px;border-radius:3px}
html[data-theme=light] #services .service:hover{box-shadow:0 22px 48px rgba(37,61,117,.16),0 0 26px rgba(89,91,224,.09)}
html[data-theme=light] #services .service::before{background:radial-gradient(380px circle at var(--pointer-x,50%) var(--pointer-y,35%),rgba(120,97,255,.11),transparent 72%)}
html[data-theme=light] #services .service .number{color:#46567c!important}
html[data-theme=light] #services .service .service-icon{color:#6543dc!important}
html[data-theme=light] #services .service .service-bottom{color:#4333b5!important}
@media(prefers-reduced-motion:no-preference){#services .service.nw-motion-ready{opacity:0;transform:translateY(22px)}#services .service.nw-motion-ready.nw-motion-visible{opacity:1;transform:translateY(0);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1),box-shadow .38s,border-color .38s!important}#services .service.nw-motion-ready.nw-motion-visible:hover{transform:translateY(-7px)}}
@media(prefers-reduced-motion:reduce){#services .service,#services .service *{animation:none!important;transition:none!important}#services .service:hover,#services .service:focus-within{transform:none!important}}
@media(hover:none){#services .service:hover{transform:none!important;box-shadow:none}#services .service::before,#services .service::after{opacity:0}}