/* ============================================================
   OnTrac — bg--04 decorative band on phones

   .bg--04 is images/Mask group1.svg: soft violet/peach/pink arcs on a
   1440x547 canvas, applied by violet-theme.css with
   `background-size: cover; background-position: center center`.

   On a desktop section that is fine. On a phone it is not. The CTA
   band is 390x732, so `cover` scales the artwork by 1.34 to 1927x732
   and shows the middle 390px of it — a 390px-wide slice taken from the
   middle of a 1927px-wide blob. A gentle curve sampled that narrowly
   is visually straight, so the artwork ends in what reads as a hard
   horizontal rule across the page, cutting through whatever sits
   there. On the home page that line runs straight through the OnTrac
   logo above "Ready to transform your business?".

   Fitting the artwork to the width instead keeps the curves curved and
   anchors the mask's own top edge to the top of the section, where it
   is invisible. The band then occupies the top ~148px and the rest of
   the section shows its own background, which is how it reads on
   desktop anyway.
   ============================================================ */

@media (max-width: 991px) {
  .bg--04 {
    background-size: 100% auto;
    background-position: center top;
  }
}