/* Shared 112HUB design system for the legacy service, company, guide and blog pages. */
:root { --hub-blue:#162D51; --hub-orange:#E1321E; --hub-black:#000; --hub-white:#fff; --hub-grey:#f7f7f7; --hub-copy:rgba(22,45,81,.78); --hub-line:rgba(22,45,81,.15); }
body { background:var(--hub-grey); color:var(--hub-blue); font-family:"Source Sans Pro",sans-serif; }
body main { overflow:hidden; }
body main h1,body main h2,body main h3 { color:var(--hub-blue); font-family:"Montserrat",sans-serif; letter-spacing:-.05em; }
body main p,body main li { color:var(--hub-copy); font-size:18px; line-height:1.55; }
/* Legacy Webflow exports hide animated blocks inline before JavaScript runs. */
body [data-w-id] { opacity:1!important; transform:none!important; }
.navbar { position:relative; z-index:10; border-bottom:1px solid rgba(255,255,255,.15); background:var(--hub-blue)!important; }
.nav-link.light-copy { position:relative; color:#fff!important; font:700 11px/1 "Montserrat",sans-serif; letter-spacing:.07em; }
.nav-link.light-copy.w--current:after { position:absolute; right:0; bottom:-12px; left:0; height:2px; background:var(--hub-orange); content:""; }
.dropdown-list { border:1px solid rgba(255,255,255,.14); background:var(--hub-blue); }
.dropdown-link { color:#fff; }.dropdown-link:hover { background:var(--hub-orange); color:#fff; }
.brix---section-9,.section-16,.section-10,.subpage-header,.uui-section_contact10,.section-11 { position:relative; overflow:hidden; padding:130px 0 82px!important; background:var(--hub-blue)!important; color:#fff; }
.brix---section-9:empty { display:none; }
.brix---section-9:before,.section-16:before,.section-10:before,.subpage-header:before,.uui-section_contact10:before,.section-11:before { position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px); background-size:54px 54px; content:""; mask-image:linear-gradient(to bottom,#000,transparent 90%); }
.brix---section-9:after,.section-16:after,.section-10:after,.subpage-header:after,.uui-section_contact10:after,.section-11:after { position:absolute; top:-26vw; right:-19vw; width:60vw; height:60vw; border-radius:50%; background:radial-gradient(circle at 35% 35%,rgba(225,50,30,.58),rgba(225,50,30,0) 66%); content:""; filter:blur(18px); }
.brix---section-9 > *,.section-16 > *,.section-10 > *,.subpage-header > *,.uui-section_contact10 > *,.section-11 > * { position:relative; z-index:1; }
.brix---section-9 h1,.section-16 h1,.section-10 h1,.subpage-header h1,.uui-section_contact10 h1,.section-11 h1,.subpage-header .subpage-title { max-width:900px; color:#fff!important; font-size:clamp(48px,6vw,80px)!important; line-height:.96!important; }
.brix---section-9 p,.section-16 p,.section-10 p,.subpage-header .page-subtitle,.uui-section_contact10 p,.section-11 p { max-width:680px; color:rgba(255,255,255,.77)!important; font-size:21px!important; }
.brix---btn-secondary-3,.brix---btn-primary,.brix---btn-primary-white-3,.uui-button,.w-button { min-height:52px; border:1px solid var(--hub-orange)!important; border-radius:0!important; background:var(--hub-orange)!important; color:#fff!important; font:700 13px/1 "Montserrat",sans-serif!important; letter-spacing:.01em; transition:transform .2s ease,background .2s ease!important; }
.brix---btn-secondary-3:hover,.brix---btn-primary:hover,.brix---btn-primary-white-3:hover,.uui-button:hover,.w-button:hover { background:var(--hub-black)!important; border-color:var(--hub-black)!important; color:#fff!important; transform:translateY(-2px); }
.brix---section,.brix---section-3,.brix---section-4,.brix---section-small,.brix---section-small---bottom-large,.uui-section_layout89,.uui-section_layout97,.section,.section.tint,.brix---section-blog-v5 { padding-top:92px!important; padding-bottom:92px!important; background:#fff!important; }
.brix---section-3,.section.tint,.uui-section_layout89 { background:var(--hub-grey)!important; }
.brix---section-3 h2,.brix---section-4 h2,.uui-section_layout89 h2,.section h2,.brix---section-blog-v5 h2 { font-size:clamp(36px,4.4vw,62px)!important; line-height:1.02!important; }
.brix---card-link-content-left-fw,.brix---card---icon-left---content-right,.uui-layout89_item,.testimonial-card-two,.brix---card-stats-v3,.uui-contact10_item,.brix---blog-card-wrapper { border:1px solid var(--hub-line)!important; border-radius:0!important; background:#fff!important; box-shadow:none!important; }
.brix---card-link-content-left-fw { padding:28px!important; transition:transform .2s ease,background .2s ease!important; }
.brix---card-link-content-left-fw:hover { background:var(--hub-blue)!important; transform:translateY(-6px); }.brix---card-link-content-left-fw:hover h3,.brix---card-link-content-left-fw:hover p { color:#fff!important; }
.brix---card-link-content-left-fw img { border-radius:0!important; filter:saturate(.72) contrast(1.05); }
.brix---card-stats-v3 { border-top:5px solid var(--hub-orange)!important; }.brix---card-stats-v3:nth-child(2) { border-top-color:var(--hub-blue)!important; }.brix---card-stats-v3:nth-child(3) { border-top-color:var(--hub-black)!important; }
.brix---display-3,.uui-heading-large,.uui-heading-medium-2 { color:var(--hub-blue)!important; }
.brix---cta-v9-section,.brix---cta-v8-section,.brix---cta-v1-section { background:var(--hub-orange)!important; }.brix---cta-v9-section h2,.brix---cta-v8-section h2,.brix---cta-v1-section h2,.brix---cta-v9-section p,.brix---cta-v8-section p,.brix---cta-v1-section p { color:#fff!important; }
.brix---cta-v9-section .w-button,.brix---cta-v8-section .w-button,.brix---cta-v1-section .w-button { border-color:#fff!important; background:#fff!important; color:var(--hub-blue)!important; }
.uui-contact10_component,.uui-contact10_content { gap:18px!important; }.uui-contact10_item { padding:28px!important; }.uui-contact10_item:hover { border-color:var(--hub-orange)!important; }
.uui-button-link,.brix---link-wrapper-color-primary,.brix---link-wrapper { color:var(--hub-orange)!important; }
.subpage-header.blog-1 form input { border:1px solid rgba(255,255,255,.4)!important; border-radius:0!important; background:#fff!important; color:var(--hub-blue)!important; }.subpage-header.blog-1 form button { border-radius:0!important; background:var(--hub-orange)!important; }
.blog-post-header { min-height:460px!important; background-color:var(--hub-blue)!important; }.blog-post-header-overlay { background:linear-gradient(90deg,rgba(22,45,81,.95),rgba(22,45,81,.72))!important; }.blog-post-header h1,.blog-post-header .subpage-title { color:#fff!important; font-size:clamp(42px,5.5vw,72px)!important; line-height:1!important; }
.blog-post-page-content { max-width:820px!important; }.blog-post-page-content .rich-text-block h2,.blog-post-page-content .rich-text-block h3 { color:var(--hub-blue)!important; }.blog-post-page-content .rich-text-block a { color:var(--hub-orange)!important; }.blog-post-page-content .rich-text-block blockquote { border-left:3px solid var(--hub-orange)!important; color:var(--hub-blue)!important; }
.simple-blog-post-item { border-bottom:1px solid var(--hub-line); padding-bottom:30px; }.blog-post-title-link,.archive-title { color:var(--hub-blue)!important; font-family:"Montserrat",sans-serif!important; }.blog-post-title-link:hover { color:var(--hub-orange)!important; }
.brix---footer-wrapper { background:var(--hub-blue)!important; }.brix---footer-logo-wrapper { display:inline-flex!important; width:max-content; padding:11px 15px; border:1px solid rgba(225,50,30,.76); background:linear-gradient(135deg,#fff 0 82%,var(--hub-orange) 82% 100%); box-shadow:8px 8px 0 rgba(225,50,30,.38); }.brix---footer-logo { display:block; max-width:165px!important; max-height:none!important; }.brix---footer-link,.brix---paragraph-default-13 { color:rgba(255,255,255,.75)!important; }.brix---footer-link:hover { color:#fff!important; }
/* Keep the password screen and server-rendered pagination inside the same brand system. */
.utility-page-wrap { min-height:100vh; padding:48px 20px; background:var(--hub-blue)!important; }
.utility-page-content { width:min(100%,460px)!important; padding:42px 36px!important; border-top:5px solid var(--hub-orange); background:#fff!important; box-shadow:18px 18px 0 rgba(0,0,0,.16); }
.utility-page-content h2 { margin:18px 0 28px!important; color:var(--hub-blue)!important; font:800 38px/1 "Montserrat",sans-serif!important; letter-spacing:-.055em!important; }
.utility-page-content label { color:var(--hub-blue)!important; font-weight:700!important; }
.utility-page-content input.w-input { min-height:52px!important; border:1px solid rgba(22,45,81,.28)!important; border-radius:0!important; color:var(--hub-blue)!important; }
.utility-page-content .w-button { width:100%; margin-top:18px!important; }
.section.tint a[style*="background:#2d3748"] { border-radius:0!important; background:var(--hub-blue)!important; }
.section.tint span[style*="background:#e53e3e"] { border-radius:0!important; background:var(--hub-orange)!important; }
@media(max-width:767px) { .brix---section-9,.section-16,.section-10,.subpage-header,.uui-section_contact10,.section-11 { padding:110px 0 64px!important; }.brix---section,.brix---section-3,.brix---section-4,.brix---section-small,.brix---section-small---bottom-large,.uui-section_layout89,.uui-section_layout97,.section,.section.tint,.brix---section-blog-v5 { padding-top:68px!important; padding-bottom:68px!important; }.brix---section-9 h1,.section-16 h1,.section-10 h1,.subpage-header h1,.uui-section_contact10 h1,.section-11 h1 { font-size:clamp(42px,12vw,58px)!important; }.brix---card-link-content-left-fw { margin-bottom:14px; }.brix---footer-logo-wrapper { margin-bottom:28px; } }
