@import url('/team-final-cards.css');
@import url('/team-photo-transparent-fix.css');

/* NAS CodeWorks — Premium services + team refinement
   Scope: featured service restraint, icon hover cinema, premium scalable team cards. */

/* Featured service: clear but not visually detached */
.svc.featured{
  border-color:rgba(34,201,138,.58)!important;
  background:
    radial-gradient(circle at 82% 0%,rgba(34,201,138,.12),transparent 30%),
    linear-gradient(180deg,rgba(19,35,62,.94),rgba(10,18,32,.96))!important;
  box-shadow:0 0 0 1px rgba(34,201,138,.18),0 26px 76px -58px rgba(34,201,138,.66)!important;
}
.svc.featured:hover{
  border-color:rgba(34,201,138,.74)!important;
  box-shadow:0 0 0 1px rgba(34,201,138,.25),0 30px 86px -56px rgba(34,201,138,.74)!important;
}
.svc.featured .svc-badge{
  background:linear-gradient(135deg,var(--green),#39e8b0)!important;
  color:#04130C!important;
  box-shadow:0 12px 28px -18px rgba(34,201,138,.9);
}
.svc.featured .svc-go{
  background:var(--green)!important;
  color:#04130C!important;
  border-color:var(--green)!important;
  box-shadow:0 16px 34px -24px rgba(34,201,138,.86);
}
.svc.featured .svc-go:hover{
  background:#36e4a5!important;
  transform:translateY(-2px)!important;
}

/* Cinematic top icon hover */
.svc .ic,
.pain-card .ic{
  position:relative;
  overflow:hidden;
  transition:transform .42s cubic-bezier(.19,1,.22,1),border-color .36s ease,box-shadow .36s ease,background .36s ease!important;
}
.svc .ic::before,
.pain-card .ic::before{
  content:"";
  position:absolute;
  inset:-36%;
  opacity:0;
  transform:translateX(45%) rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);
  transition:opacity .42s ease,transform .58s cubic-bezier(.19,1,.22,1);
}
.svc:hover .ic,
.pain-card:hover .ic{
  transform:translateY(-5px) scale(1.045);
  border-color:rgba(0,212,255,.48)!important;
  box-shadow:0 18px 42px -28px rgba(0,212,255,.82),inset 0 0 28px rgba(0,212,255,.06);
  background:linear-gradient(135deg,rgba(0,212,255,.18),rgba(124,58,237,.13))!important;
}
.svc:hover .ic::before,
.pain-card:hover .ic::before{
  opacity:1;
  transform:translateX(-45%) rotate(18deg);
}
.svc .ic svg,
.pain-card .ic svg{
  position:relative;
  z-index:1;
  transition:transform .42s cubic-bezier(.19,1,.22,1),filter .36s ease,color .36s ease;
}
.svc:hover .ic svg,
.pain-card:hover .ic svg{
  transform:scale(1.08) rotate(-3deg);
  filter:drop-shadow(0 0 13px rgba(0,212,255,.38));
}