/* Canonical NextBuild website chrome.
   Loaded last on every public page so page-specific CSS cannot rescale it. */
header{
  width:100%!important;
  max-width:none!important;
  height:84px!important;
  min-height:84px!important;
  margin:0!important;
  box-sizing:border-box!important;
}

header .navwrap{
  width:min(100%,1440px)!important;
  max-width:1440px!important;
  height:84px!important;
  min-height:84px!important;
  margin:0 auto!important;
  padding:0 56px!important;
  box-sizing:border-box!important;
}

header.is-scrolled,header.is-scrolled .navwrap{height:74px!important;min-height:74px!important}
header .brand{flex:0 0 auto!important;line-height:1!important}
header .brand a{min-height:44px!important;margin:0!important;padding:7px 0!important;display:flex!important;align-items:center!important}
header .brand img{display:none!important}
header .brand span{font-size:32px!important;line-height:1!important}
header.is-scrolled .brand span{font-size:30px!important}
header .right-nav{width:auto!important;margin-left:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:nowrap!important;gap:25px!important}
header .right-nav > a:not(.login-btn),header .company-trigger{height:44px!important;min-height:44px!important;margin:0!important;padding:0 2px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important}
header .login-btn,header .language-trigger{height:46px!important;min-height:46px!important;margin:0!important;box-sizing:border-box!important}
header .login-btn{padding:0 22px!important}
header .language-menu,header .company-menu{flex:0 0 auto!important;margin:0!important}
header .company-options{top:calc(100% + 14px)!important}

footer.premium-footer{
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  margin:88px 0 0!important;
  padding:68px 0 0!important;
  box-sizing:border-box!important;
}

footer.premium-footer .footer-top-cards,
footer.premium-footer .footer-main,
footer.premium-footer .footer-bottom{
  width:min(100%,1440px)!important;
  max-width:1440px!important;
  margin-right:auto!important;
  margin-left:auto!important;
  padding-right:56px!important;
  padding-left:56px!important;
  box-sizing:border-box!important;
}

footer.premium-footer .footer-top-cards{margin-top:0!important;padding-top:0!important;padding-bottom:66px!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
footer.premium-footer .footer-card{min-width:0!important;min-height:145px!important;margin:0!important;padding:24px!important;box-sizing:border-box!important}
footer.premium-footer .footer-main{padding-top:0!important;padding-bottom:64px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(54px,7vw,110px)!important}
footer.premium-footer .footer-column{min-width:0!important;margin:0!important;padding:20px 0 0!important}
footer.premium-footer .footer-column h4{margin:0 0 18px!important}
footer.premium-footer .footer-column a{margin:0 0 5px!important;padding:8px 0!important;line-height:1.35!important}
footer.premium-footer .footer-bottom{min-height:0!important;padding-top:27px!important;padding-bottom:29px!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto!important;justify-items:center!important;align-items:center!important;gap:16px!important}
footer.premium-footer .footer-brand-meta{margin:0!important;align-items:center!important;text-align:center!important}
footer.premium-footer .footer-legal{width:min(100%,660px)!important;margin:0 auto!important;grid-column:1!important;justify-self:center!important}

@media(max-width:1080px){
  header .navwrap,footer.premium-footer .footer-top-cards,footer.premium-footer .footer-main,footer.premium-footer .footer-bottom{padding-right:38px!important;padding-left:38px!important}
  header .right-nav{gap:15px!important}
  header .login-btn{padding-right:18px!important;padding-left:18px!important}
  footer.premium-footer .footer-top-cards{grid-template-columns:1fr 1fr!important}
  footer.premium-footer .footer-main{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(34px,5vw,64px)!important}
}

@media(max-width:820px){
  header,header.is-scrolled,header .navwrap,header.is-scrolled .navwrap{height:auto!important;min-height:82px!important}
  header .navwrap,header.is-scrolled .navwrap{padding-top:14px!important;padding-bottom:14px!important;flex-wrap:wrap!important;gap:12px!important}
  header .right-nav{width:100%!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:8px 15px!important}
}

@media(max-width:700px){
  header .navwrap,header.is-scrolled .navwrap,footer.premium-footer .footer-top-cards,footer.premium-footer .footer-main,footer.premium-footer .footer-bottom{padding-right:21px!important;padding-left:21px!important}
  footer.premium-footer{margin-top:68px!important;padding-top:48px!important}
  footer.premium-footer .footer-top-cards{padding-bottom:52px!important;grid-template-columns:1fr!important;gap:13px!important}
  footer.premium-footer .footer-card{min-height:120px!important;padding:21px!important}
  footer.premium-footer .footer-main{padding-bottom:50px!important;grid-template-columns:1fr!important;gap:32px!important}
  footer.premium-footer .footer-column{padding:0!important;text-align:center!important}
  footer.premium-footer .footer-bottom{padding-top:27px!important;padding-bottom:27px!important}
  footer.premium-footer .footer-legal{grid-template-columns:1fr 1fr!important}
}

@media(max-width:600px){
  header .navwrap,header.is-scrolled .navwrap{width:100%!important;max-width:100%!important;padding-top:15px!important;padding-bottom:17px!important;display:grid!important;grid-template-columns:1fr!important}
  header .brand span,header.is-scrolled .brand span{font-size:29px!important}
  header .right-nav{width:100%!important;max-width:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px 10px!important}
  header .right-nav > a:not(.login-btn),header .company-trigger{width:100%!important;height:38px!important;min-height:38px!important;padding:0 4px!important}
  header .login-btn,header .language-trigger{width:100%!important;height:40px!important;min-height:40px!important}
}

@media(max-width:420px){footer.premium-footer .footer-legal{grid-template-columns:1fr!important}}