.pdu-info-card,
.pdu-domain-card,
.pdu-product-card,
.pdu-audience-grid article,
.pdu-summary-grid article,
.pdu-contact-card{
  border:1px solid var(--line);
  border-radius:20px;
  background:linear-gradient(160deg,rgba(12,39,63,.64),rgba(4,17,30,.86))
}

.pdu-content-grid,
.pdu-domain-grid,
.pdu-product-grid,
.pdu-audience-grid,
.pdu-summary-grid{
  width:min(1200px,calc(100% - 40px));
  display:grid;
  gap:15px;
  margin:0 auto 90px
}

.pdu-content-grid{grid-template-columns:repeat(3,1fr)}
.pdu-domain-grid{grid-template-columns:repeat(4,1fr)}
.pdu-product-grid{grid-template-columns:repeat(3,1fr)}
.pdu-audience-grid{grid-template-columns:repeat(4,1fr)}
.pdu-summary-grid{grid-template-columns:repeat(3,1fr)}

.pdu-info-card,
.pdu-domain-card,
.pdu-product-card,
.pdu-audience-grid article,
.pdu-summary-grid article{
  padding:24px
}

.pdu-info-card>span,
.pdu-domain-card>span,
.pdu-product-card span,
.pdu-summary-grid span{
  color:var(--cyan);
  font-size:.68rem;
  font-weight:800;
  text-transform:uppercase
}

.pdu-info-card p,
.pdu-domain-card p,
.pdu-product-card p,
.pdu-audience-grid p,
.pdu-summary-grid p{
  color:var(--muted)
}

.pdu-domain-card b,
.pdu-product-card>b,
.pdu-audience-grid b{
  font-size:1.8rem
}

.cyan{color:var(--cyan)}
.aqua{color:var(--aqua)}
.yellow{color:var(--yellow)}
.orange{color:var(--orange)}
.purple{color:var(--purple)}
.magenta{color:var(--magenta)}
.blue{color:var(--blue)}

@media(max-width:950px){
  .pdu-content-grid,
  .pdu-domain-grid,
  .pdu-product-grid,
  .pdu-audience-grid,
  .pdu-summary-grid{
    grid-template-columns:1fr 1fr
  }
}

@media(max-width:620px){
  .pdu-content-grid,
  .pdu-domain-grid,
  .pdu-product-grid,
  .pdu-audience-grid,
  .pdu-summary-grid{
    grid-template-columns:1fr
  }
}