.services-feature-grid{grid-template-columns:1fr;gap:1.5rem;width:100%;margin:0;padding:0;list-style:none;display:grid}@media (min-width:768px){.services-feature-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.services-feature-grid{grid-template-columns:repeat(3,1fr)}}.service-feature{isolation:isolate;background-color:#fffffff2;border-radius:1.5rem;height:100%;transition:transform .25s,box-shadow .25s;position:relative;box-shadow:0 4px 24px #00000014,inset 0 1px #fffc}.service-feature:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#38bdf873,#6d28d959,#3c3c3c26);padding:2px;transition:opacity .25s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.service-feature:hover{transform:translateY(-2px);box-shadow:0 12px 32px #38bdf81f,0 8px 24px #6d28d91a,inset 0 1px #ffffffe6}.service-feature:hover:after{opacity:1;background:linear-gradient(135deg,#38bdf8a6,#6d28d98c,#3c3c3c33)}.service-feature-body{z-index:1;flex-direction:column;height:100%;padding:1.5rem;display:flex;position:relative}.service-feature-icon{color:#6d28d9;background:linear-gradient(135deg,#38bdf826,#6d28d926);border-radius:.75rem;justify-content:center;align-items:center;width:3rem;height:3rem;margin-bottom:1rem;display:flex}.service-feature-title{color:var(--foreground,#171717);margin-bottom:.75rem;font-size:1.25rem;font-weight:600;line-height:1.4}.service-feature-description{color:#52525b;flex:1;font-size:1rem;line-height:1.6}@media (prefers-color-scheme:dark){.service-feature{background-color:#18181bf2;box-shadow:0 4px 24px #00000059,inset 0 1px #ffffff0f}.service-feature:hover{box-shadow:0 12px 32px #38bdf826,0 8px 24px #6d28d91f,inset 0 1px #ffffff14}.service-feature-title{color:#ededed}.service-feature-description{color:#a1a1aa}}@media (prefers-reduced-motion:reduce){.service-feature,.service-feature:after{transition:none}.service-feature:hover{transform:none}}