/* Hallmark · component: hero background · existing Finexa system
 * Pre-emit critique: P4 H4 E4 S5 R5 V3 */
.dot-section {
  --dot-color: #9ebee6;
  --dot-active: #ffb170;
  position: relative;
  isolation: isolate;
  overflow: clip;
}
.dot-section > .hero-dots {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
}