/* Pro Line — homepage service-card glow. Homepage only. */

/* ── Subtle glowing conic border on homepage service cards ── */
.service-card--clean{position:relative;isolation:isolate}
.service-card--clean::before{
  content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;
  padding:1.5px;
  background:conic-gradient(from var(--ang,0deg),
    transparent 0deg,
    rgba(184,242,75,.0) 60deg,
    rgba(184,242,75,.55) 120deg,
    rgba(210,255,98,.9) 150deg,
    rgba(184,242,75,.55) 180deg,
    rgba(184,242,75,.0) 240deg,
    transparent 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite:exclude;
  opacity:.7;transition:opacity .5s ease;
  animation:plc-rotate 8s linear infinite}
.service-card--clean:hover::before,.service-card--clean:focus-within::before{opacity:1}
@supports (background:conic-gradient(from 0deg, red, red)){
  @property --ang{syntax:'<angle>';inherits:false;initial-value:0deg}
  @keyframes plc-rotate{to{--ang:360deg}}
}
@media(prefers-reduced-motion:reduce){
  .service-card--clean::before{animation:none;opacity:.6}
}