:root{--page-title-display:none;}/* Start custom CSS *//* Interactive platform diagram (desktop only; tablets and phones get the static diagram) */
#pf-stage [id^="pf-h"] { cursor: pointer; border-radius: 18px; z-index: 1; transition: background-color .25s, box-shadow .25s; }
#pf-stage [id^="pf-h"]:hover { z-index: 5; background-color: rgba(18,184,166,0.08); box-shadow: 0 0 0 2px rgba(18,184,166,0.55); }
#pf-stage [id^="pf-t"] { background: #FFFFFF; border: 1px solid #DCE6EE; border-radius: 18px; box-shadow: 0 24px 50px rgba(0,36,61,0.16); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .25s, transform .25s, visibility .25s; z-index: 6; }
#pf-stage #pf-t1, #pf-stage #pf-t3 { transform: translateX(-8px); }
#pf-stage #pf-t4, #pf-stage #pf-t6 { transform: translateX(8px); }
#pf-stage #pf-t2 { transform: translate(-8px, -50%); }
#pf-stage #pf-t5 { transform: translate(8px, -50%); }
#pf-stage [id^="pf-h"]:hover > [id^="pf-t"] { opacity: 1; visibility: visible; }
#pf-stage #pf-h1:hover > #pf-t1, #pf-stage #pf-h3:hover > #pf-t3, #pf-stage #pf-h4:hover > #pf-t4, #pf-stage #pf-h6:hover > #pf-t6 { transform: none; }
#pf-stage #pf-h2:hover > #pf-t2, #pf-stage #pf-h5:hover > #pf-t5 { transform: translateY(-50%); }
/* Touch screens at desktop width: no hover, so show the static diagram instead */
@media (hover: none) {
  #pf-interactive { display: none !important; }
  #pf-fallback { display: flex !important; }
}/* End custom CSS */