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

/* ══ SHARED ══ */
.pc-eco{
  background:linear-gradient(180deg,#0a0c10,#0c0f18);
  position:relative;overflow:hidden;
}
.pc-eco-grid{
  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;
}
.pc-eco-glow-top{
  position:absolute;width:800px;height:400px;
  background:radial-gradient(ellipse,rgba(212,168,67,0.07),transparent 68%);
  top:-120px;left:50%;transform:translateX(-50%);pointer-events:none;
}

.pc-eco-kicker{
  font-family:'Inter',sans-serif;font-size:10px;font-weight:700;
  letter-spacing:5px;text-transform:uppercase;color:rgba(212,168,67,0.55);
  display:inline-flex;align-items:center;gap:10px;margin-bottom:14px;
}
.pc-eco-kicker::before{content:'';width:22px;height:1px;background:rgba(212,168,67,0.45);}

.pc-eco-title{
  font-family:'Orbitron',sans-serif;
  font-size:clamp(22px,2.8vw,34px);
  font-weight:700;color:#fff;
  letter-spacing:-.5px;line-height:1.1;margin-bottom:10px;
}
.pc-eco-title em{font-style:normal;color:#D4A843;}
.pc-eco-sub{
  font-family:'Inter',sans-serif;font-size:14px;
  color:rgba(220,210,195,0.45);line-height:1.75;font-weight:300;
}

/* divider between two blocks */
.pc-eco-divider{
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(212,168,67,0.12),transparent);
  margin:0 8%;
}

/* ══ PART 1 — TECHNOLOGY PARTNERS ══════════════════════════ */
.pc-tech-block{
  padding:80px 8% 72px;
  position:relative;z-index:1;
}
.pc-tech-hdr{margin-bottom:52px;}

/* 4-col partner grid */
.pc-tech-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  max-width:1100px;margin:0 auto;
}
.pc-tech-card{
  background:linear-gradient(145deg,#0d1017,#09090e);
  border:1px solid rgba(212,168,67,0.09);
  border-radius:10px;
  padding:36px 24px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:16px;min-height:170px;
  position:relative;overflow:hidden;
  transition:border-color .35s,box-shadow .35s,transform .35s;
}
/* top gold line on hover */
.pc-tech-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(212,168,67,0.55),transparent);
  opacity:0;transition:opacity .3s;
}
.pc-tech-card:hover{
  border-color:rgba(212,168,67,0.25);
  box-shadow:0 16px 40px rgba(0,0,0,.45),0 0 24px rgba(212,168,67,0.05);
  transform:translateY(-4px);
}
.pc-tech-card:hover::before{opacity:1;}

/* corner brackets */
.pc-tech-card .cc{position:absolute;width:10px;height:10px;opacity:0;transition:opacity .3s;}
.pc-tech-card:hover .cc{opacity:1;}
.cc.tl{top:8px;left:8px;border-top:1px solid #D4A843;border-left:1px solid #D4A843;}
.cc.tr{top:8px;right:8px;border-top:1px solid #D4A843;border-right:1px solid #D4A843;}
.cc.bl{bottom:8px;left:8px;border-bottom:1px solid #D4A843;border-left:1px solid #D4A843;}
.cc.br{bottom:8px;right:8px;border-bottom:1px solid #D4A843;border-right:1px solid #D4A843;}

/* logo img */
.pc-tech-card img{
  width:150px;height:60px;
  object-fit:contain;
  filter:none;
  background:#fff;
  border-radius:4px;
  padding:6px 10px;
  transition:transform .4s,box-shadow .4s;
}
.pc-tech-card:hover img{transform:scale(1.06);box-shadow:0 4px 16px rgba(0,0,0,.3);}

.pc-tech-name{
  font-family:'Inter',sans-serif;font-size:9.5px;font-weight:600;
  letter-spacing:2px;text-transform:uppercase;
  color:rgba(138,128,112,0.3);text-align:center;
  transition:color .3s;
}
.pc-tech-card:hover .pc-tech-name{color:rgba(212,168,67,0.55);}

/* ══ PART 2 — CLIENTS ══════════════════════════════════════ */
.pc-clients-block{
  padding:72px 8% 80px;
  position:relative;z-index:1;
}
.pc-clients-block::before{
  content:'';position:absolute;
  width:500px;height:400px;
  background:radial-gradient(circle,rgba(212,168,67,0.045),transparent 68%);
  bottom:-80px;right:-80px;pointer-events:none;
}
.pc-clients-hdr{margin-bottom:44px;}

/* marquee ticker */
.pc-mq-wrap{overflow:hidden;position:relative;}
.pc-mq-wrap::before,.pc-mq-wrap::after{
  content:'';position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none;
}
.pc-mq-wrap::before{left:0;background:linear-gradient(90deg,#0a0c10,transparent);}
.pc-mq-wrap::after{right:0;background:linear-gradient(270deg,#0a0c10,transparent);}

.pc-mq-track{
  display:flex;gap:12px;width:max-content;
  animation:mqScroll 30s linear infinite;
}
.pc-mq-track:hover{animation-play-state:paused;}
@keyframes mqScroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* client logo pill */
.pc-cl-pill{
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(145deg,#0d1017,#090b10);
  border:1px solid rgba(212,168,67,0.08);
  border-radius:8px;
  padding:14px 28px;
  flex-shrink:0;
  width:190px;height:84px;
  position:relative;overflow:hidden;
  transition:border-color .3s,box-shadow .3s;
}
.pc-cl-pill:hover{
  border-color:rgba(212,168,67,0.22);
  box-shadow:0 8px 24px rgba(0,0,0,.35),0 0 16px rgba(212,168,67,0.04);
}
.pc-cl-pill::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(212,168,67,0.35),transparent);
  opacity:0;transition:opacity .3s;
}
.pc-cl-pill:hover::before{opacity:1;}

.pc-cl-pill img{
  max-width:130px;max-height:48px;
  object-fit:contain;
  background:#fff;
  border-radius:3px;
  padding:5px 8px;
  filter:none;
  transition:transform .4s;
}
.pc-cl-pill:hover img{transform:scale(1.05);}

/* count strip — sits between partners and clients */
.pc-cl-count{
  display:flex;align-items:center;justify-content:center;gap:32px;
  padding:40px 8%;
  border-top:1px solid rgba(212,168,67,0.07);
  border-bottom:1px solid rgba(212,168,67,0.07);
  flex-wrap:wrap;
  background:rgba(212,168,67,0.018);
}
.pc-cl-stat{text-align:center;}
.pc-cl-stat-n{
  font-family:'Orbitron',sans-serif;font-size:28px;font-weight:700;
  color:#D4A843;line-height:1;margin-bottom:4px;
}
.pc-cl-stat-l{
  font-family:'Inter',sans-serif;font-size:10px;font-weight:600;
  letter-spacing:2px;text-transform:uppercase;
  color:rgba(138,128,112,0.6);
}
.pc-cl-sep{width:1px;height:36px;background:rgba(212,168,67,0.1);}

/* ══ RESPONSIVE ══ */
@media(max-width:1000px){
  .pc-tech-grid{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:700px){
  .pc-tech-block,.pc-clients-block{padding:56px 5%;}
  .pc-tech-grid{grid-template-columns:repeat(2,1fr);gap:10px;}
  .pc-cl-pill{width:150px;height:64px;padding:10px 18px;}
  .pc-cl-sep{display:none;}
  .pc-cl-count{gap:20px;}
}
@media(max-width:420px){
  .pc-tech-grid{grid-template-columns:repeat(2,1fr);}
  .pc-tech-card img{width:90px;height:36px;}
}