/* ============================================================
   LAW 25 PAGE TOP ACCENT LINE  —  law25_topline.css
   Green gradient line on the hero section only.
   Dot grid pattern matches About Us and Pricing exactly.
   Add this <link> in your Law 25 page <head>.
   ============================================================ */

/* Top accent line — hero section only */
.law-25 .how-to-setup {
  position: relative;
}

.law-25 .how-to-setup::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(
    90deg,
    transparent 0%,
    #008b00 35%,
    #aee166 65%,
    transparent 100%
  );
  z-index: 10;
  pointer-events: none;
}

/* Dot grid pattern — matches About Us and Pricing exactly */
.law-25 .how-to-setup .ab-dots {
  position: absolute;
  top: 0;
  right: 0;
  width: 200px;
  height: 200px;
  pointer-events: none;
  z-index: 0;
}