/**
 * NexusGuard v4 Layout
 */

.ng-section {
  padding: 88px 0;
}

.ng-section--cloud {
  background: var(--ng-cloud-gray);
}

.ng-section--ice {
  background: var(--ng-ice-blue);
}

.ng-section--dark {
  background: radial-gradient(circle at 20% 10%, rgba(36, 198, 220, 0.18), transparent 34%),
              linear-gradient(135deg, var(--ng-infra-black), var(--ng-enterprise-navy));
  color: var(--ng-white);
}

.ng-grid {
  display: grid;
  gap: 24px;
}

.ng-grid--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ng-grid--4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}