.agp-section{
  padding:var(--agp-top,20px) 0 var(--agp-bottom,26px);
}
.agp-head{
  text-align:left;
  margin-bottom:18px;
}
.agp-head h2{
  margin:0;
  color:#f5f7fa;
  font-size:clamp(1.8rem,4vw,2.6rem);
  letter-spacing:-.04em;
}
.agp-head p{
  margin:8px 0 0;
  color:#9fb0bd;
}
.agp-grid-front{
  display:grid;
  grid-template-columns:repeat(var(--agp-columns,5), minmax(0,1fr));
  gap:16px;
}
.agp-card{
  min-height:170px;
  border-radius:18px;
  border:1px solid #25313a;
  background:linear-gradient(180deg,#111820,#0d1318);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:18px;
  text-decoration:none;
  transition:.2s ease;
  box-shadow:0 12px 28px rgba(0,0,0,.15);
}
.agp-card:hover{
  transform:translateY(-3px);
  border-color:rgba(52,230,176,.45);
}
.agp-card img{
  width:88px;
  height:88px;
  object-fit:contain;
  display:block;
}
.agp-title{
  color:#f5f7fa;
  font-weight:850;
  text-align:center;
}
@media(max-width:1000px){
  .agp-grid-front{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:760px){
  .agp-grid-front{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:540px){
  .agp-grid-front{grid-template-columns:repeat(2,minmax(0,1fr))}
  .agp-card{min-height:145px}
  .agp-card img{width:72px;height:72px}
}