/* Shared staging shell, matching Home's layout and the supplied style reference. */
body.page{--ys-navy:#1b3b68;--ys-blue:#1598d4;--ys-aqua:#00b2a3;--ys-aqua-dark:#00998f;--ys-text:#284a73;--ys-muted:#6c83a3;--ysl-navy:#1b3b68;--ysl-blue:#1598d4;--ysl-teal:#00b2a3;--ysl-muted:#6c83a3;--ysl-pale:#f0f8fc;--ysl-line:#dceaf4;font-family:Poppins,"Segoe UI",Arial,sans-serif}
body.page .ys-home{--ys-navy:#1b3b68;--ys-blue:#1598d4;--ys-aqua:#00b2a3;--ys-aqua-dark:#00998f;--ys-text:#284a73;--ys-muted:#6c83a3}
body.page .ys-platform{--yp-navy:#1b3b68;--yp-blue:#1598d4;--yp-teal:#00b2a3;--yp-muted:#6c83a3;--yp-pale:#f0f8fc;font-family:Poppins,"Segoe UI",Arial,sans-serif}
body.page .ysl-page{--ysl-navy:#1b3b68;--ysl-blue:#1598d4;--ysl-teal:#00b2a3;--ysl-muted:#6c83a3;--ysl-pale:#f0f8fc;--ysl-line:#dceaf4;font-family:Poppins,"Segoe UI",Arial,sans-serif}
body.page .ys-staging-global-header{position:sticky!important;top:0!important;z-index:10000!important;margin-bottom:-76px!important;background:rgba(236,248,253,.82)!important;border-bottom:1px solid rgba(27,59,104,.08)!important;box-shadow:none!important;backdrop-filter:blur(9px)!important}
body.page .ys-staging-global-header.is-scrolled{background:#fff!important;box-shadow:0 8px 24px rgba(9,35,75,.075)!important}
body.page .ys-staging-global-header .ys-header-inner{min-height:76px}
body.page .ys-staging-global-header .ys-brand{width:165px;flex-basis:165px;overflow:visible}
body.page .ys-staging-global-header .ys-brand img{width:224px!important;max-width:none!important;height:34px!important;margin-left:-18px;object-fit:cover;object-position:center;filter:none!important}
body.page .ys-staging-global-header .ys-primary-nav a{color:#1b3b68;font-family:Poppins,"Segoe UI",Arial,sans-serif;font-size:14px;font-weight:500}
body.page .ys-staging-global-header .ys-primary-nav a:hover,body.page .ys-staging-global-header .ys-primary-nav a[aria-current="page"]{color:#1598d4}
body.page .ys-staging-global-header .ys-primary-nav a[aria-current="page"]{position:relative}
body.page .ys-staging-global-header .ys-primary-nav a[aria-current="page"]:after{position:absolute;right:0;bottom:-8px;left:0;height:2px;background:#1598d4;content:""}
body.page .ys-staging-global-header .ys-header-actions{gap:20px}
body.page .ys-staging-global-header .ys-login-link{color:#1b3b68;font-family:Poppins,"Segoe UI",Arial,sans-serif;font-size:14px}
body.page .ys-staging-global-header .ys-button{font-family:Poppins,"Segoe UI",Arial,sans-serif}
body.page .ys-staging-global-header .ys-staging-global-toggle{width:42px;height:42px;display:none;flex:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px;border:1px solid #dbe8f1;border-radius:12px;background:#fff;color:#1b3b68;cursor:pointer}
body.page .ys-staging-global-header .ys-staging-global-toggle span{width:19px;height:2px;display:block;border-radius:2px;background:currentColor}
body.page .ys-staging-global-footer{padding:48px 0 20px;background:#091f3d;color:#fff;font-family:Poppins,"Segoe UI",Arial,sans-serif}
body.page .ys-staging-global-footer .ys-footer-brand img{width:138px;height:auto}
body.page .ys-staging-global-footer .ys-footer-brand p{color:rgba(255,255,255,.82)}
body.page .ys-staging-global-footer .ys-footer-item{color:rgba(255,255,255,.9)}
body.page .ys-staging-global-footer .ys-footer-bottom p{color:rgba(255,255,255,.73)}
body.page .ys-staging-global-footer .ys-footer-bottom nav a{color:rgba(255,255,255,.78)}
body.page .ys-staging-global-footer .ys-footer-bottom nav a:hover,body.page .ys-staging-global-footer .ys-footer-item a:hover{color:#8de8dd}
body.page .ys-staging-global-footer a{color:inherit;text-decoration:none}
body.page .ys-staging-global-footer .ys-footer-bottom{border-top-color:rgba(255,255,255,.19)}
/* Only the shared Home shell remains visible. */
body.page .ys-home>.ys-site-header,body.page .ys-home>.ys-site-footer,body.page .yp-header,body.page .yp-footer,body.page .pbx-header,body.page .pbx-footer,body.page .ysl-site-header,body.page .ysl-footer,body.page .elementor-location-header,body.page .elementor-location-footer,body.page .hfe-site-header,body.page .hfe-site-footer,body.page #masthead,body.page #colophon,body.page .site-header,body.page .site-footer,body.page .page-header,body.page .entry-title{display:none!important}
body.page .ys-staging-global-header,body.page .ys-staging-global-header *{box-sizing:border-box}
@media(max-width:1080px){body.page .ys-staging-global-header .ys-header-inner{gap:18px}body.page .ys-staging-global-header .ys-primary-nav{gap:14px}body.page .ys-staging-global-header .ys-primary-nav a,body.page .ys-staging-global-header .ys-login-link{font-size:13px}body.page .ys-staging-global-header .ys-header-actions{gap:13px}}
@media(max-width:820px){
 body.page .ys-staging-global-header{margin-bottom:-68px!important}
 body.page .ys-staging-global-header .ys-header-inner{position:relative;min-height:70px;gap:12px}
 body.page .ys-staging-global-header .ys-brand{width:145px;flex-basis:145px}
 body.page .ys-staging-global-header .ys-brand img{width:clamp(134px,42vw,180px)!important;height:clamp(20px,6.3vw,27px)!important;margin-left:-14px}
 body.page .ys-staging-global-header .ys-staging-global-toggle{order:3;display:flex;width:42px;height:42px}
 body.page .ys-staging-global-header .ys-header-actions{order:2;margin-left:auto;gap:0}
 body.page .ys-staging-global-header .ys-header-actions .ys-button{min-height:39px;padding:8px 11px;font-size:11px}
 body.page .ys-staging-global-header .ys-login-link{display:none}
 body.page .ys-staging-global-header .ys-primary-nav{position:absolute;top:calc(100% + 1px);right:-24px;left:-24px;z-index:20;display:none;align-items:stretch;flex-direction:column;gap:0;padding:8px 24px 16px;border-top:1px solid #edf2f6;background:#fff;box-shadow:0 16px 20px rgba(13,36,62,.12)}
 body.page .ys-staging-global-header.is-menu-open .ys-primary-nav{display:flex}
 body.page .ys-staging-global-header .ys-primary-nav a{padding:12px 2px;border-bottom:1px solid #edf2f6;font-size:15px}
 body.page .ys-staging-global-header .ys-primary-nav a:after{display:none}
 body.page .ys-staging-global-footer{padding-top:38px}
 body.page .ys-staging-global-footer .ys-footer-main{grid-template-columns:1fr;gap:20px;padding-bottom:25px}
 body.page .ys-staging-global-footer .ys-footer-address{grid-column:auto}
 body.page .ys-staging-global-footer .ys-footer-bottom{align-items:flex-start;flex-direction:column;gap:15px}
 body.page .ys-staging-global-footer .ys-footer-bottom p{white-space:normal}
 body.page .ys-staging-global-footer .ys-footer-bottom nav{justify-content:flex-start;gap:10px 17px}
 body.page .ys-staging-global-footer .ys-footer-bottom nav a{white-space:normal}
}
@media(max-width:560px){
 body.page .ys-staging-global-header .ys-header-inner{width:calc(100% - 28px);min-height:66px;gap:8px}
 body.page .ys-staging-global-header .ys-brand{width:clamp(100px,32vw,132px);flex-basis:clamp(100px,32vw,132px)}
 body.page .ys-staging-global-header .ys-header-actions .ys-button{min-height:38px;padding:8px 10px;font-size:11px}
 body.page .ys-staging-global-header .ys-staging-global-toggle{width:38px;height:38px}
 body.page .ys-staging-global-header .ys-primary-nav{right:-18px;left:-18px;padding-right:18px;padding-left:18px}
}
body.page-id-5397 .ys-platform .yp-interventions-visual{display:block;min-width:0;width:100%;margin:0;padding:clamp(8px,1.2vw,14px);overflow:hidden;border:1px solid #dce8f2;border-radius:20px;background:#fff;box-shadow:0 18px 40px rgba(31,76,112,.14);font-family:Poppins,"Segoe UI",Arial,sans-serif}
body.page-id-5397 .ys-platform .yp-interventions-screenshot{display:block;width:100%;max-width:none;height:auto;aspect-ratio:1453/932;object-fit:contain;border-radius:12px}
body.page-id-5397 .ys-platform .yp-interventions-visual figcaption{padding:10px 6px 1px;color:#6c83a3;font-size:12px;line-height:1.4;text-align:center}
@media(max-width:900px){body.page-id-5397 .ys-platform .yp-interventions-visual{max-width:760px;margin:0 auto}}

body.page [id]{scroll-margin-top:92px}

/* Resources dropdown: one clear destination for now, the FAQ page. */
body.page .ys-staging-global-header .ys-nav-dropdown{position:relative;align-self:stretch;display:flex;align-items:center}
body.page .ys-staging-global-header .ys-nav-dropdown-link{display:inline-flex;align-items:center;gap:7px}
body.page .ys-staging-global-header .ys-nav-chevron{font-size:15px;line-height:1;transition:transform .18s ease}
body.page .ys-staging-global-header .ys-nav-dropdown:hover .ys-nav-chevron,body.page .ys-staging-global-header .ys-nav-dropdown:focus-within .ys-nav-chevron{transform:rotate(180deg)}
body.page .ys-staging-global-header .ys-nav-dropdown.is-active>.ys-nav-dropdown-link{color:#1598d4}
body.page .ys-staging-global-header .ys-nav-dropdown.is-active>.ys-nav-dropdown-link:after{position:absolute;right:0;bottom:-8px;left:0;height:2px;background:#1598d4;content:""}
body.page .ys-staging-global-header .ys-nav-submenu{position:absolute;top:calc(100% - 1px);left:-15px;z-index:30;display:grid;min-width:230px;gap:2px;padding:9px;border:1px solid #e2edf4;border-radius:0 0 14px 14px;background:#fff;box-shadow:0 16px 28px rgba(13,36,62,.13);opacity:0;visibility:hidden;transform:translateY(7px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease}
body.page .ys-staging-global-header .ys-nav-dropdown:hover .ys-nav-submenu,body.page .ys-staging-global-header .ys-nav-dropdown:focus-within .ys-nav-submenu{opacity:1;visibility:visible;transform:translateY(0)}
body.page .ys-staging-global-header .ys-nav-submenu a{display:block;padding:11px 12px;border-radius:9px;color:#1b3b68;font-size:13px;font-weight:600;white-space:nowrap}
body.page .ys-staging-global-header .ys-nav-submenu a:hover,body.page .ys-staging-global-header .ys-nav-submenu a:focus-visible{background:#eff8fc;color:#0789c9}
body.page .ys-staging-global-header .ys-nav-submenu a[aria-current="page"]{background:#eff8fc;color:#0789c9}
body.page .ys-staging-global-header .ys-nav-submenu a:after{display:none!important}
@media(max-width:820px){
 body.page .ys-staging-global-header .ys-nav-dropdown{display:block;width:100%;border-bottom:1px solid #edf2f6}
 body.page .ys-staging-global-header .ys-nav-dropdown-link{width:100%;justify-content:space-between;padding:12px 2px;border-bottom:0!important}
 body.page .ys-staging-global-header .ys-nav-dropdown-link:after{display:none!important}
 body.page .ys-staging-global-header .ys-nav-chevron{margin-right:5px}
 body.page .ys-staging-global-header .ys-nav-submenu{position:static;display:grid;min-width:0;gap:0;padding:0 0 7px 12px;border:0;border-radius:0;background:transparent;box-shadow:none;opacity:1;visibility:visible;transform:none}
 body.page .ys-staging-global-header .ys-nav-submenu a{padding:10px 8px 10px 12px;border-radius:8px;font-size:14px;white-space:normal}
}

/* Staging-wide typography: match Poppins used by PoolBox and the production home. Preserve icon font glyphs. */
body.page,
body.page :not(i):not(svg):not(path):not([class*="fa-"]):not([class*="eicon"]):not([class*="elementor-icon"]) {
  font-family: "Poppins", "Segoe UI", Arial, sans-serif !important;
}

/* Contacta: harmonize Poppins weights and tracking with the PoolBox page. */
body.page-id-5122 .ysl-contact,
body.page-id-5122 .ysl-contact :not(i):not(svg):not(path):not([class*="fa-"]):not([class*="eicon"]):not([class*="elementor-icon"]) {
  font-family: "Poppins", "Segoe UI", Arial, sans-serif !important;
}
body.page-id-5122 .ysl-contact h1,
body.page-id-5122 .ysl-contact h2,
body.page-id-5122 .ysl-contact h3 {
  font-family: "Poppins", "Segoe UI", Arial, sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: -.045em;
}
body.page-id-5122 .ysl-contact .wpforms-field-label {
  font-family: "Poppins", "Segoe UI", Arial, sans-serif !important;
  font-weight: 600 !important;
}