/* RIB360-HOMEPAGE-HOW-IT-WORKS-COOL-NEUTRAL-BALANCE-CORRECTION-HR1-SEC2 */
/* Colour-only override: separates the How RIB360 Works section from the warm ivory public header. */

body.rib360-home-hr1 .rib360-hr1-how {
  border-top-color: #e3e8f0;
  background: linear-gradient(180deg, #f7f9fc 0%, #f8fafc 70%, #ffffff 100%);
}

body.rib360-home-hr1 .rib360-hr1-how-step {
  background: #ffffff;
  border-color: #e3e8f0;
  box-shadow: 0 14px 34px rgba(16, 24, 40, .055);
  backdrop-filter: none;
}

body.rib360-home-hr1 .rib360-hr1-how-number {
  background: #fff3d6;
  border-color: #f0d9a6;
  color: #8a5200;
}

@media (max-width: 720px) {
  body.rib360-home-hr1 .rib360-hr1-how {
    background: linear-gradient(180deg, #f7f9fc 0%, #f8fafc 78%, #ffffff 100%);
  }

  body.rib360-home-hr1 .rib360-hr1-how-step {
    box-shadow: 0 10px 24px rgba(16, 24, 40, .05);
  }
}

@media (prefers-reduced-transparency: reduce) {
  body.rib360-home-hr1 .rib360-hr1-how-step {
    background: #ffffff;
  }
}