/* English base styles, main-only; target guards exclude Chinese header/footer/contact. */
body:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 0px; font-family: Inter, "Segoe UI", "Helvetica Neue", Arial, sans-serif;}
.download-modal[hidden]:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: none;}
.download-modal:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: fixed; inset: 0px; z-index: 9999; overflow-y: auto; overscroll-behavior: contain;}
.download-modal__backdrop:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: fixed; inset: 0px; background: rgba(15, 23, 42, 0.58);}
.download-modal__panel:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative; width: min(760px, 100% - 32px); max-height: calc(-48px + 100vh); margin: 24px auto; overflow: auto; background: rgb(247, 247, 247); border-radius: 12px; box-shadow: rgba(15, 23, 42, 0.28) 0px 28px 80px;}
.download-modal__close:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: absolute; top: 16px; right: 16px; z-index: 2; width: 40px; height: 40px; border: 0px; border-radius: 999px; background: rgb(255, 255, 255); color: rgb(31, 41, 55); font-size: 24px; line-height: 1; cursor: pointer; box-shadow: rgba(15, 23, 42, 0.12) 0px 8px 24px;}
.download-modal .contact-section:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 44px 0px; background: transparent;}
.download-modal .contact-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(620px, 90%); margin: 0px auto; transform: none;}
.download-modal .contact-grid:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: grid; grid-template-columns: 1fr; gap: 0px;}
.download-modal .contact-form:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; max-width: none;}
body.download-modal-open:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){overflow: hidden;}
@media (max-width: 640px) {.download-modal:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 10px 0 calc(88px + env(safe-area-inset-bottom));}
.download-modal__panel:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: calc(100% - 20px); max-height: none; margin: 10px auto; overflow: visible;}
.download-modal .contact-section:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 32px 0 calc(40px + env(safe-area-inset-bottom));}
.download-modal .contact-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding-right: 44px;}
}
html:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),body:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; max-width: 100%; overflow-x: hidden;}
body:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative;}
.site-header:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.site-header *:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){box-sizing: border-box;}
.geo-visually-hidden:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: absolute !important; width: 1px !important; height: 1px !important; padding: 0px !important; margin: -1px !important; overflow: hidden !important; clip: rect(0px, 0px, 0px, 0px) !important; white-space: nowrap !important; border: 0px !important;}
.site-header:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: sticky; top: 0px; z-index: 2000; background: rgb(255, 255, 255); border-bottom: 1px solid rgb(231, 237, 245); box-shadow: rgba(16, 55, 103, 0.05) 0px 6px 18px;}
.header-topbar:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){background: rgb(255, 255, 255); border-bottom: 1px solid rgb(230, 237, 246);}
.header-topbar-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(1360px, 96vw); min-height: 34px; margin: 0px auto; display: flex; justify-content: flex-end; align-items: center;}
.utility-nav:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: flex; align-items: center; gap: 34px;}
.utility-nav a:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.utility-lang-btn:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){color: rgb(69, 98, 127); font-size: 15px; font-weight: 600; line-height: 1; text-decoration: none;}
.utility-nav a:hover:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.utility-lang-btn:hover:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){color: rgb(30, 136, 255);}
.header-mainbar:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){background: rgb(255, 255, 255);}
.header-container:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(1360px, 96vw); margin: 0px auto; min-height: 86px; display: flex; align-items: center; justify-content: space-between; gap: clamp(18px, 2vw, 34px); overflow: visible; position: relative;}
.logo:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){flex: 0 0 150px; min-width: 0px;}
.logo img:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 150px; height: auto; display: block;}
.main-nav:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){flex: 1 1 auto; display: flex; align-items: center; justify-content: center; gap: clamp(28px, 3vw, 56px); min-width: 0px; overflow: visible; position: static;}
.main-nav > a:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.nav-item > a:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 18px; color: rgb(35, 64, 95); line-height: 86px; display: inline-block; padding: 0px 2px; white-space: nowrap; text-decoration: none; font-weight: 600;}
.nav-item.has-dropdown:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative;}
.nav-item.has-dropdown > a:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){cursor: pointer;}
.nav-item.has-dropdown > a:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::after{content: ""; display: inline-block; width: 9px; height: 9px; margin-left: 9px; border-right: 1.8px solid; border-bottom: 1.8px solid; transform: translateY(-3px) rotate(45deg);}
.main-nav > a:hover:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.nav-item > a:hover:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){color: rgb(30, 136, 255);}
.main-nav > .nav-item.has-dropdown:first-child:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: static;}
.dropdown-menu:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: absolute; top: calc(100% - 8px); left: 50%; transform: translateX(-50%); min-width: 260px; width: max-content; max-width: min(92vw, 340px); background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px 12px 30px; padding: 12px 0px; opacity: 0; visibility: hidden; pointer-events: none; transition: 0.2s; z-index: 1200;}
.dropdown-menu a:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: block; padding: 16px 24px; font-size: 18px; color: rgb(68, 68, 68); line-height: 1.45; white-space: normal; word-break: break-word; text-decoration: none;}
.dropdown-menu a:hover:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){background: rgb(247, 247, 247);}
.applications-menu:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: fixed; top: 120px; left: 0px; transform: none; width: 100vw; min-width: 0px; max-width: none; display: grid; grid-template-columns: repeat(5, max-content); justify-content: space-between; align-items: start; gap: 28px clamp(56px, 4vw, 88px); padding: 28px max(28px, -782px + 50vw) 36px;}
.application-menu-group:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-width: max-content;}
.application-menu-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-height: 28px; display: flex; align-items: flex-start; color: rgb(30, 136, 255); font-size: 19px; font-weight: 700; line-height: 1.35; margin-bottom: 12px; white-space: nowrap;}
.application-menu-image:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: block; width: 250px; max-width: 100%; aspect-ratio: 16 / 9; object-fit: cover; margin: 0px 0px 12px;}
.applications-menu a:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 0px; margin-bottom: 10px; font-size: 17px; line-height: 1.45; color: rgb(85, 85, 85); white-space: nowrap;}
.applications-menu a:hover:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){background: transparent; color: rgb(30, 136, 255);}
.nav-item.has-dropdown:hover .dropdown-menu:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){opacity: 1; visibility: visible; pointer-events: auto;}
.company-nav:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative;}
.company-trigger:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){align-items: center; justify-content: space-between; gap: 24px; display: flex !important;}
.company-trigger:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::after{content: ""; width: 7px; height: 7px; border-top: 1.5px solid; border-right: 1.5px solid; transform: rotate(45deg);}
.company-menu:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: absolute; top: 0px; left: 100%; width: 250px; padding: 12px 0px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 12px 30px; opacity: 0; visibility: hidden; pointer-events: none; z-index: 1201;}
.resources-nav:focus-within > .dropdown-menu:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.company-nav:hover > .company-menu:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.company-nav:focus-within > .company-menu:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){opacity: 1; visibility: visible; pointer-events: auto;}
.company-menu-label:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 10px 22px 4px; color: rgb(100, 112, 132); font-size: 12px; font-weight: 600;}
.company-menu-label:not(:first-child):where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin-top: 8px; border-top: 1px solid rgb(230, 235, 242);}
.company-nav:focus-within .company-menu:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){opacity: 1; visibility: visible; pointer-events: auto;}
.mega-menu:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: fixed; top: 120px; left: 0px; transform: none; width: 100vw; max-width: none; background: rgb(243, 243, 243); box-shadow: rgba(16, 55, 103, 0.08) 0px 18px 36px; padding: 0px; opacity: 0; visibility: hidden; pointer-events: none; transition: 0.2s; z-index: 1300; overflow: visible;}
.has-dropdown:hover .mega-menu:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){opacity: 1; visibility: visible; pointer-events: auto;}
.mega-tabs:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative; display: grid; grid-template-columns: minmax(360px, 390px) minmax(520px, 620px); gap: 40px; width: min(1260px, 100% - 64px); min-height: 620px; margin: 0px auto; padding: 34px 0px 36px; background: transparent; transition: none; box-sizing: border-box;}
.mega-tabs:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::before{content: ""; position: absolute; top: 0px; bottom: 0px; left: 410px; width: 1px; background: rgba(35, 64, 95, 0.34);}
.mega-tabs:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::after{display: none;}
.mega-tabs.is-thermostat-active:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-height: 620px;}
.mega-category:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-column: 1; min-width: 0px; display: block;}
.mega-category-link:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative; min-height: 56px; display: flex; align-items: center; gap: 14px; padding: 8px 0px; border-radius: 0px; color: rgb(35, 64, 95); font-size: 20px; font-weight: 600; line-height: 1.3; text-decoration: none; white-space: nowrap; border-bottom: 1px solid transparent;}
.mega-category-link:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::after{content: ""; position: absolute; top: -6px; bottom: -6px; left: 100%; width: 40px;}
.mega-category-icon:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){flex: 0 0 auto; width: 52px; height: 52px; object-fit: contain;}
.mega-category:hover .mega-category-link:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){background: transparent; color: rgb(30, 136, 255); border-bottom-color: rgba(35, 64, 95, 0.34);}
.mega-category:hover .mega-category-link:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){box-shadow: none;}
.mega-panel:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: absolute; left: 430px; right: 0px; top: 34px; z-index: 1; display: none; grid-template-columns: 1fr; gap: 10px; width: min(560px, 100% - 430px); padding: 0px; background: transparent;}
.mega-category:hover .mega-panel:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: grid;}
.mega-category.is-active .mega-panel:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: grid;}
.mega-category:first-child .mega-panel:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: grid;}
.mega-tabs:has(.mega-category.is-active) .mega-category:first-child:not(.is-active) .mega-panel:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: none;}
.mega-tabs:has(.mega-category:hover) .mega-category:first-child:not(:hover) .mega-panel:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: none;}
.mega-category:hover .mega-panel:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){z-index: 2;}
.mega-category.is-active .mega-panel:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){z-index: 2;}
.mega-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 30px; font-weight: 600; color: rgb(30, 136, 255); margin: 0px 0px 12px; line-height: 1.2; word-break: break-word;}
.mega-panel .mega-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-column: 1 / -1; margin-bottom: 2px;}
.mega-title-gap:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin-top: 18px;}
.mega-panel a:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative; display: flex; align-items: center; justify-content: space-between; min-height: 48px; padding: 0px 48px 0px 16px; background: rgb(255, 255, 255); font-size: 18px; color: rgb(35, 64, 95); line-height: 1.35; margin-bottom: 0px; text-decoration: none; white-space: normal; word-break: break-word; box-sizing: border-box;}
.mega-panel a:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::after{content: "→"; position: absolute; right: 16px; top: 50%; transform: translateY(-50%); color: currentcolor; font-size: 24px; line-height: 1;}
.mega-panel a:hover:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){color: rgb(30, 136, 255); background: rgb(255, 255, 255);}
.mega-panel .mega-nested-trigger:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 48px; margin: 0px; padding: 0px 48px 0px 16px; border: 0px; background: rgb(255, 255, 255); color: rgb(35, 64, 95); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 18px; line-height: 1.35; text-align: left; cursor: default; box-sizing: border-box;}
.mega-panel .mega-nested-trigger:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::after{content: "→"; position: absolute; top: 50%; right: 16px; color: currentcolor; font-size: 24px; line-height: 1; transform: translateY(-50%);}
.mega-panel .mega-nested-trigger:hover:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.mega-panel .mega-nested-trigger:focus-visible:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){color: rgb(30, 136, 255); outline: none;}
.mega-nested-item:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative;}
.mega-nested:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: absolute; top: 0px; left: calc(100% + 18px); min-width: 380px; display: none; grid-template-columns: 1fr; gap: 8px; z-index: 4;}
.mega-nested-item + .mega-nested-item .mega-nested:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){top: calc(-100% - 10px);}
.mega-nested-item:hover .mega-nested:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.mega-nested-item:focus-within .mega-nested:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.mega-nested-item.is-active .mega-nested:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.mega-nested-trigger:hover + .mega-nested:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.mega-nested:hover:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: grid;}
.mega-nested a:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-height: 48px; white-space: nowrap; word-break: normal;}
.site-header:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.header-container:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.main-nav:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.nav-item.has-dropdown:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){overflow: visible;}
.header-actions:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){flex: 0 0 auto; display: flex; align-items: center; gap: 18px;}
.search-btn:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 44px; height: 54px; border-radius: 0px; display: inline-flex; align-items: center; justify-content: center; border: 0px; background: transparent; cursor: pointer; padding: 0px;}
.search-btn img:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 30px; height: 30px;}
.lang-btn:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){border: 0px; color: rgb(69, 98, 127); background: transparent; display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; cursor: pointer; padding: 0px;}
.icon-wrapper:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative; width: 22px; height: 22px; display: inline-flex; align-items: center; justify-content: center;}
.icon:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 22px; height: 22px; display: block;}
.icon-white:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: none;}
.lang-btn:hover:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){color: rgb(30, 136, 255);}
.lang-btn:hover .icon-blue:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: none;}
.lang-btn:hover .icon-white:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: block;}
.lang-btn-text:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 16px; line-height: 1;}
.region-globe:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 18px; height: 18px; display: block; object-fit: contain;}
.utility-caret:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 0px; height: 0px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid;}
.header-cta:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-height: 54px; display: inline-flex; align-items: center; justify-content: center; padding: 0px 28px; border-radius: 8px; background: rgb(30, 136, 255); color: rgb(255, 255, 255); font-size: 17px; font-weight: 800; line-height: 1; text-decoration: none; white-space: nowrap; box-shadow: rgba(30, 136, 255, 0.22) 0px 10px 24px;}
.header-cta:hover:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){background: rgb(22, 119, 230);}
.menu-btn:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: none; width: 42px; height: 42px; border: 1px solid rgb(30, 136, 255); border-radius: 50%; background: rgb(255, 255, 255); align-items: center; justify-content: center; flex-direction: column; gap: 4px; padding: 0px; cursor: pointer; flex-shrink: 0;}
.menu-btn span:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: block; width: 18px; height: 2.5px; background: rgb(30, 136, 255); border-radius: 2px;}
.mobile-menu-overlay:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: fixed; inset: 0px; background: rgba(0, 0, 0, 0.35); z-index: 3000; display: none;}
.mobile-menu-overlay.is-open:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: block;}
.mobile-menu-panel:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: absolute; top: 0px; right: 0px; width: min(88vw, 360px); height: 100%; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.12) -8px 0px 30px; overflow-y: auto; padding: 20px 18px 28px;}
.mobile-menu-top:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: flex; justify-content: flex-end; margin-bottom: 10px;}
.mobile-menu-close:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: none; font-size: 28px; line-height: 1; cursor: pointer; color: rgb(51, 51, 51);}
.mobile-nav:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: flex; flex-direction: column;}
.mobile-nav > a:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.mobile-nav summary:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: block; padding: 15px 0px; font-size: 18px; color: rgb(34, 34, 34); text-decoration: none; border-bottom: 1px solid rgb(238, 238, 238); cursor: pointer; list-style: none;}
.mobile-nav details:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){border-bottom: 1px solid rgb(238, 238, 238);}
.mobile-nav details summary:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor;}
.mobile-nav summary:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::-webkit-details-marker{display: none;}
.mobile-submenu:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 0px 0px 10px;}
.mobile-submenu-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 14px 0px 6px 14px; font-size: 16px; font-weight: 700; color: rgb(22, 119, 255);}
.mobile-submenu a.mobile-submenu-section-link:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){color: rgb(22, 119, 255); font-weight: 700;}
.mobile-submenu a:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: block; padding: 10px 0px 10px 14px; font-size: 16px; color: rgb(85, 85, 85); text-decoration: none;}
.mobile-nested-menu:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){border-bottom: 0px !important;}
.mobile-nav .mobile-nested-menu > summary:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative; padding: 10px 32px 10px 14px; color: rgb(85, 85, 85); font-size: 16px;}
.mobile-nav .mobile-nested-menu > summary:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::after{content: "+"; position: absolute; top: 50%; right: 8px; color: rgb(22, 119, 255); transform: translateY(-50%);}
.mobile-nav .mobile-nested-menu[open] > summary:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::after{content: "−";}
.mobile-nested-submenu a:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding-left: 28px;}
.search-overlay:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: fixed; inset: 0px; background: rgba(0, 0, 0, 0.35); z-index: 2600; display: none; align-items: flex-start; justify-content: center; padding-top: 110px;}
.search-overlay.is-open:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: flex;}
.search-bar:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(720px, 92vw); min-height: 64px; background: rgb(255, 255, 255); border-radius: 999px; display: flex; align-items: center; padding: 0px 18px; gap: 12px; box-shadow: rgba(0, 0, 0, 0.12) 0px 10px 30px;}
.search-bar-icon img:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 22px; height: 22px;}
.search-bar input:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){flex: 1 1 auto; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; outline: none; font-size: 16px; background: transparent;}
.search-close:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 22px; color: rgb(102, 102, 102); background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer;}
.modal-overlay:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: fixed; inset: 0px; background: rgba(0, 0, 0, 0.35); z-index: 2800; display: none; align-items: center; justify-content: center; padding: 24px;}
.modal-overlay.is-open:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: flex;}
.modal-panel:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative; width: min(980px, 96vw); max-height: 88vh; overflow-y: auto; background: rgb(255, 255, 255); border-radius: 20px; padding: 32px 28px; box-shadow: rgba(0, 0, 0, 0.12) 0px 16px 40px;}
.modal-close:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: absolute; top: 18px; right: 18px; font-size: 28px; color: rgb(102, 102, 102); background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer;}
.modal-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 28px; font-weight: 700; color: rgb(17, 17, 17); margin-bottom: 24px;}
.region-section + .region-section:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin-top: 24px;}
.region-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 18px; font-weight: 700; color: rgb(34, 34, 34); margin-bottom: 14px;}
.region-grid:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 14px;}
.region-item:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-height: 62px; padding: 14px 16px; border: 1px solid rgb(232, 232, 232); border-radius: 14px; display: flex; align-items: center; justify-content: space-between; gap: 10px; color: rgb(51, 51, 51); text-decoration: none;}
.region-item:hover:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){border-color: rgb(30, 136, 255); color: rgb(30, 136, 255);}
.region-lang:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){color: rgb(136, 136, 136); font-size: 14px;}
@media (max-width: 1600px) {.header-container:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(1360px, 96vw);}
.mega-menu:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(1240px, -24px + 100vw); max-width: calc(-24px + 100vw); padding: 0px;}
.mega-tabs:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding-inline: 24px;}
.mega-tabs:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::after{left: 24px; right: 24px;}
.mega-panel:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 24px; right: 24px;}
}
@media (max-width: 1440px) {.main-nav:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){gap: clamp(20px, 1.8vw, 32px);}
.main-nav > a:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.nav-item > a:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 17px;}
.mega-menu:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(1180px, -20px + 100vw); max-width: calc(-20px + 100vw); padding: 0px;}
.mega-tabs:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){gap: 14px; padding-inline: 24px;}
.mega-category-link:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 20px; padding-inline: 10px;}
.mega-category-icon:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 52px; height: 52px;}
.mega-panel:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 24px; right: 24px; gap: 10px 28px;}
.mega-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 18px;}
.mega-panel a:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 17px; line-height: 1.5;}
}
@media (max-width: 1366px) {.header-container:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(1320px, 96vw); gap: 18px;}
.main-nav:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){gap: clamp(16px, 1.25vw, 22px);}
.header-cta:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-height: 50px; padding: 0px 22px; font-size: 16px;}
.mega-menu:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: calc(-18px + 100vw); max-width: calc(-18px + 100vw); padding: 0px;}
.mega-tabs:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){gap: 10px; padding: 24px 18px;}
.mega-panel:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 18px; right: 18px; top: 128px;}
.mega-tabs:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::after{left: 18px; right: 18px; top: 104px;}
}
@media (max-width: 1280px) {.main-nav:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){gap: clamp(12px, 0.9vw, 16px);}
.main-nav > a:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.nav-item > a:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 16px;}
.mega-menu:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: calc(-16px + 100vw); max-width: calc(-16px + 100vw); padding: 0px;}
.applications-menu:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100vw; max-width: none; grid-template-columns: repeat(auto-fit, minmax(250px, max-content)); justify-content: start; gap: 28px 48px; padding: 30px 28px 34px;}
.mega-tabs:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){gap: 10px; padding-inline: 16px;}
.mega-tabs:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::after{left: 16px; right: 16px;}
.mega-category-link:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 19px;}
.mega-category-icon:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 52px; height: 52px;}
.mega-panel:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 16px; right: 16px; grid-template-columns: repeat(2, minmax(0px, 1fr));}
.mega-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 18px; line-height: 1.35;}
.mega-panel a:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 17px; line-height: 1.45; margin-bottom: 8px;}
}
@media (max-width: 1180px) {.header-container:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(100%, -24px + 100vw); gap: 12px;}
.logo img:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 132px;}
.main-nav:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){gap: clamp(10px, 1vw, 14px);}
.header-actions:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){gap: 8px;}
.utility-lang-btn:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: auto; justify-content: center;}
.utility-lang-btn .lang-btn-text:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: inline;}
.header-cta:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: none;}
.mega-menu:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: calc(-14px + 100vw); max-width: calc(-14px + 100vw); padding: 0px;}
.mega-tabs:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 22px 14px;}
.mega-panel:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 14px; right: 14px; top: 126px;}
.mega-tabs:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::after{left: 14px; right: 14px; top: 102px;}
}
@media (max-width: 1024px) {.header-topbar:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: none;}
.main-nav:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: none;}
.menu-btn:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: inline-flex;}
.header-container:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-height: 84px; gap: 14px;}
.logo img:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 136px;}
.lang-btn:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){max-width: 240px; padding: 0px 14px;}
.lang-btn-text:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mega-menu:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.dropdown-menu:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: none !important;}
}
@media (max-width: 768px) {.header-container:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(94vw, 100%);}
.logo img:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 112px;}
.header-actions:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){gap: 8px;}
.lang-btn:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 42px; height: 42px; border-radius: 50%; padding: 0px; justify-content: center; gap: 0px;}
.lang-btn-text:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: none;}
.search-btn:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.menu-btn:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 42px; height: 42px;}
.search-overlay:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding-top: 90px;}
.search-bar:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-height: 56px;}
.modal-panel:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){border-radius: 16px; padding: 24px 18px;}
.modal-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 24px; padding-right: 30px;}
.region-grid:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 1fr;}
}
@media (min-width: 1025px) {.mega-menu:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: fixed; top: 120px; left: 0px; transform: none; width: 100vw; max-width: none;}
.mega-tabs:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: minmax(360px, 390px) minmax(520px, 620px); gap: 40px; width: min(1260px, 100% - 64px); min-height: 620px; padding: 34px 0px 36px;}
.mega-tabs:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::before{left: 410px;}
.mega-tabs:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::after{display: none;}
.mega-panel:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 430px; right: 0px; top: 34px; grid-template-columns: 1fr; width: min(560px, 100% - 430px);}
.mega-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 30px; line-height: 1.2;}
.mega-panel a:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 18px; line-height: 1.35; margin-bottom: 0px;}
}
.hero.hero--feature-blog:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative; min-height: 84svh; color: rgb(255, 255, 255); overflow: hidden;}
.hero-media:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.hero-video:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.hero-overlay:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: absolute; inset: 0px;}
.hero-media:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){z-index: 0;}
.hero-video:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; height: 100%; object-fit: cover;}
.hero-overlay:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){z-index: 1; background: linear-gradient(90deg, rgba(7, 12, 22, 0.58) 0%, rgba(7, 12, 22, 0.3) 42%, rgba(7, 12, 22, 0.52) 100%);}
.hero-shell:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative; z-index: 2; width: min(1680px, 100% - 96px); margin: 0px auto; min-height: 84svh; display: grid; grid-template-columns: minmax(0px, 1fr); align-items: stretch; gap: 0px; box-sizing: border-box;}
.hero-copy:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: flex; flex-direction: column; justify-content: center; padding: clamp(0px, 12vh, 5px) 0px clamp(72px, 10vh, 120px) clamp(8px, 1vw, 12px); min-width: 0px; transform: translateY(30px);}
.hero-copy h1:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 0px; max-width: none; font-size: clamp(40px, 3.2vw, 58px); line-height: 1.04; font-weight: 700; letter-spacing: 0px; white-space: nowrap;}
.hero-copy p:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 26px 0px 0px; max-width: 780px; font-size: clamp(19px, 1.3vw, 24px); line-height: 1.8; color: rgba(255, 255, 255, 0.92);}
.hero-proof-strip:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: flex; flex-wrap: wrap; align-items: center; width: fit-content; max-width: min(920px, 100%); margin-top: 18px; padding: 10px 0px 10px 16px; border-left: 3px solid rgb(30, 136, 255); color: rgb(255, 255, 255); font-size: clamp(13px, 0.9vw, 15px); line-height: 1.35; font-weight: 700; text-shadow: rgba(0, 0, 0, 0.32) 0px 2px 12px;}
.hero-proof-strip span:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: inline-flex; align-items: center; min-height: 18px; white-space: nowrap;}
.hero-proof-strip span + span:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::before{content: ""; display: inline-block; width: 1px; height: 16px; margin: 0px 12px; background: rgba(255, 255, 255, 0.78);}
.hero-cta:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: inline-flex; align-items: center; justify-content: center; align-self: flex-start; margin-top: 34px; min-width: 166px; height: 62px; padding: 0px 44px; border: 1px solid rgba(255, 255, 255, 0.72); border-radius: 999px; color: rgb(255, 255, 255); text-decoration: none; font-size: 17px; font-weight: 700; backdrop-filter: blur(2px); transition: background-color 0.25s, color 0.25s, border-color 0.25s, transform 0.25s; box-sizing: border-box;}
.hero-proof-strip + a.hero-cta:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin-top: 24px;}
.hero-cta:hover:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){background: rgba(255, 255, 255, 0.96); color: rgb(17, 17, 17); transform: translateY(-1px);}
.hero-featured:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative; align-self: stretch; min-height: 100%; height: calc(-8px + 100svh); max-height: calc(-8px + 100svh); margin-left: 0px; padding: 18px 18px 16px; display: flex; flex-direction: column; border-left: 1px solid rgba(255, 255, 255, 0.08); background: linear-gradient(rgba(17, 24, 36, 0.36) 0%, rgba(13, 19, 30, 0.28) 42%, rgba(10, 16, 26, 0.4) 100%); backdrop-filter: blur(12px); overflow: hidden; box-sizing: border-box;}
.hero-featured__head:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 24px; flex: 0 0 auto;}
.hero-featured__eyebrow:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: inline-block; margin-bottom: 10px; font-size: 12px; line-height: 1; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255, 255, 255, 0.6);}
.hero-featured__head h2:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 0px; font-size: clamp(26px, 2vw, 36px); line-height: 1.08; font-weight: 600; color: rgb(255, 255, 255);}
.hero-featured__all:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; align-self: flex-start; margin: 0px; padding-top: 4px; font-size: 14px; font-weight: 500; color: rgba(255, 255, 255, 0.82); text-decoration: none; white-space: nowrap; transition: color 0.25s, transform 0.25s, opacity 0.25s;}
.hero-featured__all:hover:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){color: rgb(255, 255, 255); transform: translateX(2px);}
.hero-featured:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){height: 100svh; max-height: 100svh;}
.hero-featured__list:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: grid; grid-template-columns: 1fr; gap: 16px; width: 100%; min-width: 0px; padding-top: 0px; height: calc(-120px + 100svh); min-height: 0px; overflow: hidden auto; padding-right: 10px; padding-bottom: 140px; box-sizing: border-box; scrollbar-gutter: stable;}
.hero-featured__list:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, 0.35) rgba(255, 255, 255, 0.08);}
.hero-featured__list:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::-webkit-scrollbar{width: 8px;}
.hero-featured__list:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::-webkit-scrollbar-track{background: rgba(255, 255, 255, 0.08); border-radius: 999px;}
.hero-featured__list:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::-webkit-scrollbar-thumb{background: rgba(255, 255, 255, 0.28); border-radius: 999px;}
.hero-featured__list:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::-webkit-scrollbar-thumb:hover{background: rgba(255, 255, 255, 0.42);}
.hero-article-card:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: block; padding: 22px 20px; border-radius: 18px; text-decoration: none; color: rgb(255, 255, 255); background: linear-gradient(rgba(17, 25, 37, 0.78), rgba(17, 25, 37, 0.66)); border: 1px solid rgba(255, 255, 255, 0.08); transition: transform 0.25s, border-color 0.25s, background-color 0.25s, box-shadow 0.25s; box-sizing: border-box;}
.hero-article-card:hover:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){transform: translateY(-3px); border-color: rgba(255, 255, 255, 0.18); box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 26px; background: linear-gradient(rgba(17, 25, 37, 0.78), rgba(17, 25, 37, 0.66));}
.hero-article-card__tag:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: inline-block; margin-bottom: 12px; font-size: 12px; line-height: 1; text-transform: uppercase; letter-spacing: 0.04em; color: rgba(255, 255, 255, 0.58);}
.hero-article-card h3:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 0px; font-size: clamp(18px, 1.2vw, 24px); line-height: 1.38; font-weight: 600; letter-spacing: -0.01em; text-wrap: balance;}
.hero-article-card p:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 12px 0px 0px; font-size: clamp(13px, 0.95vw, 15px); line-height: 1.75; color: rgba(255, 255, 255, 0.82);}
.hero-article-card__more:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative; display: inline-flex; align-items: center; gap: 8px; margin-top: 14px; padding-bottom: 10px; font-size: 14px; color: rgb(255, 255, 255);}
.hero-article-card__more:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::before{content: ""; position: absolute; left: 0px; bottom: 0px; width: 52px; height: 3px; border-radius: 999px; background: rgb(30, 167, 255);}
@media (min-width: 1500px) {.hero-featured__list:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 18px;}
}
@media (min-width: 1200px) and (max-width: 1499px) {.hero-copy:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: flex; flex-direction: column; justify-content: center; padding: clamp(0px, 12vh, 5px) 0px clamp(72px, 10vh, 120px) clamp(8px, 1vw, 12px); min-width: 0px; transform: translateY(30px);}
.hero-shell:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 1fr;}
.hero-featured__list:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 1fr;}
}
@media (min-width: 768px) and (max-width: 1199px) {.hero.hero--feature-blog:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative; min-height: 92svh; color: rgb(255, 255, 255); overflow: hidden;}
.hero-shell:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(1380px, 100% - 30px); grid-template-columns: 1fr; min-height: auto; gap: 0px; margin-top: 160px;}
.hero-copy:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 120px 32px 0px; justify-content: flex-start;}
.hero-copy h1:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){max-width: 760px; font-size: clamp(34px, 5vw, 48px); white-space: normal; text-wrap-style: balance;}
.hero-copy p:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){max-width: 760px; font-size: 16px;}
.hero-proof-strip:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){max-width: 760px; margin-top: 16px; font-size: 13px;}
.hero-featured:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-height: 200px; height: 400px; max-height: 700px; margin-top: 20px; padding: 0px 24px; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; background: linear-gradient(rgba(17, 24, 36, 0.18) 0%, rgba(13, 19, 30, 0.18) 42%, rgba(10, 16, 26, 0.28) 100%);}
.hero-featured__head:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin-bottom: 14px;}
.hero-featured__eyebrow:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin-bottom: 6px; font-size: 11px;}
.hero-featured__head h2:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 24px; line-height: 1.1;}
.hero-featured__all:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 14px;}
.hero-featured__list:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: flex; flex-wrap: nowrap; gap: 16px; overflow: auto hidden; padding-bottom: 10px; padding-right: 6px; box-sizing: border-box; scroll-snap-type: x mandatory;}
.hero-article-card:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){flex: 0 0 420px; min-width: 420px; padding: 18px 18px 16px; border-radius: 18px; min-height: 290px; box-sizing: border-box; scroll-snap-align: start;}
.hero-article-card__tag:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin-bottom: 10px; font-size: 11px;}
.hero-article-card h3:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 18px; line-height: 1.35; margin: 0px 0px 10px;}
.hero-article-card p:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 14px; line-height: 1.7; margin: 0px 0px 12px;}
.hero-article-card__more:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 14px; margin-top: 0px;}
.hero-featured__list:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::-webkit-scrollbar{height: 8px;}
.hero-featured__list:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::-webkit-scrollbar-track{background: rgba(255, 255, 255, 0.08); border-radius: 999px;}
.hero-featured__list:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::-webkit-scrollbar-thumb{background: rgba(255, 255, 255, 0.28); border-radius: 999px;}
.hero-featured__list:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::-webkit-scrollbar-thumb:hover{background: rgba(255, 255, 255, 0.42);}
}
@media (max-width: 767px) {.hero.hero--feature-blog:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative; min-height: clamp(720px, 94svh, 840px); box-sizing: border-box; color: rgb(255, 255, 255); overflow: hidden; padding-bottom: clamp(26px, 6svh, 46px);}
.hero-shell:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: calc(100% - 24px); display: grid; grid-template-columns: 1fr; min-height: auto; gap: 0px; margin-top: clamp(156px, 20svh, 188px); padding-bottom: 0px; transform: translateY(var(--hero-mobile-lift, 0px));}
.hero-copy:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: clamp(36px, 6svh, 56px) 4px 0px; justify-content: flex-start; transform: none;}
.hero-copy h1:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){max-width: 100%; font-size: clamp(30px, 8.4vw, 34px); line-height: 1.14; margin: 0px 0px 12px; white-space: normal; text-wrap-style: balance;}
.hero-copy p:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){max-width: 100%; font-size: clamp(15.5px, 4vw, 16px); line-height: 1.68; margin: 0px 0px 22px;}
.hero-proof-strip:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; max-width: 100%; margin-top: 0px; margin-bottom: 20px; padding: 8px 0px 8px 12px; font-size: 12px;}
.hero-proof-strip span:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin-bottom: 4px;}
.hero-proof-strip span + span:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::before{height: 13px; margin: 0px 8px;}
.hero.hero--feature-blog .hero-cta:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; max-width: none; height: 48px; margin-top: 8px; border-radius: 0px; font-size: 14px;}
.hero-featured:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-height: auto; height: auto; max-height: none; margin-top: clamp(18px, 3svh, 28px); padding: 0px; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; background: transparent; backdrop-filter: none;}
.hero-featured__head:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 14px; padding: 0px 4px;}
.hero-featured__eyebrow:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin-bottom: 6px; font-size: 11px;}
.hero-featured__head h2:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 18px; line-height: 1.1; margin: 0px;}
.hero-featured__all:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 14px; flex-shrink: 0;}
.hero-featured__list:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: flex; flex-wrap: nowrap; gap: 14px; overflow: auto hidden; padding: 0px 4px 10px; box-sizing: border-box; scroll-snap-type: x; scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, 0.45) rgba(255, 255, 255, 0.12); min-height: 0px; align-items: flex-start; height: auto !important; max-height: none !important;}
.hero-article-card:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){flex: 0 0 88%; min-width: 88%; padding: 18px 18px 20px; border-radius: 20px; height: clamp(228px, 31svh, 270px); min-height: 0px; max-height: none; overflow: hidden auto; box-sizing: border-box; scroll-snap-align: start;}
.hero-article-card__tag:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin-bottom: 10px; font-size: 11px;}
.hero-article-card h3:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 18px; line-height: 1.35; margin: 0px 0px 12px;}
.hero-article-card p:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 14px; line-height: 1.75; margin: 0px 0px 16px;}
.hero-article-card__more:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 14px; margin-top: 0px;}
.hero-featured__list:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::-webkit-scrollbar{height: 6px;}
.hero-featured__list:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::-webkit-scrollbar-track{background: rgba(255, 255, 255, 0.12); border-radius: 999px;}
.hero-featured__list:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::-webkit-scrollbar-thumb{background: rgba(255, 255, 255, 0.42); border-radius: 999px;}
.hero-featured__list:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::-webkit-scrollbar-thumb:hover{background: rgba(255, 255, 255, 0.58);}
}
.quality-section:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative; z-index: 1; background: rgb(243, 247, 251); padding: clamp(60px, 5.4vw, 88px) 0px clamp(66px, 5.8vw, 96px); box-sizing: border-box;}
.quality-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(1680px, 100% - 80px); margin: 0px auto;}
.quality-head:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){--quality-head-offset: clamp(300px, 18.2vw, 410px); width: min(1180px, calc(100% - var(--quality-head-offset))); margin: 0 0 clamp(30px, 3vw, 44px) var(--quality-head-offset);}
.quality-eyebrow:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: block; margin-bottom: 14px; color: rgb(30, 136, 255); font-size: 14px; line-height: 1; font-weight: 700; letter-spacing: 0px; text-transform: uppercase;}
.quality-head h2:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 0px; color: rgb(35, 64, 95); font-size: clamp(28px, 2.1vw, 36px); line-height: 1.13; font-weight: 600; letter-spacing: 0px;}
.quality-head p:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 18px 0px 0px; max-width: 760px; color: rgb(35, 64, 95); font-size: clamp(16px, 1.05vw, 18px); line-height: 1.5;}
.quality-proof:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: grid; grid-template-columns: minmax(220px, 0.68fr) minmax(560px, 1.42fr) minmax(420px, 1.18fr); gap: clamp(24px, 2.8vw, 44px); align-items: start;}
.quality-proof__tabs:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: grid; gap: 16px;}
.quality-proof__tab:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-height: 88px; border: 0px; border-radius: 8px; padding: 0px 24px; background: rgb(255, 255, 255); color: rgb(35, 64, 95); font-size: clamp(15px, 0.9vw, 17px); line-height: 1.3; font-weight: 600; text-align: left; box-shadow: rgba(35, 64, 95, 0.08) 0px 14px 32px;}
.quality-proof__tab.is-active:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){background: rgb(30, 136, 255); color: rgb(255, 255, 255);}
.quality-proof__feature:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-width: 0px;}
.quality-proof__media:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){overflow: hidden; border-radius: 8px; background: rgb(231, 238, 247); aspect-ratio: 16 / 9;}
.quality-proof__image:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; height: 100%; display: block; object-fit: cover;}
.quality-proof__copy:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding-top: 24px;}
.quality-proof__kicker:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: block; color: rgb(35, 64, 95); font-size: 14px; line-height: 1.2; font-weight: 600; letter-spacing: 0px;}
.quality-proof__copy h3:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 12px 0px 14px; color: rgb(35, 64, 95); font-size: clamp(20px, 1.35vw, 24px); line-height: 1.18; font-weight: 600; letter-spacing: 0px;}
.quality-proof__copy p:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 0px; color: rgb(35, 64, 95); font-size: clamp(15px, 0.98vw, 17px); line-height: 1.55;}
.quality-proof__detail-link:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){color: rgb(30, 136, 255); font-weight: 600; text-decoration: none; background-image: linear-gradient(currentcolor, currentcolor); background-repeat: no-repeat; background-size: 100% 1px; background-position: 0px 100%;}
.quality-proof__metrics:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); background: rgb(255, 255, 255); border-radius: 8px; box-shadow: rgba(35, 64, 95, 0.08) 0px 14px 32px; overflow: hidden;}
.quality-proof__metric:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: clamp(20px, 1.75vw, 28px) 30px; text-align: center;}
.quality-proof__metric:nth-child(2n):where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){border-left: 1px solid rgb(215, 226, 238);}
.quality-proof__metric:nth-child(n+3):where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){border-top: 1px solid rgb(215, 226, 238);}
.quality-proof__number:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: block; color: rgb(35, 64, 95); font-size: clamp(32px, 2.1vw, 44px); line-height: 1; font-weight: 600; letter-spacing: 0px;}
.quality-proof__metric--maintenance .quality-proof__number:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){color: rgb(30, 136, 255); font-size: clamp(38px, 2.45vw, 50px);}
.quality-proof__label:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: block; margin-top: 14px; color: rgb(35, 64, 95); font-size: clamp(17px, 1.05vw, 20px); line-height: 1.25; font-weight: 600;}
.quality-proof__metric p:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 8px auto 0px; max-width: 26ch; color: rgb(35, 64, 95); font-size: 14px; line-height: 1.38;}
.quality-grid:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 24px;}
.quality-card:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-width: 0px; display: grid; grid-template-columns: minmax(180px, 0.36fr) minmax(0px, 1fr); background: rgb(255, 255, 255); border: 1px solid rgb(215, 226, 238); border-radius: 8px; overflow: hidden; box-shadow: none;}
.quality-card__media:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative; min-height: 226px; background: linear-gradient(135deg, rgba(30, 136, 255, 0.1), rgba(255, 255, 255, 0.82)), rgb(231, 238, 247); border-right: 1px solid rgb(215, 226, 238); overflow: hidden;}
.quality-card__image:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: absolute; inset: 0px; width: 100%; height: 100%; display: block; object-fit: cover;}
.quality-card__body:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-width: 0px; display: flex; flex-direction: column; padding: 28px 28px 22px;}
.quality-card h3:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 14px 0px 12px; color: rgb(35, 64, 95); font-size: clamp(18px, 1.15vw, 22px); line-height: 1.28; font-weight: 600; letter-spacing: 0px;}
.quality-card__kicker:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){color: rgb(35, 64, 95); font-size: 14px; line-height: 1.2; font-weight: 600; letter-spacing: 0px; text-transform: uppercase;}
.quality-card__body p:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 0px; max-width: 56ch; color: rgb(35, 64, 95); font-size: 17px; line-height: 1.55;}
.quality-card__badges:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: flex; flex-wrap: wrap; gap: 10px; margin-top: auto; padding-top: 34px;}
.quality-card__badge:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: inline-flex; align-items: center; min-height: 30px; padding: 0px 12px; border-radius: 999px; background: rgb(238, 243, 249); color: rgb(35, 64, 95); font-size: 13px; line-height: 1; font-weight: 600; white-space: nowrap;}
.product-showcase-section:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative; background: rgb(255, 255, 255); padding: clamp(76px, 6.5vw, 118px) 0px clamp(84px, 7vw, 128px); box-sizing: border-box;}
.product-custom-section:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding-bottom: 0px;}
.product-custom-section .product-custom:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin-bottom: 0px;}
.product-products-section:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding-top: clamp(58px, 5.5vw, 92px);}
.product-showcase-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(1760px, 100% - 80px); margin: 0px auto;}
.product-custom:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: grid; grid-template-columns: minmax(420px, 0.95fr) minmax(420px, 1.05fr); gap: clamp(44px, 5vw, 96px); align-items: center; margin-bottom: clamp(58px, 5.5vw, 92px);}
.product-custom__media:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){overflow: hidden; border-radius: 8px; background: rgb(238, 243, 248); aspect-ratio: 16 / 9;}
.product-custom__media img:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; height: 100%; display: block; object-fit: cover;}
.product-custom__copy:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){max-width: 720px;}
.product-showcase__eyebrow:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: block; margin: 0px 0px 14px; color: rgb(30, 136, 255); font-size: 14px; line-height: 1; font-weight: 700; letter-spacing: 0px; text-transform: uppercase;}
.product-custom__copy h2:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 0px; color: rgb(35, 64, 95); font-size: clamp(28px, 2.1vw, 36px); line-height: 1.13; font-weight: 600; letter-spacing: 0px;}
.product-custom__copy p:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 22px 0px 0px; color: rgb(35, 64, 95); font-size: clamp(17px, 1.08vw, 19px); line-height: 1.62;}
.product-custom__points:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: grid; gap: 12px; margin: 26px 0px 0px; padding-left: 20px;}
.product-custom__points li:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){color: rgb(35, 64, 95); font-size: 16px; line-height: 1.45; font-weight: 500;}
.product-custom__points li:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::marker{color: rgb(30, 136, 255); font-size: 0.85em;}
.product-custom__cta:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: fit-content; min-height: 58px; display: inline-flex; align-items: center; justify-content: center; margin-top: 34px; padding: 0px 34px; border: 1px solid rgb(30, 136, 255); border-radius: 6px; background: rgb(30, 136, 255); color: rgb(255, 255, 255); font-size: 17px; line-height: 1; font-weight: 800; text-decoration: none; box-shadow: rgba(30, 136, 255, 0.22) 0px 12px 28px; transition: transform 0.2s, box-shadow 0.2s, background 0.2s;}
.product-custom__cta:hover:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){transform: translateY(-2px); background: rgb(15, 118, 234); box-shadow: rgba(30, 136, 255, 0.28) 0px 16px 34px;}
.product-showcase__rail:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-width: 0px;}
.product-showcase__head:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; margin-bottom: 24px;}
.product-showcase__head h2:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.product-showcase__head h3:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 0px; color: rgb(35, 64, 95); font-size: clamp(26px, 2vw, 38px); line-height: 1.15; font-weight: 600; letter-spacing: 0px;}
.product-showcase__filters:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); align-items: stretch; gap: 0px; width: min(100%, 1320px); max-width: 100%; margin: 4px 0px 32px; padding: 0px; border-top: 1px solid rgb(17, 17, 17); border-bottom: 1px solid rgb(17, 17, 17); border-radius: 0px; background: rgb(255, 255, 255); box-shadow: none; overflow: hidden;}
.product-filter:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative; min-height: 78px; border-width: 0px 1px 0px 0px; border-style: none solid none none; border-color: currentcolor rgb(17, 17, 17) currentcolor currentcolor; border-image: initial; border-radius: 0px; padding: 0px 18px; box-sizing: border-box; background: rgb(255, 255, 255); color: rgb(17, 17, 17); font-size: 16px; line-height: 1.25; font-weight: 700; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; text-align: center; box-shadow: none; transition: color 0.2s, background 0.2s; white-space: normal;}
.product-filter:last-child:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){border-right: 0px;}
.product-filter:has(+ .product-filter.is-active):where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){border-right-color: rgb(30, 136, 255);}
.product-filter:hover:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){color: rgb(30, 136, 255); background: rgb(247, 251, 255);}
.product-filter.is-active:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){background: rgb(30, 136, 255); color: rgb(255, 255, 255); border: 1px solid rgb(30, 136, 255); margin: -1px 0px;}
.product-carousel:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative; width: 100vw; margin: 28px 0px 0px calc(50% - 50vw);}
.product-marquee:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100vw; overflow: auto hidden; padding: 132px 0px 10px; scroll-behavior: smooth; scrollbar-width: none;}
.product-marquee:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::-webkit-scrollbar{display: none;}
.product-track:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: max-content; display: flex; gap: 34px; padding: 0px clamp(72px, 5.5vw, 110px);}
.product-carousel-arrow:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: absolute; top: 50%; z-index: 4; width: 54px; height: 54px; border: 1px solid rgba(35, 64, 95, 0.16); border-radius: 50%; background: rgb(255, 255, 255); color: rgb(35, 64, 95); font-size: 38px; line-height: 1; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: rgba(35, 64, 95, 0.16) 0px 14px 34px; transform: translateY(-10%);}
.product-carousel-arrow:hover:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){color: rgb(255, 255, 255); background: rgb(30, 136, 255); border-color: rgb(30, 136, 255);}
.product-carousel-arrow--prev:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 22px;}
.product-carousel-arrow--next:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){right: 22px;}
.product-card:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){flex: 0 0 clamp(300px, 28vw, 420px); min-width: 0px; display: flex; flex-direction: column; min-height: 316px; padding: 0px 28px 34px; border-radius: 0px; background: rgb(245, 245, 244); box-sizing: border-box;}
.product-card[hidden]:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: none;}
.product-card__image:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative; height: 230px; display: flex; align-items: center; justify-content: center; margin: -132px 0px 34px;}
.product-card__image:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::after{content: ""; position: absolute; left: 50%; bottom: 22px; width: min(68%, 220px); height: 24px; transform: translateX(-50%); background: radial-gradient(rgba(12, 24, 38, 0.22) 0%, rgba(12, 24, 38, 0.12) 42%, rgba(12, 24, 38, 0) 74%); filter: blur(8px); pointer-events: none;}
.product-card__image img:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative; z-index: 1; max-width: 100%; max-height: 100%; display: block; object-fit: contain;}
.product-card__code:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){color: rgb(35, 64, 95); font-size: 14px; line-height: 1; font-weight: 700; letter-spacing: 0px;}
.product-card h3:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.product-card h4:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 20px 0px 0px; color: rgb(17, 17, 17); font-size: clamp(22px, 1.55vw, 28px); line-height: 1.25; font-weight: 500; letter-spacing: 0px;}
.product-card p:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 14px 0px 0px; color: rgb(47, 47, 47); font-size: 16px; line-height: 1.5;}
.product-card__read-more:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin-top: auto; padding-top: 22px; color: rgb(30, 136, 255); font-size: 16px; line-height: 1; font-weight: 700;}
.product-category-controls:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: inline-flex; gap: 12px; flex: 0 0 auto;}
.product-category-arrow:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 52px; height: 52px; border: 1px solid rgba(35, 64, 95, 0.16); border-radius: 50%; background: rgb(255, 255, 255); color: rgb(35, 64, 95); font-size: 34px; line-height: 1; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: rgba(35, 64, 95, 0.13) 0px 12px 28px; transition: background-color 0.22s, border-color 0.22s, color 0.22s, transform 0.22s;}
.product-category-arrow:hover:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){background: rgb(30, 136, 255); border-color: rgb(30, 136, 255); color: rgb(255, 255, 255); transform: translateY(-1px);}
.product-category-carousel:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative;}
.product-category-viewport:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: calc(100vw - max(40px, -880px + 50vw)); overflow: auto hidden; scroll-behavior: smooth; scrollbar-width: none; margin-top: 56px; padding-top: 116px;}
.product-category-viewport:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::-webkit-scrollbar{display: none;}
.product-category-track:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: flex; gap: 38px; width: max-content; padding: 0px 0px 8px;}
.product-category-card:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){flex: 0 0 clamp(460px, 30vw, 560px); min-width: 0px; min-height: 510px; display: flex; flex-direction: column; padding: 0px 32px 36px; background: rgb(245, 245, 244); color: rgb(17, 17, 17); text-decoration: none; box-sizing: border-box; transition: transform 0.24s, box-shadow 0.24s;}
.product-category-card:hover:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){transform: translateY(-3px); box-shadow: rgba(35, 64, 95, 0.12) 0px 18px 42px;}
.product-category-card__image:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative; height: 228px; display: flex; align-items: center; justify-content: center; margin: -116px 0px 30px;}
.product-category-card__image:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::after{content: ""; position: absolute; left: 50%; bottom: 20px; width: min(70%, 220px); height: 24px; transform: translateX(-50%); background: radial-gradient(rgba(12, 24, 38, 0.2) 0%, rgba(12, 24, 38, 0.1) 42%, rgba(12, 24, 38, 0) 74%); filter: blur(8px); pointer-events: none;}
.product-category-card__image img:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative; z-index: 1; max-width: 100%; max-height: 100%; display: block; object-fit: contain;}
.product-category-card__image .product-category-card__thermostat-image:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 280px; height: auto;}
.product-category-card__code:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){color: rgb(35, 64, 95); font-size: 14px; line-height: 1; font-weight: 700; letter-spacing: 0px;}
.product-category-card h3:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 18px 0px 0px; color: rgb(17, 17, 17); font-size: clamp(24px, 1.55vw, 30px); line-height: 1.22; font-weight: 400; letter-spacing: 0px;}
.product-category-card ul:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: grid; gap: 8px; margin: 18px 0px 0px; padding: 0px; list-style: none;}
.product-category-card > ul > li:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative; padding-left: 14px; color: rgb(63, 71, 82); font-size: 15px; line-height: 1.42;}
.product-category-card > ul > li:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::before{content: ""; position: absolute; left: 0px; top: 0.7em; width: 5px; height: 5px; border-radius: 50%; background: rgb(30, 136, 255);}
.product-category-card__nested:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: grid; gap: 6px; margin: 8px 0px 0px; padding: 0px; list-style: none;}
.product-category-card__nested li:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative; padding-left: 14px; color: rgb(104, 115, 131); font-size: 14px; line-height: 1.35;}
.product-category-card__nested li:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::before{content: ""; position: absolute; left: 0px; top: 0.72em; width: 8px; height: 1px; border-radius: 0px; background: rgb(139, 191, 255);}
.product-category-card__read-more:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin-top: auto; padding-top: 24px; color: rgb(30, 136, 255); font-size: 16px; line-height: 1; font-weight: 700;}
.scenario-section:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative; background: rgb(87, 137, 203); padding: clamp(44px, 4.2vw, 68px) 0px clamp(48px, 4.6vw, 72px);}
.scenario-nav:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: absolute; top: clamp(44px, 4.2vw, 68px); bottom: clamp(48px, 4.6vw, 72px); width: 1px; z-index: 2;}
.scenario-nav--prev:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: max(120px, 50% - 900px);}
.scenario-nav--next:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){right: max(120px, 50% - 900px);}
.scenario-arrow:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: absolute; top: 50%; width: 96px; height: 96px; border: 0px; background: transparent; color: rgb(255, 255, 255); cursor: pointer;}
.scenario-arrow:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::before{content: ""; position: absolute; top: 50%; left: 50%; width: 34px; height: 34px; border-left: 5px solid; border-bottom: 5px solid;}
.scenario-arrow--prev:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::before{transform: translate(-28%, -50%) rotate(45deg);}
.scenario-arrow--next:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::before{transform: translate(-72%, -50%) rotate(-135deg);}
.scenario-nav--prev .scenario-arrow:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){right: 34px; transform: translateY(-50%);}
.scenario-nav--next .scenario-arrow:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 34px; transform: translateY(-50%);}
.scenario-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(1500px, 100% - 80px); margin: 0px auto;}
.scenario-head:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){max-width: 820px; margin: 0px 0px clamp(18px, 2vw, 26px); text-align: left;}
.scenario-eyebrow:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: block; margin: 0px 0px 14px; color: rgb(143, 197, 255); font-size: 14px; line-height: 1; font-weight: 700; letter-spacing: 0px; text-transform: uppercase;}
.scenario-head h2:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 0px; color: rgb(255, 255, 255); font-size: clamp(28px, 2.1vw, 36px); line-height: 1.13; font-weight: 600; letter-spacing: 0px;}
.scenario-feature:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: grid; grid-template-columns: minmax(380px, 0.68fr) minmax(860px, 1.7fr); gap: clamp(36px, 5vw, 96px); align-items: center;}
.scenario-feature__copy:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 0px;}
.scenario-feature h3:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 0px; color: rgb(255, 255, 255); font-size: clamp(30px, 2.3vw, 44px); line-height: 1.2; font-weight: 700; letter-spacing: 0px;}
.scenario-feature p:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 20px 0px 0px; max-width: 58ch; color: rgb(255, 255, 255); font-size: clamp(16px, 1vw, 18px); line-height: 1.6;}
.scenario-feature ul:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: grid; grid-template-columns: 1fr; gap: 10px; margin: 30px 0px 0px; padding: 0px; list-style: none;}
.scenario-feature li:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 0px;}
.scenario-link:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: inline-flex; width: fit-content; min-height: 38px; align-items: center; border: 1px solid rgba(255, 255, 255, 0.62); border-radius: 999px; padding: 0px 16px; color: rgb(255, 255, 255); font-size: clamp(15px, 0.98vw, 17px); line-height: 1; font-weight: 600; text-decoration: none;}
.scenario-link:hover:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){background: rgb(255, 255, 255); color: rgb(87, 137, 203);}
.scenario-feature__media:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-height: 360px; height: clamp(390px, 34vw, 500px); aspect-ratio: 16 / 9; background: transparent;}
.scenario-feature__image:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; height: 100%; display: block; object-fit: cover;}
.scenario-tabs:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 0px; margin-top: 82px; border-top: 1px solid rgba(255, 255, 255, 0.34); border-left: 1px solid rgba(255, 255, 255, 0.34);}
.scenario-tab:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-height: 86px; border-width: 0px 1px 1px 0px; border-style: none solid solid none; border-color: currentcolor rgba(255, 255, 255, 0.34) rgba(255, 255, 255, 0.34) currentcolor; border-image: initial; border-radius: 0px; padding: 16px 20px; background: transparent; color: rgb(255, 255, 255); font-size: 15px; line-height: 1.25; font-weight: 700; text-align: center; cursor: pointer;}
.scenario-tab.is-active:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){background: rgba(255, 255, 255, 0.14); color: rgb(255, 255, 255);}
.home-solutions-section:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative; z-index: 3; background: rgb(255, 255, 255); padding: clamp(64px, 5.2vw, 92px) 0px clamp(70px, 5.8vw, 104px); overflow: visible;}
.home-solutions-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(1680px, 100% - 80px); margin: 0px auto;}
.home-solutions-head:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin: 0px 0px 34px;}
.home-solutions-eyebrow:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: block; margin: 0px 0px 14px; color: rgb(30, 136, 255); font-size: 14px; line-height: 1; font-weight: 700; letter-spacing: 0px; text-transform: uppercase;}
.home-solutions-head h2:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 0px; color: rgb(35, 64, 95); font-size: clamp(28px, 2.1vw, 36px); line-height: 1.13; font-weight: 600; letter-spacing: 0px;}
.home-solutions-controls:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: inline-flex; gap: 12px; flex: 0 0 auto;}
.home-solutions-arrow:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 52px; height: 52px; border: 1px solid rgba(35, 64, 95, 0.16); border-radius: 50%; background: rgb(255, 255, 255); color: rgb(35, 64, 95); font-size: 34px; line-height: 1; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: rgba(35, 64, 95, 0.13) 0px 12px 28px; transition: background-color 0.22s, border-color 0.22s, color 0.22s, transform 0.22s;}
.home-solutions-arrow:hover:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){background: rgb(30, 136, 255); border-color: rgb(30, 136, 255); color: rgb(255, 255, 255); transform: translateY(-1px);}
.home-solutions-carousel:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%;}
.home-solutions-viewport:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-height: 616px; overflow: auto hidden; scroll-behavior: smooth; scrollbar-width: none;}
.home-solutions-viewport:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::-webkit-scrollbar{display: none;}
.home-solutions-track:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: flex; gap: 34px; width: max-content; padding: 0px 0px 6px;}
.home-solution-card:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){flex: 0 0 clamp(360px, 30vw, 470px); display: flex; min-height: 610px; flex-direction: column; background: rgb(245, 245, 244); color: rgb(17, 17, 17); text-decoration: none; overflow: hidden; transition: transform 0.24s, box-shadow 0.24s;}
.home-solution-card:hover:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){transform: translateY(-3px); box-shadow: rgba(35, 64, 95, 0.12) 0px 18px 42px;}
.home-solution-card__media:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: block; width: 100%; aspect-ratio: 16 / 10; background: rgb(238, 244, 249); overflow: hidden;}
.home-solution-card__media img:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: block; width: 100%; height: 100%; object-fit: cover;}
.home-solution-card__body:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: flex; flex: 1 1 0%; flex-direction: column; align-items: flex-start; padding: clamp(28px, 2.2vw, 38px) clamp(26px, 2.2vw, 40px) clamp(30px, 2.4vw, 42px);}
.home-solution-card h3:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 0px; color: rgb(17, 17, 17); font-size: clamp(20px, 1.25vw, 26px); line-height: 1.24; font-weight: 400; letter-spacing: 0px;}
.home-solution-card p:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 22px 0px 0px; color: rgb(95, 102, 112); font-size: clamp(15px, 0.92vw, 18px); line-height: 1.46; font-weight: 400;}
.home-solution-card__cta:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: inline-flex; align-items: center; justify-content: center; min-width: 132px; height: 50px; margin-top: auto; padding: 0px 24px; background: rgb(30, 136, 255); color: rgb(255, 255, 255); font-size: 17px; line-height: 1; font-weight: 500; text-decoration: none;}
@media (max-width: 1100px) {.scenario-nav:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: none;}
.quality-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(100%, 100% - 48px);}
.home-solutions-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(100%, 100% - 48px);}
.product-showcase-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(100%, 100% - 48px);}
.scenario-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(100%, 100% - 48px);}
.product-custom:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); gap: 36px;}
.quality-card__media:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-height: 220px;}
.quality-card h3:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 20px;}
}
@media (max-width: 900px) {.product-custom:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 1fr;}
.scenario-feature:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 1fr;}
.scenario-feature__media:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-height: 300px; height: 300px; order: -1;}
.scenario-tabs:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: repeat(2, minmax(0px, 1fr));}
.product-showcase__head:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){align-items: flex-start;}
.product-showcase__filters:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){flex-wrap: nowrap; overflow-x: auto; padding-bottom: 8px; scrollbar-width: thin;}
.product-filter:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){flex: 0 0 auto;}
.product-card:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){flex-basis: clamp(280px, 58vw, 380px);}
.product-category-track:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){gap: 28px;}
.product-category-card:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){flex-basis: clamp(420px, 68vw, 520px);}
.home-solution-card:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){flex-basis: clamp(320px, 72vw, 440px); min-height: 560px;}
.home-solutions-viewport:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-height: 566px;}
.quality-proof:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 1fr;}
.quality-proof__media:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){aspect-ratio: 16 / 10;}
.quality-proof__tabs:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: repeat(2, minmax(0px, 1fr));}
.quality-proof__tabs .quality-proof__feature:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-column: 1 / -1; margin: 0px 0px 12px;}
.quality-grid:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 1fr;}
}
@media (max-width: 560px) {.product-showcase-section:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 56px 0px 66px;}
.product-showcase-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: calc(100% - 28px);}
.product-custom:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){gap: 24px; margin-bottom: 42px;}
.product-custom__copy h2:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: clamp(26px, 7vw, 32px);}
.product-custom__points:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){gap: 8px;}
.product-card:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){flex-basis: 280px; min-height: 300px; padding: 0px 22px 28px;}
.product-card__image:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){height: 170px; margin: -96px 0px 30px;}
.product-showcase__head:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){gap: 18px;}
.product-category-controls:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){gap: 8px;}
.product-category-arrow:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 44px; height: 44px; font-size: 28px;}
.product-category-viewport:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: calc(-14px + 100vw); margin-top: 36px; padding-top: 88px;}
.product-category-track:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){gap: 18px;}
.product-category-card:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){flex-basis: 78vw; min-height: 0px; padding: 0px 22px 28px;}
.product-category-card__image:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){height: 170px; margin: -88px 0px 26px;}
.product-category-card h3:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: clamp(22px, 6vw, 28px);}
.scenario-section:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 56px 0px 64px;}
.scenario-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: calc(100% - 28px);}
.scenario-head:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin-bottom: 28px; text-align: left;}
.scenario-head h2:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: clamp(26px, 7vw, 32px);}
.scenario-feature__copy:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 26px 22px 30px;}
.scenario-feature h3:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: clamp(25px, 7vw, 32px);}
.scenario-feature ul:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 1fr; gap: 10px; margin-top: 22px;}
.scenario-feature__media:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-height: 220px; height: 220px;}
.scenario-tabs:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 1fr; margin-top: 24px;}
.scenario-tab:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-height: 72px; padding: 14px 16px;}
.home-solutions-section:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 56px 0px 64px;}
.home-solutions-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: calc(100% - 28px);}
.home-solutions-head:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){align-items: flex-start; margin-bottom: 24px;}
.home-solutions-head h2:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: clamp(26px, 7vw, 32px);}
.home-solutions-controls:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){gap: 8px;}
.home-solutions-arrow:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 44px; height: 44px; font-size: 28px;}
.home-solutions-track:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){gap: 18px;}
.home-solution-card:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){flex-basis: 82vw; min-height: 520px;}
.home-solutions-viewport:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-height: 526px;}
.home-solution-card h3:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: clamp(22px, 6vw, 28px);}
.home-solution-card p:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 15px;}
.quality-section:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 54px 0px 62px;}
.quality-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: calc(100% - 28px);}
.quality-head:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; margin: 0px 0px 28px;}
.quality-head h2:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: clamp(25px, 7vw, 32px);}
.quality-proof:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){gap: 18px;}
.quality-proof__tabs:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 1fr; gap: 12px;}
.quality-proof__tab:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-height: 72px; padding: 0px 18px;}
.quality-proof__copy:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding-top: 20px;}
.quality-proof__metrics:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 1fr;}
.quality-proof__metric:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 26px 18px;}
.quality-proof__metric:nth-child(2n):where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){border-left: 0px;}
.quality-proof__metric:nth-child(n+2):where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){border-top: 1px solid rgb(215, 226, 238);}
.quality-grid:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 1fr; gap: 16px;}
.quality-card:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 1fr;}
.quality-card__media:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-height: 0px; aspect-ratio: 16 / 10; border-right: 0px; border-bottom: 1px solid rgb(215, 226, 238);}
.quality-card__body:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 22px 18px 20px;}
.quality-card h3:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 18px;}
.quality-card__body p:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 15px;}
.quality-card__badges:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding-top: 24px;}
}
.cover-section:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative; z-index: 2; background: rgb(247, 247, 247); margin-top: 10px; padding-top: 0px; padding-bottom: 30px;}
.cover-head:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){text-align: center; padding: 68px 20px 28px;}
.cover-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 0px; font-size: clamp(22px, 2.6vw, 40px); font-weight: 600; color: rgb(34, 34, 34); letter-spacing: 0px;}
.cover-underline:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 48px; height: 3px; background: rgb(30, 136, 255); margin: 14px auto 0px; border-radius: 2px;}
@media (max-width: 1200px) {:root:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){--hero-pad-x: 22px;}
.hero-content p:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){max-width: 680px;}
}
@media (max-width: 992px) {:root:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){--hero-pad-x: 20px;}
.hero-overlay:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){background: rgba(0, 0, 0, 0.32);}
.hero-content p:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){max-width: 620px;}
}
@media (max-width: 768px) {:root:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){--header-height: 72px; --hero-pad-x: 18px;}
.hero:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-height: 560px;}
.hero-content:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){text-align: left;}
.hero-content p:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){max-width: 50ch;}
.hero-content h1:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: clamp(24px, 6.5vw, 34px); line-height: 1.15;}
.hero-cta:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin-top: 0px; padding: 12px 26px; display: inline-flex; justify-content: center; align-items: center; text-align: center;}
.cover-section:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding-bottom: 10px;}
.cover-head:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 46px 16px 18px;}
}
@media (max-width: 480px) {:root:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){--header-height: 64px; --hero-pad-x: 14px;}
.hero:not(.hero--feature-blog):where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-height: 810px;}
.hero-content h1:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: clamp(28px, 8.2vw, 20px); line-height: 1.1; text-align: left;}
.hero-content p:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 14px; line-height: 1.8; max-width: 100ch; text-align: left;}
.hero-cta:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; max-width: 260px; text-align: center;}
}
.vision-section:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; background: rgb(247, 247, 247); padding: 74px 0px 72px; box-sizing: border-box;}
.vision-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(1720px, 100% - 80px); margin: 0px auto; display: grid; grid-template-columns: minmax(0px, 1.68fr) minmax(300px, 0.92fr); column-gap: 96px; align-items: start; box-sizing: border-box;}
.vision-left:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: grid; grid-template-columns: 34px minmax(0px, 1fr); column-gap: 20px; align-items: start; min-width: 0px;}
.vision-mark:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 26px; height: 26px; margin-top: 10px; background: linear-gradient(135deg, rgb(0, 139, 213), rgb(0, 139, 213)); clip-path: polygon(0px 100%, 100% 0px, 100% 100%); flex-shrink: 0;}
.vision-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 0px; font-size: 32px; line-height: 1.42; font-weight: 700; letter-spacing: 0.01em; color: rgb(0, 139, 213); word-break: break-word;}
.vision-title span:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: block; margin-top: 12px; color: rgb(124, 192, 64);}
.vision-right:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; min-width: 0px; place-self: start; padding-top: 10px;}
.vision-right p:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 0px; max-width: 26em; font-size: 18px; line-height: 1.9; color: rgb(51, 51, 51); word-break: break-word;}
@media (max-width: 1800px) {.vision-section:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 70px 0px 68px;}
.vision-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(1660px, 100% - 72px); grid-template-columns: minmax(0px, 1.64fr) minmax(300px, 0.94fr); column-gap: 84px;}
.vision-left:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 32px minmax(0px, 1fr); column-gap: 18px;}
.vision-mark:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 24px; height: 24px; margin-top: 10px;}
}
@media (max-width: 1600px) {.vision-section:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 64px 0px 62px;}
.vision-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(1500px, 100% - 64px); grid-template-columns: minmax(0px, 1.58fr) minmax(290px, 0.96fr); column-gap: 70px;}
.vision-left:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 30px minmax(0px, 1fr); column-gap: 17px;}
.vision-mark:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 22px; height: 22px; margin-top: 9px;}
.vision-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 32px; line-height: 1.4;}
.vision-title span:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin-top: 10px;}
.vision-right:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding-top: 8px;}
.vision-right p:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 18px; line-height: 1.86; max-width: 25em;}
}
@media (max-width: 1440px) {.vision-section:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 58px 0px 56px;}
.vision-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(1360px, 100% - 56px); grid-template-columns: minmax(0px, 1.5fr) minmax(280px, 0.98fr); column-gap: 56px;}
.vision-left:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 28px minmax(0px, 1fr); column-gap: 15px;}
.vision-mark:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 20px; height: 20px; margin-top: 8px;}
.vision-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 30px; line-height: 1.4;}
.vision-title span:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin-top: 10px;}
.vision-right:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding-top: 6px;}
.vision-right p:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 17px; line-height: 1.84; max-width: 25em;}
}
@media (max-width: 1280px) {.vision-section:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 54px 0px 52px;}
.vision-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(1220px, 100% - 48px); grid-template-columns: minmax(0px, 1.42fr) minmax(270px, 1fr); column-gap: 42px;}
.vision-left:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 26px minmax(0px, 1fr); column-gap: 14px;}
.vision-mark:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 18px; height: 18px; margin-top: 8px;}
.vision-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 28px; line-height: 1.4;}
.vision-title span:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin-top: 8px;}
.vision-right:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding-top: 2px;}
.vision-right p:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 16px; line-height: 1.82; max-width: 24em;}
}
@media (max-width: 1200px) {.vision-section:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 48px 0px;}
.vision-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(1120px, 100% - 40px); grid-template-columns: minmax(0px, 1.3fr) minmax(250px, 1fr); column-gap: 34px;}
.vision-left:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 24px minmax(0px, 1fr); column-gap: 12px;}
.vision-mark:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 18px; height: 18px; margin-top: 8px;}
.vision-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 32px; line-height: 1.35;}
.vision-title span:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin-top: 8px;}
.vision-right:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding-top: 0px;}
.vision-right p:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 18px; line-height: 1.8; max-width: 23em;}
}
@media (max-width: 992px) {.vision-section:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 42px 0px;}
.vision-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(920px, 100% - 32px); grid-template-columns: minmax(0px, 1.18fr) minmax(220px, 1fr); column-gap: 24px;}
.vision-left:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 22px minmax(0px, 1fr); column-gap: 10px;}
.vision-mark:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 16px; height: 16px; margin-top: 8px;}
.vision-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 28px; line-height: 1.36;}
.vision-title span:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin-top: 8px;}
.vision-right p:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 16px; line-height: 1.78; max-width: 22em;}
}
@media (max-width: 768px) {.vision-section:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 34px 0px;}
.vision-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(100%, 430px); padding: 0px 16px; grid-template-columns: 1fr; gap: 18px 0px;}
.vision-left:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 18px minmax(0px, 1fr); column-gap: 10px;}
.vision-mark:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 14px; height: 14px; margin-top: 7px;}
.vision-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 22px; line-height: 1.38; letter-spacing: 0.01em;}
.vision-title span:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: block; margin-top: 8px;}
.vision-right:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding-top: 0px;}
.vision-right p:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){max-width: none; font-size: 13px; line-height: 1.9;}
}
@media (max-width: 480px) {.vision-section:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 28px 0px;}
.vision-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 0px 14px;}
.vision-left:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 16px minmax(0px, 1fr); column-gap: 8px;}
.vision-mark:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 12px; height: 12px; margin-top: 6px;}
.vision-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 17px; line-height: 1.42;}
.vision-title span:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin-top: 6px;}
.vision-right p:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 13px; line-height: 1.65;}
}
.scene-slider:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative; left: -40px; width: 1200px; height: auto; margin: 0px auto; overflow: visible;}
.scene-viewport:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){height: 920px; border-radius: 5px; overflow: hidden; position: relative;}
.scene-track:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: flex; height: 100%; transition: transform 0.5s;}
.scene-slide:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; height: 100%; flex: 0 0 100%; align-items: center; justify-content: center;}
.scene-slide img:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; height: 100%; object-position: center center; display: block;}
.scene-arrow:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: absolute; top: 103%; transform: translateY(-50%); z-index: 10; width: 48px; height: 48px; border-radius: 999px; border: 1px solid rgba(0, 0, 0, 0.18); background: rgba(255, 255, 255, 0.55); color: rgb(17, 17, 17); font-size: 30px; line-height: 46px; cursor: pointer; backdrop-filter: blur(8px);}
.scene-arrow.left:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 180px;}
.scene-arrow.right:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){right: -18px;}
.scene-arrow:hover:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){background: rgba(255, 255, 255, 0.75);}
.scene-slide:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative;}
.scene-slider:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin-top: 90px; margin-bottom: 140px;}
.scene-bg:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; height: 100%; object-fit: contain; display: block;}
.scene-viewport:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative;}
.scene-wrapper:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: flex; align-items: center; gap: 32px; width: 150%; max-width: none; margin: 0px auto; padding: 0px 4px;}
.scene-wrapper:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){transform: translateX(-200px);}
.scene-viewport:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){flex: 1 1 0%; min-width: 0px;}
.scene-hotspots-fixed:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative; width: 120px; flex: 0 0 120px; display: flex; flex-direction: column; align-items: center; gap: 18px; pointer-events: auto; background: rgba(139, 140, 142, 0.95); border-radius: 16px; padding: 20px 0px; backdrop-filter: blur(6px);}
.scene-hotspots-fixed .hs:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative; width: 110px; height: 110px; border: 0px; padding: 0px; background: transparent; cursor: pointer;}
.scene-hotspots-fixed .hs img:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: contain; display: block;}
.scene-hotspots-fixed .icon-b:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){opacity: 0; transition: opacity 0.12s;}
.scene-hotspots-fixed .icon-a:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){opacity: 1; transition: opacity 0.12s;}
.scene-hotspots-fixed .hs:hover .icon-b:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){opacity: 1;}
.scene-hotspots-fixed .hs:hover .icon-a:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){opacity: 0;}
.scene-hotspots-fixed .hs.is-active .icon-b:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){opacity: 1;}
.scene-hotspots-fixed .hs.is-active .icon-a:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){opacity: 0;}
.pins:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: absolute; inset: 0px; z-index: 6; pointer-events: none;}
.pin:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: absolute; transform: translate(-50%, -50%); width: 44px; height: 44px; background: transparent; border: 0px; cursor: pointer; pointer-events: auto;}
.pin-dot:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: absolute; inset: 0px; border-radius: 999px; border: 2px solid rgba(0, 140, 255, 0.95); box-shadow: rgba(0, 140, 255, 0.18) 0px 0px 0px 6px;}
.pin-dot:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::after{content: ""; position: absolute; inset: -10px; border-radius: 999px; border: 2px solid rgba(0, 140, 255, 0.45); animation: 1.6s ease-out 0s infinite normal none running pinPulse;}
@keyframes pinPulse { 
  0% { transform: scale(0.6); opacity: 0.85; }
  100% { transform: scale(1.25); opacity: 0; }
}
.pin-float:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: fixed; left: 0px; top: 0px; z-index: 9999; display: none; pointer-events: none;}
.pin-float.is-open:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: block;}
.pin-float-card:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(360px, 80vw); background: rgba(255, 255, 255, 0.98); border-radius: 14px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.22) 0px 18px 60px; backdrop-filter: blur(6px);}
.pin-float-media:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){background: rgb(246, 247, 249); aspect-ratio: 16 / 9;}
.pin-float-media img:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; height: 100%; object-fit: contain; display: block;}
.pin-float-info:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 12px 14px 14px;}
.pin-float-info h4:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 0px 0px 6px; font-size: 15px;}
.pin-float-info p:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 0px; font-size: 13px; color: rgba(0, 0, 0, 0.65); line-height: 1.5;}
.pins:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: absolute; inset: 0px; z-index: 50; pointer-events: none;}
.pin:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: absolute; transform: translate(-50%, -50%); width: 56px; height: 56px; background: transparent; border: 0px; padding: 0px; cursor: pointer; pointer-events: auto; z-index: 99999;}
.pin-dot:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: absolute; inset: 0px; border-radius: 999px; border: 3px solid rgb(233, 255, 30); background: rgba(226, 237, 4, 0.67); box-shadow: rgba(242, 255, 0, 0.635) 0px 10px 24px;}
.pin-tip:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: absolute; left: calc(100% + 65px); top: 50%; width: 250px; background: rgba(255, 255, 255, 0.96); border-radius: 14px; padding: 12px; box-shadow: rgba(0, 0, 0, 0.18) 0px 18px 40px; display: flex; gap: 12px; opacity: 0; visibility: hidden; transform: translate(8px, -50%); transition: 0.18s; pointer-events: none;}
.pin-tip-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-weight: 800; font-size: 18px; color: rgb(11, 94, 215); margin-bottom: 4px;}
.pin-tip-desc:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 16px; line-height: 1.5; color: rgb(51, 51, 51); text-align: left;}
.pin:hover .pin-tip:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){opacity: 1; visibility: visible; transform: translate(0px, -50%);}
.pin-pop:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: absolute; left: 50%; top: 90px; transform: translate(-50%, -100%) rotateX(12deg) rotateY(-12deg) scale(0.85); transform-origin: center bottom; opacity: 0; visibility: hidden; transition: opacity 0.25s, transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1); z-index: 3; pointer-events: none;}
.pin-pop img:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 180px; height: auto; display: block; margin-top: -150px;}
.pin:hover .pin-pop:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){opacity: 1; visibility: visible; transform: translate(-50%, -120%) rotateX(0deg) rotateY(0deg) scale(1);}
.pin-tip-home:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: absolute; left: calc(100% + 63px); top: 120%; width: 250px; background: rgba(255, 255, 255, 0.96); border-radius: 14px; padding: 12px; box-shadow: rgba(0, 0, 0, 0.18) 0px 18px 40px; display: flex; gap: 12px; opacity: 0; visibility: hidden; transform: translate(8px, -50%); transition: 0.18s; pointer-events: none;}
.pin-tip-title-home:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-weight: 800; font-size: 18px; color: rgb(11, 94, 215); margin-bottom: 4px;}
.pin-tip-desc-home:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 16px; line-height: 1.5; color: rgb(51, 51, 51); text-align: left;}
.pin:hover .pin-tip-home:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){opacity: 1; visibility: visible; transform: translate(0px, -50%);}
.pin-tip-home1:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: absolute; left: calc(100% - 360px); top: 120%; width: 200px; background: rgba(255, 255, 255, 0.96); border-radius: 14px; padding: 12px; box-shadow: rgba(0, 0, 0, 0.18) 0px 18px 40px; display: flex; gap: 12px; z-index: 9999; opacity: 0; visibility: hidden; transform: translate(8px, -50%); transition: 0.18s; pointer-events: none;}
.pin-tip-title-home1:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-weight: 800; font-size: 18px; color: rgb(11, 94, 215); margin-bottom: 4px;}
.pin-tip-desc-home1:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 16px; line-height: 1.5; color: rgb(51, 51, 51); text-align: left;}
.pin:hover .pin-tip-home1:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){opacity: 1; visibility: visible; transform: translate(0px, -50%);}
.pin-tip-top:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: absolute; left: calc(100% - 390px); top: 120%; width: 250px; background: rgba(255, 255, 255, 0.96); border-radius: 14px; padding: 12px; box-shadow: rgba(0, 0, 0, 0.18) 0px 18px 40px; display: flex; gap: 12px; z-index: 9999; opacity: 0; visibility: hidden; transform: translate(8px, -50%); transition: 0.18s; pointer-events: none;}
.pin-tip-title-top:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-weight: 800; font-size: 18px; color: rgb(11, 94, 215); margin-bottom: 4px;}
.pin-tip-desc-top:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 16px; line-height: 1.5; color: rgb(51, 51, 51); text-align: left;}
.pin:hover .pin-tip-top:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){opacity: 1; visibility: visible; transform: translate(0px, -50%);}
.pin-tip-left:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: absolute; left: calc(100% - 390px); width: 250px; background: rgba(255, 255, 255, 0.96); border-radius: 14px; padding: 12px; box-shadow: rgba(0, 0, 0, 0.18) 0px 18px 40px; display: flex; gap: 12px; z-index: 9999; opacity: 0; visibility: hidden; transform: translate(8px, -50%); transition: 0.18s; pointer-events: none;}
.pin:hover .pin-tip-left:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){opacity: 1; visibility: visible; transform: translate(0px, -50%);}
.pin:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: absolute; z-index: 1;}
.pin:hover:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){z-index: 99999;}
@media (min-width: 1101px) and (max-width: 1280px) {.scene-slider:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(1180px, 96vw); margin: 64px auto 50px; padding: 10px 12px; box-sizing: border-box; overflow: visible;}
.scene-wrapper:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; max-width: none; display: flex; flex-direction: column; align-items: center; gap: 16px; padding: 0px; margin: 0px auto; transform: translateX(50px);}
.scene-viewport:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){flex: 0 0 auto; width: 100%; height: 680px; margin: 0px auto; border-radius: 12px; overflow: hidden;}
.scene-slide img:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.scene-bg:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; height: 100%; object-fit: cover; object-position: center center; display: block;}
.scene-hotspots-fixed:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(900px, 100%); flex: 0 0 auto; display: flex; flex-flow: wrap; justify-content: center; gap: 14px; padding: 12px; border-radius: 14px;}
.scene-hotspots-fixed .hs:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 92px; height: 92px;}
.scene-arrow:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){top: calc(100% + 12px); transform: none; width: 42px; height: 42px; line-height: 40px; font-size: 24px;}
.scene-arrow.left:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 24%;}
.scene-arrow.left:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){top: 90%;}
.scene-arrow.right:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 83%;}
.scene-arrow.right:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){top: 90%;}
.pin:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 46px; height: 46px;}
.pin-pop:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){top: 80px;}
.pin-pop img:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 140px; height: auto; margin-top: -120px;}
.pin-tip:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 210px; top: calc(100% - 130px); transform: translate(-50%, 0px); width: 180px;}
.pin-tip-home:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.pin-tip-home1:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 50%; top: calc(100% + 18px); transform: translate(-50%, 0px); width: 180px;}
.pin-tip-top:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 50%; top: calc(100% - 310px); transform: translate(-50%, 0px); width: 180px;}
.pin-tip-left:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: -160px; top: calc(100% - 150px); transform: translate(-50%, 0px); width: 180px;}
.pin:hover .pin-tip:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.pin:hover .pin-tip-home:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.pin:hover .pin-tip-home1:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.pin:hover .pin-tip-top:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.pin:hover .pin-tip-left:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){transform: translate(-50%, 0px);}
.pin-tip-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.pin-tip-title-home:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.pin-tip-title-home1:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.pin-tip-title-top:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 15px;}
.pin-tip-desc:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.pin-tip-desc-home:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.pin-tip-desc-home1:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.pin-tip-desc-top:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 13px; line-height: 1.45;}
}
@media (min-width: 993px) and (max-width: 1100px) {.scene-slider:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 0px; width: min(1040px, 96vw); margin: 56px auto 100px; padding: 0px 10px; box-sizing: border-box; overflow: visible;}
.scene-wrapper:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; max-width: none; display: flex; flex-direction: column; align-items: center; gap: 14px; padding: 0px; margin: 0px auto; transform: translateX(0px);}
.scene-viewport:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){flex: 0 0 auto; width: 100%; height: 600px; margin: 0px auto; border-radius: 12px; overflow: hidden;}
.scene-slide img:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.scene-bg:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; height: 100%; object-fit: cover; object-position: center center; display: block;}
.scene-hotspots-fixed:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(760px, 100%); flex: 0 0 auto; display: flex; flex-flow: wrap; justify-content: center; gap: 12px; padding: 10px; border-radius: 12px;}
.scene-hotspots-fixed .hs:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 82px; height: 82px;}
.scene-arrow:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){top: calc(100% + 10px); transform: none; width: 38px; height: 38px; line-height: 36px; font-size: 22px;}
.scene-arrow.left:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 18%;}
.scene-arrow.left:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){top: 90%;}
.scene-arrow.right:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 78%;}
.scene-arrow.right:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){top: 90%;}
.pin:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 40px; height: 40px;}
.pin-pop:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){top: 98px;}
.pin-pop img:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 118px; height: auto;}
.pin-tip:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 180px; top: calc(100% - 116px); transform: translate(-50%, 0px); width: 160px;}
.pin-tip-home:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.pin-tip-home1:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 50%; top: calc(100% + 24px); transform: translate(-50%, 0px); width: 160px;}
.pin-tip-top:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 50%; top: calc(100% - 270px); transform: translate(-50%, 0px); width: 160px;}
.pin-tip-left:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: -140px; top: calc(100% - 124px); transform: translate(-50%, 0px); width: 160px;}
.pin:hover .pin-tip:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.pin:hover .pin-tip-home:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.pin:hover .pin-tip-home1:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.pin:hover .pin-tip-top:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.pin:hover .pin-tip-left:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){transform: translate(-50%, 0px);}
.pin-tip-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.pin-tip-title-home:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.pin-tip-title-home1:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.pin-tip-title-top:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 14px; margin-bottom: 4px;}
.pin-tip-desc:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.pin-tip-desc-home:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.pin-tip-desc-home1:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.pin-tip-desc-top:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 12px; line-height: 1.4;}
}
@media (max-width: 992px) {.scene-slider:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 0px; width: 100%; margin: 56px auto 92px; padding: 0px 12px;}
.scene-wrapper:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; max-width: none; transform: none; display: flex; flex-direction: column; align-items: center; gap: 14px; padding: 0px;}
.scene-viewport:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){flex: 0 0 auto; width: 920px; height: 560px; margin: 0px auto; border-radius: 12px;}
.scene-hotspots-fixed:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(820px, 96vw); flex: 0 0 auto; flex-flow: wrap; justify-content: center; padding: 10px; gap: 12px; border-radius: 14px;}
.scene-hotspots-fixed .hs:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 110px; height: 120px;}
.scene-arrow:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){top: calc(100% + 18px); transform: none; width: 42px; height: 42px; line-height: 40px; font-size: 26px;}
.scene-arrow.left:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 44%;}
.scene-arrow.right:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 56%;}
.pin:hover .pin-tip:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.pin:hover .pin-tip-home:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.pin:hover .pin-tip-home1:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){transform: translate(-50%, 0px);}
.pin:hover .pin-tip-top:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){transform: translate(-50%, 0px);}
.pin-tip-top:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: -140px; top: calc(100% - 150px); transform: translate(-50%, 0px); width: min(160px, 86vw);}
.pin-tip-left:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: -250px; top: calc(100% - 100px); transform: translate(-50%, 0px); width: min(180px, 86vw);}
.pin-tip:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 180px; top: calc(100% - 150px); transform: translate(-50%, 0px); width: min(160px, 86vw);}
.pin-pop:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){top: clamp(96px, 12vw, 120px);}
.pin-pop img:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: clamp(120px, 26vw, 80px); height: auto;}
.pin:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 43px; height: 43px;}
.pin-tip-home:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.pin-tip-home1:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 50%; top: calc(100% + 24px); transform: translate(-50%, 0px); width: 160px;}
.pin-tip-top:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 50%; top: calc(100% - 270px); transform: translate(-50%, 0px); width: 160px;}
.pin-tip-left:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: -140px; top: calc(100% - 124px); transform: translate(-50%, 0px); width: 160px;}
.pin-tip-title-left:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.pin-tip-title-top:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.pin-tip-title-home:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.pin-tip-title-home1:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.pin-tip-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: clamp(12px, 3.8vw, 10px); margin-bottom: clamp(2px, 0.8vw, 4px);}
.pin-tip-desc-left:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.pin-tip-desc-top:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.pin-tip-desc-home:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.pin-tip-desc-home1:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.pin-tip-desc:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: clamp(10px, 3.8vw, 8px); margin-bottom: clamp(2px, 0.8vw, 4px);}
}
@media (max-width: 768px) {.scene-slider:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 0px; width: 100%; max-width: 1280px; margin: 0px auto 80px; padding: 0px; box-sizing: border-box;}
.scene-wrapper:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: flex; flex-direction: column; align-items: stretch; width: 100%; gap: 0px; padding: 0px; transform: none;}
.scene-viewport:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; height: clamp(260px, 55vw, 420px); border-radius: 0px;}
.scene-hotspots-fixed:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; flex: 0 0 auto; display: flex; flex-flow: wrap; justify-content: center; padding: clamp(4px, 2.2vw, 6px); gap: clamp(8px, 2vw, 14px); border-radius: 0px; box-sizing: border-box;}
.scene-hotspots-fixed .hs:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: clamp(50px, 18vw, 70px); height: clamp(50px, 18vw, 90px); right: auto;}
.scene-arrow:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){top: calc(100% + 8px); transform: none; width: clamp(56px, 18vw, 80px); height: clamp(34px, 10vw, 40px); line-height: clamp(32px, 9vw, 38px); font-size: clamp(18px, 5vw, 24px);}
.scene-arrow.left:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 16%;}
.scene-arrow.right:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 70%;}
.pin-tip:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 110px; top: calc(100% - 80px); transform: translate(-50%, 0px); width: min(120px, 86vw);}
.pin-tip-home:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.pin-tip-home1:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 100%; top: calc(100% + 34px); transform: translate(-50%, 0px); width: min(120px, 86vw);}
.pin-tip-left:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: -100px; top: calc(100% - 70px); transform: translate(-50%, 0px); width: min(120px, 86vw);}
.pin-tip-top:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 50%; top: calc(180% - 180px); transform: translate(-50%, 0px); width: min(130px, 86vw);}
.pin:hover .pin-tip:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){transform: translate(-50%, 0px);}
.pin:hover .pin-tip-home:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.pin:hover .pin-tip-home1:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){transform: translate(-50%, 0px);}
.pin:hover .pin-tip-left:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){transform: translate(-70%, 0px);}
.pin:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: clamp(26px, 6vw, 33px); height: clamp(26px, 6vw, 33px);}
.products-grid:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 1fr; gap: 14px;}
.section-products:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding-bottom: 70px;}
.pin-pop:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){top: clamp(130px, 12vw, 240px);}
.pin-pop img:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin-left: -40px; width: clamp(40px, 26vw, 80px); height: auto;}
.pin-tip-desc-home1:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: clamp(6px, 3.8vw, 8px); margin-bottom: clamp(2px, 0.8vw, 4px);}
.pin-tip-desc-home:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: clamp(6px, 3.8vw, 8px); margin-bottom: clamp(2px, 0.8vw, 4px);}
.pin-tip-desc:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: clamp(6px, 3.8vw, 8px); margin-bottom: clamp(2px, 0.8vw, 4px);}
.pin-tip-title-home1:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: clamp(8px, 3.8vw, 10px); margin-bottom: clamp(2px, 0.8vw, 4px);}
.pin-tip-title-home:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: clamp(8px, 3.8vw, 10px); margin-bottom: clamp(2px, 0.8vw, 4px);}
.pin-tip-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: clamp(8px, 3.8vw, 10px); margin-bottom: clamp(2px, 0.8vw, 4px);}
}
.map-section:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; padding-top: 80px; padding-bottom: 10px; background: rgb(255, 255, 255);}
.map-wrap:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative; width: min(1880px, 100%); margin: 0px auto; aspect-ratio: 2048 / 1152; border-radius: 16px; overflow: hidden;}
.map-bg:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: contain; display: block; z-index: 1; max-width: none !important;}
.map-title-img:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: absolute; top: 40px; left: 50%; transform: translateX(-50%); width: 420px; max-width: 80%; z-index: 6; pointer-events: none;}
.map-wrap > .map-card:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: absolute; left: 3%; width: 28%; border-radius: 16px; overflow: hidden; background: rgba(0, 120, 210, 0.35); box-shadow: rgba(0, 0, 0, 0.22) 0px 16px 40px, rgba(255, 255, 255, 0.25) 0px 0px 0px 1px inset; z-index: 5;}
.map-wrap > .card-1:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){top: 2%; transform: scale(0.96); z-index: 5;}
.map-wrap > .card-2:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){top: 34%; transform: scale(1.08); z-index: 10;}
.map-wrap > .card-3:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){top: 66%; transform: scale(0.96); z-index: 5;}
.map-card__img:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){height: 0px; padding-top: 40%; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.map-card__caption:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 10px 14px; font-size: clamp(12px, 1.1vw, 16px); font-weight: 600; color: rgb(255, 255, 255);}
.map-label:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: absolute; padding: 8px 12px; border-radius: 10px; background: rgba(2, 95, 167, 0.45); backdrop-filter: blur(10px) saturate(130%); color: rgb(255, 255, 255); font-weight: 700; font-size: clamp(12px, 1.05vw, 16px); white-space: nowrap; box-shadow: rgba(0, 0, 0, 0.18) 0px 10px 28px, rgba(255, 255, 255, 0.35) 0px 0px 0px 1px inset; z-index: 6;}
.label-shenyang:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 84%; top: 24%;}
.label-shanghai-base:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 87%; top: 41%;}
.label-shanghai-sales:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 88%; top: 47%;}
.label-xiamen-hq:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 86%; top: 62%;}
.label-xiamen-rd:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 85%; top: 68%;}
.label-chongqing:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 43%; top: 48%;}
.label-guangzhou:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 57%; top: 55%;}
.map-pin:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: absolute; transform: translate(-50%, -50%); background: transparent; border: 0px; padding: 0px; cursor: pointer;}
.map-pin-dot:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 12px; height: 12px; border-radius: 50%; background: rgb(255, 255, 255); box-shadow: rgba(255, 255, 255, 0.25) 0px 0px 0px 6px;}
.map-marker:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: absolute; transform: translate(-50%, -100%); width: 36px; height: 52px; z-index: 6; pointer-events: none;}
.map-marker:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::before{content: ""; position: absolute; left: 50%; top: 2px; transform: translateX(-50%); width: 28px; height: 40px; clip-path: polygon(50% 0%, 84% 20%, 100% 58%, 50% 100%, 0% 58%, 16% 20%); background: linear-gradient(135deg, rgba(255, 245, 200, 0.95) 0%, rgba(255, 205, 80, 0.95) 35%, rgba(200, 135, 20, 0.95) 70%, rgba(255, 220, 120, 0.95) 100%); box-shadow: rgba(0, 0, 0, 0.18) 0px 8px 16px, rgba(255, 255, 255, 0.55) 0px 1px 0px inset; border-radius: 4px;}
.map-marker:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::after{content: ""; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); width: 10px; height: 10px; border-radius: 50%; background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.9) 0%, rgba(255, 220, 120, 0.95) 35%, rgba(190, 120, 10, 0.95) 80%); box-shadow: rgba(255, 210, 90, 0.2) 0px 0px 0px 6px, rgba(0, 0, 0, 0.15) 0px 10px 18px;}
.map-wrap > .map-card:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.map-wrap .map-label:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.map-wrap .map-marker:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){opacity: 0; transform: translateY(12px); animation: 0.8s ease 0s 1 normal forwards running mapFadeUp; will-change: transform, opacity;}
@keyframes mapFadeUp { 
  100% { opacity: 1; transform: translateY(0px); }
}
.map-wrap > .card-1:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){animation-delay: 0.1s;}
.map-wrap > .card-2:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){animation-delay: 0.22s;}
.map-wrap > .card-3:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){animation-delay: 0.34s;}
.map-wrap .label-shenyang:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){animation-delay: 0.18s;}
.map-wrap .label-shanghai-base:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){animation-delay: 0.26s;}
.map-wrap .label-shanghai-sales:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){animation-delay: 0.3s;}
.map-wrap .label-xiamen-hq:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){animation-delay: 0.38s;}
.map-wrap .label-xiamen-rd:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){animation-delay: 0.44s;}
.map-wrap .label-chongqing:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){animation-delay: 0.5s;}
.map-wrap .label-guangzhou:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){animation-delay: 0.56s;}
.map-wrap .map-marker.gold:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){animation-delay: 0.65s;}
.map-marker.gold:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){animation: 0.8s ease 0.65s 1 normal forwards running mapFadeUp, 2.8s ease-in-out 1.45s infinite normal none running markerFloat;}
@keyframes markerFloat { 
  0%, 100% { transform: translate(-50%, -100%) translateY(0px); }
  50% { transform: translate(-50%, -100%) translateY(-3px); }
}
.map-marker.gold:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::after{animation: 1.6s ease-out 0s infinite normal none running markerPulse;}
@keyframes markerPulse { 
  0% { transform: translateX(-50%) scale(0.85); opacity: 0.95; box-shadow: rgba(255, 210, 90, 0.24) 0px 0px 0px 6px, rgba(0, 0, 0, 0.15) 0px 10px 18px; }
  70% { transform: translateX(-50%) scale(1.9); opacity: 0.05; box-shadow: rgba(255, 210, 90, 0.05) 0px 0px 0px 18px, rgba(0, 0, 0, 0.12) 0px 10px 18px; }
  100% { transform: translateX(-50%) scale(2.15); opacity: 0; box-shadow: rgba(255, 210, 90, 0) 0px 0px 0px 24px, rgba(0, 0, 0, 0.1) 0px 10px 18px; }
}
.map-cards-grid:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: none;}
@media (max-width: 768px) {.map-section:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding-top: 28px; padding-bottom: 20px;}
.map-wrap:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){border-radius: 12px;}
.map-title-img:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){top: 12px; width: 130px; max-width: 62%;}
.map-wrap > .map-card:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: none !important;}
.map-marker:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.map-marker.gold:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.map-marker:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::before,.map-marker:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::after{display: none !important; animation: auto ease 0s 1 normal none running none !important; content: none !important;}
.map-label:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 4px 7px; border-radius: 7px; font-size: 10px; font-weight: 600; line-height: 1.15; background: rgba(2, 95, 167, 0.78); box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 12px, rgba(255, 255, 255, 0.22) 0px 0px 0px 1px inset;}
.label-shenyang:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 77.5%; top: 23.5%;}
.label-shanghai-base:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 77.5%; top: 41.5%;}
.label-shanghai-sales:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 76.5%; top: 47.5%;}
.label-xiamen-hq:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 74.5%; top: 61.5%;}
.label-xiamen-rd:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 73.5%; top: 67.5%;}
.label-chongqing:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 43.5%; top: 49.5%;}
.label-guangzhou:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 57%; top: 57%;}
.map-cards-grid:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px; margin-top: 12px;}
.map-cards-grid .map-card:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; max-width: 92%; justify-self: center; border-radius: 12px; overflow: hidden; background: rgba(0, 120, 210, 0.35); box-shadow: rgba(0, 0, 0, 0.14) 0px 8px 18px, rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset;}
.map-cards-grid .mobile-card-3:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-column: 1 / -1; max-width: 78%; justify-self: center;}
.map-cards-grid .map-card__img:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){height: 0px; padding-top: 48%; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.map-cards-grid .map-card__caption:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 8px 10px; font-size: 11px; line-height: 1.3; font-weight: 600; color: rgb(255, 255, 255); background: linear-gradient(90deg, rgba(25, 144, 255, 0.88) 0%, rgba(33, 150, 243, 0.72) 45%, rgba(80, 180, 255, 0.42) 100%); backdrop-filter: blur(6px); border-top: 1px solid rgba(255, 255, 255, 0.14);}
}
@media (max-width: 560px) {.map-section:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding-top: 20px; padding-bottom: 16px;}
.map-wrap:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){border-radius: 10px;}
.map-title-img:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){top: 10px; width: 136px; max-width: 58%;}
.map-cards-grid:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 1fr; gap: 10px; margin-top: 10px;}
.map-cards-grid .map-card:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.map-cards-grid .mobile-card-3:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){max-width: 88%; margin: 0px auto; border-radius: 10px;}
.map-cards-grid .map-card__img:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding-top: 46%;}
.map-cards-grid .map-card__caption:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 7px 9px; font-size: 10px; line-height: 1.25; background: linear-gradient(90deg, rgba(25, 144, 255, 0.88) 0%, rgba(33, 150, 243, 0.72) 45%, rgba(80, 180, 255, 0.42) 100%); backdrop-filter: blur(6px); border-top: 1px solid rgba(255, 255, 255, 0.14);}
.map-label:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 3px 6px; border-radius: 6px; font-size: 9px; line-height: 1.1;}
.label-shenyang:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 76.5%; top: 23.5%;}
.label-shanghai-base:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 76%; top: 41.5%;}
.label-shanghai-sales:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 75.5%; top: 47.5%;}
.label-xiamen-hq:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 73.5%; top: 61.5%;}
.label-xiamen-rd:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 72.5%; top: 67.5%;}
.label-chongqing:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 43%; top: 50%;}
.label-guangzhou:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){left: 56%; top: 57.5%;}
}
.partner-section:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative; padding: clamp(60px, 6vw, 96px) 0px; background: rgb(255, 255, 255); overflow: visible;}
.partner-section:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::before{display: none;}
.partner-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){max-width: none; margin: 0px auto; padding: 0px clamp(28px, 3vw, 56px);}
.partner-header:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){max-width: 1100px; margin: 0px auto clamp(28px, 3vw, 44px); text-align: center;}
.partner-copy:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){max-width: none;}
.partner-eyebrow:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: block; margin-bottom: 14px; color: rgb(30, 136, 255); font-size: 14px; line-height: 1; font-weight: 700; letter-spacing: 0px; text-transform: uppercase;}
.partner-copy p:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 16px 0px 0px; color: rgb(56, 82, 111); font-size: clamp(16px, 1.05vw, 18px); line-height: 1.55;}
.partner-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 0px; color: rgb(35, 64, 95); font-size: clamp(28px, 2.1vw, 36px); line-height: 1.13; font-weight: 600; letter-spacing: 0px; white-space: nowrap;}
.partner-grid:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: grid; grid-template-columns: repeat(16, minmax(0px, 1fr)); align-items: center; gap: 8px; width: 100%; max-width: none; margin: 0px auto;}
.partner-item:nth-child(15n+9):where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-column: 2 / span 2;}
.partner-item:nth-last-child(3):where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-column: 6 / span 2;}
.partner-item:nth-last-child(2):where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.partner-item:nth-last-child(1):where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-column: span 2;}
.partner-item:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-column: span 2; height: 62px; display: flex; align-items: center; justify-content: center; overflow: hidden; border: 1px solid rgb(225, 232, 240); border-radius: 8px; background: rgb(255, 255, 255); box-shadow: rgba(35, 64, 95, 0.055) 0px 10px 24px; transition: transform 0.22s, box-shadow 0.22s, border-color 0.22s;}
.partner-item:hover:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){transform: translateY(-2px); border-color: rgb(203, 216, 230); box-shadow: rgba(35, 64, 95, 0.1) 0px 14px 30px;}
.partner-item img:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 94%; height: 82%; object-fit: contain; display: block; filter: saturate(1.05);}
.home-about-section:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){background: rgb(244, 247, 251); padding: clamp(64px, 6vw, 104px) 0px;}
.home-about-stats:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(1500px, 100% - 80px); margin: clamp(70px, 6vw, 104px) auto 0px; display: grid; grid-template-columns: minmax(560px, 1.08fr) minmax(560px, 0.92fr); gap: clamp(44px, 5vw, 92px); align-items: center;}
.home-about-stats-media:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative; margin: 0px; border-radius: 14px; overflow: hidden; background: rgb(234, 242, 251); box-shadow: rgba(35, 64, 95, 0.1) 0px 18px 42px;}
.home-about-stats-media img:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; aspect-ratio: 16 / 8.8; display: block; object-fit: cover;}
.home-about-stats-media figcaption:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: absolute; left: 0px; right: 0px; bottom: 0px; padding: 13px 18px; background: rgba(30, 136, 255, 0.82); color: rgb(255, 255, 255); font-size: clamp(16px, 1.1vw, 19px); line-height: 1.2; font-weight: 700; text-align: center;}
.home-about-stat-grid:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: clamp(30px, 3.2vw, 56px) clamp(20px, 2.4vw, 44px); align-items: start;}
.home-about-stat:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: grid; justify-items: center; text-align: center;}
.home-about-stat img:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 74px; height: 74px; object-fit: contain; display: block; margin-bottom: 20px;}
.home-about-stat__number:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: block; color: rgb(17, 17, 17); font-size: clamp(30px, 2.1vw, 38px); line-height: 1; font-weight: 650; letter-spacing: 0px;}
.home-about-stat__label:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: block; margin-top: 12px; color: rgb(68, 68, 68); font-size: 16px; line-height: 1.3; font-weight: 400;}
.home-about-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(1500px, 100% - 80px); margin: 0px auto; display: grid; grid-template-columns: minmax(420px, 0.82fr) minmax(680px, 1.18fr); gap: clamp(56px, 7vw, 112px); align-items: center;}
.home-about-copy:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-width: 0px;}
.home-about-eyebrow:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: block; margin-bottom: 14px; color: rgb(30, 136, 255); font-size: 14px; line-height: 1; font-weight: 700; letter-spacing: 0px; text-transform: uppercase;}
.home-about-copy h2:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 0px; color: rgb(35, 64, 95); font-size: clamp(28px, 2.1vw, 36px); line-height: 1.13; font-weight: 600; letter-spacing: 0px;}
.home-about-copy p:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 28px 0px 0px; color: rgb(0, 26, 61); font-size: clamp(16px, 1.02vw, 18px); line-height: 1.75;}
.home-about-cta:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-height: 44px; display: inline-flex; align-items: center; justify-content: center; margin-top: 38px; padding: 0px 22px; border-radius: 999px; background: rgb(30, 136, 255); color: rgb(255, 255, 255); font-size: 16px; line-height: 1; font-weight: 700; text-decoration: none;}
.home-about-cta:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::after{content: "→"; margin-left: 8px; font-size: 20px; line-height: 1;}
.home-about-cta:hover:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){background: rgb(22, 119, 230);}
.home-about-video:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; aspect-ratio: 16 / 9; background: rgb(16, 24, 32); overflow: hidden;}
.home-about-video video:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; height: 100%; display: block; object-fit: cover;}
.home-certifications-section:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){background: rgb(255, 255, 255); padding: clamp(58px, 5vw, 88px) 0px;}
.home-certifications-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(1500px, 100% - 80px); margin: 0px auto; display: grid; grid-template-columns: 1fr; gap: clamp(34px, 4vw, 56px);}
.home-certifications-head:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){text-align: center;}
.home-certifications-eyebrow:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: block; margin-bottom: 14px; color: rgb(30, 136, 255); font-size: 14px; line-height: 1; font-weight: 700; letter-spacing: 0px; text-transform: uppercase;}
.home-certifications-head h2:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 0px; color: rgb(35, 64, 95); font-size: clamp(28px, 2.1vw, 36px); line-height: 1.13; font-weight: 600; letter-spacing: 0px;}
.home-certifications-head p:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){max-width: 1320px; margin: 28px auto 0px; color: rgb(0, 26, 61); font-size: clamp(16px, 1.02vw, 18px); line-height: 1.75; font-weight: 400;}
.home-certifications-rail:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-width: 0px; display: grid; grid-template-columns: repeat(6, minmax(180px, 220px)); justify-content: center; gap: clamp(22px, 2.5vw, 44px);}
.home-certification-card:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-width: 0px; margin: 0px; padding: 0px; background: transparent; border: 0px; display: grid; grid-template-rows: 220px auto; gap: 18px; align-items: center; text-align: center;}
.home-certification-card img:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; height: 220px; display: block; object-fit: contain; background: transparent;}
.home-certification-card figcaption:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){color: rgb(35, 64, 95); font-size: 15px; line-height: 1.35; font-weight: 600;}
.home-faq-section:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){background: rgb(244, 247, 251); padding: clamp(68px, 6.2vw, 108px) 0px;}
.home-faq-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(1240px, 100% - 80px); margin: 0px auto;}
.home-faq-head:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative; text-align: center; padding-bottom: 34px; margin-bottom: 28px;}
.home-faq-head:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::after{content: ""; position: absolute; left: 50%; bottom: 0px; width: 190px; height: 4px; background: rgb(30, 136, 255); transform: translateX(-50%);}
.home-faq-eyebrow:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: block; margin-bottom: 10px; color: rgb(30, 136, 255); font-size: 13px; line-height: 1; font-weight: 700; letter-spacing: 0px; text-transform: uppercase;}
.home-faq-head h2:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 0px; color: rgb(35, 64, 95); font-size: clamp(28px, 2.1vw, 36px); line-height: 1.13; font-weight: 600; letter-spacing: 0px; text-align: center;}
.home-faq-list:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){border-top: 1px solid rgb(217, 223, 231);}
.home-faq-item:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){border-bottom: 1px solid rgb(217, 223, 231);}
.home-faq-question:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 24px; color: rgb(0, 26, 61); font-size: clamp(16px, 1.08vw, 19px); line-height: 1.35; font-weight: 600; list-style: none; cursor: pointer;}
.home-faq-question:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::-webkit-details-marker{display: none;}
.home-faq-question:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::after{content: ""; flex: 0 0 auto; width: 11px; height: 11px; border-right: 4px solid rgb(30, 136, 255); border-bottom: 4px solid rgb(30, 136, 255); transform: rotate(45deg) translateY(-3px); transition: transform 0.2s;}
.home-faq-item[open] .home-faq-question:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::after{transform: rotate(225deg) translate(-2px, -1px);}
.home-faq-answer:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 0px 64px 28px 0px;}
.home-faq-answer p:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){max-width: 900px; margin: 0px; color: rgb(49, 68, 95); font-size: 16px; line-height: 1.7;}
.home-faq-actions:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: flex; justify-content: center; margin-top: 80px;}
.home-faq-cta:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-height: 42px; display: inline-flex; align-items: center; justify-content: center; padding: 0px 18px; border-radius: 999px; background: rgb(30, 136, 255); color: rgb(255, 255, 255); font-size: 16px; line-height: 1; font-weight: 700; text-decoration: none;}
.home-faq-cta:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::after{content: "→"; margin-left: 7px; font-size: 20px; line-height: 1;}
.home-faq-cta:hover:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){background: rgb(18, 111, 214);}
.home-insights-section:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){background: rgb(255, 255, 255); padding: clamp(68px, 6vw, 108px) 0px;}
.home-insights-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(1380px, 100% - 80px); margin: 0px auto;}
.home-insights-head:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin-bottom: clamp(28px, 3.2vw, 46px);}
.home-insights-eyebrow:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: block; margin: 0px 0px 12px; color: rgb(30, 136, 255); font-size: 13px; line-height: 1; font-weight: 700; letter-spacing: 0px; text-transform: uppercase;}
.home-insights-head h2:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 0px; max-width: 980px; color: rgb(35, 64, 95); font-size: clamp(28px, 2.1vw, 36px); line-height: 1.13; font-weight: 600; letter-spacing: 0px;}
.home-insights-all:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){flex: 0 0 auto; position: relative; display: inline-flex; align-items: center; gap: 10px; color: rgb(17, 17, 17); font-size: 15px; line-height: 1; font-weight: 500; text-decoration: none; padding-bottom: 8px;}
.home-insights-all:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::after{content: "→"; font-size: 22px; line-height: 1;}
.home-insights-all:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::before{content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 2px; background: rgb(30, 136, 255);}
.home-insights-all:hover:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){color: rgb(30, 136, 255);}
.home-insights-layout:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: grid; grid-template-columns: minmax(520px, 1.05fr) minmax(500px, 0.95fr); gap: clamp(54px, 6vw, 96px); align-items: start;}
.home-insights-feature:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: block; color: rgb(17, 17, 17); text-decoration: none; background: rgb(244, 244, 242);}
.home-insights-feature:hover h3:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.home-insights-list-item:hover h3:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){color: rgb(30, 136, 255);}
.home-insights-feature__media:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){aspect-ratio: 16 / 9; overflow: hidden;}
.home-insights-feature__media img:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; height: 100%; display: block; object-fit: cover;}
.home-insights-feature__body:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 28px 32px 32px;}
.home-insights-meta:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: inline-flex; align-items: center; gap: 18px; margin-bottom: 18px; color: rgb(61, 70, 84); font-size: 14px; line-height: 1; font-weight: 400;}
.home-insights-feature h3:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.home-insights-list-item h3:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 0px; color: rgb(17, 17, 17); font-size: clamp(21px, 1.55vw, 28px); line-height: 1.25; font-weight: 400; letter-spacing: 0px; transition: color 0.2s;}
.home-insights-feature p:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.home-insights-list-item p:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 18px 0px 0px; color: rgb(17, 17, 17); font-size: 16px; line-height: 1.55; font-weight: 400;}
.home-insights-downloads:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px;}
.home-insights-download:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 0px 14px; border: 1px solid rgb(30, 136, 255); background: rgb(30, 136, 255); color: rgb(255, 255, 255); font-size: 13px; line-height: 1.2; text-decoration: none; transition: background-color 0.2s, border-color 0.2s;}
.home-insights-download:hover:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){border-color: rgb(15, 111, 204); background: rgb(15, 111, 204); color: rgb(255, 255, 255);}
@media (max-width: 600px) {.home-insights-downloads:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){flex-direction: column;}
.home-insights-download:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; box-sizing: border-box;}
}
.home-insights-list:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: grid; gap: clamp(30px, 3.5vw, 54px);}
.home-insights-list-item:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: block; color: rgb(17, 17, 17); text-decoration: none;}
@media (max-width: 1200px) {.partner-grid:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: repeat(12, minmax(0px, 1fr));}
.partner-item:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-column: span 2;}
.partner-item:nth-child(n):where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-column: span 2;}
.partner-item:nth-child(12n+7):where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-column: 2 / span 2;}
}
@media (max-width: 900px) {.home-insights-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: calc(100% - 32px);}
.home-insights-head:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: block;}
.home-insights-all:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: inline-flex; margin-top: 18px;}
.home-insights-layout:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 1fr; gap: 36px;}
.home-about-section:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 54px 0px 64px;}
.home-about-stats:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: calc(100% - 32px); grid-template-columns: 1fr; gap: 34px; margin-top: 52px;}
.home-about-stat-grid:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 34px 20px;}
.home-about-stat:last-child:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-column: 1 / -1;}
.home-about-stat img:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 62px; height: 62px; margin-bottom: 14px;}
.home-about-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: calc(100% - 32px); grid-template-columns: 1fr; gap: 34px;}
.home-about-copy h2:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: clamp(28px, 7vw, 34px);}
.home-certifications-section:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 52px 0px 58px;}
.home-certifications-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: calc(100% - 32px); grid-template-columns: 1fr; gap: 26px;}
.home-certifications-head p:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: clamp(18px, 5vw, 22px);}
.home-certifications-rail:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: grid; grid-auto-flow: column; grid-auto-columns: minmax(230px, 76vw); grid-template-columns: none; gap: 14px; overflow-x: auto; padding-bottom: 8px; scroll-snap-type: x;}
.home-certification-card:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){scroll-snap-align: start;}
.home-certification-card img:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){height: 240px;}
.partner-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 0px 24px;}
.partner-grid:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: repeat(6, minmax(0px, 1fr));}
.partner-item:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-column: span 2;}
.partner-item:nth-child(n):where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-column: span 2;}
}
@media (max-width: 640px) {.home-insights-section:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 54px 0px 64px;}
.home-insights-layout:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){gap: 30px;}
.home-insights-feature__body:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 24px 22px 28px;}
.partner-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){white-space: normal;}
.home-faq-section:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 54px 0px 64px;}
.home-faq-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: calc(100% - 32px);}
.home-faq-head:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding-bottom: 24px; margin-bottom: 20px;}
.home-faq-head:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::after{width: 128px; height: 3px;}
.home-faq-question:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-height: 68px; font-size: 15px;}
.home-faq-answer:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 0px 30px 22px 0px;}
.home-faq-answer p:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 14px;}
.home-faq-actions:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin-top: 44px;}
.partner-grid:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){gap: 8px; grid-template-columns: repeat(4, minmax(0px, 1fr));}
.partner-item:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-column: span 2; height: 50px;}
.partner-item:nth-child(n):where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-column: span 2;}
}
.intro-section:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative; width: 100%; min-height: 70vh; background: url("/assets/img/pages/aboutus/aboutbg.webp") center center / cover no-repeat;}
.intro-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(1200px, 92%); margin: 0px auto; height: 100%; display: flex; align-items: center;}
.contact-section:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: clamp(56px, 6vw, 90px) 0px; background: rgb(247, 247, 247);}
.contact-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(1180px, 92%); margin: 0px auto; transform: translateX(-160px);}
.contact-grid:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: grid; grid-template-columns: 1.2fr 0.8fr; gap: clamp(20px, 4vw, 48px); align-items: center;}
.contact-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){color: rgb(35, 64, 95); font-size: clamp(28px, 2.1vw, 36px); line-height: 1.13; font-weight: 400; letter-spacing: 0px; margin: 0px 0px 10px;}
.contact-subtitle:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 0px 0px 26px; color: rgb(85, 85, 85); font-size: 15px; line-height: 1.7;}
.contact-accent:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){color: rgb(22, 119, 255); font-weight: 600; text-decoration: underline; text-underline-offset: 3px;}
.contact-form:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; max-width: 660px;}
.f-row:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: grid; grid-template-columns: 90px 1fr; align-items: center; gap: 14px; margin-bottom: 14px;}
.f-row--top:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){align-items: start;}
.f-label:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){color: rgb(51, 51, 51); font-size: 14px; font-weight: 700;}
.req:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){color: rgb(22, 119, 255); margin-left: 4px;}
.f-control:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.f-select:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative; width: 100%; min-width: 0px; box-sizing: border-box;}
.f-input:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; height: 44px; border-radius: 999px; box-sizing: border-box; border: 1px solid rgba(0, 0, 0, 0.12); background: rgba(255, 255, 255, 0.96); padding: 0px 16px; font-size: 14px; outline: none; transition: box-shadow 0.2s, border-color 0.2s;}
.f-input:focus:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){border-color: rgba(22, 119, 255, 0.6); box-shadow: rgba(22, 119, 255, 0.14) 0px 0px 0px 4px;}
.f-input:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::placeholder{color: rgba(0, 0, 0, 0.38);}
.f-select .f-input:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; appearance: none; padding-right: 56px;}
.f-select-icon:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: absolute; right: 14px; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; pointer-events: none;}
.f-select-icon:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::before{content: ""; position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; border-right: 2px solid rgb(138, 143, 152); border-bottom: 2px solid rgb(138, 143, 152); transform: translate(-50%, -65%) rotate(45deg);}
.f-control:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative;}
.f-textarea:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; min-height: 120px; border-radius: 18px; box-sizing: border-box; border: 1px solid rgba(0, 0, 0, 0.12); padding: 14px 16px; font-size: 14px; outline: none; resize: vertical; transition: box-shadow 0.2s, border-color 0.2s;}
.f-textarea:focus:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){border-color: rgba(22, 119, 255, 0.6); box-shadow: rgba(22, 119, 255, 0.14) 0px 0px 0px 4px;}
.f-textarea:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::placeholder{color: rgba(0, 0, 0, 0.38);}
.f-actions:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: flex; justify-content: flex-end; margin-top: 16px;}
.f-submit:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){height: 44px; padding: 0px 34px; border: 0px; border-radius: 999px; background: rgb(22, 119, 255); color: rgb(255, 255, 255); font-weight: 800; font-size: 16px; cursor: pointer; box-shadow: rgba(22, 119, 255, 0.28) 0px 16px 40px; transition: transform 0.2s, box-shadow 0.2s;}
.f-submit:hover:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){transform: translateY(-1px); box-shadow: rgba(22, 119, 255, 0.34) 0px 22px 54px;}
.contact-grid:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 40px;}
.contact-right:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative; align-items: flex-end; justify-content: flex-end; min-height: 80px;}
.contact-image:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){max-width: 150%; height: auto; border-radius: 12px; margin-left: 80px; box-shadow: rgba(0, 0, 0, 0.08) 0px 20px 40px;}
@media (min-width: 1721px) {.contact-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(1180px, 92%); transform: translateX(-160px);}
.contact-grid:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 1.1fr 0.9fr; gap: 40px;}
.contact-image:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){max-width: 150%; margin-left: 80px;}
}
@media (min-width: 1601px) and (max-width: 1720px) {.contact-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(1140px, 92%); transform: translateX(-132px);}
.contact-grid:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 1.12fr 0.88fr; gap: 34px;}
.contact-image:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){max-width: 144%; margin-left: 62px;}
}
@media (min-width: 1441px) and (max-width: 1600px) {.contact-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(1080px, 91%); transform: translateX(-96px);}
.contact-grid:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 1.14fr 0.86fr; gap: 28px;}
.contact-image:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){max-width: 136%; margin-left: 102px;}
}
@media (min-width: 1367px) and (max-width: 1440px) {.contact-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(1020px, 90%); transform: translateX(-58px);}
.contact-grid:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 1.16fr 0.84fr; gap: 22px;}
.contact-image:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){max-width: 126%; margin-left: 120px;}
}
@media (min-width: 1281px) and (max-width: 1366px) {.contact-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(980px, 89%); transform: translateX(-20px);}
.contact-grid:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 1.18fr 0.82fr; gap: 18px; align-items: center;}
.contact-form:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){max-width: 560px;}
.contact-image:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){max-width: 118%; margin-left: 80px;}
}
@media (min-width: 1101px) and (max-width: 1280px) {.contact-section:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){overflow: visible; padding: 52px 0px 64px;}
.contact-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(1180px, 94vw); margin: 0px auto; transform: none;}
.contact-grid:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: grid; grid-template-columns: 1fr; gap: 28px; align-items: start;}
.contact-left:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.contact-right:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.contact-form:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.f-row:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.f-control:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-width: 0px;}
.contact-right:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){order: -1; display: flex; justify-content: center; align-items: center; width: 100%; min-height: auto;}
.contact-image:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: block; width: 100%; max-width: 860px; height: auto; margin: 0px auto; border-radius: 14px; object-fit: contain; box-shadow: rgba(0, 0, 0, 0.08) 0px 20px 40px;}
.contact-left:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; max-width: 860px; margin: 0px auto;}
.contact-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 34px; line-height: 1.22; margin: 0px 0px 12px;}
.contact-subtitle:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 0px 0px 24px; font-size: 15px; line-height: 1.75;}
.contact-form:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; max-width: 100%;}
.f-row:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 92px 1fr; gap: 14px; margin-bottom: 14px; width: 100%;}
.f-label:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 14px; line-height: 1.5;}
.f-control:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; max-width: 100%; position: relative;}
.f-input:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.f-textarea:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.f-select .f-input:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: block; width: 100%; max-width: 100%; box-sizing: border-box;}
.f-input:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){height: 44px; padding: 0px 16px; font-size: 14px;}
.f-textarea:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-height: 126px; padding: 14px 16px; font-size: 14px; line-height: 1.7;}
.f-actions:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){justify-content: center; margin-top: 18px;}
}
@media (min-width: 861px) and (max-width: 1100px) {.contact-section:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){overflow: visible; padding: 46px 0px 58px;}
.contact-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(100%, 94vw); margin: 0px auto; transform: none;}
.contact-grid:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: grid; grid-template-columns: 1fr; gap: 24px; align-items: start;}
.contact-left:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.contact-right:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.contact-form:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.f-row:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.f-control:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-width: 0px;}
.contact-right:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){order: -1; display: flex; justify-content: center; align-items: center; width: 100%; min-height: auto;}
.contact-image:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: block; width: 100%; max-width: 720px; height: auto; margin: 0px auto; border-radius: 14px; object-fit: contain; box-shadow: rgba(0, 0, 0, 0.08) 0px 20px 40px;}
.contact-left:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; max-width: 720px; margin: 0px auto;}
.contact-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 30px; line-height: 1.24; margin: 0px 0px 10px;}
.contact-subtitle:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 0px 0px 22px; font-size: 14px; line-height: 1.75;}
.contact-form:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; max-width: 100%;}
.f-row:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 84px 1fr; gap: 12px; margin-bottom: 13px; width: 100%;}
.f-label:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 13px; line-height: 1.5;}
.f-control:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; max-width: 100%; position: relative;}
.f-input:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.f-textarea:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.f-select .f-input:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: block; width: 100%; max-width: 100%; box-sizing: border-box;}
.f-input:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){height: 43px; padding: 0px 15px; font-size: 14px;}
.f-textarea:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-height: 118px; padding: 13px 15px; font-size: 14px; line-height: 1.7;}
.f-actions:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){justify-content: center; margin-top: 18px;}
}
@media (max-width: 860px) {.contact-section:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 44px 0px 52px; overflow: visible;}
.contact-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(100%, 92vw); margin: 0px auto; transform: none;}
.contact-grid:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 1fr; gap: 24px; align-items: start;}
.contact-left:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.contact-right:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.contact-form:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.f-row:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.f-control:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-width: 0px;}
.contact-right:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){order: -1; display: flex; justify-content: center; align-items: center; width: 100%; min-height: auto;}
.contact-image:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: block; width: 100%; max-width: 420px; height: auto; margin: 0px auto; border-radius: 14px; object-fit: contain;}
.contact-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 26px; line-height: 1.25; margin: 0px 0px 10px;}
.contact-subtitle:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 0px 0px 20px; font-size: 14px; line-height: 1.75;}
.contact-form:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.contact-form *:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.f-control:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.f-input:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.f-textarea:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.f-select:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){box-sizing: border-box;}
.contact-form:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; max-width: 100%; margin: 0px;}
.f-row:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 1fr; gap: 8px; margin-bottom: 16px; width: 100%;}
.f-label:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 13px; line-height: 1.5;}
.f-control:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; max-width: 100%; position: relative;}
.f-input:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.f-textarea:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.f-select .f-input:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: block; width: 100%; max-width: 100%;}
.f-input:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){height: 46px; padding: 0px 15px; font-size: 15px; border-radius: 999px;}
.f-select .f-input:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding-right: 52px;}
.f-select-icon:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){right: 10px; width: 28px; height: 28px;}
.f-select-icon:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::after{width: 13px; height: 13px; background-size: 13px 13px;}
.f-textarea:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-height: 118px; padding: 13px 15px; font-size: 15px; line-height: 1.7; border-radius: 16px; display: block;}
.f-actions:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){justify-content: center; margin-top: 18px; width: 100%;}
.f-submit:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: inline-flex; align-items: center; justify-content: center; width: 100%; max-width: 100%; height: 46px; padding: 0px 20px; font-size: 15px;}
}
@media (max-width: 560px) {.contact-section:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 36px 0px 44px;}
.contact-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(100%, 90vw);}
.contact-grid:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){gap: 20px;}
.contact-image:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; max-width: 100%; border-radius: 12px;}
.contact-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 22px; line-height: 1.3; margin-bottom: 8px;}
.contact-subtitle:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 13px; line-height: 1.7; margin-bottom: 18px;}
.f-row:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){gap: 6px; margin-bottom: 14px;}
.f-label:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 12px;}
.f-input:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){height: 44px; font-size: 14px; padding: 0px 14px;}
.f-select .f-input:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding-right: 50px;}
.f-textarea:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-height: 108px; font-size: 14px; padding: 12px 14px; border-radius: 14px;}
.f-submit:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){height: 44px; font-size: 15px;}
}
@media (max-width: 390px) {.contact-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(100%, 88vw);}
.contact-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 20px;}
.contact-subtitle:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 12px;}
.f-label:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 12px;}
.f-input:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){height: 42px; font-size: 14px;}
.f-textarea:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-height: 100px; font-size: 14px;}
.f-submit:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){height: 42px; font-size: 14px;}
}
.site-footer:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){background: rgb(255, 255, 255); color: rgb(78, 96, 116); padding: 68px 0px 24px; border-top: 1px solid rgb(224, 230, 237); margin-bottom: 0px;}
.site-footer .footer-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(1440px, 92%); margin: 0px auto;}
.site-footer .footer-top:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: grid; grid-template-columns: minmax(0px, 1.3fr) minmax(0px, 1fr) minmax(0px, 1fr) minmax(0px, 1.1fr); gap: clamp(28px, 4vw, 64px); align-items: start;}
.site-footer .footer-col:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-width: 0px;}
.site-footer .footer-brand:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: inline-block; margin-bottom: 23px;}
.site-footer .footer-logo:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: block; width: 190px; max-width: 100%; height: auto; filter: none;}
.site-footer .footer-inquiry-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 0px 0px 10px; color: rgb(0, 26, 61); font-size: 20px; line-height: 1.35; font-weight: 600;}
.site-footer .footer-intro:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 0px 0px 22px; font-size: 14px; line-height: 1.65; color: rgb(78, 96, 116);}
.site-footer .footer-h:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 4px 0px 28px; color: rgb(0, 26, 61); font-size: 20px; font-weight: 600; line-height: 1.4;}
.site-footer .footer-link:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: block; width: fit-content; margin: 0px 0px 18px; color: rgb(78, 96, 116); font-size: 14px; line-height: 1.65; text-decoration: none; transition: color 0.2s;}
.site-footer a:hover:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){color: rgb(40, 102, 231);}
.site-footer a:focus-visible:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.site-footer button:focus-visible:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){outline: rgb(40, 102, 231) solid 2px; outline-offset: 5px;}
.site-footer .footer-form:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: grid; gap: 12px;}
.site-footer .footer-field:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: grid; gap: 6px; color: rgb(38, 61, 85); font-size: 12px; line-height: 1.4;}
.site-footer .footer-optional:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){color: rgb(96, 112, 134);}
.site-footer .footer-field input:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.site-footer .footer-field textarea:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){box-sizing: border-box; display: block; width: 100%; min-width: 0px; padding: 11px 12px; border: 1px solid rgb(197, 207, 218); border-radius: 4px; background: rgb(255, 255, 255); color: rgb(0, 26, 61); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 14px; line-height: 1.5;}
.site-footer .footer-field input:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::placeholder,.site-footer .footer-field textarea:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::placeholder{color: rgb(104, 120, 139); opacity: 1;}
.site-footer .footer-field textarea:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-height: 94px; resize: vertical;}
.site-footer .footer-field input:focus:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.site-footer .footer-field textarea:focus:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){outline: rgb(64, 124, 255) solid 2px; outline-offset: 2px; border-color: rgb(64, 124, 255);}
.site-footer .footer-submit:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: flex; justify-content: space-between; align-items: center; width: 100%; min-height: 46px; padding: 12px 18px; border: 0px; border-radius: 4px; background: rgb(64, 124, 255); color: rgb(255, 255, 255); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 14px; font-weight: 600; cursor: pointer; transition: background 0.2s;}
.site-footer .footer-submit:hover:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){background: rgb(40, 102, 231);}
.site-footer .footer-submit:disabled:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){opacity: 0.65; cursor: wait;}
.site-footer .footer-privacy:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 0px; color: rgb(96, 112, 134); font-size: 11px; line-height: 1.6;}
.site-footer .footer-form-status:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 0px; font-size: 13px; line-height: 1.6; overflow-wrap: anywhere;}
.site-footer .footer-form-status:empty:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: none;}
.site-footer .footer-form-status[data-state="success"]:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){color: rgb(24, 117, 71);}
.site-footer .footer-form-status[data-state="error"]:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){color: rgb(180, 35, 24);}
.site-footer .footer-contact-details:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-style: normal; font-size: 14px; line-height: 1.8;}
.site-footer .footer-contact-item:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin-bottom: 23px;}
.site-footer .footer-contact-label:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: block; margin-bottom: 5px; color: rgb(64, 124, 255); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase;}
.site-footer .footer-contact-item p:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 0px; color: rgb(78, 96, 116);}
.site-footer .footer-contact-item a:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){color: rgb(38, 61, 85); text-decoration: none; overflow-wrap: anywhere;}
.site-footer .footer-contact-cta:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: inline-flex; align-items: center; gap: 20px; margin-top: 8px; padding-bottom: 8px; border-bottom: 1px solid rgb(184, 201, 220); color: rgb(40, 102, 231); font-size: 14px; text-decoration: none;}
.site-footer .footer-bottom:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: flex; justify-content: center; text-align: center; gap: 16px; flex-wrap: wrap; margin-top: 48px; padding-top: 22px; border-top: 1px solid rgb(224, 230, 237); color: rgb(96, 112, 134); font-size: 12px; line-height: 1.6;}
.site-footer .footer-bottom p:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 0px;}
@media (max-width: 1100px) {.site-footer .footer-top:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 42px 56px;}
}
@media (max-width: 640px) {.site-footer:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 44px 0px 24px;}
.site-footer .footer-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: calc(100% - 40px);}
.site-footer .footer-top:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: minmax(0px, 1fr); gap: 36px;}
.site-footer .footer-h:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 0px 0px 18px;}
.site-footer .footer-link:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin-bottom: 14px;}
.site-footer .footer-field input:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.site-footer .footer-field textarea:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 16px;}
.site-footer .footer-bottom:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin-top: 32px; flex-direction: column; gap: 8px;}
}
html:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),body:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){height: 100%; margin: 0px;}
body:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-height: 100vh; display: flex; flex-direction: column;}
main:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){flex: 1 1 0%;}
.site-footer:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin-top: auto;}
.stats-strip:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; padding-top: 0px; padding-bottom: 50px; background: rgb(255, 255, 255);}
.stats-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){max-width: 1400px; margin: 0px auto; padding: 0px 24px; display: grid; grid-template-columns: repeat(5, 1fr); gap: 28px; align-items: center;}
.stat-item:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){text-align: center;}
.stat-item > img:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.stat-icon:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 98px; height: 98px; object-fit: contain; display: block; margin: 0px auto 10px;}
.stat-value:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: clamp(22px, 3vw, 34px); font-weight: 700; line-height: 1; letter-spacing: 0.5px; color: rgb(17, 17, 17); margin-bottom: 10px; transform-origin: center center;}
.stat-num:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: clamp(22px, 3vw, 34px); font-weight: 900; line-height: 1; letter-spacing: 0.5px; color: rgb(17, 17, 17); margin-bottom: 10px;}
.stat-plus:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 0.7em; vertical-align: top; margin-left: 2px;}
.stat-label:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 15px; line-height: 1.35; color: rgb(34, 34, 34); opacity: 0.9; white-space: nowrap;}
@media (max-width: 1200px) {.stat-label:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){white-space: normal;}
}
@media (max-width: 980px) {.stats-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 640px) {.stats-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: repeat(2, 1fr);}
.stats-strip:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding-top: 36px; padding-bottom: 36px;}
.stat-item > img:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.stat-icon:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 78px; height: 78px; margin-bottom: 8px;}
.stat-value:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin-bottom: 8px;}
.stat-label:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 16px;}
}
.stat-value.is-bouncing:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){animation: 0.45s ease 0s 1 normal none running statBounce;}
@keyframes statBounce { 
  0% { transform: translateY(6px) scale(0.96); opacity: 0.5; }
  55% { transform: translateY(-6px) scale(1.06); opacity: 1; }
  100% { transform: translateY(0px) scale(1); }
}
.newssec:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 40px 0px 150px; background: rgb(255, 255, 255);}
.newssec__wrap:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(1680px, 100% - 80px); margin: 0px auto;}
.newssec__title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 28px; font-weight: 500; color: rgb(43, 43, 43); margin: 0px 0px 42px;}
.newssec__grid:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: grid; grid-template-columns: 1.15fr 1.15fr 0.85fr; gap: 22px; align-items: stretch;}
.ncard:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){background: rgb(255, 255, 255); border: 1px solid rgb(239, 239, 239); box-shadow: rgba(0, 0, 0, 0.06) 0px 10px 22px; height: 720px; overflow: hidden; cursor: pointer;}
.ncard__imgbox:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){height: 220px; overflow: hidden; background: rgb(243, 245, 247);}
.ncard--big .ncard__imgbox:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){height: 260px;}
.ncard__img:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; height: 100%; object-fit: cover; display: block;}
.ncard__imgbox--center:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: flex; align-items: center; justify-content: center; padding: 14px;}
.ncard__img--contain:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; height: 100%; object-fit: contain;}
.ncard__body:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 22px 26px;}
.ncard__tag:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 18px; font-weight: 400; color: rgb(0, 139, 213); margin-bottom: 10px;}
.ncard__h3:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 0px 0px 10px; font-size: 24px; font-weight: 500; color: rgb(34, 34, 34); line-height: 1.35;}
.ncard__p:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 0px 0px 14px; font-size: 17px; line-height: 1.8; color: rgb(92, 92, 92); display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;}
.ncard__date:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 15px; color: rgb(154, 154, 154);}
.ncard:hover:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){transform: translateY(-2px); transition: transform 0.18s;}
:root:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){--brand-light: #f3f7fb; --brand-mid: #e9f1f8; --brand-deep: #e2ecf6;}
.nlist:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){background: linear-gradient(
    135deg,
    var(--brand-light) 0%,
    var(--brand-mid) 45%,
    var(--brand-deep) 100%
  ); border-radius: 12px; padding: 20px 18px;}
