/* =====================================================================
   Om Enterprise — Static slope background
   ---------------------------------------------------------------------
   Replaces the flowing animated canvas with a single fixed, diagonal
   ("slope") brand gradient. The backdrop is pinned to the viewport
   (background-attachment: fixed), so ONLY the page content scrolls over
   it — the background itself never moves.

   Loaded LAST so it overrides scroll3d.css / premium.css.
   To return to the animated look: remove this <link> and restore the
   <canvas id="fxCanvas"> element in index.html.
   ===================================================================== */

/* 1. Fixed diagonal "slope" gradient as the page backdrop.
      `fixed` (background-attachment) pins it to the viewport, so the
      content scrolls and the background stays put. Kept light & pastel
      so the navy body text stays fully readable.

      iOS/WebKit ignores background-attachment: fixed (treats it as
      scroll), which would stretch a gradient on html across the whole
      document. So html keeps only the flat fallback colour and the
      slope lives on a position:fixed body::after — genuinely pinned to
      the viewport on every browser. It sits at z-index -3, beneath the
      aurora body::before (z-index -1), and body itself stays
      transparent and untransformed so the fixed pseudo can't detach. */
html { background-color: #eaf1fc; }

body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -3;
  pointer-events: none;
  background: linear-gradient(
    135deg,
    #eaf1fc 0%,    /* cool blue   */
    #e4ebfb 18%,
    #e8e6f8 40%,   /* indigo      */
    #efe9f3 60%,   /* mauve       */
    #f6f1ea 80%,   /* warm gold   */
    #eaf0fb 100%   /* back to blue */
  );
}

/* body must stay transparent (style.css paints it white) so the canvas
   gradient and the fixed backdrop layers show through */
body { background: transparent; }

/* 2. Freeze the aurora wash into soft, static colour pools (no drift),
      layering gently over the slope so it reads premium but stays still. */
body::before {
  animation: none !important;
  opacity: .8;
}

/* 3. Stop the per-section drifting orbs — keeps the whole backdrop static. */
.decor { display: none !important; }

/* 4. Safety net: hide the animated canvas if it is ever re-added. */
#fxCanvas { display: none !important; }

/* 5. Pin the per-section colour washes (premium.css / gallery.css) to the
      viewport as well. Without this they scroll with their sections and
      slide over the fixed slope gradient; with `fixed` every painted
      layer stays put and only the content moves. Mobile browsers ignore
      fixed attachment, so phones gracefully fall back to scrolling
      washes. */
#about, #services, #why, #gallery,
#founder, #clients, #contact {
  background-attachment: fixed;
}