/* Layout details from the supplied reference screenshot. */
html{scroll-padding-top:110px}header{position:sticky;top:0;height:80px;z-index:20;background:#fff}.head-inner{max-width:1690px;padding:0 28px;gap:18px}.reference-hotline{font:bold 38px/1 Arial;color:#ff0752;white-space:nowrap;letter-spacing:-1px}.head-inner .logo{gap:7px}.head-inner .company-logo{width:46px;height:46px}.head-inner .logo strong{font-size:23px}.head-inner .logo small{font-size:9px}.head-inner nav{flex:1;justify-content:flex-end}.head-inner nav>a,.nav-parent>a{font-size:14px;padding-left:15px;padding-right:8px}.nav-group:before{content:'|';font-size:12px;color:#263554;margin-right:3px}.nav-toggle{padding-right:10px}.head-inner nav a.active:before,.nav-group.current .nav-parent:after{bottom:-14px}.head-inner>.header-consult{display:none}.dropdown{top:68px}.reference-tools{width:80px;right:36px;top:23%;bottom:auto;border-radius:10px;box-shadow:0 0 18px #0002;background:white;z-index:30}.reference-tools button{height:95px;border-bottom:1px solid #ddd;gap:9px;color:#378cff}.reference-tools button>svg{width:48px;height:48px;fill:currentColor}.reference-tools button>span{font-size:12px;line-height:1;margin:0}.reference-tools a{height:68px;color:#378cff}.reference-tools a>svg{width:39px;height:39px;fill:currentColor}.reference-left{top:47%;bottom:auto;background:#6894ff;display:flex;gap:12px;align-items:center;padding:10px 16px 10px 10px;font-size:17px;border-radius:4px 0 0 4px;z-index:30}.reference-left>svg{width:34px;height:34px;fill:white}.reference-left>span{font-size:17px;margin:0}
.reference-areas{padding:55px 0 65px;background:white}.reference-areas h2{font-size:27px;color:#273e5e}.area-caption{text-align:center;color:#8c98a9;font-size:13px;margin:12px 0 35px}.area-honeycomb{max-width:1200px;margin:auto}.area-row{display:flex;justify-content:center;gap:26px;margin-top:8px}.area-hex{width:138px;height:155px;display:grid;place-items:center;filter:drop-shadow(0 0 5px #00000012);position:relative;flex-shrink:0;transition:transform .2s}.area-hex:before{content:'';position:absolute;inset:4px;background:#fff;clip-path:polygon(50% 0,96% 25%,96% 75%,50% 100%,4% 75%,4% 25%)}.area-hex>span{position:relative;display:flex;align-items:center;flex-direction:column;gap:9px;text-align:center;max-width:105px}.area-hex b{display:grid;place-items:center;color:var(--area-color);font:bold 34px/1 Arial;width:53px;height:53px;border:2px solid currentColor;border-radius:50%}.area-hex strong{font-size:12px;color:var(--area-color);font-weight:600;line-height:1.5}.area-hex:hover{transform:translateY(-5px)}
.reference-contact{background:#f7f7f7;padding:45px 0 55px;scroll-margin-top:90px}.reference-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.reference-contact h2{font-size:24px;font-weight:400;text-align:left;margin:0 0 23px;color:#192c43}.reference-contact form label{display:block;margin:20px 0 2px;font-size:13px;color:#1d2d44}.reference-contact form em{font-style:normal;color:red;margin-right:2px}.reference-contact input,.reference-contact textarea{display:block;width:100%;border:1px solid #dedede;background:white;border-radius:0;padding:10px 12px;font-size:13px;color:#33475e;outline-color:#368dff;resize:vertical;min-height:40px}.reference-contact input:read-only,.reference-contact textarea:read-only{background:#f1f4f8}.reference-contact textarea{min-height:100px}.reference-contact .reference-privacy{font-size:11px;color:#8b97a6;line-height:1.8}.reference-privacy a{color:#3289f1;margin-left:7px}.reference-contact .blue-button{font-size:14px;min-width:150px;border-radius:0;padding:9px 25px;background:#398df8}.reference-contact #footerFormStatus{font-size:13px;line-height:1.9;color:#2468a8;overflow-wrap:anywhere}.reference-contact-brand{text-align:center;color:#0579b7}.reference-brand-lockup{display:flex;gap:20px;align-items:center;justify-content:center}.reference-brand-lockup img{width:130px;height:130px;object-fit:contain}.reference-brand-lockup>div{border-left:4px solid #087dbb;padding-left:22px;text-align:left}.reference-brand-lockup strong{display:block;font-size:37px;font-weight:600;letter-spacing:3px}.reference-brand-lockup span{display:block;font-size:24px;letter-spacing:2px;margin-top:7px}.reference-contact-brand>p{font-size:16px;letter-spacing:3px;margin:25px 0 17px}.reference-contact-brand>a{font:bold 36px Arial;color:#137bc3}.reference-brand-links{display:flex;justify-content:center;gap:15px;margin-top:25px}.reference-brand-links button{border:1px solid #c7dae9;background:#fff;color:#2685c4;font-size:13px;padding:7px 14px}
.reference-service-panel[hidden]{display:none}.reference-service-panel{position:fixed;right:160px;bottom:110px;width:360px;background:white;box-shadow:0 3px 12px #0002;z-index:40;border-radius:8px 8px 0 0;overflow:hidden;color:#253346}.service-panel-heading{background:#6894ff;display:flex;align-items:center;gap:10px;color:white;padding:12px 14px}.service-panel-heading>svg{width:25px;height:25px;fill:white}.service-panel-heading strong{font-size:14px;font-weight:500;flex:1}.service-panel-heading button{font-size:25px;color:white;line-height:1}.service-panel-body{padding:20px 17px 35px;min-height:280px;font-size:13px;line-height:1.9}.service-panel-body>p{margin:0 0 10px}.service-greeting{font-weight:600}.service-contact-bubble{background:#f0f2f8;padding:15px;border-radius:10px;margin:17px 0}.service-contact-bubble a{color:#ff0752;font-weight:700}.service-panel-body .outline-button{font-size:11px;border-radius:20px;padding:5px 12px}.service-panel-actions{border-top:1px solid #edf0f5;display:flex;justify-content:center;gap:55px;padding:23px 15px}.service-panel-actions>a,.service-panel-actions>button{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;color:#666}.service-panel-actions svg{width:39px;height:39px;padding:9px;background:#62a8ff;fill:white;border-radius:50%}.service-panel-actions button svg{background:#38d3a5}
@media(min-width:1051px) and (max-width:1500px){.head-inner{gap:12px;padding:0 20px}.reference-hotline{font-size:29px}.head-inner .logo strong{font-size:20px}.head-inner .company-logo{width:40px;height:40px}.head-inner .logo small{font-size:8px}.head-inner nav>a,.nav-parent>a{font-size:12px;padding-left:9px;padding-right:3px}.nav-toggle{padding-right:5px}.reference-tools{right:14px;width:70px}.reference-contact-grid{gap:45px}.reference-brand-lockup strong{font-size:31px}.reference-brand-lockup span{font-size:20px}}
@media(max-width:1050px){header{height:auto}.reference-hotline{display:none}.head-inner>.header-consult{display:block}.head-inner .logo strong{font-size:23px}.head-inner .company-logo{width:48px;height:48px}.head-inner .logo small{font-size:10px}.head-inner nav{width:100%;justify-content:initial;flex:none}.nav-group:before{display:none}.head-inner nav>a,.nav-parent>a{font-size:14px;padding:12px 8px}.nav-toggle{padding:12px 18px}.reference-tools{width:53px;right:8px;top:auto;bottom:25px}.reference-tools button{height:65px;gap:6px}.reference-tools button>svg{width:31px;height:31px}.reference-tools button>span{font-size:9px}.reference-tools a{height:42px}.reference-tools a>svg{width:26px;height:26px}.reference-left{display:none}.area-row{gap:10px}.area-hex{width:100px;height:115px}.area-hex>span{max-width:80px}.area-hex b{font-size:26px;width:40px;height:40px}.area-hex strong{font-size:10px}.reference-contact-grid{gap:25px}.reference-brand-lockup{gap:10px}.reference-brand-lockup img{width:90px;height:90px}.reference-brand-lockup>div{padding-left:12px;border-width:2px}.reference-brand-lockup strong{font-size:25px}.reference-brand-lockup span{font-size:16px}.reference-contact-brand>p{font-size:12px}.reference-contact-brand>a{font-size:27px}.reference-service-panel{right:85px;bottom:65px}}
@media(max-width:650px){html{scroll-padding-top:90px}.head-inner .logo strong{font-size:20px}.head-inner .company-logo{width:42px;height:42px}.head-inner .logo small{font-size:9px}.head-inner{min-height:75px}.reference-areas{padding:38px 0}.reference-areas h2{font-size:22px}.area-caption{font-size:11px;margin-bottom:25px}.area-honeycomb{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 0}.area-row{display:contents}.area-hex{justify-self:center;width:100px;height:113px}.area-hex>span{gap:6px}.area-hex strong{font-size:10px}.area-hex b{font-size:25px;width:38px;height:38px}.reference-contact{padding:35px 0 42px}.reference-contact-grid{grid-template-columns:1fr;gap:38px}.reference-contact h2{font-size:21px}.reference-contact form label{font-size:12px;margin-top:17px}.reference-contact input,.reference-contact textarea{font-size:12px}.reference-contact-brand{border-top:1px solid #e6e9ed;padding-top:30px}.reference-brand-lockup img{width:90px;height:90px}.reference-contact-brand>p{letter-spacing:1px;margin:20px 0 14px}.reference-contact-brand>a{font-size:30px}.reference-service-panel{right:12px;bottom:25px;width:min(360px,calc(100vw - 24px))}.service-panel-body{min-height:230px;padding-bottom:20px}.service-panel-actions{padding:18px}.reference-tools{width:43px;bottom:18px;right:5px}.reference-tools button{height:57px;gap:5px}.reference-tools button>svg{width:28px;height:28px}.reference-tools button>span{font-size:8px}.reference-tools a{height:35px}.reference-tools a>svg{width:23px;height:23px}}
.reference-service-panel[hidden]{display:none!important}
