*{box-sizing:border-box;margin:0;padding:0;}

.pc-q{
  padding:88px 8%;
  background:linear-gradient(180deg,#0a0c10,#0c0f18);
  position:relative;overflow:hidden;
}
/* grid texture */
.pc-q::before{
  content:'';position:absolute;inset:0;
  background-image:linear-gradient(rgba(212,168,67,0.022) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(212,168,67,0.022) 1px,transparent 1px);
  background-size:64px 64px;pointer-events:none;
}
/* ambient glow */
.pc-q-glow{
  position:absolute;width:700px;height:500px;
  background:radial-gradient(ellipse,rgba(212,168,67,0.065),transparent 65%);
  top:-150px;left:50%;transform:translateX(-50%);
  pointer-events:none;
}

/* ── HEADER ── */
.pc-q-hdr{
  text-align:center;margin-bottom:56px;
  position:relative;z-index:1;
}
.pc-q-kicker{
  display:inline-flex;align-items:center;gap:10px;
  font-family:'Inter',sans-serif;font-size:10px;font-weight:700;
  letter-spacing:5px;text-transform:uppercase;color:rgba(212,168,67,0.55);
  margin-bottom:16px;
}
.pc-q-kicker::before,.pc-q-kicker::after{content:'';width:22px;height:1px;background:rgba(212,168,67,0.4);}
.pc-q-title{
  font-family:'Orbitron',sans-serif;
  font-size:clamp(22px,3vw,36px);
  font-weight:700;color:#fff;
  letter-spacing:-.5px;line-height:1.1;
  margin-bottom:14px;
}
.pc-q-title em{font-style:normal;color:#D4A843;}
.pc-q-sub{
  font-family:'Inter',sans-serif;font-size:15px;
  color:rgba(220,210,195,0.45);line-height:1.75;
  max-width:480px;margin:0 auto;font-weight:300;
}

/* ── 3-COL GRID ── */
.pc-q-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  max-width:1100px;margin:0 auto;
  position:relative;z-index:1;
}

/* ── CARD ── */
.pc-q-card{
  background:linear-gradient(145deg,#0d1017,#09090e);
  border:1px solid rgba(212,168,67,0.09);
  border-radius:12px;
  padding:40px 32px 36px;
  display:flex;flex-direction:column;
  position:relative;overflow:hidden;
  transition:transform .4s cubic-bezier(.23,1,.32,1),
             box-shadow .4s ease,
             border-color .35s;
}
/* top gradient line */
.pc-q-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 .3s;
}
/* conic border sweep */
.pc-q-card::after{
  content:'';position:absolute;inset:0;border-radius:12px;
  padding:1px;
  background:conic-gradient(from var(--qa,0deg),transparent 65%,rgba(212,168,67,0.65),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 .3s;
}
@property --qa{syntax:'<angle>';initial-value:0deg;inherits:false;}
.pc-q-card:hover{
  transform:translateY(-6px);
  box-shadow:0 24px 52px rgba(0,0,0,.5),0 0 32px rgba(212,168,67,0.06);
  border-color:rgba(212,168,67,0);
}
.pc-q-card:hover::before{opacity:0;}
.pc-q-card:hover::after{opacity:1;animation:qaSpin 2.5s linear infinite;}
@keyframes qaSpin{to{--qa:360deg;}}

/* watermark number */
.pc-q-num{
  position:absolute;top:16px;right:20px;
  font-family:'Orbitron',sans-serif;font-size:48px;font-weight:700;
  color:rgba(212,168,67,0.04);line-height:1;
  pointer-events:none;user-select:none;
}

/* icon */
.pc-q-icon{
  width:56px;height:56px;margin-bottom:24px;flex-shrink:0;
  position:relative;
}
.pc-q-icon::before{
  content:'';position:absolute;inset:-12px;
  background:radial-gradient(circle,rgba(212,168,67,0.08),transparent 70%);
  border-radius:50%;opacity:0;transition:opacity .4s;
}
.pc-q-card:hover .pc-q-icon::before{opacity:1;}
.pc-q-icon 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-q-card:hover .pc-q-icon svg{transform:scale(1.08) translateY(-2px);}

/* text */
.pc-q-name{
  font-family:'Orbitron',sans-serif;font-size:13px;font-weight:700;
  color:#fff;letter-spacing:-.1px;line-height:1.3;
  margin-bottom:12px;
}
.pc-q-desc{
  font-family:'Inter',sans-serif;font-size:13px;
  color:rgba(220,210,195,0.48);line-height:1.78;
  font-weight:300;flex:1;margin-bottom:28px;
}

/* divider before CTA */
.pc-q-sep{
  height:1px;
  background:linear-gradient(90deg,rgba(212,168,67,0.12),transparent);
  margin-bottom:22px;
}

/* CTA button */
.pc-q-btn{
  display:inline-flex;align-items: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:700;
  letter-spacing:1px;text-transform:uppercase;
  padding:12px 20px;border-radius:4px;
  text-decoration:none;
  transition:background .25s,border-color .25s,gap .2s;
  align-self:flex-start;
}
.pc-q-btn:hover{background:rgba(212,168,67,0.17);border-color:rgba(212,168,67,0.5);gap:12px;}
.pc-q-btn-arr{transition:transform .2s;display:inline-block;}
.pc-q-btn:hover .pc-q-btn-arr{transform:translateX(3px);}

/* ── RESPONSIVE ── */
@media(max-width:900px){
  .pc-q-grid{grid-template-columns:1fr 1fr;}
  .pc-q-grid > :last-child{grid-column:1/-1;max-width:500px;margin:0 auto;width:100%;}
}
@media(max-width:580px){
  .pc-q{padding:64px 5%;}
  .pc-q-grid{grid-template-columns:1fr;}
  .pc-q-grid > :last-child{grid-column:auto;max-width:none;}
  .pc-q-card{padding:32px 24px 28px;}
}