.nlist__head:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: flex; align-items: center; justify-content: space-between; padding: 16px 16px 12px;}
.nlist__h:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 23px; font-weight: 500; color: rgb(43, 43, 43);}
.nlist__more:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 18px; font-weight: 500; color: rgb(0, 139, 213); text-decoration: none;}
.nlist__more:hover:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){text-decoration: underline;}
.nlist__box:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative; display: grid; grid-template-columns: 1fr 22px; gap: 10px; padding: 0px 10px 10px;}
.nlist__scroll:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){height: 620px; overflow: auto; padding-right: 6px; scrollbar-width: none;}
.nlist__scroll:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::-webkit-scrollbar{width: 0px; height: 0px;}
.nlist__items:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 6px 0px 10px;}
.nitem:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 12px 10px 12px 0px; border-bottom: 1px solid rgb(240, 240, 240); cursor: pointer;}
.nitem:last-child:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor;}
.nitem__t:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 17px; font-weight: 500; color: rgb(34, 34, 34); line-height: 1.45; margin: 0px 0px 6px;}
.nitem__d:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 15px; color: rgb(154, 154, 154); margin: 0px;}
.nitem.is-active .nitem__t:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){color: rgb(0, 139, 213);}
.nlist__bar:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: flex; flex-direction: column; align-items: center; padding-top: 4px;}
.nlist__arr:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 22px; height: 20px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: transparent; color: rgb(0, 139, 213); font-size: 12px; cursor: pointer; opacity: 0.9;}
.nlist__arr:hover:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){opacity: 1;}
.nlist__track:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative; width: 6px; flex: 1 1 0%; margin: 6px 0px; background: rgb(232, 232, 232); border-radius: 999px;}
.nlist__thumb:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: absolute; left: 50%; transform: translateX(-50%); top: 0px; width: 6px; height: 60px; background: rgb(0, 139, 213); border-radius: 999px; cursor: grab;}
.nlist__thumb:active:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){cursor: grabbing;}
.news:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 72px 0px 96px;}
.news .news-wrap:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: min(1520px, 100% - 80px); margin: 0px auto;}
@media (max-width: 1100px) {.newssec__grid:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 1fr 1fr;}
.nlist:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-column: 1 / -1;}
.nlist__scroll:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){height: 340px;}
}
@media (max-width: 760px) {.newssec__wrap:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: calc(100% - 28px);}
.newssec__grid:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 1fr;}
.ncard__imgbox:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){height: 220px;}
.ncard--big .ncard__imgbox:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){height: 240px;}
}
.space-sec:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; background: rgb(247, 247, 247); overflow: hidden;}
.space-wrap:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: grid; grid-template-columns: minmax(160px, 18%) 1fr; min-height: 760px;}
.space-left:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative; background: rgb(65, 138, 208); color: rgb(255, 255, 255); overflow: hidden;}
.space-left-bg:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: absolute; inset: -40%; pointer-events: none; opacity: 0.9;}
.space-left-bg:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::before,.space-left-bg:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::after{content: ""; position: absolute; inset: 0px; background-repeat: no-repeat; transform: rotate(0deg);}
.space-left-bg:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::before{background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0) 45%), linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 55%), linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 60%); background-size: 520px 520px, 420px 420px, 320px 320px; background-position: 10% 20%, 35% 60%, 70% 25%; animation: 10s linear 0s infinite normal none running spaceLeftDrift;}
.space-left-bg:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::after{background-image: linear-gradient(110deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.14) 45%, rgba(255, 255, 255, 0) 75%); background-size: 320px 900px; background-position: -20% 0%; animation: 4.8s ease-in-out 0s infinite normal none running spaceLeftSweep; mix-blend-mode: overlay; opacity: 0.7;}
@keyframes spaceLeftDrift { 
  0% { transform: translate3d(-2%, -2%, 0px) rotate(0deg); }
  50% { transform: translate3d(2%, 1%, 0px) rotate(0.5deg); }
  100% { transform: translate3d(-2%, -2%, 0px) rotate(0deg); }
}
@keyframes spaceLeftSweep { 
  0% { background-position: -30% 0%; opacity: 0.25; }
  50% { background-position: 120% 0%; opacity: 0.55; }
  100% { background-position: 220% 0%; opacity: 0.25; }
}
.space-left-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative; z-index: 2; height: 100%; display: grid; align-content: start; justify-items: center; text-align: center; padding: 140px 22px 0px; gap: 14px;}
.space-left-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 34px; font-weight: 600; letter-spacing: 0px;}
.space-left-sub:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 16px; line-height: 1.75; opacity: 0.95;}
.space-right:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){background: rgb(237, 237, 237); display: grid; grid-template-rows: 1fr 86px; min-height: 560px;}
.space-top:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative; background: rgb(255, 255, 255); overflow: hidden;}
.space-top-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative; z-index: 2; display: grid; grid-template-columns: 320px 1fr; gap: 26px; padding: 34px 30px 26px; min-height: 474px; align-items: start;}
.space-intro-kicker:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 13px; color: rgb(107, 107, 107); margin-top: 4px;}
.space-intro-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 10px 0px 18px; font-size: 30px; line-height: 1.25; font-weight: 400; color: rgb(42, 42, 42); letter-spacing: 0.2px;}
.space-intro-btn:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: rgb(242, 161, 38); font-weight: 700; font-size: 14px;}
.space-intro-btn-ic:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 26px; height: 26px; border-radius: 50%; display: inline-grid; place-items: center; background: rgb(242, 161, 38); color: rgb(255, 255, 255); font-size: 18px; line-height: 1;}
.space-grid:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: grid; grid-template-columns: repeat(5, minmax(180px, 1fr)); gap: 16px 20px; margin-top: 178px; max-height: 750px; align-content: start; justify-items: center; margin-left: -300px;}
.space-card:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; display: flex; justify-content: center; position: relative; background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; overflow: visible; cursor: pointer; transition: transform 0.18s; border-radius: 10px;}
.space-card:hover:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){transform: translateY(-2px);}
.space-card a:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: grid; grid-template-rows: 120px auto; gap: 16px; text-decoration: none; color: inherit; justify-items: center; padding: 22px 18px 18px; border-radius: 10px; background: rgba(255, 255, 255, 0.55); border: 1px solid rgba(0, 0, 0, 0.06); backdrop-filter: blur(8px); transition: transform 0.18s, box-shadow 0.18s, background 0.18s;}
.space-card a:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; max-width: 260px; height: 200px; padding: 28px 20px; box-sizing: border-box;}
.space-card:hover a:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){transform: translateY(-6px); background: rgba(255, 255, 255, 0.7);}
.space-card-img:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; height: 120px; display: grid; place-items: center;}
.space-card-img img:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){max-width: 160px; max-height: 120px; width: auto; height: auto; object-fit: contain; display: block;}
.space-card-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){text-align: center; font-size: 14px; font-weight: 300; color: rgb(107, 107, 107); letter-spacing: 0.4px; line-height: 1.2;}
.space-card-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.space-card-tag:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.space-card-name:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.space-card-desc:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.space-card-thumb:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: none !important;}
.space-hero:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: absolute; right: 8%; top: 18%; width: min(520px, 46%); z-index: 1; opacity: 1; pointer-events: none;}
.space-hero img:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; height: auto; display: block;}
.space-bottom:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative; display: grid; grid-template-columns: 260px 1fr 46px; align-items: stretch; border-top: 1px solid rgba(0, 0, 0, 0.06); background: rgb(143, 143, 143);}
.space-bottom-left:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: flex; align-items: stretch;}
.space-bottom-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; background: rgb(242, 161, 38); color: rgb(255, 255, 255); padding: 14px 14px 12px 18px; display: grid; align-content: center; gap: 3px;}
.space-bottom-title-main:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 16px; font-weight: 700; letter-spacing: 0px;}
.space-bottom-title-sub:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 12px; opacity: 0.92; letter-spacing: 0px;}
.space-tabs:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: grid; grid-template-columns: repeat(5, 1fr); gap: 0px;}
.space-tab:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){border: 0px; background: rgb(143, 143, 143); font-weight: 600; font-size: 14px; letter-spacing: 0px; cursor: pointer; outline: none; user-select: none; color: rgba(255, 255, 255, 0.95);}
.space-tab:not(:first-child):where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){box-shadow: rgba(255, 255, 255, 0.12) 1px 0px 0px inset;}
.space-tab.is-active:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){background: rgb(242, 161, 38); color: rgb(255, 255, 255);}
.space-bottom-arrow:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){background: rgb(242, 161, 38); display: grid; place-items: center; color: rgb(255, 255, 255); font-size: 26px; font-weight: 900;}
.space-hero:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: none !important;}
@media (max-width: 1280px) {.space-wrap:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 240px 1fr;}
.space-right:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-width: 0px;}
.space-top:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 26px 22px 18px;}
.space-top-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: grid; grid-template-columns: 1fr; row-gap: 18px; min-height: auto;}
.space-copy:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.space-content:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.space-top-copy:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.space-copy-wrap:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){max-width: 520px;}
.space-grid:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: repeat(3, minmax(160px, 1fr)); gap: 16px; margin-top: 0px; margin-left: 0px; max-height: none; width: 100%; justify-items: stretch; align-content: start;}
.space-card:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%;}
.space-card a:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){max-width: 100%; height: 182px; padding: 18px 14px 14px; grid-template-rows: 96px auto; gap: 10px;}
.space-card-img:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){height: 96px;}
.space-card-img img:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){max-width: 118px; max-height: 96px;}
.space-card-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 13px; line-height: 1.35;}
.space-bottom:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 180px 1fr 38px;}
.space-bottom-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 10px 12px;}
.space-bottom-title-main:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 14px;}
.space-bottom-title-sub:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 11px;}
.space-tabs:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: flex; overflow: auto hidden; min-width: 0px; scrollbar-width: none;}
.space-tabs:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::-webkit-scrollbar{display: none;}
.space-tab:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){flex: 0 0 auto; min-width: 124px; padding: 0px 14px; white-space: nowrap; font-size: 12px;}
.space-bottom-arrow:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 18px;}
}
@media (max-width: 1100px) {.space-wrap:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 220px 1fr;}
.space-right:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-width: 0px;}
.space-top:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 22px 18px 16px;}
.space-top-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: grid; grid-template-columns: 1fr; row-gap: 16px; min-height: auto;}
.space-copy:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.space-content:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.space-top-copy:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.space-copy-wrap:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){max-width: 480px;}
.space-grid:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: repeat(3, minmax(145px, 1fr)); gap: 14px; margin-top: 0px; margin-left: 0px; max-height: none; width: 100%; justify-items: stretch; align-content: start;}
.space-card a:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){max-width: 100%; height: 170px; padding: 16px 12px 12px; grid-template-rows: 88px auto; gap: 10px;}
.space-card-img:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){height: 88px;}
.space-card-img img:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){max-width: 108px; max-height: 88px;}
.space-card-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 12px; line-height: 1.35;}
#spaceGrid:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){max-height: none; padding-right: 0px;}
.space-bottom:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 170px 1fr 36px;}
.space-tab:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 11px; padding: 0px 10px;}
}
@media (max-width: 860px) {.space-wrap:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 1fr;}
.space-left:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-height: 180px;}
.space-left-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 28px 18px;}
.space-left-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 18px;}
.space-left-sub:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 14px; line-height: 1.5;}
.space-right:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-rows: auto auto;}
.space-top:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 18px 14px 16px;}
.space-top-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 1fr; min-height: auto;}
.space-grid:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px; margin-top: 0px; margin-left: 0px; padding-right: 0px; width: 100%; max-height: none; align-content: start; justify-items: stretch;}
.space-card:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%;}
.space-card a:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 100%; max-width: 100%; height: 176px; padding: 16px 12px 14px; grid-template-rows: 92px auto; gap: 10px; border-radius: 12px;}
.space-card-img:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){height: 92px;}
.space-card-img img:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){max-width: 118px; max-height: 92px;}
.space-card-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 13px; font-weight: 400; line-height: 1.35; letter-spacing: 0.2px; word-break: break-word;}
#spaceGrid:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){max-height: none; overflow: visible; padding-right: 0px;}
.space-bottom:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 132px 1fr 34px; min-height: 62px;}
.space-bottom-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 10px 10px 10px 12px;}
.space-bottom-title-main:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 13px; line-height: 1.2;}
.space-bottom-title-sub:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 10px; line-height: 1.2;}
.space-tabs:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: repeat(5, 1fr);}
.space-tab:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 11px; font-weight: 700; padding: 0px 4px; line-height: 1.2;}
.space-bottom-arrow:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 18px;}
}
@media (max-width: 640px) {.space-sec:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){overflow: hidden;}
.space-left:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-height: 150px;}
.space-left-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 22px 16px;}
.space-grid:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px;}
.space-card a:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){height: 160px; padding: 14px 10px 12px; grid-template-rows: 82px auto; gap: 8px;}
.space-card-img:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){height: 82px;}
.space-card-img img:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){max-width: 100px; max-height: 82px;}
.space-card-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 12px; line-height: 1.3;}
.space-bottom:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 110px 1fr 30px;}
.space-bottom-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 8px 8px 8px 10px;}
.space-bottom-title-main:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 12px;}
.space-bottom-title-sub:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: none;}
.space-tab:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 10px; padding: 0px 2px;}
.space-bottom-arrow:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 16px;}
}
@media (max-width: 768px) {.space-bottom:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 96px 1fr 28px; min-height: 52px;}
.space-bottom-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 8px 8px 8px 10px;}
.space-bottom-title-main:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 11px; line-height: 1.2; letter-spacing: 0px;}
.space-bottom-title-sub:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: none;}
.space-tabs:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: flex; overflow: auto hidden; scrollbar-width: none;}
.space-tabs:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::-webkit-scrollbar{display: none;}
.space-tab:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){flex: 0 0 auto; min-width: 92px; padding: 0px 12px; font-size: 11px; font-weight: 700; white-space: nowrap; line-height: 52px; text-align: center;}
.space-tab:not(:first-child):where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){box-shadow: rgba(255, 255, 255, 0.12) 1px 0px 0px inset;}
.space-bottom-arrow:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 16px;}
}
@media (max-width: 768px) {.space-bottom:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative;}
.space-tabs:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative;}
.space-tabs:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::after{content: ""; position: sticky; right: 0px; top: 0px; width: 18px; height: 100%; margin-left: auto; pointer-events: none; background: linear-gradient(to right, rgba(143, 143, 143, 0), rgb(143, 143, 143)); flex: 0 0 18px;}
}
@media (max-width: 480px) {.space-bottom:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 86px 1fr 26px; min-height: 48px;}
.space-bottom-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 7px 6px 7px 8px;}
.space-bottom-title-main:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 10px;}
.space-tab:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-width: 84px; padding: 0px 10px; font-size: 10px; line-height: 48px;}
.space-bottom-arrow:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 14px;}
}
@media (max-width: 768px) {.space-bottom:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 96px 1fr 28px; min-height: 52px; height: 52px;}
.space-bottom-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 8px 8px 8px 10px;}
.space-bottom-title-main:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 11px; line-height: 1.2; letter-spacing: 0px;}
.space-bottom-title-sub:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: none;}
.space-tabs:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: flex; align-items: stretch; overflow: auto hidden; height: 52px; scrollbar-width: none;}
.space-tabs:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::-webkit-scrollbar{display: none;}
.space-tab:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){flex: 0 0 auto; min-width: 96px; height: 52px; min-height: 52px; padding: 0px 12px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border: 0px; border-radius: 0px; appearance: none;}
.space-tab:not(:first-child):where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){box-shadow: rgba(255, 255, 255, 0.12) 1px 0px 0px inset;}
.space-tab.is-active:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){background: rgb(242, 161, 38); color: rgb(255, 255, 255);}
.space-bottom-arrow:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 16px;}
.space-tabs:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::after{content: ""; position: sticky; right: 0px; top: 0px; width: 18px; height: 52px; margin-left: auto; pointer-events: none; background: linear-gradient(to right, rgba(143, 143, 143, 0), rgb(143, 143, 143)); flex: 0 0 18px;}
}
@media (max-width: 480px) {.space-bottom:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 86px 1fr 26px; min-height: 48px; height: 48px;}
.space-bottom-title:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){padding: 7px 6px 7px 8px;}
.space-bottom-title-main:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 10px;}
.space-tabs:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){height: 48px;}
.space-tab:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){min-width: 92px; height: 48px; min-height: 48px; padding: 0px 10px; font-size: 10px; line-height: 1;}
.space-tabs:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *)::after{height: 48px;}
.space-bottom-arrow:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){font-size: 14px;}
}
:is(.auto-hero__pillars, .scent-hero__pillars, .cabin-scent-hero__pillars, .iaq-hero__pillars, .co2-hero__pillars, .r290-hero__pillars, .seo-hero__pillars):is(.auto-hero__pillars, .scent-hero__pillars, .cabin-scent-hero__pillars, .iaq-hero__pillars, .co2-hero__pillars, .r290-hero__pillars, .seo-hero__pillars):where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); overflow: hidden; border-width: 1px 1px 0px; border-style: solid solid none; border-color: rgb(220, 230, 243) rgb(220, 230, 243) currentcolor; border-image: initial; border-radius: 14px 14px 0px 0px; background: rgba(255, 255, 255, 0.96); box-shadow: rgba(25, 56, 88, 0.08) 0px -8px 38px;}
:is(.auto-hero__pillars, .scent-hero__pillars, .cabin-scent-hero__pillars, .iaq-hero__pillars, .co2-hero__pillars, .r290-hero__pillars, .seo-hero__pillars):is(.auto-hero__pillars, .scent-hero__pillars, .cabin-scent-hero__pillars, .iaq-hero__pillars, .co2-hero__pillars, .r290-hero__pillars, .seo-hero__pillars) article:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: flex; align-items: flex-start; gap: 16px; min-height: 0px; padding: 28px 25px;}
:is(.auto-hero__pillars, .scent-hero__pillars, .cabin-scent-hero__pillars, .iaq-hero__pillars, .co2-hero__pillars, .r290-hero__pillars, .seo-hero__pillars):is(.auto-hero__pillars, .scent-hero__pillars, .cabin-scent-hero__pillars, .iaq-hero__pillars, .co2-hero__pillars, .r290-hero__pillars, .seo-hero__pillars) article + article:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){border-top: 0px; border-left: 1px solid rgb(220, 230, 243);}
:is(.auto-hero__pillars, .scent-hero__pillars, .cabin-scent-hero__pillars, .iaq-hero__pillars, .co2-hero__pillars, .r290-hero__pillars, .seo-hero__pillars):is(.auto-hero__pillars, .scent-hero__pillars, .cabin-scent-hero__pillars, .iaq-hero__pillars, .co2-hero__pillars, .r290-hero__pillars, .seo-hero__pillars) article > span:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){flex: 0 0 auto; color: rgb(30, 136, 255); font-size: 12px; font-weight: 800; line-height: 1.3;}
:is(.auto-hero__pillars, .scent-hero__pillars, .cabin-scent-hero__pillars, .iaq-hero__pillars, .co2-hero__pillars, .r290-hero__pillars, .seo-hero__pillars):is(.auto-hero__pillars, .scent-hero__pillars, .cabin-scent-hero__pillars, .iaq-hero__pillars, .co2-hero__pillars, .r290-hero__pillars, .seo-hero__pillars) :is(h2, h3):where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 0px 0px 8px; color: rgb(35, 64, 95); font-size: 18px; font-weight: 600; line-height: 1.3;}
:is(.auto-hero__pillars, .scent-hero__pillars, .cabin-scent-hero__pillars, .iaq-hero__pillars, .co2-hero__pillars, .r290-hero__pillars, .seo-hero__pillars):is(.auto-hero__pillars, .scent-hero__pillars, .cabin-scent-hero__pillars, .iaq-hero__pillars, .co2-hero__pillars, .r290-hero__pillars, .seo-hero__pillars) p:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){margin: 0px; color: rgb(77, 96, 115); font-size: 14px; font-weight: 400; line-height: 1.65;}
@media (max-width: 780px) {:is(.auto-hero__pillars, .scent-hero__pillars, .cabin-scent-hero__pillars, .iaq-hero__pillars, .co2-hero__pillars, .r290-hero__pillars, .seo-hero__pillars):is(.auto-hero__pillars, .scent-hero__pillars, .cabin-scent-hero__pillars, .iaq-hero__pillars, .co2-hero__pillars, .r290-hero__pillars, .seo-hero__pillars):where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){grid-template-columns: 1fr;}
:is(.auto-hero__pillars, .scent-hero__pillars, .cabin-scent-hero__pillars, .iaq-hero__pillars, .co2-hero__pillars, .r290-hero__pillars, .seo-hero__pillars):is(.auto-hero__pillars, .scent-hero__pillars, .cabin-scent-hero__pillars, .iaq-hero__pillars, .co2-hero__pillars, .r290-hero__pillars, .seo-hero__pillars) article + article:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){border-top: 1px solid rgb(220, 230, 243); border-left: 0px;}
}
:root:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){--site-content-width: min(1440px, 92%);}
.site-footer .footer-inner:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: var(--site-content-width);}
@media (max-width: 640px) {:root:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){--site-content-width: calc(100% - 40px);}
}
.gas-product-card .gas-product-card__image img.controller-card-image--a63:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 210px; height: auto; max-width: 100%; max-height: none; transform: translateY(16px);}
.gas-product-card .gas-product-card__image img.controller-card-image--a23:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 280px; height: auto; max-width: 100%; max-height: none; transform: none;}
.gas-product-card .gas-product-card__image img.controller-card-image--a62:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){width: 190px; height: auto; max-width: 100%; max-height: none; transform: none;}
.language-dropdown:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: relative;}
.language-menu:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){position: absolute; top: calc(100% + 8px); right: 0px; min-width: 72px; padding: 4px; background: rgb(255, 255, 255); border: 1px solid rgb(226, 232, 240); border-radius: 6px; box-shadow: rgba(15, 23, 42, 0.12) 0px 6px 18px; z-index: 1100;}
.language-menu[hidden]:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: none;}
.utility-nav .language-menu a:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){display: block; padding: 8px 14px; border-radius: 3px;}
.utility-nav .language-menu a:hover:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *),.utility-nav .language-menu a:focus-visible:where(main.controller-reference-main,main.controller-reference-main > :not(.site-contact),main.controller-reference-main > :not(.site-contact) *){background: rgb(240, 245, 255); color: rgb(52, 120, 246);}