.premium-network-benefits {
  display: grid;
  gap: 14px;
  padding: 18px;
  border: 1px solid #315e73;
  background: radial-gradient(circle at 12% 0, rgba(44, 220, 224, .13), transparent 32%), #061827;
}

.premium-network-benefits h2 { margin: 3px 0; color: #fff0bb; }
.premium-network-copy { max-width: 760px; margin: 0; color: #adc5d2; line-height: 1.5; }
.premium-network-benefits > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.premium-network-benefits article { min-width: 0; padding: 13px; border: 1px solid #235367; background: #071421; }
.premium-network-benefits article:first-child { border-color: #a87d2d; background: linear-gradient(145deg, #211a0e, #071421); }
.premium-network-benefits h3 { margin: 0 0 9px; color: #7deee3; font: 700 .66rem Orbitron, sans-serif; }
.premium-network-benefits ul { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; }
.premium-network-benefits li { position: relative; padding-left: 14px; color: #a8c4d2; line-height: 1.38; }
.premium-network-benefits li::before { content: ""; position: absolute; left: 0; top: .5em; width: 6px; height: 6px; border-radius: 50%; background: #e5b64d; box-shadow: 0 0 8px #e5b64d88; }

@media (max-width: 900px) {
  .premium-network-benefits > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .premium-network-benefits > div { grid-template-columns: 1fr; }
}