/* SITUP scene polish v85. Scenery and homepage accents only. */

/* Keep the hero structural shade neutral so mode changes never snap the panel itself. */
html[data-sx-repair="79"][data-sx-megafinal="82"] main :is(.hero,.subhero,.page-hero) {
  background:linear-gradient(
    90deg,
    rgba(3,14,23,.84) 0%,
    rgba(4,20,31,.55) 46%,
    rgba(5,17,26,.18) 100%
  )!important;
}

/* Context color lives in the scenic light layer. */
html[data-sx-repair="79"][data-sx-megafinal="82"] #sx82-scenic-light {
  background:none!important;
  mix-blend-mode:screen!important;
  isolation:isolate;
  overflow:hidden;
}

/* Crossfade layers. */
html[data-sx-repair="79"][data-sx-megafinal="82"] #sx82-scenic-light::before,
html[data-sx-repair="79"][data-sx-megafinal="82"] #sx82-scenic-light::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0;
  will-change:opacity;
  transition:opacity .92s cubic-bezier(.22,.61,.36,1)!important;
}

/* MSP blue: cleaner and a touch more electric. */
html[data-sx-repair="79"][data-sx-megafinal="82"] #sx82-scenic-light::before {
  background:
    radial-gradient(
      ellipse at 84% 15%,
      rgba(83,224,255,.57) 0%,
      rgba(35,177,255,.29) 30%,
      rgba(11,111,220,.09) 58%,
      transparent 78%
    ),
    radial-gradient(
      ellipse at 57% 66%,
      rgba(91,235,255,.22) 0%,
      rgba(22,146,236,.10) 43%,
      transparent 74%
    );
}

/* Procurement: softer honey/gold instead of hard orange. */
html[data-sx-repair="79"][data-sx-megafinal="82"] #sx82-scenic-light::after {
  background:
    radial-gradient(
      ellipse at 84% 15%,
      rgba(255,210,138,.43) 0%,
      rgba(247,184,92,.22) 31%,
      rgba(214,138,49,.065) 59%,
      transparent 79%
    ),
    radial-gradient(
      ellipse at 57% 67%,
      rgba(255,220,157,.17) 0%,
      rgba(224,154,67,.075) 44%,
      transparent 75%
    );
}

html[data-sxf-mode="neutral"] #sx82-scenic-light::before,
html[data-sxf-mode="neutral"] #sx82-scenic-light::after {
  opacity:0;
}

html[data-sxf-mode="msp"] #sx82-scenic-light::before {
  opacity:1;
}

html[data-sxf-mode="msp"] #sx82-scenic-light::after {
  opacity:0;
}

html[data-sxf-mode="procurement"] #sx82-scenic-light::before {
  opacity:0;
}

html[data-sxf-mode="procurement"] #sx82-scenic-light::after {
  opacity:.84;
}

/* Signal field follows the same slower transition instead of snapping. */
html[data-sx-repair="79"][data-sx-megafinal="82"] #situp-production-stage canvas,
html[data-sx-repair="79"][data-sx-megafinal="82"] #situp-mobile-motion-v65,
html[data-sx-repair="79"][data-sx-megafinal="82"] #situp-motion-field-v63 {
  transition:filter .92s cubic-bezier(.22,.61,.36,1)!important;
}

html[data-sxf-mode="msp"] #situp-production-stage canvas,
html[data-sxf-mode="msp"] #situp-mobile-motion-v65,
html[data-sxf-mode="msp"] #situp-motion-field-v63 {
  filter:
    grayscale(1)
    sepia(1)
    saturate(4.45)
    hue-rotate(158deg)
    brightness(1.08)
    !important;
}

html[data-sxf-mode="procurement"] #situp-production-stage canvas,
html[data-sxf-mode="procurement"] #situp-mobile-motion-v65,
html[data-sxf-mode="procurement"] #situp-motion-field-v63 {
  filter:
    grayscale(1)
    sepia(1)
    saturate(2.05)
    hue-rotate(351deg)
    brightness(1.025)
    !important;
}

/* Homepage robin's egg: zappier and slightly firmer without going neon. */
html[data-sx-home="true"] main .hero :is(
  .eyebrow,
  .hero-note,
  .hero-kicker,
  .kicker,
  .overline,
  .hero-accent,
  [class*="hint"]
),
html[data-sx-home="true"] main .hero h1 span {
  color:#5fe8f7!important;
  -webkit-text-fill-color:#5fe8f7!important;
  text-shadow:
    0 0 10px rgba(66,225,255,.24),
    0 0 24px rgba(31,177,255,.075)
    !important;
}

html[data-sx-home="true"] main .hero h1 span,
html[data-sx-home="true"] main .hero .hero-accent {
  font-weight:675!important;
}

html[data-sx-home="true"] main .hero :is(
  .eyebrow,
  .hero-note,
  .hero-kicker,
  .kicker,
  .overline,
  [class*="hint"]
) {
  font-weight:650!important;
}