.wf-example-note{position:sticky;top:0;z-index:20;background:#172024;color:#F5F3ED;font:600 12px/1.4 Manrope,system-ui,sans-serif;letter-spacing:.02em}.wf-example-note a{color:#A8B9FF}
.mode-example .ph{background:linear-gradient(135deg,#d9d4c8 0%,#bdb6a6 100%)}
.mode-example.t-street-counter .ph{background:linear-gradient(145deg,#8a2c2c 0%,#3b1d1d 100%)}
.mode-example.t-storefront-deals .ph{background:linear-gradient(145deg,#e9e2d4 0%,#c9c1b0 100%)}
.mode-example.t-land-store .ph{background:linear-gradient(180deg,#8fb7e0 0%,#cfe0ef 38%,#6f8f4a 40%,#4d6b2f 100%)}
.mode-example.t-dispatch247 .ph,.mode-example.t-service-bay .ph{background:linear-gradient(145deg,#3a4652 0%,#1f2933 100%)}
.mode-example.t-clinic .ph,.mode-example.t-rate-card .ph{background:linear-gradient(145deg,#dbe8ea 0%,#b6ccd0 100%)}
.mode-example.t-gym .ph{background:linear-gradient(145deg,#2b2b2b 0%,#111 100%)}