
*{box-sizing:border-box;margin:0;padding:0;}
.pc-svc-section{padding:100px 8%;background:#0f1218;position:relative;overflow:hidden;}
.pc-svc-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(212,168,67,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(212,168,67,0.04) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;opacity:0.4;}
.pc-svc-glow{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(212,168,67,0.07),transparent 65%);pointer-events:none;}
.pc-svc-label{font-family:'Inter',sans-serif;font-size:11px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:#D4A843;text-align:center;margin-bottom:14px;position:relative;z-index:2;}
.pc-svc-title{font-family:'Orbitron',sans-serif;font-size:clamp(24px,3.2vw,38px);color:#fff;text-align:center;margin-bottom:14px;position:relative;z-index:2;letter-spacing:-.5px;}
.pc-svc-sub{font-family:'Inter',sans-serif;font-size:15px;color:#8a8070;text-align:center;margin-bottom:60px;position:relative;z-index:2;line-height:1.6;}

/* grid */
.pc-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1200px;margin:0 auto;position:relative;z-index:2;}

/* card */
.pc-svc-card{
  background:linear-gradient(145deg,#0d1017,#09090e);
  border:1px solid rgba(212,168,67,0.1);
  border-radius:14px;padding:36px 30px;
  transition:all 0.35s;position:relative;overflow:hidden;
  display:flex;flex-direction:column;
}
.pc-svc-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(212,168,67,0.5),transparent);
  opacity:0;transition:opacity 0.3s;
}
/* conic border on hover */
.pc-svc-card::after{
  content:'';position:absolute;inset:0;border-radius:14px;
  padding:1px;
  background:conic-gradient(from var(--a,0deg),transparent 65%,rgba(212,168,67,0.7),transparent);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  pointer-events:none;opacity:0;transition:opacity 0.3s;
}
@property --a{syntax:'<angle>';initial-value:0deg;inherits:false;}
.pc-svc-card:hover{transform:translateY(-6px);box-shadow:0 24px 48px rgba(0,0,0,.5),0 0 32px rgba(212,168,67,0.07);}
.pc-svc-card:hover::before{opacity:0;}
.pc-svc-card:hover::after{opacity:1;animation:cSpin 2.6s linear infinite;}
@keyframes cSpin{to{--a:360deg;}}

/* icon wrap */
.pc-svc-icon-wrap{
  width:64px;height:64px;margin-bottom:24px;position:relative;flex-shrink:0;
}
.pc-svc-icon-wrap::before{
  content:'';position:absolute;inset:-12px;
  background:radial-gradient(circle,rgba(212,168,67,0.07),transparent 70%);
  border-radius:50%;opacity:0;transition:opacity .4s;
}
.pc-svc-card:hover .pc-svc-icon-wrap::before{opacity:1;}
.pc-svc-icon-wrap svg{
  width:100%;height:100%;
  filter:drop-shadow(0 0 8px rgba(212,168,67,0.28));
  transition:transform .5s cubic-bezier(.23,1,.32,1);
}
.pc-svc-card:hover .pc-svc-icon-wrap svg{transform:scale(1.07) translateY(-2px);}

/* text */
.pc-svc-name{font-family:'Orbitron',sans-serif;font-size:14px;font-weight:700;color:#fff;margin-bottom:10px;letter-spacing:-.1px;line-height:1.3;}
.pc-svc-desc{font-family:'Inter',sans-serif;font-size:13px;color:#7a7060;line-height:1.75;margin-bottom:auto;padding-bottom:24px;font-weight:300;}

/* CTA */
.pc-svc-cta{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:rgba(212,168,67,0.09);
  border:1px solid rgba(212,168,67,0.22);
  color:#D4A843;
  font-family:'Inter',sans-serif;font-size:12px;font-weight:600;
  letter-spacing:.8px;text-transform:uppercase;
  padding:11px 20px;border-radius:4px;
  text-decoration:none;
  transition:background .25s,border-color .25s,gap .2s;
  margin-top:20px;
}
.pc-svc-cta:hover{background:rgba(212,168,67,0.16);border-color:rgba(212,168,67,0.45);}
.pc-svc-cta-arr{transition:transform .2s;display:inline-block;}
.pc-svc-cta:hover .pc-svc-cta-arr{transform:translateX(3px);}

@media(max-width:900px){.pc-svc-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:580px){.pc-svc-grid{grid-template-columns:1fr;}}
