@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400&display=swap');

/* CD-KILL-OCM-HEAD - Salient's off-canvas menu, killed in <head>.
   The footer copy of this rule loads ~250KB after the burger is already
   interactive, which let the old menu open on slow mobile loads. */
@layer cdfix{
html body[class][class][class] #slide-out-widget-area,
html body[class][class][class] #slide-out-widget-area-bg,
html body[class][class][class] .slide_out_area_close,
html body[class][class][class] .off-canvas-menu-container{display:none !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important;transform:none !important;transition:none !important;width:0 !important;height:0 !important;overflow:hidden !important}
}


/* Circulate — logo left, menu centred, CTA right */
@media only screen and (min-width: 1000px) {

  #header-outer #top .row {
    display: flex;
    align-items: center;
    gap: 24px;
  }
  #header-outer #top .row > .col.span_3,
  #header-outer #top .row > .col.span_9 {
    float: none;
    width: auto;
    margin: 0;
  }
  #header-outer #top .row > .col.span_3 { flex: 0 0 auto; }
  #header-outer #top .row > .col.span_9 { flex: 1 1 auto; min-width: 0; }

  /* the rule that was missing */
  #header-outer #top nav { flex: 1 1 auto; width: 100%; min-width: 0; }

  #header-outer #top nav > ul.sf-menu {
    display: flex;
    align-items: center;
    float: none;
    width: 100%;
    margin: 0;
  }
  #header-outer #top nav > ul.sf-menu::before,
  #header-outer #top nav > ul.sf-menu::after {
    content: "";
    display: block;
    flex: 1 1 0;
  }
  #header-outer #top nav > ul.sf-menu::before      { order: 0; }
  #header-outer #top nav > ul.sf-menu > li         { order: 1; float: none; }
  #header-outer #top nav > ul.sf-menu::after       { order: 2; }
  #header-outer #top nav > ul.sf-menu > li:last-child { order: 3; }

  #header-outer #top nav > ul.buttons { display: none; }
}

/* BLOG STYLING START */

body #page-header-bg h1, html body .row .col.section-title h1, .nectar-box-roll .overlaid-content h1, .featured-media-under-header h1 {
	
    font-family:oswald;
		font-size:90px
}

@media only screen and (min-width: 1000px) and (max-width: 1300px) {
    #page-header-bg .span_6 h1, .nectar-box-roll .overlaid-content h1, body .featured-media-under-header h1 {
			
			
    }
}
	@media only screen and (min-width: 1000px) and (max-width: 1300px) {
    #page-header-bg .span_6 h1, .nectar-box-roll .overlaid-content h1, body .featured-media-under-header h1 {
        font-size: 80px;
        line-height: 90px!important;
    }
}
	
.featured-media-under-header__cat-wrap .meta-category a:not(:hover) {
    background-color: #5d6775;
    LETTER-SPACING: 0.1pt;
	font-size:12px
	}
		
			.container-wrap #author-bio #author-info {
    width: 100% !important;
    vertical-align: middle;
    display: inline-block;
    padding-left: 0px;
    padding-bottom: 13%;
}
	

	/* BLOG STYLING FINIISH */
	

@media only screen and (max-width: 690px) {
    .wpb_row .col.span_3 {
        width: 50% !important;
        float: left !important;
        clear: none !important;
    }
    
    /* Clear every 3rd item so the rows break evenly if needed */
    .wpb_row .col.span_3:nth-of-type(odd) {
        clear: both !important;
    }
}
	
	
	
	
	/* Circulate — dropdown panels */
@media only screen and (min-width: 1000px) {

  #header-outer #top nav ul.sf-menu ul.sub-menu,
  #header-outer #top nav ul.sf-menu li ul {
    top: 34px;
    width: auto;
    min-width: 246px;
    padding: 8px !important;
    background-color: #0E1014 !important;
    background-image: none !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 14px !important;
    box-shadow: 0 26px 60px -22px rgba(0,0,0,.9), 0 2px 10px rgba(0,0,0,.4) !important;
  }

  /* invisible bridge across the gap, so hover doesn't break */
  #header-outer #top nav ul.sf-menu ul.sub-menu::before {
    content: "";
    position: absolute;
    left: 0; right: 0; top: -16px;
    height: 16px;
  }

  #header-outer #top nav ul.sf-menu ul.sub-menu > li,
  #header-outer #top nav ul.sf-menu li ul li {
    background: transparent !important;
    border: 0 !important;
    margin: 0;
  }

  #header-outer #top nav ul.sf-menu ul.sub-menu > li > a {
    display: block;
    padding: 11px 14px !important;
    border-radius: 9px;
    color: rgba(255,255,255,.72) !important;
    font-size: 14.5px !important;
    line-height: 1.35 !important;
    font-weight: 500;
    white-space: nowrap;
    transition: background .18s ease, color .18s ease;
  }
  #header-outer #top nav ul.sf-menu ul.sub-menu > li > a:hover,
  #header-outer #top nav ul.sf-menu ul.sub-menu > li.current-menu-item > a {
    background: rgba(255,255,255,.06);
    color: #fff !important;
  }

  /* Salient's animated underline doesn't belong inside a panel */
  #header-outer #top nav ul.sf-menu ul li a .menu-title-text::after {
    display: none !important;
  }

  /* quieter caret on the parent item */
  #header-outer #top nav ul.sf-menu > li > a .sf-sub-indicator { opacity: .5; }
}

/* Circulate — page banners, all service + sector pages */

body:is(.page-id-20303,.page-id-1669,.page-id-1770, .page-id-25177, .page-id-25869,.page-id-22552,.page-id-1584,.page-id-20370,
        .page-id-22520,.page-id-1808,.page-id-20408,.page-id-20285,.page-id-16504,
        .page-id-16492,.page-id-919,.page-id-16760,.page-id-16705,.page-id-16710,.page-id-16623,.page-id-16783,.page-id-16723,.page-id-17583,.page-id-17536,.page-id-19900,.page-id-19871,.page-id-19557,.page-id-22427,.page-id-24242,.page-id-24197,.page-id-24163,.page-id-24122,.page-id-17074,.page-id-17043,.page-id-16963,.page-id-16935,.page-id-16901,.page-id-16560,.page-id-21316,.page-id-21467,.page-id-20609,.page-id-20233,.page-id-16483,.page-id-16474,.page-id-16464,.page-id-22650,.page-id-18127,.page-id-1666,.page-id-1683) .wpb_row.top-level:first-of-type {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  min-height: 86vh;
  padding-top: 0 !important;
  padding-bottom: clamp(56px, 7vw, 104px) !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  width: 100vw !important;
  max-width: 100vw !important;
}

body:is(.page-id-20303,.page-id-1669,.page-id-1770, .page-id-25177, .page-id-25869,.page-id-22552,.page-id-1584,.page-id-20370,
        .page-id-22520,.page-id-1808,.page-id-20408,.page-id-20285,.page-id-16504,
        .page-id-16492,.page-id-919,.page-id-16760,.page-id-16705,.page-id-16710,.page-id-16623,.page-id-16783,.page-id-16723,.page-id-17583,.page-id-17536,.page-id-19900,.page-id-19871,.page-id-19557,.page-id-22427,.page-id-24242,.page-id-24197,.page-id-24163,.page-id-24122,.page-id-17074,.page-id-17043,.page-id-16963,.page-id-16935,.page-id-16901,.page-id-16560,.page-id-21316,.page-id-21467,.page-id-20609,.page-id-20233,.page-id-16483,.page-id-16474,.page-id-16464,.page-id-22650,.page-id-18127,.page-id-1666,.page-id-1683) .wpb_row.top-level:first-of-type .row-bg {
  background-size: cover !important;
  background-position: center !important;
}

body:is(.page-id-20303,.page-id-1669,.page-id-1770, .page-id-25177, .page-id-25869,.page-id-22552,.page-id-1584,.page-id-20370,
        .page-id-22520,.page-id-1808,.page-id-20408,.page-id-20285,.page-id-16504,
        .page-id-16492,.page-id-919,.page-id-16760,.page-id-16705,.page-id-16710,.page-id-16623,.page-id-16783,.page-id-16723,.page-id-17583,.page-id-17536,.page-id-19900,.page-id-19871,.page-id-19557,.page-id-22427,.page-id-24242,.page-id-24197,.page-id-24163,.page-id-24122,.page-id-17074,.page-id-17043,.page-id-16963,.page-id-16935,.page-id-16901,.page-id-16560,.page-id-21316,.page-id-21467,.page-id-20609,.page-id-20233,.page-id-16483,.page-id-16474,.page-id-16464,.page-id-22650,.page-id-18127,.page-id-1666,.page-id-1683) .wpb_row.top-level:first-of-type::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(to right,
      rgba(8,9,11,.96) 0%, rgba(8,9,11,.92) 34%,
      rgba(8,9,11,.74) 52%, rgba(8,9,11,.34) 72%,
      rgba(8,9,11,.06) 100%),
    linear-gradient(to top,
      rgba(8,9,11,.88) 0%, rgba(8,9,11,.46) 34%,
      rgba(8,9,11,.16) 66%, rgba(8,9,11,.42) 100%);
}

body:is(.page-id-20303,.page-id-1669,.page-id-1770, .page-id-25177, .page-id-25869,.page-id-22552,.page-id-1584,.page-id-20370,
        .page-id-22520,.page-id-1808,.page-id-20408,.page-id-20285,.page-id-16504,
        .page-id-16492,.page-id-919,.page-id-16760,.page-id-16705,.page-id-16710,.page-id-16623,.page-id-16783,.page-id-16723,.page-id-17583,.page-id-17536,.page-id-19900,.page-id-19871,.page-id-19557,.page-id-22427,.page-id-24242,.page-id-24197,.page-id-24163,.page-id-24122,.page-id-17074,.page-id-17043,.page-id-16963,.page-id-16935,.page-id-16901,.page-id-16560,.page-id-21316,.page-id-21467,.page-id-20609,.page-id-20233,.page-id-16483,.page-id-16474,.page-id-16464,.page-id-22650,.page-id-18127,.page-id-1666,.page-id-1683) .wpb_row.top-level:first-of-type .nectar-shape-divider-wrap {
  z-index: 3;
}

body:is(.page-id-20303,.page-id-1669,.page-id-1770, .page-id-25177, .page-id-25869,.page-id-22552,.page-id-1584,.page-id-20370,
        .page-id-22520,.page-id-1808,.page-id-20408,.page-id-20285,.page-id-16504,
        .page-id-16492,.page-id-919,.page-id-16760,.page-id-16705,.page-id-16710,.page-id-16623,.page-id-16783,.page-id-16723,.page-id-17583,.page-id-17536,.page-id-19900,.page-id-19871,.page-id-19557,.page-id-22427,.page-id-24242,.page-id-24197,.page-id-24163,.page-id-24122,.page-id-17074,.page-id-17043,.page-id-16963,.page-id-16935,.page-id-16901,.page-id-16560,.page-id-21316,.page-id-21467,.page-id-20609,.page-id-20233,.page-id-16483,.page-id-16474,.page-id-16464,.page-id-22650,.page-id-18127,.page-id-1666,.page-id-1683) .wpb_row.top-level:first-of-type > .row_col_wrap_12 {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: none !important;
  text-align: left !important;
  padding-left: clamp(28px, 5.5vw, 104px) !important;
  padding-right: clamp(28px, 5.5vw, 104px) !important;
}

/* eyebrow — service and sector pages (the 25px block, holds the h1) */
body:is(.page-id-20303,.page-id-1669,.page-id-1770, .page-id-25177, .page-id-25869,.page-id-22552,.page-id-1584,.page-id-20370,
        .page-id-22520,.page-id-1808,.page-id-20408,.page-id-20285,.page-id-16504,.page-id-919,.page-id-16760,.page-id-16705,.page-id-16710,.page-id-16623,.page-id-16783,.page-id-16723,.page-id-17583,.page-id-17536,.page-id-19900,.page-id-19871,.page-id-19557,.page-id-22427,.page-id-24242,.page-id-24197,.page-id-24163,.page-id-24122,.page-id-17074,.page-id-17043,.page-id-16963,.page-id-16935,.page-id-16901,.page-id-16560,.page-id-21316,.page-id-21467,.page-id-20609,.page-id-20233,.page-id-16483,.page-id-16474,.page-id-16464,.page-id-22650,.page-id-18127,.page-id-1666,.page-id-1683)
        .wpb_row.top-level:first-of-type .wpb_wrapper > .nectar-responsive-text:first-of-type,
body:is(.page-id-20303,.page-id-1669,.page-id-1770, .page-id-25177, .page-id-25869,.page-id-22552,.page-id-1584,.page-id-20370,
        .page-id-22520,.page-id-1808,.page-id-20408,.page-id-20285,.page-id-16504,.page-id-919,.page-id-16760,.page-id-16705,.page-id-16710,.page-id-16623,.page-id-16783,.page-id-16723,.page-id-17583,.page-id-17536,.page-id-19900,.page-id-19871,.page-id-19557,.page-id-22427,.page-id-24242,.page-id-24197,.page-id-24163,.page-id-24122,.page-id-17074,.page-id-17043,.page-id-16963,.page-id-16935,.page-id-16901,.page-id-16560,.page-id-21316,.page-id-21467,.page-id-20609,.page-id-20233,.page-id-16483,.page-id-16474,.page-id-16464,.page-id-22650,.page-id-18127,.page-id-1666,.page-id-1683)
        .wpb_row.top-level:first-of-type .wpb_wrapper > .nectar-responsive-text:first-of-type h1 {
  font-family: Figtree, "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 21px !important;
  line-height: 1.2 !important;
  letter-spacing: .01em !important;
  text-transform: none !important;
  color: #fff !important;
  margin: 0 0 18px !important;
}

/* headline — service and sector pages (the second block) */
body:is(.page-id-20303,.page-id-1669,.page-id-1770, .page-id-25177, .page-id-25869,.page-id-22552,.page-id-1584,.page-id-20370,
        .page-id-22520,.page-id-1808,.page-id-20408,.page-id-20285,.page-id-16504,.page-id-919,.page-id-16760,.page-id-16705,.page-id-16710,.page-id-16623,.page-id-16783,.page-id-16723,.page-id-17583,.page-id-17536,.page-id-19900,.page-id-19871,.page-id-19557,.page-id-22427,.page-id-24242,.page-id-24197,.page-id-24163,.page-id-24122,.page-id-17074,.page-id-17043,.page-id-16963,.page-id-16935,.page-id-16901,.page-id-16560,.page-id-21316,.page-id-21467,.page-id-20609,.page-id-20233,.page-id-16483,.page-id-16474,.page-id-16464,.page-id-22650,.page-id-18127,.page-id-1666,.page-id-1683)
        .wpb_row.top-level:first-of-type .wpb_wrapper > .nectar-responsive-text:nth-of-type(2),
body:is(.page-id-20303,.page-id-1669,.page-id-1770, .page-id-25177, .page-id-25869,.page-id-22552,.page-id-1584,.page-id-20370,
        .page-id-22520,.page-id-1808,.page-id-20408,.page-id-20285,.page-id-16504,.page-id-919,.page-id-16760,.page-id-16705,.page-id-16710,.page-id-16623,.page-id-16783,.page-id-16723,.page-id-17583,.page-id-17536,.page-id-19900,.page-id-19871,.page-id-19557,.page-id-22427,.page-id-24242,.page-id-24197,.page-id-24163,.page-id-24122,.page-id-17074,.page-id-17043,.page-id-16963,.page-id-16935,.page-id-16901,.page-id-16560,.page-id-21316,.page-id-21467,.page-id-20609,.page-id-20233,.page-id-16483,.page-id-16474,.page-id-16464,.page-id-22650,.page-id-18127,.page-id-1666,.page-id-1683)
        .wpb_row.top-level:first-of-type .wpb_wrapper > .nectar-responsive-text:nth-of-type(2) * {
  font-family: Figtree, "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 600 !important;
  text-transform: none !important;
  font-size: clamp(32px, 3.6vw, 56px) !important;
  line-height: 1.02 !important;
  letter-spacing: 0 !important;
  color: #fff !important;
}
body:is(.page-id-20303,.page-id-1669,.page-id-1770, .page-id-25177, .page-id-25869,.page-id-22552,.page-id-1584,.page-id-20370,
        .page-id-22520,.page-id-1808,.page-id-20408,.page-id-20285,.page-id-16504,.page-id-919,.page-id-16760,.page-id-16705,.page-id-16710,.page-id-16623,.page-id-16783,.page-id-16723,.page-id-17583,.page-id-17536,.page-id-19900,.page-id-19871,.page-id-19557,.page-id-22427,.page-id-24242,.page-id-24197,.page-id-24163,.page-id-24122,.page-id-17074,.page-id-17043,.page-id-16963,.page-id-16935,.page-id-16901,.page-id-16560,.page-id-21316,.page-id-21467,.page-id-20609,.page-id-20233,.page-id-16483,.page-id-16474,.page-id-16464,.page-id-22650,.page-id-18127,.page-id-1666,.page-id-1683)
        .wpb_row.top-level:first-of-type .wpb_wrapper > .nectar-responsive-text:nth-of-type(2) {
  max-width: min(880px, 56vw);
  margin: 0 0 26px !important;
}

/* Sectors — single heading, no eyebrow */
body.page-id-16492 .wpb_row.top-level:first-of-type h1 {
  font-family: Figtree, "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 600 !important;
  text-transform: none !important;
  font-size: clamp(46px, 6.4vw, 104px) !important;
  line-height: 1.02 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  max-width: 18ch;
  margin: 0;
  color: #fff !important;
}

/* Banner photography now lives on the row itself, under Row Settings in the
   page builder, so it can be swapped there rather than here. */

/* page-id-1770 (Technical SEO) keeps its own Corndel photo */

@media (max-width: 999px) {
  body:is(.page-id-20303,.page-id-1669,.page-id-1770, .page-id-25177, .page-id-25869,.page-id-22552,.page-id-1584,.page-id-20370,
          .page-id-22520,.page-id-1808,.page-id-20408,.page-id-20285,.page-id-16504,
          .page-id-16492,.page-id-919,.page-id-16760,.page-id-16705,.page-id-16710,.page-id-16623,.page-id-16783,.page-id-16723,.page-id-17583,.page-id-17536,.page-id-19900,.page-id-19871,.page-id-19557,.page-id-22427,.page-id-24242,.page-id-24197,.page-id-24163,.page-id-24122,.page-id-17074,.page-id-17043,.page-id-16963,.page-id-16935,.page-id-16901,.page-id-16560,.page-id-21316,.page-id-21467,.page-id-20609,.page-id-20233,.page-id-16483,.page-id-16474,.page-id-16464,.page-id-22650,.page-id-18127,.page-id-1666,.page-id-1683) .wpb_row.top-level:first-of-type {
    min-height: 64vh;
    padding-bottom: 40px !important;
  }
  body:is(.page-id-20303,.page-id-1669,.page-id-1770, .page-id-25177, .page-id-25869,.page-id-22552,.page-id-1584,.page-id-20370,
          .page-id-22520,.page-id-1808,.page-id-20408,.page-id-20285,.page-id-16504,
          .page-id-16492,.page-id-919,.page-id-16760,.page-id-16705,.page-id-16710,.page-id-16623,.page-id-16783,.page-id-16723,.page-id-17583,.page-id-17536,.page-id-19900,.page-id-19871,.page-id-19557,.page-id-22427,.page-id-24242,.page-id-24197,.page-id-24163,.page-id-24122,.page-id-17074,.page-id-17043,.page-id-16963,.page-id-16935,.page-id-16901,.page-id-16560,.page-id-21316,.page-id-21467,.page-id-20609,.page-id-20233,.page-id-16483,.page-id-16474,.page-id-16464,.page-id-22650,.page-id-18127,.page-id-1666,.page-id-1683) .wpb_row.top-level:first-of-type > .row_col_wrap_12 {
    
    
  }
}

/* Trustpilot badge in the banner */
body:is(.page-id-20303,.page-id-1669,.page-id-1770, .page-id-25177, .page-id-25869,.page-id-22552,.page-id-1584,.page-id-20370,.page-id-22520,.page-id-1808,.page-id-20408,.page-id-20285,.page-id-16504,.page-id-16492,.page-id-919,.page-id-16760,.page-id-16705,.page-id-16710,.page-id-16623,.page-id-16783,.page-id-16723,.page-id-17583,.page-id-17536,.page-id-19900,.page-id-19871,.page-id-19557,.page-id-22427,.page-id-24242,.page-id-24197,.page-id-24163,.page-id-24122,.page-id-17074,.page-id-17043,.page-id-16963,.page-id-16935,.page-id-16901,.page-id-16560,.page-id-21316,.page-id-21467,.page-id-20609,.page-id-20233,.page-id-16483,.page-id-16474,.page-id-16464,.page-id-22650,.page-id-18127,.page-id-1666,.page-id-1683) .wpb_row.top-level:first-of-type .img-with-aniamtion-wrap{
  max-width: 260px !important;
  width: 260px !important;
  margin-top: 6px !important;
}

body:is(.page-id-20303,.page-id-1669,.page-id-1770, .page-id-25177, .page-id-25869,.page-id-22552,.page-id-1584,.page-id-20370,.page-id-22520,.page-id-1808,.page-id-20408,.page-id-20285,.page-id-16504,.page-id-16492,.page-id-919,.page-id-16760,.page-id-16705,.page-id-16710,.page-id-16623,.page-id-16783,.page-id-16723,.page-id-17583,.page-id-17536,.page-id-19900,.page-id-19871,.page-id-19557,.page-id-22427,.page-id-24242,.page-id-24197,.page-id-24163,.page-id-24122,.page-id-17074,.page-id-17043,.page-id-16963,.page-id-16935,.page-id-16901,.page-id-16560,.page-id-21316,.page-id-21467,.page-id-20609,.page-id-20233,.page-id-16483,.page-id-16474,.page-id-16464,.page-id-22650,.page-id-18127,.page-id-1666,.page-id-1683) .wpb_row.top-level:first-of-type .img-with-aniamtion-wrap .inner{
  width: 260px !important;
  max-width: 260px !important;
}
body:is(.page-id-20303,.page-id-1669,.page-id-1770, .page-id-25177, .page-id-25869,.page-id-22552,.page-id-1584,.page-id-20370,.page-id-22520,.page-id-1808,.page-id-20408,.page-id-20285,.page-id-16504,.page-id-16492,.page-id-919,.page-id-16760,.page-id-16705,.page-id-16710,.page-id-16623,.page-id-16783,.page-id-16723,.page-id-17583,.page-id-17536,.page-id-19900,.page-id-19871,.page-id-19557,.page-id-22427,.page-id-24242,.page-id-24197,.page-id-24163,.page-id-24122,.page-id-17074,.page-id-17043,.page-id-16963,.page-id-16935,.page-id-16901,.page-id-16560,.page-id-21316,.page-id-21467,.page-id-20609,.page-id-20233,.page-id-16483,.page-id-16474,.page-id-16464,.page-id-22650,.page-id-18127,.page-id-1666,.page-id-1683) .wpb_row.top-level:first-of-type .img-with-aniamtion-wrap img{
  width: 100% !important;
  height: auto !important;
}

/* scroll cue */
body:is(.page-id-20303,.page-id-1669,.page-id-1770, .page-id-25177, .page-id-25869,.page-id-22552,.page-id-1584,.page-id-20370,.page-id-22520,.page-id-1808,.page-id-20408,.page-id-20285,.page-id-16504,.page-id-16492,.page-id-919,.page-id-16760,.page-id-16705,.page-id-16710,.page-id-16623,.page-id-16783,.page-id-16723,.page-id-17583,.page-id-17536,.page-id-19900,.page-id-19871,.page-id-19557,.page-id-22427,.page-id-24242,.page-id-24197,.page-id-24163,.page-id-24122,.page-id-17074,.page-id-17043,.page-id-16963,.page-id-16935,.page-id-16901,.page-id-16560,.page-id-21316,.page-id-21467,.page-id-20609,.page-id-20233,.page-id-16483,.page-id-16474,.page-id-16464,.page-id-22650,.page-id-18127,.page-id-1666,.page-id-1683) .wpb_row.top-level:first-of-type::before{
  content:"";
  position:absolute;
  right:clamp(28px,5.5vw,104px);
  bottom:clamp(40px,5vw,76px);
  width:18px;
  height:18px;
  border-right:2px solid rgba(255,255,255,.9);
  border-bottom:2px solid rgba(255,255,255,.9);
  transform:rotate(45deg);
  z-index:3;
  pointer-events:none;
  animation:cd-scroll-bob 1.9s ease-in-out infinite;
}
@keyframes cd-scroll-bob{
  0%,100%{ transform:rotate(45deg) translate(0,0); opacity:.5; }
  50%{ transform:rotate(45deg) translate(6px,6px); opacity:1; }
}
@media (prefers-reduced-motion: reduce){
  body:is(.page-id-20303,.page-id-1669,.page-id-1770, .page-id-25177, .page-id-25869,.page-id-22552,.page-id-1584,.page-id-20370,.page-id-22520,.page-id-1808,.page-id-20408,.page-id-20285,.page-id-16504,.page-id-16492,.page-id-919,.page-id-16760,.page-id-16705,.page-id-16710,.page-id-16623,.page-id-16783,.page-id-16723,.page-id-17583,.page-id-17536,.page-id-19900,.page-id-19871,.page-id-19557,.page-id-22427,.page-id-24242,.page-id-24197,.page-id-24163,.page-id-24122,.page-id-17074,.page-id-17043,.page-id-16963,.page-id-16935,.page-id-16901,.page-id-16560,.page-id-21316,.page-id-21467,.page-id-20609,.page-id-20233,.page-id-16483,.page-id-16474,.page-id-16464,.page-id-22650,.page-id-18127,.page-id-1666,.page-id-1683) .wpb_row.top-level:first-of-type::before{ animation:none; opacity:.75; }
}

/* cd-mobile-banner — mobile spacing, appended last so it wins */
@media (max-width: 999px){
  body:is(.page-id-20303,.page-id-1669,.page-id-1770, .page-id-25177, .page-id-25869,.page-id-22552,.page-id-1584,.page-id-20370,.page-id-22520,.page-id-1808,.page-id-20408,.page-id-20285,.page-id-16504,.page-id-16492,.page-id-919,.page-id-16760,.page-id-16705,.page-id-16710,.page-id-16623,.page-id-16783,.page-id-16723,.page-id-17583,.page-id-17536,.page-id-19900,.page-id-19871,.page-id-19557,.page-id-22427,.page-id-24242,.page-id-24197,.page-id-24163,.page-id-24122,.page-id-17074,.page-id-17043,.page-id-16963,.page-id-16935,.page-id-16901,.page-id-16560,.page-id-21316,.page-id-21467,.page-id-20609,.page-id-20233,.page-id-16483,.page-id-16474,.page-id-16464,.page-id-22650,.page-id-18127,.page-id-1666,.page-id-1683) .wpb_row.top-level:first-of-type{
    min-height: 72vh;
    min-height: 66svh;
    padding-top: 116px !important;
    padding-bottom: 40px !important;
  }
  body:is(.page-id-20303,.page-id-1669,.page-id-1770, .page-id-25177, .page-id-25869,.page-id-22552,.page-id-1584,.page-id-20370,.page-id-22520,.page-id-1808,.page-id-20408,.page-id-20285,.page-id-16504,.page-id-16492,.page-id-919,.page-id-16760,.page-id-16705,.page-id-16710,.page-id-16623,.page-id-16783,.page-id-16723,.page-id-17583,.page-id-17536,.page-id-19900,.page-id-19871,.page-id-19557,.page-id-22427,.page-id-24242,.page-id-24197,.page-id-24163,.page-id-24122,.page-id-17074,.page-id-17043,.page-id-16963,.page-id-16935,.page-id-16901,.page-id-16560,.page-id-21316,.page-id-21467,.page-id-20609,.page-id-20233,.page-id-16483,.page-id-16474,.page-id-16464,.page-id-22650,.page-id-18127,.page-id-1666,.page-id-1683) .wpb_row.top-level:first-of-type > .row_col_wrap_12{
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  body:is(.page-id-20303,.page-id-1669,.page-id-1770, .page-id-25177, .page-id-25869,.page-id-22552,.page-id-1584,.page-id-20370,.page-id-22520,.page-id-1808,.page-id-20408,.page-id-20285,.page-id-16504,.page-id-16492,.page-id-919,.page-id-16760,.page-id-16705,.page-id-16710,.page-id-16623,.page-id-16783,.page-id-16723,.page-id-17583,.page-id-17536,.page-id-19900,.page-id-19871,.page-id-19557,.page-id-22427,.page-id-24242,.page-id-24197,.page-id-24163,.page-id-24122,.page-id-17074,.page-id-17043,.page-id-16963,.page-id-16935,.page-id-16901,.page-id-16560,.page-id-21316,.page-id-21467,.page-id-20609,.page-id-20233,.page-id-16483,.page-id-16474,.page-id-16464,.page-id-22650,.page-id-18127,.page-id-1666,.page-id-1683) .wpb_row.top-level:first-of-type::before{
    right: 26px;
    bottom: 30px;
    width: 15px;
    height: 15px;
  }
}

/* cd-banner-legibility */
body:is(.page-id-20303,.page-id-1669,.page-id-1770, .page-id-25177, .page-id-25869,.page-id-22552,.page-id-1584,.page-id-20370,.page-id-22520,.page-id-1808,.page-id-20408,.page-id-20285,.page-id-16504,.page-id-16492,.page-id-919,.page-id-16760,.page-id-16705,.page-id-16710,.page-id-16623,.page-id-16783,.page-id-16723,.page-id-17583,.page-id-17536,.page-id-19900,.page-id-19871,.page-id-19557,.page-id-22427,.page-id-24242,.page-id-24197,.page-id-24163,.page-id-24122,.page-id-17074,.page-id-17043,.page-id-16963,.page-id-16935,.page-id-16901,.page-id-16560,.page-id-21316,.page-id-21467,.page-id-20609,.page-id-20233,.page-id-16483,.page-id-16474,.page-id-16464,.page-id-22650,.page-id-18127,.page-id-1666,.page-id-1683) .wpb_row.top-level:first-of-type .wpb_wrapper > .nectar-responsive-text:first-of-type,
body:is(.page-id-20303,.page-id-1669,.page-id-1770, .page-id-25177, .page-id-25869,.page-id-22552,.page-id-1584,.page-id-20370,.page-id-22520,.page-id-1808,.page-id-20408,.page-id-20285,.page-id-16504,.page-id-16492,.page-id-919,.page-id-16760,.page-id-16705,.page-id-16710,.page-id-16623,.page-id-16783,.page-id-16723,.page-id-17583,.page-id-17536,.page-id-19900,.page-id-19871,.page-id-19557,.page-id-22427,.page-id-24242,.page-id-24197,.page-id-24163,.page-id-24122,.page-id-17074,.page-id-17043,.page-id-16963,.page-id-16935,.page-id-16901,.page-id-16560,.page-id-21316,.page-id-21467,.page-id-20609,.page-id-20233,.page-id-16483,.page-id-16474,.page-id-16464,.page-id-22650,.page-id-18127,.page-id-1666,.page-id-1683) .wpb_row.top-level:first-of-type .wpb_wrapper > .nectar-responsive-text:first-of-type h1,
body:is(.page-id-20303,.page-id-1669,.page-id-1770, .page-id-25177, .page-id-25869,.page-id-22552,.page-id-1584,.page-id-20370,.page-id-22520,.page-id-1808,.page-id-20408,.page-id-20285,.page-id-16504,.page-id-16492,.page-id-919,.page-id-16760,.page-id-16705,.page-id-16710,.page-id-16623,.page-id-16783,.page-id-16723,.page-id-17583,.page-id-17536,.page-id-19900,.page-id-19871,.page-id-19557,.page-id-22427,.page-id-24242,.page-id-24197,.page-id-24163,.page-id-24122,.page-id-17074,.page-id-17043,.page-id-16963,.page-id-16935,.page-id-16901,.page-id-16560,.page-id-21316,.page-id-21467,.page-id-20609,.page-id-20233,.page-id-16483,.page-id-16474,.page-id-16464,.page-id-22650,.page-id-18127,.page-id-1666,.page-id-1683) .wpb_row.top-level:first-of-type .wpb_wrapper > .nectar-responsive-text:nth-of-type(2),
body:is(.page-id-20303,.page-id-1669,.page-id-1770, .page-id-25177, .page-id-25869,.page-id-22552,.page-id-1584,.page-id-20370,.page-id-22520,.page-id-1808,.page-id-20408,.page-id-20285,.page-id-16504,.page-id-16492,.page-id-919,.page-id-16760,.page-id-16705,.page-id-16710,.page-id-16623,.page-id-16783,.page-id-16723,.page-id-17583,.page-id-17536,.page-id-19900,.page-id-19871,.page-id-19557,.page-id-22427,.page-id-24242,.page-id-24197,.page-id-24163,.page-id-24122,.page-id-17074,.page-id-17043,.page-id-16963,.page-id-16935,.page-id-16901,.page-id-16560,.page-id-21316,.page-id-21467,.page-id-20609,.page-id-20233,.page-id-16483,.page-id-16474,.page-id-16464,.page-id-22650,.page-id-18127,.page-id-1666,.page-id-1683) .wpb_row.top-level:first-of-type .wpb_wrapper > .nectar-responsive-text:nth-of-type(2) *,
body:is(.page-id-20303,.page-id-1669,.page-id-1770, .page-id-25177, .page-id-25869,.page-id-22552,.page-id-1584,.page-id-20370,.page-id-22520,.page-id-1808,.page-id-20408,.page-id-20285,.page-id-16504,.page-id-16492,.page-id-919,.page-id-16760,.page-id-16705,.page-id-16710,.page-id-16623,.page-id-16783,.page-id-16723,.page-id-17583,.page-id-17536,.page-id-19900,.page-id-19871,.page-id-19557,.page-id-22427,.page-id-24242,.page-id-24197,.page-id-24163,.page-id-24122,.page-id-17074,.page-id-17043,.page-id-16963,.page-id-16935,.page-id-16901,.page-id-16560,.page-id-21316,.page-id-21467,.page-id-20609,.page-id-20233,.page-id-16483,.page-id-16474,.page-id-16464,.page-id-22650,.page-id-18127,.page-id-1666,.page-id-1683) .wpb_row.top-level:first-of-type h1{
  text-shadow: 0 1px 2px rgba(0,0,0,.45), 0 4px 24px rgba(0,0,0,.55) !important;
}

/* framing — keep each photo's busiest area away from the headline */
body.page-id-22552 .wpb_row.top-level:first-of-type .row-bg{ background-position: 82% 40% !important; }

/* cd-nav-gradient — gradient only, no solid bar, rides Salient's scroll states */
#header-outer,
#header-outer.detached,
#header-outer.scrolling,
#header-outer.at-top,
#header-outer .container-wrap,
#header-outer #top{
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
#header-outer{ position: relative; }
#header-outer::before{
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 260px;
  pointer-events: none;
  z-index: 0;
  background: linear-gradient(to bottom,
    rgba(8,9,11,.92) 0%, rgba(8,9,11,.78) 22%,
    rgba(8,9,11,.55) 44%, rgba(8,9,11,.28) 66%,
    rgba(8,9,11,.10) 84%, rgba(8,9,11,0) 100%);
  opacity: 1;
  transition: opacity .45s ease;
}
/* fade out with the header when Salient slides it away */
#header-outer.invisible::before{ opacity: 0; }
#header-outer #top{ position: relative; z-index: 2; }
#header-outer.detached{ transition: transform .4s cubic-bezier(.2,.8,.3,1), opacity .35s ease !important; }

/* cd-about-headerspace — detached header reserves space; the banner should run under it */
body.page-id-919 #header-space{ display: none !important; }

/* cd-home-hero - the homepage hero, rebuilt September 2026. Three stacked responsive-text blocks, centred: a small AI SEO Agency label carrying the target term, the big yellow tagline, then the supporting line. The old rules forced the first block to 72px and the second to 17px, which is why the new copy rendered tiny. */
body.page-id-17 .wpb_row.top-level .wpb_wrapper, body.page-id-17 .wpb_row.top-level .wpb_wrapper > .nectar-responsive-text, body.page-id-17 .wpb_row.top-level .wpb_wrapper > .wpb_text_column{ text-align: center !important; }
body.page-id-17 .wpb_row.top-level .wpb_wrapper > .nectar-responsive-text{ max-width: none !important; margin-left: auto !important; margin-right: auto !important; }

/* 1. the label, carries "AI SEO Agency" */
body.page-id-17 .wpb_row.top-level .wpb_wrapper > .nectar-responsive-text:first-of-type,
body.page-id-17 .wpb_row.top-level .wpb_wrapper > .nectar-responsive-text:first-of-type h1{
  font-family: Figtree, 'Helvetica Neue', Arial, sans-serif !important;
  font-weight: 600 !important;
  font-size: 19px !important;
  line-height: 1.2 !important;
  letter-spacing: .01em !important;
  text-transform: none !important;
  color: rgba(255,255,255,.72) !important;
  margin: 0 0 22px !important;
  max-width: none !important;
}

/* 2. the tagline, the thing that punches */
body.page-id-17 .wpb_row.top-level .wpb_wrapper > .nectar-responsive-text:nth-of-type(2),
body.page-id-17 .wpb_row.top-level .wpb_wrapper > .nectar-responsive-text:nth-of-type(2) p,
body.page-id-17 .wpb_row.top-level .wpb_wrapper > .nectar-responsive-text:nth-of-type(2) *{
  font-family: Figtree, 'Helvetica Neue', Arial, sans-serif !important;
  font-weight: 700 !important;
  font-size: clamp(38px, 6.4vw, 98px) !important;
  line-height: .94 !important;
  letter-spacing: -.02em !important;
  text-transform: none !important;
  color: #f5d400 !important;
  -webkit-text-fill-color: #f5d400 !important;
  margin: 0 auto 26px !important;
  max-width: 17ch !important;
}

/* 3. the supporting line */
body.page-id-17 .wpb_row.top-level .wpb_wrapper > .nectar-responsive-text:nth-of-type(3),
body.page-id-17 .wpb_row.top-level .wpb_wrapper > .nectar-responsive-text:nth-of-type(3) p{
  font-family: Figtree, 'Helvetica Neue', Arial, sans-serif !important;
  font-weight: 400 !important;
  font-size: 19px !important;
  line-height: 1.55 !important;
  color: rgba(255,255,255,.78) !important;
  -webkit-text-fill-color: rgba(255,255,255,.78) !important;
  margin: 0 auto 34px !important;
  max-width: 54ch !important;
}

body.page-id-17 .wpb_row.top-level .wpb_wrapper > .cd-hero-actions{ display: flex !important; justify-content: center !important; gap: 14px !important; flex-wrap: wrap !important; }

@media (max-width: 760px){
  body.page-id-17 .wpb_row.top-level .wpb_wrapper > .nectar-responsive-text:first-of-type,
  body.page-id-17 .wpb_row.top-level .wpb_wrapper > .nectar-responsive-text:first-of-type h1{ font-size: 15px !important; letter-spacing:.01em !important; margin: 0 0 16px !important; }
  body.page-id-17 .wpb_row.top-level .wpb_wrapper > .nectar-responsive-text:nth-of-type(2),
  body.page-id-17 .wpb_row.top-level .wpb_wrapper > .nectar-responsive-text:nth-of-type(2) p,
  body.page-id-17 .wpb_row.top-level .wpb_wrapper > .nectar-responsive-text:nth-of-type(2) *{ font-size: clamp(35px, 11.5vw, 55px) !important; max-width: 14ch !important; }
  body.page-id-17 .wpb_row.top-level .wpb_wrapper > .nectar-responsive-text:nth-of-type(3),
  body.page-id-17 .wpb_row.top-level .wpb_wrapper > .nectar-responsive-text:nth-of-type(3) p{ font-size: 17px !important; }
}


/* cd-client-cards - client logo wall as white cards (homepage) */
body .clients.no-carousel{
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0,1fr));
  gap: 14px;
  max-width: 100%;
  margin: 0 auto !important;
}
body .clients.no-carousel > div{
  display: flex !important;
  align-items: center;
  justify-content: center;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  background: #fff;
  border-radius: 20px;
  transition: transform .4s cubic-bezier(.2,.7,.3,1);
}
body .clients.no-carousel > div:hover{ transform: translateY(-4px); }
body .clients.no-carousel > div img{
  filter: invert(1) !important;
  width: auto !important;
  height: auto !important;
  opacity: 1 !important;
  margin: 0 !important;
}
@media (max-width: 999px){
  body .clients.no-carousel{ grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
  body .clients.no-carousel > div{ padding: 22px 18px !important; }
}

/* cd-client-heading - wall heading + per-logo sizing */
body .wpb_wrapper:has(> .clients.no-carousel) > .nectar-responsive-text{
  max-width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: left !important;
}
body .wpb_wrapper:has(> .clients.no-carousel) > .nectar-responsive-text h3{
  font-family: Figtree, "Helvetica Neue", Arial, sans-serif !important;
  font-size: 40px !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
  letter-spacing: -.01em !important;
  text-align: left !important;
  color: #fff !important;
  margin: 0 !important;
}
body .clients.no-carousel > div img[src*="naparijri"]{ }
body .clients.no-carousel > div img[src*="nhs"]{ max-height: 38px !important; }

/* cd-client-tiers - big first row, smaller rows after */
body .clients.no-carousel > div{ grid-column: span 2; padding: 24px 18px !important; }
body .clients.no-carousel > div:nth-child(-n+4){ grid-column: span 3; padding: 30px 24px !important; }
body .clients.no-carousel > div img{ }
body .clients.no-carousel > div:nth-child(-n+4) img{ }
body .clients.no-carousel > div:nth-child(4) img{ }
body .clients.no-carousel > div img[src*="naparijri"]{ max-width: 64% !important; max-height: 44px !important; }
@media (max-width: 999px){
  body .clients.no-carousel > div,
  body .clients.no-carousel > div:nth-child(-n+4){ grid-column: span 1 !important; min-height: 100px; padding: 20px 16px !important; }
  body .clients.no-carousel > div:nth-child(-n+4) img{ }
}

/* cd-client-trim - ten cards, bigger logos */
body .clients.no-carousel > div:nth-child(n+11){ display: none !important; }
body .clients.no-carousel > div{ min-height: 132px; }
body .clients.no-carousel > div:nth-child(-n+4){ min-height: 178px; }
body .clients.no-carousel > div img{ max-width: 82% !important; max-height: 50px !important; }
body .clients.no-carousel > div:nth-child(-n+4) img{ max-width: 74% !important; max-height: 70px !important; }
body .clients.no-carousel > div:nth-child(4) img{ max-height: 54px !important; }
@media (max-width: 999px){
  body .clients.no-carousel > div{ min-height: 108px; }
  body .clients.no-carousel > div:nth-child(-n+4){ min-height: 124px; }
  body .clients.no-carousel > div img{ max-height: 40px !important; }
  body .clients.no-carousel > div:nth-child(-n+4) img{ max-height: 48px !important; }
}

/* cd-home-spacing - tighter hero stack */
body.page-id-17 .wpb_row.top-level .wpb_wrapper > .nectar-responsive-text:first-of-type{ margin: 0 !important; }
body.page-id-17 .wpb_row.top-level .wpb_wrapper > .nectar-responsive-text:first-of-type h1{ margin: 0 !important; }
body.page-id-17 .wpb_row.top-level .wpb_wrapper{ row-gap: 10px !important; }
body.page-id-17 .wpb_row.top-level .wpb_wrapper > .nectar-responsive-text:nth-of-type(2){ margin: 14px 0 0 !important; }
body.page-id-17 .wpb_row.top-level .wpb_wrapper > .nectar-responsive-text:nth-of-type(2) p{ margin: 0 !important; }
body.page-id-17 .wpb_row.top-level .wpb_wrapper > a.nectar-button{ margin-top: 22px !important; margin-bottom: 0 !important; }

/* cd-h1-family : page headlines use Figtree sentence case, not the theme Anton uppercase.
   Scoped to WPBakery heading wrappers so display uses of Anton elsewhere are untouched. */
body .nectar-responsive-text h1{font-family:Figtree,"Helvetica Neue",Arial,sans-serif !important;text-transform:none !important;}

/* cd-hero-hooks : the hero headline and standfirst are tagged by script on both the
   live site and the page builder, so their widths no longer depend on DOM nesting. */
.cd-hero-a{max-width:14ch;}
.cd-hero-b{max-width:48ch;}

/* cd-banner-scrim : hero text is bottom aligned, so darken the foot of the photo.
   Keeps headlines legible whatever the image does. Homepage excluded (particles). */
body:not(.home) .wpb_row.cd-banner > .row-bg-wrap::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;background:linear-gradient(to top, rgba(0,0,0,0.82) 0%, rgba(0,0,0,0.5) 40%, rgba(0,0,0,0.2) 78%), rgba(0,0,0,0.42);}

/* cd-banner-stacking : some banner rows carry a Salient colour overlay that renders
   above the text. Lift the content column so headlines are never veiled by it. */
body:not(.home) .wpb_row.cd-banner > .col,
body:not(.home) .wpb_row.cd-banner .wpb_column{position:relative;z-index:10;}

/* cd-type-scale-css : the heading scale in CSS rather than script, so nothing
   resizes after paint. Keyed on the size each heading was authored at in WPBakery,
   which does not change with viewport. 30px and above counts as a section heading. */
@media (min-width: 860px){
body.page .nectar-responsive-text h1{font-size:54px!important;line-height:1.1!important;letter-spacing:-1px!important;font-weight:600!important;}
body.home .nectar-responsive-text h1{font-size:72px!important;line-height:1.06!important;letter-spacing:-1.5px!important;}
body.page .nectar-responsive-text h2,
body.page .font_size_desktop_30px h2,
body.page .font_size_desktop_30px h3,
body.page .font_size_desktop_30px h4,
body.page .font_size_desktop_35px h2,
body.page .font_size_desktop_35px h3,
body.page .font_size_desktop_35px h4,
body.page .font_size_desktop_40px h2,
body.page .font_size_desktop_40px h3,
body.page .font_size_desktop_40px h4,
body.page .font_size_desktop_45px h2,
body.page .font_size_desktop_45px h3,
body.page .font_size_desktop_45px h4,
body.page .font_size_desktop_50px h2,
body.page .font_size_desktop_50px h3,
body.page .font_size_desktop_50px h4,
body.page .font_size_desktop_55px h2,
body.page .font_size_desktop_55px h3,
body.page .font_size_desktop_55px h4,
body.page .font_size_desktop_70px h2,
body.page .font_size_desktop_70px h3,
body.page .font_size_desktop_70px h4,
body.page .font_size_desktop_80px h2,
body.page .font_size_desktop_80px h3,
body.page .font_size_desktop_80px h4,
body.page .font_size_desktop_90px h2,
body.page .font_size_desktop_90px h3,
body.page .font_size_desktop_90px h4,
body.page .font_size_desktop_100px h2,
body.page .font_size_desktop_100px h3,
body.page .font_size_desktop_100px h4,
body.page .font_size_desktop_150px h2,
body.page .font_size_desktop_150px h3,
body.page .font_size_desktop_150px h4,
body.page .font_size_desktop_180px h2,
body.page .font_size_desktop_180px h3,
body.page .font_size_desktop_180px h4,
body.page .font_size_desktop_200px h2,
body.page .font_size_desktop_200px h3,
body.page .font_size_desktop_200px h4{font-size:40px!important;line-height:1.16!important;letter-spacing:-.6px!important;font-weight:600!important;}
body.page .font_size_desktop_20px h3,
body.page .font_size_desktop_20px h4,
body.page .font_size_desktop_25px h3,
body.page .font_size_desktop_25px h4{font-size:25px!important;line-height:1.28!important;letter-spacing:-.3px!important;font-weight:600!important;}
body.page .nectar-scrolling-text-inner__text-chunk h1,body.page .nectar-scrolling-text-inner__text-chunk h2,body.page .nectar-scrolling-text-inner__text-chunk h3,body.page .nectar-scrolling-text-inner__text-chunk h4,body.page .nectar-scrolling-text-inner__text-chunk h5{font-size:inherit!important;letter-spacing:inherit!important;}
}

/* cd-hero-width-css : hero headline and standfirst widths in CSS so they do not
   snap after load. The .cd-hero-* classes stay as the page-builder fallback. */
body.page .wpb_row.top-level .wpb_wrapper > .nectar-responsive-text:has(h1){max-width:14ch;}
body.page .wpb_row.top-level .wpb_wrapper > .nectar-responsive-text:has(h1) + .nectar-responsive-text{max-width:48ch;}

/* cd-centre-hero : a centred banner row still gets the 14ch width cap, and a capped
   block hugs the left edge unless it is centred too. Salient tags left aligned rows .left. */
body.page .wpb_row.top-level .col:not(.left) .wpb_wrapper > .nectar-responsive-text{margin-left:auto;margin-right:auto;}

/* cd-logo-invert : Koibird and Peter Tyson only exist as white artwork, so flip them
   to sit on the white logo card with every other client. */
.wpb_row img.img-with-animation[src*="koibird"],
.wpb_row img.img-with-animation[src*="peter-tyson"]{filter:invert(1);}

/* cd-banner-mobile-gutter : banner rows are authored with zero phone side padding and
   a right-only column padding, which pins the headline and button to the screen edge.
   Give every banner a real gutter on tablet and phone. */
@media (max-width: 999px){
  body:not(.home) .wpb_row.cd-banner .wpb_column > .vc_column-inner{padding-left:24px !important;padding-right:24px !important;}
}
@media (max-width: 690px){
  body:not(.home) .wpb_row.cd-banner .wpb_column > .vc_column-inner{padding-left:20px !important;padding-right:20px !important;}
}

/* cd-banner-keep-centre : the banner block forces left alignment on every listed page,
   which flattens the rows that are authored centred (Sectors). Salient tags those .center. */
body .wpb_row.top-level:first-of-type > .row_col_wrap_12.center{text-align:center !important;}
body .wpb_row.top-level:first-of-type > .row_col_wrap_12.center .nectar-responsive-text{margin-left:auto !important;margin-right:auto !important;}

body .wpb_row.top-level:first-of-type > .row_col_wrap_12.center h1,
body .wpb_row.top-level:first-of-type > .row_col_wrap_12.center h2,
body .wpb_row.top-level:first-of-type > .row_col_wrap_12.center p{text-align:center !important;margin-left:auto !important;margin-right:auto !important;}

/* cd-banner-mobile-fold : vh on phones means the large viewport, so a 72vh banner is
   taller than the screen actually is on load and the headline lands under the fold.
   svh measures the visible area with the address bar showing. */
@media (max-width: 690px){
  body:not(.home) .wpb_row.top-level:first-of-type{
    min-height: 44vh;
    min-height: 42svh;
    padding-top: 90px !important;
    padding-bottom: 30px !important;
  }
}

/* cd-mobile-nav : a plain list on a full screen sheet, nothing else, with the
   burger turning into a cross in the same spot. */
html.cd-mnav-lock, html.cd-mnav-lock body{overflow:hidden !important;}

.cd-mnav{position:fixed;inset:0;z-index:100050;display:block;
  background:#0A0A0B;
  padding:104px 26px calc(40px + env(safe-area-inset-bottom));
  overflow-y:auto;-webkit-overflow-scrolling:touch;
  opacity:0;transition:opacity .24s ease;}
.cd-mnav.is-open{opacity:1;}
.cd-mnav[hidden]{display:none !important;}

.cd-mnav__row{display:block;padding:9px 0;color:rgba(245,245,247,.6);
  font-size:26px;font-weight:600;letter-spacing:-.4px;line-height:1.25;
  text-decoration:none;-webkit-tap-highlight-color:transparent;
  opacity:0;transform:translateY(8px);
  transition:opacity .28s ease var(--d,0ms),transform .28s ease var(--d,0ms);}
.cd-mnav.is-open .cd-mnav__row{opacity:1;transform:none;}
.cd-mnav__row.is-here{color:#fff;}
.cd-mnav__row:hover,.cd-mnav__row:focus{color:#fff;text-decoration:none;}

.cd-mnav__x{position:absolute;top:22px;right:24px;width:26px;height:26px;
  -webkit-appearance:none;appearance:none;background:none;border:0;padding:0;
  cursor:pointer;-webkit-tap-highlight-color:transparent;}
.cd-mnav__x span{position:absolute;left:2px;top:12px;width:22px;height:2px;
  background:#fff;border-radius:2px;display:block;}
.cd-mnav__x span:first-child{transform:rotate(45deg);}
.cd-mnav__x span:last-child{transform:rotate(-45deg);}
.cd-mnav__x:focus-visible{outline:2px solid #F5D400;outline-offset:4px;}

@media (min-width:1000px){.cd-mnav{display:none !important;}}
@media (max-width:999px){
  body #slide-out-widget-area,
  body #slide-out-widget-area-bg{display:none !important;}
}
@media (prefers-reduced-motion: reduce){
  .cd-mnav,.cd-mnav__row{transition:none !important;}
}

/* cd-contact-banner : the contact banner carries the enquiry form in its right
   hand column, so the row stretches, the copy stays bottom left and the form
   sits at the top. */
@media (min-width: 1000px){
  body.page-id-1683 .wpb_row.top-level:first-of-type{align-items:stretch !important;min-height:0 !important;padding-top:190px !important;padding-bottom:112px !important;}
  body.page-id-1683 .wpb_row.top-level:first-of-type > .row_col_wrap_12{align-items:stretch !important;}
  body.page-id-1683 .wpb_row.top-level:first-of-type > .row_col_wrap_12 > .wpb_column:first-child > .vc_column-inner{margin-bottom:auto;padding-top:0 !important;}
  body.page-id-1683 .wpb_row.top-level:first-of-type > .row_col_wrap_12 > .wpb_column:last-child > .vc_column-inner{margin-bottom:auto;}
  body.page-id-1683 .wpb_row.top-level:first-of-type .nectar-responsive-text{max-width:none !important;}
}

/* cd-approach-h1 : the Approach banner opens straight with the headline, so the
   eyebrow rule was shrinking it to 21px. Needs to out-specify that rule, hence
   the long selector. Matches the Sectors banner. */
@media (min-width:860px){
  html body.page-id-22650 .wpb_row.top-level:first-of-type .wpb_wrapper > .nectar-responsive-text:first-of-type h1{
    font-size:104px !important;line-height:1.02 !important;font-weight:600 !important;
    letter-spacing:normal !important;text-align:center !important;
    max-width:none !important;margin-left:auto !important;margin-right:auto !important;}
  html body.page-id-22650 .wpb_row.top-level:first-of-type > .row_col_wrap_12{text-align:center !important;}
  html body.page-id-22650 .wpb_row.top-level:first-of-type .wpb_wrapper > .nectar-responsive-text:first-of-type{max-width:none !important;}
}
@media (max-width:859px){
  html body.page-id-22650 .wpb_row.top-level:first-of-type .wpb_wrapper > .nectar-responsive-text:first-of-type h1{
    font-size:60px !important;line-height:1.05 !important;font-weight:600 !important;
    text-align:center !important;max-width:none !important;}
}

/* cd-contact-form-mobile : the enquiry form was running edge to edge on phones */
@media (max-width:999px){
  body.page-id-1683 .wpb_row.top-level:first-of-type .wpb_column:last-child > .vc_column-inner{padding-left:20px !important;padding-right:20px !important;}
  body.page-id-1683 .hbspt-form{padding:26px 22px !important;border-radius:18px;}
}

/* cd-idx-mobile : on phones the service list is the whole module, the preview
   card and its ring are dropped. */
@media (max-width:999px){
  #cd-idx .cd-panel{display:none !important;}
  #cd-idx .cd-in{display:block !important;}
}

/* cd-reveal : cards track the scroll position rather than firing a one shot
   transition, so they move with the scroll and slide back out on the way up.
   Everything is set inline by the script, which keeps content visible if the
   script never runs. */
/* no permanent will-change here: holding these on their own compositor layer
   for the life of the page is what leaves unpainted blocks on some machines */
/* nothing is pinned to a layer at rest: the script sets a transform while an
   element is actually moving, which is promotion enough. */
/* overflow-x:clip on the main container was left over from the reveal
   animation. On a long page it makes Chrome drop the paint for the whole
   scrolling area. The reveal no longer moves anything that needs clipping. */
@media (prefers-reduced-motion: reduce){
  .cd-par{transform:none !important;opacity:1 !important;}
}

/* cd-hero-hit-mobile : the ring labels stay hoverable on desktop, but a phone
   has no hover and the layer only got in the way of scrolling. */
@media (max-width:999px){
  #cd-hit{pointer-events:none !important;}
  /* no hover on a phone, so the layer name never arrives and the caption was
     left sitting on its own. Hide the label with it. */
  #cd-lab{display:none !important;}
}

/* cd-lab-empty : the caption only belongs on screen when a layer name is
   actually beside it, so hide the label whenever the name is blank. */
#cd-lab:not(.has-name){opacity:0 !important;visibility:hidden !important;}
#cd-lab:has(.cd-nm:empty){opacity:0 !important;visibility:hidden !important;}

/* cd-banner-blend : the photo in the header banner fades into the page colour
   at the foot of the row, so the banner and the section below it meet on a
   soft edge rather than a hard line. Uses the ::before on the background
   wrapper, the ::after there already carries the scrim. */
body:not(.vc_editor) .wpb_row.top-level > .row-bg-wrap::before{
  content:'';position:absolute;left:0;right:0;bottom:0;z-index:3;
  height:38%;min-height:180px;max-height:340px;pointer-events:none;
  background:linear-gradient(to bottom,
    rgba(17,17,17,0) 0%,
    rgba(17,17,17,0.35) 38%,
    rgba(17,17,17,0.72) 68%,
    rgba(17,17,17,0.94) 88%,
    #111 100%);}
@media (max-width:999px){
  body:not(.vc_editor) .wpb_row.top-level > .row-bg-wrap::before{
    height:30%;min-height:120px;max-height:220px;}
}

/* cd-nav-nojump : Salient turns the header into its floating one by adding
   .detached with JavaScript. Until that runs the header sits in the flow, 70px
   lower, and then snaps to the top. Give the bare header the same fixed
   position so there is nothing to snap. */
body:not(.vc_editor) #header-outer:not(.detached){
  position:fixed;top:0;left:0;right:0;width:100%;}
body.admin-bar:not(.vc_editor) #header-outer:not(.detached){top:32px;}

/* cd-pop : the client logo tiles bounce up into place, staggered, once the
   wall is reached. The long part of the travel runs at zero opacity, so only
   the last few pixels and the overshoot are ever seen. Those are sized in
   script against the gap on that particular wall (--o, --r, --v, --s), which
   is what keeps two cards from ever touching on the way in. */
.cd-pop .cd-pop__i{opacity:0;}
.cd-pop.is-in .cd-pop__i{
  animation:cd-pop-up .80s cubic-bezier(.33,.9,.35,1) both;
  animation-delay:calc(var(--i,0) * 45ms);}
@keyframes cd-pop-up{
  0%  {opacity:0;transform:translate3d(0,54px,0) scale(.96);}
  34% {opacity:0;transform:translate3d(0,var(--v,5px),0) scale(.994);}
  50% {opacity:1;transform:translate3d(0,calc(var(--o,4px) * -1),0) scale(var(--s,1.01));}
  68% {transform:translate3d(0,var(--r,1.5px),0) scale(.997);}
  84% {transform:translate3d(0,calc(var(--o,4px) * -0.28),0) scale(1.002);}
  94% {transform:translate3d(0,calc(var(--r,1.5px) * 0.3),0) scale(.999);}
  100%{opacity:1;transform:none;}
}
@media (prefers-reduced-motion: reduce){
  .cd-pop .cd-pop__i{opacity:1 !important;animation:none !important;transform:none !important;}
}

/* cd-loc-headings : the location pages now carry a proper heading order, one
   h1 in the banner, h2 on each section, h3 on the cards. Size on these blocks
   belongs to the responsive text module, not to the tag, so the tag is stopped
   from bringing its own and the pages look exactly as they did. Kept to the
   location pages so nothing else on the site moves. */
body:is(.page-id-16623,.page-id-16705,.page-id-16710,.page-id-16723,.page-id-16760,.page-id-16783,.page-id-17536,.page-id-17583,.page-id-19557,.page-id-19871,.page-id-19900,.page-id-22427) .nectar-responsive-text :is(h1,h2,h3,h4,h5,h6,p){
  font-size:inherit !important;line-height:inherit !important;font-weight:inherit !important;}
body:is(.page-id-16623,.page-id-16705,.page-id-16710,.page-id-16723,.page-id-16760,.page-id-16783,.page-id-17536,.page-id-17583,.page-id-19557,.page-id-19871,.page-id-19900,.page-id-22427) .nectar-responsive-text p.cd-num{
  font-size:15px !important;line-height:25px !important;font-weight:600 !important;}

/* cd-banner-layers : the banner copy sat on the same layer as the photo wash,
   and the blend gradient a layer above that, so the words were being painted
   over. Close the background off in its own layer and lift the content clear. */
body .wpb_row.top-level > .row_col_wrap_12,
body .wpb_row.top-level > .col{position:relative;z-index:5 !important;}
/* the background wrapper is deliberately left without a z-index of its own:
   giving it one closes it into a layer, and the hero's hover area lives inside
   it, so the ring stopped responding to the pointer. */

/* cd-banner-address : the banner column carries Salient's centred text class, so
   the address was pulled into the middle while the eyebrow and headline were
   already pinned left. Line all three up. */
body:is(.page-id-16623,.page-id-16705,.page-id-16710,.page-id-16723,.page-id-16760,.page-id-16783,.page-id-17536,.page-id-17583,.page-id-19557,.page-id-19871,.page-id-19900,.page-id-22427) .wpb_row.top-level .wpb_wrapper > .nectar-responsive-text{
  margin-left:0 !important;margin-right:auto !important;text-align:left !important;}
body:is(.page-id-16623,.page-id-16705,.page-id-16710,.page-id-16723,.page-id-16760,.page-id-16783,.page-id-17536,.page-id-17583,.page-id-19557,.page-id-19871,.page-id-19900,.page-id-22427) .wpb_row.top-level .wpb_wrapper > .nectar-responsive-text:nth-of-type(3){
  max-width:none !important;}

/* cd-btn-tone : one button treatment across the site. White with black text on
   the dark sections, and the other way round wherever the section behind is
   light. The header's Get in touch is a menu item rather than a button module,
   so it is untouched and keeps its yellow. */
body .container-wrap .nectar-button:not(.cd-on-light),
body .container-wrap .nectar-button:not(.cd-on-light):hover{
  background-color:#ffffff !important;border-color:#ffffff !important;}
body .container-wrap .nectar-button:not(.cd-on-light),
body .container-wrap .nectar-button:not(.cd-on-light) *{color:#000000 !important;}
body .container-wrap .nectar-button.cd-on-light,
body .container-wrap .nectar-button.cd-on-light:hover{
  background-color:#000000 !important;border-color:#000000 !important;}
body .container-wrap .nectar-button.cd-on-light,
body .container-wrap .nectar-button.cd-on-light *{color:#ffffff !important;}
body .container-wrap .nectar-button{transition:opacity .2s ease;}
body .container-wrap .nectar-button:hover{opacity:.86;}

/* cd-banner-headings : in every banner the small line is the h1, carrying the
   term the page is for, and the statement under it is the h2. Both are sized by
   the responsive text module, so the tag is stopped from bringing a size of its
   own and the banners look exactly as they did. */
body .wpb_row.top-level .nectar-responsive-text :is(h1,h2,h3,h4,h5,h6,p){
  font-size:inherit !important;line-height:inherit !important;font-weight:inherit !important;}

/* cd-blog-filter-css : the two pickers sit on their own under the blog title,
   no rule and no running count. */
body.page-id-1131 .cd-bf{margin:26px 0 0;}
body.page-id-1131 .cd-bf__controls{display:flex;align-items:center;justify-content:center;}
body.page-id-1131 .cd-bf__count{margin:14px 0 0;text-align:center;font-size:15px;
  color:rgba(245,245,247,.6);}
body.page-id-1131 .cd-bf__count:empty{display:none;}
body.page-id-1131 .cd-bf__pill{position:relative;display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.22);border-radius:999px;height:44px;transition:opacity .2s ease;}
body.page-id-1131 .cd-bf__pill:hover{opacity:.82;}
body.page-id-1131 .cd-bf__pill svg{position:absolute;right:16px;pointer-events:none;}
body.page-id-1131 .cd-bf__pill select{appearance:none;-webkit-appearance:none;
  background:none;border:0;outline:none;cursor:pointer;
  font-family:inherit;padding:0;height:44px;
  max-width:210px;text-overflow:ellipsis;}
body.page-id-1131 .cd-bf__pill select option{color:#111;background:#fff;}

body.page-id-1131 .nectar-post-grid{transition:opacity .2s ease;}
body.page-id-1131 .nectar-post-grid.cd-bf-loading{opacity:.35;pointer-events:none;}
body.page-id-1131 .cd-bf__more{display:block;margin:44px auto 0;
  background:#fff;color:#000;border:0;border-radius:999px;
  font-family:inherit;font-size:15px;font-weight:600;
  padding:15px 34px;cursor:pointer;transition:opacity .2s ease;}
body.page-id-1131 .cd-bf__more:hover{opacity:.86;}
body.page-id-1131 .cd-bf__more[hidden]{display:none !important;}

@media (max-width:767px){
  body.page-id-1131 .cd-bf__pill select{max-width:140px;}
}

/* cd-blog-no-blend : the blog banner has no photograph to dissolve, so the
   fade at its foot is turned off there. */
body.page-id-1131 .wpb_row.top-level .row-bg-wrap::before{display:none !important;}

/* cd-x-bg : the Our expertise module sits on flat black. The row is found by
   the module inside it, with a class the script adds as a fallback for
   browsers without :has(). */
body .wpb_row:has(.cd-x) > .row-bg-wrap .row-bg,
body .wpb_row.cd-x-row > .row-bg-wrap .row-bg{background-color:#000000 !important;}
body .wpb_row:has(.cd-x),
body .wpb_row.cd-x-row{background-color:#000000 !important;}

/* cd-x-dark : the Our expertise module was built as a light panel. On black it
   needs the whole palette turned over, not just the backing colour. */
#cd-idx{background:#000000 !important;}
#cd-idx .cd-panel{background:#0d0d0d !important;border-color:rgba(255,255,255,.10) !important;}
#cd-idx h2,#cd-idx h3,#cd-idx h4,#cd-idx .cd-eb{color:#ffffff !important;}
#cd-idx button{color:rgba(255,255,255,.45) !important;border-color:rgba(255,255,255,.30) !important;}
#cd-idx button:hover{color:#ffffff !important;border-color:rgba(255,255,255,.6) !important;}
#cd-idx button.on{color:#000000 !important;border-color:transparent !important;}
#cd-idx .cd-copy,#cd-idx p{color:rgba(255,255,255,.66) !important;}
#cd-idx .cd-cta{background:#ffffff !important;color:#000000 !important;border-color:#ffffff !important;}

/* cd-x-fullbleed : the black behind the Our expertise module is painted here
   rather than left to the theme's full width row, which is sized by script and
   so leaves the page showing at the edges until that script has run. A band of
   100vw sits behind the module in plain CSS, whatever the theme does. */
body:not(.vc_editor) .wpb_row:has(.cd-x),
body:not(.vc_editor) .wpb_row.cd-x-row{position:relative;background-color:#000000 !important;}
body:not(.vc_editor) .wpb_row:has(.cd-x) .row-bg,
body:not(.vc_editor) .wpb_row.cd-x-row .row-bg{background-color:#000000 !important;}

/* cd-canvas : the root element carries no colour of its own, so any area the
   page's own panels do not reach falls back to the browser's white canvas.
   Paint the root so that can never happen. */
html{background-color:#111111;}
html body{background-color:#111111;}

/* cd-x-bleed : the module spans the viewport by actually being that wide, with
   matching padding to keep its content where it was. It no longer depends on
   the row behind it painting, which is what was leaving white at the edges. */
#cd-idx{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
  padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%);}

/* cd-x-noshadow - the module bleeds its background sideways with a white
   100vmax box-shadow, kept off screen by a clip-path. On black that shadow is
   the wrong colour: it left a hairline along the foot of the row, and with the
   clip removed it covered the whole page in white. The row behind carries the
   black now, so both the shadow and the clip come off. */
#cd-idx{box-shadow:none !important;clip-path:none !important;}

/* cd-x-pad - the module sat much closer to the top of its row than to the
   bottom, 153px against 286px. More air above it evens that up. */
#cd-idx{padding-top:130px !important;}
@media (max-width:999px){
  #cd-idx{padding-top:80px !important;}
}

/* cd-faq-2col - most FAQ blocks were built as one column with the title
   stacked above the cards. This gives them the same shape as the About page:
   title on the left, cards on the right. The markup is untouched, the column
   wrapper just becomes a two track grid. */
@media (min-width:1000px){
  body:not(.vc_editor) .wpb_wrapper:has(> .nectar-responsive-text + .toggles.accordion){
    display:grid;grid-template-columns:1fr 2fr;column-gap:128px;align-items:start;}
  /* a couple of pages carry two sets of cards under one title, so the title
     is pinned to the left track and every set goes in the right one. */
  body:not(.vc_editor) .wpb_wrapper:has(> .nectar-responsive-text + .toggles.accordion) > .nectar-responsive-text{grid-column:1;grid-row:1;}
  body:not(.vc_editor) .wpb_wrapper:has(> .nectar-responsive-text + .toggles.accordion) > .toggles{grid-column:2;}
}
body:not(.vc_editor) .wpb_wrapper:has(> .nectar-responsive-text + .toggles.accordion) > .nectar-responsive-text{
  font-size:25px !important;line-height:1.15 !important;margin:0 !important;}

/* cd-faq-ink - the FAQ cards are white, so their type has to be dark even
   where the row around them is set for light text. On a few sector pages the
   questions were coming out white on white. Scoped by the white card colour
   the shortcode writes inline, so darker accordions elsewhere are untouched. */
body:not(.vc_editor) .toggles.accordion[style*="--ac-bg-color:#FFFFFF"] .toggle,
body:not(.vc_editor) .toggles.accordion[style*="--ac-bg-color:#FFFFFF"] .toggle *{
  color:#111111 !important;-webkit-text-fill-color:#111111 !important;}

/* cd-cta-room - the booking button that closes the opening section sat too
   close to the foot of its row. Scoped to a conversion button that ends its
   column, so buttons that sit above other content are not moved. */
body:not(.vc_editor) .wpb_wrapper > a.nectar-button[href*="/contact"]:last-child,
body:not(.vc_editor) .wpb_wrapper > a.nectar-button[href*="/seo-audit"]:last-child{
  margin-bottom:72px !important;}
@media (max-width:999px){
  body:not(.vc_editor) .wpb_wrapper > a.nectar-button[href*="/contact"]:last-child,
  body:not(.vc_editor) .wpb_wrapper > a.nectar-button[href*="/seo-audit"]:last-child{
    margin-bottom:40px !important;}
}

/* ---- /blog/ (page 1131) : header, filter pills, cards ----
   Header sizing is fluid (clamp) rather than breakpoint-based, so it does not
   depend on a media query matching a particular device width. ---- */
body.page-id-1131 #header-outer:before{display:none!important;}
body.page-id-1131 #header-outer{background-color:#08090B!important;}
body.page-id-1131 .nectar-view-indicator{display:none!important;}

body.page-id-1131 .wpb_row.top-level:first-of-type{min-height:0!important;padding-top:clamp(40px,7.4vw,112px)!important;padding-bottom:clamp(28px,5vw,76px)!important;}
body.page-id-1131 .cd-hero-a,body.page-id-1131 .cd-hero-a h1{font-size:clamp(38px,6.6vw,100px)!important;line-height:1!important;}
body.page-id-1131 .cd-hero-a{margin-bottom:clamp(12px,1.6vw,24px)!important;}
body.page-id-1131 .cd-bf{margin-top:clamp(18px,2.25vw,34px)!important;}
body.page-id-1131 .cd-bf__controls{flex-wrap:nowrap!important;gap:10px!important;max-width:min(100%,460px);margin-left:auto!important;margin-right:auto!important;}
body.page-id-1131 .cd-bf__pill{flex:1 1 0!important;min-width:0!important;max-width:220px;padding:0 30px 0 14px!important;background:#fff!important;border-color:#fff!important;color:#000!important;}
body.page-id-1131 .cd-bf__pill select{width:100%!important;color:#000!important;font-size:clamp(14px,1vw,15px)!important;}
body.page-id-1131 .cd-bf__pill svg{color:#000!important;stroke:#000!important;fill:none!important;}

body.page-id-1131 .nectar-post-grid-item .inner{background:#fff!important;border-radius:20px!important;overflow:hidden!important;height:100%;display:flex;flex-direction:column;transition:transform .25s ease;}
body.page-id-1131 .nectar-post-grid-item .inner:hover{transform:translateY(-4px);}
body.page-id-1131 .nectar-post-grid-item-bg-wrap,body.page-id-1131 .nectar-post-grid-item-bg{border-radius:0!important;}
body.page-id-1131 .nectar-post-grid-item .content{padding:clamp(20px,1.8vw,24px)!important;flex:1 1 auto;display:flex;flex-direction:column;}
body.page-id-1131 .meta-category{margin:0 0 14px!important;height:auto!important;}
body.page-id-1131 .meta-category a.style-button{background:#F1F1F3!important;color:#0A0B0D!important;font-size:12px!important;font-weight:600!important;letter-spacing:.04em!important;padding:6px 12px!important;text-transform:uppercase!important;}
body.page-id-1131 .nectar-post-grid-item h4.post-heading,body.page-id-1131 .nectar-post-grid-item h4.post-heading span{font-size:clamp(20px,1.6vw,23px)!important;font-weight:500!important;line-height:1.2!important;letter-spacing:-.02em!important;color:#0A0B0D!important;}
body.page-id-1131 .nectar-post-grid-item h4.post-heading{margin:0 0 18px!important;}
body.page-id-1131 .nectar-post-grid-item__meta-wrap{margin-top:auto!important;display:flex!important;align-items:center;justify-content:space-between;font-size:13px!important;color:rgba(10,11,13,.6)!important;}
body.page-id-1131 .meta-reading-time{font-size:13px!important;color:rgba(10,11,13,.5)!important;}
body.page-id-1131 .nectar-post-grid-item .content::after{content:"Read \2192";display:inline-block;margin-top:18px;font-family:Figtree,sans-serif;font-size:14px;font-weight:600;letter-spacing:.01em;color:#0A0B0D;border-bottom:1px solid rgba(10,11,13,.25);padding-bottom:2px;align-self:flex-start;transition:border-color .2s ease;}
body.page-id-1131 .nectar-post-grid-item .inner:hover .content::after{border-bottom-color:#0A0B0D;}

/* ---- Technical SEO (1770) + SEO Agency (1584) : legacy service cards onto
   the current white card language used on Data Insights. Scoped by
   .nectar-badge, which only the legacy cards carry. ---- */
body.page-id-1770 .vc_column-inner:has(> .column-bg-overlay-wrap):has(.nectar-badge) .column-bg-overlay,body.page-id-1584 .vc_column-inner:has(> .column-bg-overlay-wrap):has(.nectar-badge) .column-bg-overlay{background-color:#fff!important;}
body.page-id-1770 .vc_column-inner:has(> .column-bg-overlay-wrap):has(.nectar-badge) h1,body.page-id-1770 .vc_column-inner:has(> .column-bg-overlay-wrap):has(.nectar-badge) h2,body.page-id-1770 .vc_column-inner:has(> .column-bg-overlay-wrap):has(.nectar-badge) h3,body.page-id-1770 .vc_column-inner:has(> .column-bg-overlay-wrap):has(.nectar-badge) h4,body.page-id-1770 .vc_column-inner:has(> .column-bg-overlay-wrap):has(.nectar-badge) h5,body.page-id-1770 .vc_column-inner:has(> .column-bg-overlay-wrap):has(.nectar-badge) p,body.page-id-1584 .vc_column-inner:has(> .column-bg-overlay-wrap):has(.nectar-badge) h1,body.page-id-1584 .vc_column-inner:has(> .column-bg-overlay-wrap):has(.nectar-badge) h2,body.page-id-1584 .vc_column-inner:has(> .column-bg-overlay-wrap):has(.nectar-badge) h3,body.page-id-1584 .vc_column-inner:has(> .column-bg-overlay-wrap):has(.nectar-badge) h4,body.page-id-1584 .vc_column-inner:has(> .column-bg-overlay-wrap):has(.nectar-badge) h5,body.page-id-1584 .vc_column-inner:has(> .column-bg-overlay-wrap):has(.nectar-badge) p{color:#0A0B0D!important;}
body.page-id-1770 .vc_column-inner:has(> .column-bg-overlay-wrap):has(.nectar-badge) .nectar-badge__inner,body.page-id-1584 .vc_column-inner:has(> .column-bg-overlay-wrap):has(.nectar-badge) .nectar-badge__inner{color:#0A0B0D!important;opacity:.55;}
body.page-id-1770 .vc_column-inner:has(> .column-bg-overlay-wrap):has(.nectar-badge) .nectar-button,body.page-id-1584 .vc_column-inner:has(> .column-bg-overlay-wrap):has(.nectar-badge) .nectar-button{background-color:#0A0B0D!important;border-color:#0A0B0D!important;}
body.page-id-1770 .vc_column-inner:has(> .column-bg-overlay-wrap):has(.nectar-badge) .nectar-button span,body.page-id-1584 .vc_column-inner:has(> .column-bg-overlay-wrap):has(.nectar-badge) .nectar-button span{color:#fff!important;}

/* ---- bright banner scrim: Technical SEO (1770) + SEO Agency (1584).
   These two banners use bright imagery, so the standard 38% fade is not
   enough to hold the white headline bottom-left. ---- */
body.page-id-1770 .wpb_row.top-level > .row-bg-wrap::before,
body.page-id-1584 .wpb_row.top-level > .row-bg-wrap::before{
  height:64%!important;min-height:330px!important;
  background:linear-gradient(rgba(10,11,13,0) 0%,rgba(10,11,13,.42) 28%,rgba(10,11,13,.74) 58%,rgba(10,11,13,.92) 84%,#0A0B0D 100%)!important;
}

/* ---- banner darkening (image rows only): equal strength over every photo
   banner. Scoped to .using-image so light panel headers (e.g. /blog/) are
   untouched. ---- */
body:not(.vc_editor) .wpb_row.top-level:not(.cd-banner) > .row-bg-wrap > .inner-wrap.row-bg-layer.using-image:after{
  content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;
  background:rgba(10,11,13,.42);pointer-events:none;
}

/* ---- case studies: retire the legacy gold #FBB614 in favour of the CTA
   yellow #F5D400. The old value is inline on the elements, so these need
   !important. Proper fix is find-and-replace in post content. ---- */
body.single-portfolio [style*="color: #FBB614"]:not([style*="--border-color: #FBB614"]){color:#F5D400!important;}
body.single-portfolio [style*="--border-color: #FBB614"]{--border-color:#F5D400!important;}
body.single-portfolio [style*="border: 2px solid #FBB614"]{border-color:#F5D400!important;}
body.single-portfolio [style*="--post-grid-light-text-hover-color:#FBB614"]{--post-grid-light-text-hover-color:#F5D400!important;}

/* ---- single blog post H1: use the site H1 style (Figtree 600, sentence
   case) rather than the Oswald uppercase banner face. Matches the homepage
   H1: Figtree 600 / 72px / line-height 1.02. ---- */
body.single-post h1{
  font-family:Figtree,sans-serif!important;
  font-weight:600!important;
  font-size:clamp(30px,4.6vw,64px)!important;
  line-height:1.06!important;
  letter-spacing:normal!important;
  text-transform:none!important;
}

/* ---- white cards on Sectors (16492): the CTA buttons are white-on-white
   so only the label shows. Invert them to the dark fill. ---- */
body.page-id-16492 .vc_column-inner:has(> .column-bg-overlay-wrap) .nectar-button{background-color:#0A0B0D!important;border-color:#0A0B0D!important;}
body.page-id-16492 .vc_column-inner:has(> .column-bg-overlay-wrap) .nectar-button span,body.page-id-16492 .vc_column-inner:has(> .column-bg-overlay-wrap) .nectar-button .nectar-button__text{color:#fff!important;}

/* ---- Trustpilot beside the banner CTA: only applies where the rating image
   directly follows a button in a top-level banner row. ---- */
.wpb_row.top-level a.nectar-button{vertical-align:top!important;}
.wpb_row.top-level a.nectar-button + .img-with-aniamtion-wrap{
  display:inline-block!important;width:auto!important;vertical-align:top!important;
  line-height:0!important;height:auto!important;margin:46px 0 0 26px!important;
}
.wpb_row.top-level a.nectar-button + .img-with-aniamtion-wrap img{max-width:168px!important;height:auto!important;}
@media only screen and (max-width:690px){
.wpb_row.top-level a.nectar-button + .img-with-aniamtion-wrap{display:block!important;margin:18px 0 0!important;}
}

/* ---- homepage banner column: block flow so the CTA and Trustpilot sit
   inline like the service pages (column defaults to flex column). ---- */
body.home .wpb_row.top-level .vc_column-inner > .wpb_wrapper{display:block!important;}

/* ---- homepage Trustpilot offset: the homepage banner column uses block
   flow, which shifts the baseline, so it needs 9px more than the others. ---- */
body.home .wpb_row.top-level a.nectar-button + .img-with-aniamtion-wrap{margin-top:37px!important;}

/* ---- /blog/: Salient's native Load More duplicates the custom cd-bf__more
   button. Hidden visually rather than display:none so it stays clickable
   if the custom button proxies through it. ---- */
body.page-id-1131 .load-more-wrap{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;margin:0!important;padding:0!important;}


/* CD-FIX-LEFTTITLE 9 Sep 2026
   Left-column section titles beside an accordion rendered at 40px while the
   equivalent on Technical SEO renders at 25px. The .nectar-responsive-text
   wrapper already carries the right responsive size; the heading inside it was
   overriding with its own. Inherit instead, so it stays correct at every
   breakpoint rather than being pinned to one value. */
body:not(.vc_editor) .wpb_wrapper:has(> .nectar-responsive-text + .toggles.accordion) > .nectar-responsive-text :is(h1,h2,h3,h4,h5,h6){
  font-size:inherit !important;
  line-height:1.15 !important;
}

/* CD-FIX-MOBILEHEAD v2 9 Sep 2026
   Mobile headings ran at five different sizes because Salient applies its
   font_size_phone_* classes to the wrapper, while the heading inside keeps its
   own size. One uniform size on phones instead.
   Two things this rule needs, both established by testing on the live page:
   1. Selectors are written longhand. :is() and :has() did not survive to the
      browser CSSOM on this site, so v1 of this rule silently never applied.
   2. It sits in @layer. A plain !important here loses to a rule in one of the
      two CDN stylesheets the CSSOM cannot read; inside a layer it wins.
   Verified at 390px: every section heading resolves to 24px. */
@layer cdfix{
@media (max-width:690px){
  .nectar-responsive-text[class*="font_size_phone_20px"] h1,
  .nectar-responsive-text[class*="font_size_phone_20px"] h2,
  .nectar-responsive-text[class*="font_size_phone_20px"] h3,
  .nectar-responsive-text[class*="font_size_phone_20px"] h4,
  .nectar-responsive-text[class*="font_size_phone_20px"] h5,
  .nectar-responsive-text[class*="font_size_phone_20px"] h6,
  .nectar-responsive-text[class*="font_size_phone_25px"] h1,
  .nectar-responsive-text[class*="font_size_phone_25px"] h2,
  .nectar-responsive-text[class*="font_size_phone_25px"] h3,
  .nectar-responsive-text[class*="font_size_phone_25px"] h4,
  .nectar-responsive-text[class*="font_size_phone_25px"] h5,
  .nectar-responsive-text[class*="font_size_phone_25px"] h6,
  .nectar-responsive-text[class*="font_size_phone_30px"] h1,
  .nectar-responsive-text[class*="font_size_phone_30px"] h2,
  .nectar-responsive-text[class*="font_size_phone_30px"] h3,
  .nectar-responsive-text[class*="font_size_phone_30px"] h4,
  .nectar-responsive-text[class*="font_size_phone_30px"] h5,
  .nectar-responsive-text[class*="font_size_phone_30px"] h6,
  .nectar-responsive-text[class*="font_size_phone_35px"] h1,
  .nectar-responsive-text[class*="font_size_phone_35px"] h2,
  .nectar-responsive-text[class*="font_size_phone_35px"] h3,
  .nectar-responsive-text[class*="font_size_phone_35px"] h4,
  .nectar-responsive-text[class*="font_size_phone_35px"] h5,
  .nectar-responsive-text[class*="font_size_phone_35px"] h6,
  .nectar-responsive-text[class*="font_size_phone_40px"] h1,
  .nectar-responsive-text[class*="font_size_phone_40px"] h2,
  .nectar-responsive-text[class*="font_size_phone_40px"] h3,
  .nectar-responsive-text[class*="font_size_phone_40px"] h4,
  .nectar-responsive-text[class*="font_size_phone_40px"] h5,
  .nectar-responsive-text[class*="font_size_phone_40px"] h6{
    font-size:24px !important;
    line-height:1.25 !important;
  }
}
}


/* CD-FIX-FAQHALF 9 Sep 2026
   Accordion sections: title stacked above, accordion at half width flush to the
   container left edge (was a 1fr 2fr grid pushing the cards right).
   Verified at 1400px: accordion 607px of 1214px, left edges equal. */
@layer cdfix{
@media (min-width:1000px){
  body:not(.vc_editor) .wpb_wrapper:has(> .nectar-responsive-text + .toggles.accordion){
    display:block !important;
  }
  body:not(.vc_editor) .wpb_wrapper:has(> .nectar-responsive-text + .toggles.accordion) > .toggles.accordion{
    width:50% !important;
    max-width:50% !important;
    margin-left:0 !important;
    margin-right:auto !important;
  }
}
}

/* CD-FIX-HEADCAP v2  9 Sep 2026
   Two problems, one block.
   1. Lead/intro headings (desktop classes 35px and 40px) such as "Many brands
      invest heavily..." outran the H2 at every desktop width. Cap them at 32px
      from 691px up.
   2. Between 691px and 999px the hero (classes 45-60px) scales down but body
      headings did not, so the body outgrew the hero. Cap the hero classes at
      32px in that band only, leaving the full-size hero above 1000px.
   Below 691px CD-FIX-MOBILEHEAD takes over at 24px.
   @layer is required: plain !important loses to the Kinsta CDN stylesheets.
   Longhand selectors are required: :is() does not survive to the CSSOM here. */
@layer cdfix{
@media (min-width:691px){
  .nectar-responsive-text[class*="font_size_desktop_35px"] h1,
  .nectar-responsive-text[class*="font_size_desktop_35px"] h2,
  .nectar-responsive-text[class*="font_size_desktop_35px"] h3,
  .nectar-responsive-text[class*="font_size_desktop_35px"] h4,
  .nectar-responsive-text[class*="font_size_desktop_35px"] h5,
  .nectar-responsive-text[class*="font_size_desktop_35px"] h6,
  .nectar-responsive-text[class*="font_size_desktop_40px"] h1,
  .nectar-responsive-text[class*="font_size_desktop_40px"] h2,
  .nectar-responsive-text[class*="font_size_desktop_40px"] h3,
  .nectar-responsive-text[class*="font_size_desktop_40px"] h4,
  .nectar-responsive-text[class*="font_size_desktop_40px"] h5,
  .nectar-responsive-text[class*="font_size_desktop_40px"] h6{
    font-size:32px !important;
    line-height:1.2 !important;
  }
}
@media (min-width:691px) and (max-width:999px){
  .nectar-responsive-text[class*="font_size_desktop_45px"] h1,
  .nectar-responsive-text[class*="font_size_desktop_45px"] h2,
  .nectar-responsive-text[class*="font_size_desktop_45px"] h3,
  .nectar-responsive-text[class*="font_size_desktop_45px"] h4,
  .nectar-responsive-text[class*="font_size_desktop_45px"] h5,
  .nectar-responsive-text[class*="font_size_desktop_45px"] h6,
  .nectar-responsive-text[class*="font_size_desktop_50px"] h1,
  .nectar-responsive-text[class*="font_size_desktop_50px"] h2,
  .nectar-responsive-text[class*="font_size_desktop_50px"] h3,
  .nectar-responsive-text[class*="font_size_desktop_50px"] h4,
  .nectar-responsive-text[class*="font_size_desktop_50px"] h5,
  .nectar-responsive-text[class*="font_size_desktop_50px"] h6,
  .nectar-responsive-text[class*="font_size_desktop_55px"] h1,
  .nectar-responsive-text[class*="font_size_desktop_55px"] h2,
  .nectar-responsive-text[class*="font_size_desktop_55px"] h3,
  .nectar-responsive-text[class*="font_size_desktop_55px"] h4,
  .nectar-responsive-text[class*="font_size_desktop_55px"] h5,
  .nectar-responsive-text[class*="font_size_desktop_55px"] h6,
  .nectar-responsive-text[class*="font_size_desktop_60px"] h1,
  .nectar-responsive-text[class*="font_size_desktop_60px"] h2,
  .nectar-responsive-text[class*="font_size_desktop_60px"] h3,
  .nectar-responsive-text[class*="font_size_desktop_60px"] h4,
  .nectar-responsive-text[class*="font_size_desktop_60px"] h5,
  .nectar-responsive-text[class*="font_size_desktop_60px"] h6{
    font-size:32px !important;
    line-height:1.2 !important;
  }
}
}

/* ---- Apple hero rhythm on Technical SEO (1770). The hero is a CSS grid and
   the margins come from a cross-origin CDN sheet, so this has to sit inside
   @layer cdfix to win. Gaps: headline to strapline 12px, strapline to
   Trustpilot 22px. ---- */
@layer cdfix {
body.page-id-1770 .wpb_row.top-level .vc_column-inner > .wpb_wrapper{row-gap:4px!important;}
body.page-id-1770 .wpb_row.top-level .vc_column-inner > .wpb_wrapper > .nectar-responsive-text:nth-child(1){margin-bottom:-13px!important;}
/* Apple strapline: 17px / 25px line-height, +0.007em (measured on apple.com/uk/apple-vision-pro) */
body.page-id-1770 .wpb_row.top-level .vc_column-inner > .wpb_wrapper > .nectar-responsive-text:nth-child(2),
body.page-id-1770 .wpb_row.top-level .vc_column-inner > .wpb_wrapper > .nectar-responsive-text:nth-child(2) h2{font-size:17px!important;line-height:25px!important;letter-spacing:.007em!important;}
body.page-id-1770 .wpb_row.top-level .vc_column-inner > .wpb_wrapper > *:nth-child(4){margin-top:18px!important;}
}

/* ---- Apple statement section on Technical SEO (1770), row 2. Apple's
   equivalent is a single 48px centred statement on white with no animation
   and no supporting copy. Measured on apple.com/uk/apple-vision-pro. ---- */
@layer cdfix {
body.page-id-1770 .wpb_row:nth-of-type(2) .vc_column-inner{text-align:center!important;}
/* Apple h2 measured: 56px / 60px / 600 / -0.28px */
body.page-id-1770 .wpb_row:nth-of-type(2) h4{font-size:48px!important;line-height:52px!important;font-weight:600!important;letter-spacing:-.144px!important;max-width:760px!important;margin:0 auto 28px!important;}
/* statement row top padding: Apple's section has none, spacing comes from content */
body.page-id-1770 .wpb_row:nth-of-type(2){padding-top:90px!important;}
/* Apple hero strapline is weight 400, not bold */
body.page-id-1770 .wpb_row.top-level .vc_column-inner > .wpb_wrapper > .nectar-responsive-text:nth-child(2),
body.page-id-1770 .wpb_row.top-level .vc_column-inner > .wpb_wrapper > .nectar-responsive-text:nth-child(2) h2{font-weight:400!important;}
/* kicker above the statement, everything centred */
body.page-id-1770 .wpb_row:nth-of-type(2) [class*="row_col_wrap_12_inner"]{flex-direction:column!important;align-items:center!important;}
body.page-id-1770 .wpb_row:nth-of-type(2) .vc_col-sm-4,
body.page-id-1770 .wpb_row:nth-of-type(2) .vc_col-sm-8{width:100%!important;max-width:100%!important;flex:0 0 100%!important;text-align:center!important;}
body.page-id-1770 .wpb_row:nth-of-type(2) h3{font-size:17px!important;line-height:25px!important;opacity:.6!important;margin:0 auto 22px!important;}
body.page-id-1770 .wpb_row:nth-of-type(2) p{max-width:640px!important;margin:0 auto 16px!important;}
}


/* cd-1770-guard - page 1770 runs the white page theme, which lives in a raw
   HTML block in the body and only paints white once its script has run. Until
   then the dark ground from this stylesheet shows, so the page flips from black
   to white in front of the visitor. Painting it white here, in the head, takes
   the flip away. The reveal parallax is switched off on this page too: it parks
   each row 64px to one side, which is what pulls the centred sections off
   centre and gives the page horizontal overflow. */
html:has(body.page-id-1770, .page-id-25177, .page-id-25869),
body.page-id-1770, .page-id-25177, .page-id-25869,
body.page-id-1770 #ajax-content-wrap,
body.page-id-1770 .container-wrap{background-color:#ffffff !important;}
body.page-id-1770 .cd-par{transform:none !important;opacity:1 !important;}


/* ================= CD-MOVED-FROM-FOOTER =================
 Moved here from the Salient global section payload, which rendered
 at the end of the body and repainted the page after first paint.
 Everything below this line used to load as inline style tags in the
 footer. The scripts stayed behind in the global section.
 ======================================================== */

/* ===== CD-TSP-V2:Technical SEO,Apple Vision Pro rhythm. Page 1770. =====No JavaScript:WP Rocket delays inline scripts until first interaction,so every bit of layout here is CSS only. ===== */@layer cdfix{html body[class][class][class]:has(.cd-page) .wpb_row.top-level:first-of-type{background-image:none !important}html body[class][class][class] #header-outer,html body[class][class][class] #header-outer .container{background-color:#111111 !important}html body[class][class][class] #header-outer #top nav a{color:#ffffff !important;-webkit-text-fill-color:currentColor !important}html body[class][class][class]:has(.cd-page) .container-wrap,html body[class][class][class]:has(.cd-page) .main-content{background-color:#ffffff !important;padding-top:0 !important;padding-bottom:0 !important}html body[class][class][class]:has(.cd-page) .cd-assets{display:none !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-assets){display:none !important;height:0 !important;min-height:0 !important;padding:0 !important;margin:0 !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > [class*="cd-col-"]){position:relative !important;display:block !important;overflow:hidden !important;left:auto !important;right:auto !important;top:auto !important;margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;width:auto !important;max-width:none !important;padding:0 !important;}html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > [class*="cd-col-"]) > .row_col_wrap_12,html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > [class*="cd-col-"]) > .row_col_wrap_12 > .wpb_column,html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > [class*="cd-col-"]) > .row_col_wrap_12 > .wpb_column > .vc_column-inner{position:static !important;display:block !important;width:100% !important;padding:0 !important;margin:0 !important;background:none !important;min-height:0 !important;}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .row-bg-wrap,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .column-bg-overlay-wrap,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .column-bg-overlay{display:none !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"]{display:block !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] > .vc_column-inner > .wpb_wrapper{position:static !important;text-align:left !important;margin:0 auto !important;padding:0 40px !important;width:100% !important;}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .wpb_text_column,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .wpb_content_element{margin:0 !important;padding:0 !important;position:relative !important;z-index:2 !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] p,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] h1,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] h2,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] h3,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] h4,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] div{max-width:none !important;margin-left:0 !important;margin-right:0 !important;}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"],html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] p,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] h1,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] h2,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] h3,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] h4,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] a,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] span,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] li{font-family:'Figtree',-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif !important;-webkit-text-fill-color:currentColor !important;text-transform:none !important;}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] h1,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] h2,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] h3,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] h4{background:none !important;-webkit-background-clip:border-box !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] a{text-decoration:none !important;transition:background-color .22s ease,border-color .22s ease,opacity .22s ease !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-bg{position:absolute !important;inset:0 !important;z-index:0 !important;margin:0 !important;padding:0 !important;overflow:hidden !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-bg p{margin:0 !important;padding:0 !important;width:100% !important;max-width:none !important;height:100% !important;line-height:0 !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-bg img{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;object-fit:cover !important;max-width:none !important;border-radius:0 !important;display:block !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-hero),html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-band1),html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-band2){background-color:#111111 !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-hero)::after,html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-band1)::after,html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-band2)::after{content:"" !important;display:block !important;position:absolute !important;inset:0 !important;z-index:1 !important;pointer-events:none !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-hero){display:flex !important;align-items:flex-end !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-hero) > .row_col_wrap_12{width:100% !important}html body[class][class][class]:has(.cd-page) .cd-col-hero > .vc_column-inner > .wpb_wrapper{padding-top:210px !important;}html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-hero)::after{}html body[class][class][class]:has(.cd-page) .cd-col-hero .cd-bg img{object-position:center 52% !important}html body[class][class][class]:has(.cd-page) .cd-col-hero .cd-hero-copy h1{color:#ffffff !important;font-weight:600 !important;}html body[class][class][class]:has(.cd-page) .cd-col-hero .cd-hero-copy p{color:#ffffff !important;}html body[class][class][class]:has(.cd-page) .cd-col-hero .cd-hero-actions{margin-top:42px !important}html body[class][class][class]:has(.cd-page) .cd-col-hero .cd-hero-actions p{margin:0 !important;display:flex !important;gap:14px !important;flex-wrap:wrap !important}html body[class][class][class]:has(.cd-page) .cd-col-hero .cd-hero-tp{}html body[class][class][class]:has(.cd-page) .cd-col-hero .cd-hero-tp p{margin:0 !important;line-height:0 !important}html body[class][class][class]:has(.cd-page) .cd-col-hero .cd-hero-tp img{height:30px !important;width:auto !important;display:block !important;opacity:.95 !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] a.cd-btn{display:inline-flex !important;align-items:center !important;justify-content:center !important;font-size:17px !important;font-weight:400 !important;line-height:1.2 !important;padding:11px 21px !important;border-radius:980px !important;min-height:44px !important;border:1px solid transparent !important;white-space:nowrap !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] a.cd-btn-solid{background-color:#111111 !important;color:#ffffff !important;border-color:#111111 !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] a.cd-btn-solid:hover{background-color:#2a2a2e !important;border-color:#2a2a2e !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] a.cd-btn-light{background-color:#ffffff !important;color:#111111 !important;border-color:#ffffff !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] a.cd-btn-light:hover{background-color:rgba(255,255,255,.86) !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] a.cd-btn-outline{background-color:transparent !important;color:#ffffff !important;border-color:rgba(255,255,255,.55) !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] a.cd-btn-outline:hover{background-color:rgba(255,255,255,.14) !important;border-color:#ffffff !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] a.cd-btn-outline-dark{background-color:transparent !important;color:#111111 !important;border-color:rgba(17,17,17,.32) !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] a.cd-btn-outline-dark:hover{background-color:rgba(17,17,17,.06) !important;border-color:#111111 !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-open),html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .wpb_row:has(> .row_col_wrap_12 > .cd-col-fix),html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-work),html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-ai),html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-case),html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-faq),html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-cta){background-color:#ffffff !important}html body[class][class][class]:has(.cd-page) .cd-col-open > .vc_column-inner > .wpb_wrapper,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-fix > .vc_column-inner > .wpb_wrapper,html body[class][class][class]:has(.cd-page) .cd-col-work > .vc_column-inner > .wpb_wrapper,html body[class][class][class]:has(.cd-page) .cd-col-ai > .vc_column-inner > .wpb_wrapper,html body[class][class][class]:has(.cd-page) .cd-col-case > .vc_column-inner > .wpb_wrapper,html body[class][class][class]:has(.cd-page) .cd-col-faq > .vc_column-inner > .wpb_wrapper,html body[class][class][class]:has(.cd-page) .cd-col-cta > .vc_column-inner > .wpb_wrapper{padding-top:168px !important;padding-bottom:168px !important}html body[class][class][class]:has(.cd-page) .cd-col-open > .vc_column-inner > .wpb_wrapper{}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-fix > .vc_column-inner > .wpb_wrapper{padding-top:0 !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-label p{margin:0 0 20px !important;color:#86868b !important;font-weight:600 !important;font-size:clamp(19px,1.7vw,22px) !important;line-height:1.3 !important;letter-spacing:0 !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-head h2{margin:0 !important;color:#111111 !important;font-weight:600 !important;font-size:clamp(28px,3.2vw,42px) !important;line-height:1.07 !important;letter-spacing:-.021em !important;max-width:20ch !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-head p{margin:28px 0 0 !important;color:rgba(17,17,17,.62) !important;font-weight:400 !important;font-size:clamp(18px,1.6vw,21px) !important;line-height:1.48 !important;max-width:56ch !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-statement p{margin:0 !important;color:#111111 !important;max-width:19ch !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-statement em,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-statement strong,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-head em,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-head strong,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-band-line em,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-band-line strong{font-size:inherit !important;line-height:inherit !important;letter-spacing:inherit !important;font-weight:inherit !important;font-style:normal !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-statement em{color:#86868b !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .vc_row-inner:has(> .cd-card){margin:76px -11px 0 !important;display:flex !important;flex-wrap:wrap !important;width:auto !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-card{padding:0 11px !important;margin:0 0 22px !important;display:flex !important;float:none !important;position:static !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-card > .vc_column-inner{width:100% !important;display:flex !important;padding:0 !important;margin:0 !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-card > .vc_column-inner > .wpb_wrapper{width:100% !important;max-width:none !important;background-color:#f5f5f7 !important;border-radius:28px !important;padding:52px 44px 56px !important;margin:0 !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-card h3{margin:0 0 16px !important;color:#111111 !important;font-weight:600 !important;font-size:clamp(23px,2.1vw,28px) !important;line-height:1.18 !important;letter-spacing:-.014em !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-card p{margin:0 !important;font-weight:400 !important;font-size:clamp(17px,1.5vw,19px) !important;line-height:1.5 !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-card p.cd-num{margin:0 0 22px !important;color:#86868b !important;font-size:17px !important;font-weight:600 !important;letter-spacing:.04em !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-band1),html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-band2){display:flex !important;align-items:flex-start !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-band1) > .row_col_wrap_12,html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-band2) > .row_col_wrap_12{width:100% !important}html body[class][class][class]:has(.cd-page) .cd-col-band1 > .vc_column-inner > .wpb_wrapper,html body[class][class][class]:has(.cd-page) .cd-col-band2 > .vc_column-inner > .wpb_wrapper{}html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-band1)::after,html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-band2)::after{}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-band-line p{text-align:center !important;color:#ffffff !important;}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .vc_row-inner:has(> .cd-split-col){display:flex !important;flex-wrap:wrap !important;margin:0 -32px !important;width:auto !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-split-col{padding:0 32px !important;float:none !important;position:static !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-split-body p{margin:0 0 24px !important;color:rgba(17,17,17,.64) !important;font-weight:400 !important;font-size:clamp(18px,1.6vw,21px) !important;line-height:1.5 !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-split-body p:last-child{margin-bottom:0 !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-case){}html body[class][class][class]:has(.cd-page) .cd-col-case > .vc_column-inner > .wpb_wrapper{text-align:center !important}html body[class][class][class]:has(.cd-page) .cd-col-case .cd-label p{margin-bottom:30px !important}html body[class][class][class]:has(.cd-page) .cd-col-case .cd-stat p{margin:0 !important}html body[class][class][class]:has(.cd-page) .cd-col-case .cd-stat strong{display:block !important;color:#F3D400 !important;font-weight:600 !important;font-size:clamp(84px,13vw,188px) !important;line-height:.92 !important;letter-spacing:-.045em !important}html body[class][class][class]:has(.cd-page) .cd-col-case .cd-stat em{display:block !important;font-style:normal !important;margin-top:16px !important;color:rgba(255,255,255,.7) !important;font-size:clamp(18px,1.7vw,22px) !important}html body[class][class][class]:has(.cd-page) .cd-col-case .cd-case-body p{margin:38px auto 0 !important;max-width:60ch !important;color:rgba(255,255,255,.72) !important;font-size:clamp(18px,1.6vw,21px) !important;line-height:1.5 !important}html body[class][class][class]:has(.cd-page) .cd-col-case .cd-case-cta{margin-top:46px !important}html body[class][class][class]:has(.cd-page) .cd-col-case .cd-case-cta p{margin:0 !important;display:flex !important;justify-content:center !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-faq){background-color:#111111 !important}html body[class][class][class]:has(.cd-page) .cd-col-faq .cd-head h2{color:#ffffff !important;text-align:center !important;margin:0 auto 68px !important;max-width:22ch !important}html body[class][class][class]:has(.cd-page) .cd-col-faq .toggles{max-width:none !important;margin:0 auto !important;width:100% !important;display:block !important;float:none !important}html body[class][class][class]:has(.cd-page) .cd-col-faq .toggle{background:none !important;background-color:transparent !important;border:0 !important;border-top:1px solid rgba(255,255,255,.22) !important;border-radius:0 !important;margin:0 !important;box-shadow:none !important;padding:0 !important}html body[class][class][class]:has(.cd-page) .cd-col-faq .toggle:last-child{border-bottom:1px solid rgba(255,255,255,.22) !important}html body[class][class][class]:has(.cd-page) .cd-col-faq .toggle h3,html body[class][class][class]:has(.cd-page) .cd-col-faq .toggle h4{margin:0 !important;padding:0 !important;background:none !important}html body[class][class][class]:has(.cd-page) .cd-col-faq .toggle h3 > a,html body[class][class][class]:has(.cd-page) .cd-col-faq .toggle h4 > a{display:flex !important;flex-direction:row-reverse !important;justify-content:space-between !important;align-items:center !important;gap:24px !important;padding:30px 0 !important;background:none !important;background-color:transparent !important;border:0 !important;color:#ffffff !important;font-size:clamp(18px,1.7vw,21px) !important;font-weight:500 !important;line-height:1.35 !important;transition:none !important}html body[class][class][class]:has(.cd-page) .cd-col-faq .toggle h3 > a i,html body[class][class][class]:has(.cd-page) .cd-col-faq .toggle h4 > a i{display:none !important}html body[class][class][class]:has(.cd-page) .cd-col-faq .toggle h3 > a svg,html body[class][class][class]:has(.cd-page) .cd-col-faq .toggle h4 > a svg{position:static !important;flex:0 0 30px !important;width:30px !important;height:30px !important;margin:0 !important;top:auto !important;right:auto !important;opacity:.75 !important}html body[class][class][class]:has(.cd-page) .cd-col-faq .toggle > div{background:none !important;background-color:transparent !important;border:0 !important;border-radius:0 !important;padding:0 !important}html body[class][class][class]:has(.cd-page) .cd-col-faq .toggle p{margin:0 !important;padding:0 56px 32px 0 !important;color:rgba(255,255,255,.66) !important;font-size:clamp(17px,1.5vw,19px) !important;line-height:1.6 !important}html body[class][class][class]:has(.cd-page) .cd-col-faq .toggle p a{color:#F3D400 !important;transition:none !important}html body[class][class][class]:has(.cd-page) .cd-col-cta > .vc_column-inner > .wpb_wrapper{text-align:center !important}html body[class][class][class]:has(.cd-page) .cd-col-cta .cd-head h2{margin:0 auto 20px !important;max-width:17ch !important}html body[class][class][class]:has(.cd-page) .cd-col-cta .cd-head p{margin:0 auto !important;max-width:54ch !important}html body[class][class][class]:has(.cd-page) .cd-col-cta .cd-cta-btns{margin-top:46px !important}html body[class][class][class]:has(.cd-page) .cd-col-cta .cd-cta-btns p{margin:0 !important;display:flex !important;gap:14px !important;justify-content:center !important;flex-wrap:wrap !important}html body[class][class][class]:has(.cd-page) .clients > div{background-color:#f5f5f7 !important;border-radius:28px !important;border:0 !important;box-shadow:none !important}html body[class][class][class]:has(.cd-page) .clients > div img{filter:invert(1) !important}html body[class][class][class]:has(.cd-page) .clients > div:hover{background-color:#ececee !important}@media (max-width:1200px){html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-fix > .vc_column-inner > .wpb_wrapper,html body[class][class][class]:has(.cd-page) .cd-col-work > .vc_column-inner > .wpb_wrapper,html body[class][class][class]:has(.cd-page) .cd-col-ai > .vc_column-inner > .wpb_wrapper,html body[class][class][class]:has(.cd-page) .cd-col-case > .vc_column-inner > .wpb_wrapper,html body[class][class][class]:has(.cd-page) .cd-col-faq > .vc_column-inner > .wpb_wrapper,html body[class][class][class]:has(.cd-page) .cd-col-cta > .vc_column-inner > .wpb_wrapper{padding-top:124px !important;padding-bottom:124px !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-fix > .vc_column-inner > .wpb_wrapper{padding-top:0 !important}html body[class][class][class]:has(.cd-page) .cd-col-open > .vc_column-inner > .wpb_wrapper{padding-bottom:116px !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-card > .vc_column-inner > .wpb_wrapper{padding:44px 36px 46px !important}}@media (max-width:1000px){html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-fix > .vc_column-inner > .wpb_wrapper,html body[class][class][class]:has(.cd-page) .cd-col-work > .vc_column-inner > .wpb_wrapper,html body[class][class][class]:has(.cd-page) .cd-col-ai > .vc_column-inner > .wpb_wrapper,html body[class][class][class]:has(.cd-page) .cd-col-case > .vc_column-inner > .wpb_wrapper,html body[class][class][class]:has(.cd-page) .cd-col-faq > .vc_column-inner > .wpb_wrapper,html body[class][class][class]:has(.cd-page) .cd-col-cta > .vc_column-inner > .wpb_wrapper{padding-top:96px !important;padding-bottom:96px !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-fix > .vc_column-inner > .wpb_wrapper{padding-top:0 !important}html body[class][class][class]:has(.cd-page) .cd-col-open > .vc_column-inner > .wpb_wrapper{padding-bottom:90px !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .vc_row-inner:has(> .cd-card){margin-top:56px !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-card{width:50% !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-split-col{width:100% !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-split-col + .cd-split-col{margin-top:36px !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-band1),html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-band2){min-height:62vh !important}}@media (max-width:760px){html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] > .vc_column-inner > .wpb_wrapper{}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-fix > .vc_column-inner > .wpb_wrapper,html body[class][class][class]:has(.cd-page) .cd-col-work > .vc_column-inner > .wpb_wrapper,html body[class][class][class]:has(.cd-page) .cd-col-ai > .vc_column-inner > .wpb_wrapper,html body[class][class][class]:has(.cd-page) .cd-col-case > .vc_column-inner > .wpb_wrapper,html body[class][class][class]:has(.cd-page) .cd-col-faq > .vc_column-inner > .wpb_wrapper,html body[class][class][class]:has(.cd-page) .cd-col-cta > .vc_column-inner > .wpb_wrapper{padding-top:78px !important;padding-bottom:78px !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-fix > .vc_column-inner > .wpb_wrapper{padding-top:0 !important}html body[class][class][class]:has(.cd-page) .cd-col-open > .vc_column-inner > .wpb_wrapper{}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-card{width:100% !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-card > .vc_column-inner > .wpb_wrapper{padding:34px 28px 36px !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-hero){}html body[class][class][class]:has(.cd-page) .cd-col-hero > .vc_column-inner > .wpb_wrapper{padding-top:150px !important;padding-bottom:66px !important}html body[class][class][class]:has(.cd-page) .cd-col-hero .cd-hero-copy p{max-width:none !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-band1),html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-band2){min-height:52vh !important}html body[class][class][class]:has(.cd-page) .cd-col-band1 > .vc_column-inner > .wpb_wrapper,html body[class][class][class]:has(.cd-page) .cd-col-band2 > .vc_column-inner > .wpb_wrapper{padding-top:80px !important;padding-bottom:80px !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-head h2,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-statement p{max-width:none !important}html body[class][class][class]:has(.cd-page) .cd-col-faq .cd-head h2{margin-bottom:44px !important}html body[class][class][class]:has(.cd-page) .cd-col-faq .toggle p{padding-right:28px !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .vc_row-inner:has(> .cd-split-col){margin:0 !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-split-col{padding:0 !important}}html body[class][class][class]:has(.cd-page) .cd-col-hero > .vc_column-inner > .wpb_wrapper{grid-template-columns:minmax(0,1fr) auto !important;column-gap:56px !important;align-items:end !important}html body[class][class][class]:has(.cd-page) .cd-col-hero .cd-hero-copy{grid-column:1 !important;grid-row:1 !important}html body[class][class][class]:has(.cd-page) .cd-col-hero .cd-hero-actions{grid-column:2 !important;grid-row:1 !important;align-self:end !important;margin:0 !important}html body[class][class][class]:has(.cd-page) .cd-col-hero .cd-hero-tp{grid-column:1 !important;grid-row:2 !important;}@media (max-width:900px){html body[class][class][class]:has(.cd-page) .cd-col-hero > .vc_column-inner > .wpb_wrapper{}html body[class][class][class]:has(.cd-page) .cd-col-hero .cd-hero-actions{margin-top:36px !important}}html body[class][class][class]:has(.cd-page) .cd-col-faq .toggle h3 > a svg,html body[class][class][class]:has(.cd-page) .cd-col-faq .toggle h4 > a svg{display:none !important}html body[class][class][class]:has(.cd-page) .cd-col-faq .toggle h3 > a::before,html body[class][class][class]:has(.cd-page) .cd-col-faq .toggle h4 > a::before{content:"" !important;display:block !important;flex:0 0 30px !important;width:30px !important;height:30px !important;border:1px solid rgba(255,255,255,.5) !important;border-radius:50% !important;background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff) !important;background-size:11px 1px,1px 11px !important;background-position:center center,center center !important;background-repeat:no-repeat !important;transition:background-size .25s ease !important}html body[class][class][class]:has(.cd-page) .cd-col-faq .toggle.open h3 > a::before,html body[class][class][class]:has(.cd-page) .cd-col-faq .toggle.open h4 > a::before{background-size:11px 1px,0 0 !important}}

@layer cdfix{html body[class][class][class]:has(.cd-page) .cd-col-hero .cd-bg::after,html body[class][class][class]:has(.cd-page) .cd-col-band1 .cd-bg::after,html body[class][class][class]:has(.cd-page) .cd-col-band2 .cd-bg::after{content:"" !important;display:block !important;position:absolute !important;inset:0 !important;z-index:2 !important;pointer-events:none !important}html body[class][class][class]:has(.cd-page) .cd-col-hero .cd-bg::after{background:linear-gradient(to right,rgba(8,9,11,.96) 0%,rgba(8,9,11,.92) 34%,rgba(8,9,11,.74) 52%,rgba(8,9,11,.34) 72%,rgba(8,9,11,.06) 100%),linear-gradient(to top,rgba(8,9,11,.88) 0%,rgba(8,9,11,.46) 34%,rgba(8,9,11,.16) 66%,rgba(8,9,11,.42) 100%) !important}html body[class][class][class]:has(.cd-page) .cd-col-band1 .cd-bg::after,html body[class][class][class]:has(.cd-page) .cd-col-band2 .cd-bg::after{}html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-hero)::before{content:none !important}html body[class][class][class]:has(.cd-page) .cd-col-hero .cd-bg::before{position:absolute !important;right:clamp(28px,5.5vw,104px) !important;bottom:clamp(40px,5vw,76px) !important;top:auto !important;left:auto !important;width:18px !important;height:18px !important;border-right:2px solid rgba(255,255,255,.9) !important;border-bottom:2px solid rgba(255,255,255,.9) !important;border-top:0 !important;border-left:0 !important;border-radius:0 !important;transform:rotate(45deg) !important;z-index:3 !important;pointer-events:none !important;background:none !important;animation:cd-scroll-bob 1.9s ease-in-out infinite !important}@keyframes cd-scroll-bob{0%,100%{transform:rotate(45deg) translate(0,0);opacity:.5}50%{transform:rotate(45deg) translate(6px,6px);opacity:1}}@media (prefers-reduced-motion:reduce){html body[class][class][class]:has(.cd-page) .cd-col-hero .cd-bg::before{animation:none !important}}}
@layer cdfix{html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-fix .wpb_row.inner_row,html body[class][class][class]:has(.cd-page) .cd-col-work .wpb_row.inner_row{margin-top:64px !important}html body[class][class][class]:has(.cd-page) .cd-col-ai .wpb_row.inner_row{margin-top:8px !important}html body[class][class][class]:has(.cd-page) .cd-col-hero > .vc_column-inner > .wpb_wrapper{}html body[class][class][class]:has(.cd-page) .cd-col-hero .cd-hero-copy p{max-width:none !important}@media (max-width:1000px){html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-fix .wpb_row.inner_row,html body[class][class][class]:has(.cd-page) .cd-col-work .wpb_row.inner_row{margin-top:48px !important}}@media (max-width:760px){html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-fix .wpb_row.inner_row,html body[class][class][class]:has(.cd-page) .cd-col-work .wpb_row.inner_row{margin-top:40px !important}html body[class][class][class]:has(.cd-page) .cd-col-hero > .vc_column-inner > .wpb_wrapper{padding-left:24px !important;padding-right:24px !important}}}
@layer cdfix{html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] > .vc_column-inner > .wpb_wrapper{}html body[class][class][class]:has(.cd-page) .cd-col-hero > .vc_column-inner > .wpb_wrapper{}html body[class][class][class]:has(.cd-page) .cd-col-hero .cd-hero-copy h1{font-size:clamp(26px,2.4vw,34px) !important;line-height:1.12 !important;letter-spacing:-0.008em !important;margin:0 0 14px 0 !important}html body[class][class][class]:has(.cd-page) .cd-col-hero .cd-hero-copy p{margin:0 !important}html body[class][class][class]:has(.cd-page) .cd-col-hero > .vc_column-inner > .wpb_wrapper{padding-bottom:72px !important}html body[class][class][class]:has(.cd-page) .cd-col-hero .cd-hero-tp{margin-top:30px !important}html body[class][class][class]:has(.cd-page) .cd-col-open .cd-statement,html body[class][class][class]:has(.cd-page) .cd-col-open .cd-statement p{}html body[class][class][class]:has(.cd-page) .cd-col-open .cd-statement p{}html body[class][class][class]:has(.cd-page) .cd-band-line,html body[class][class][class]:has(.cd-page) .cd-band-line p{text-align:center !important}html body[class][class][class]:has(.cd-page) .cd-band-line p{}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-fix .cd-card,html body[class][class][class]:has(.cd-page) .cd-col-work .cd-card{width:50% !important}@media (max-width:760px){html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-fix .cd-card,html body[class][class][class]:has(.cd-page) .cd-col-work .cd-card{width:100% !important}}}
@layer cdfix{html body[class][class][class]:has(.cd-page) .cd-col-hero .cd-bg::before{content:none !important;display:none !important}html body[class][class][class]:has(.cd-page) .cd-hero-tp{display:none !important}html body[class][class][class]:has(.cd-page) .cd-col-open .cd-statement,html body[class][class][class]:has(.cd-page) .cd-col-open .cd-statement p{text-align:left !important}html body[class][class][class]:has(.cd-page) .cd-col-open .cd-statement p{max-width:900px !important;margin:0 !important}html body[class][class][class]:has(.cd-page) .cd-col-open > .vc_column-inner > .wpb_wrapper{padding-top:128px !important;}html body[class][class][class]:has(.cd-page) .cd-card p,html body[class][class][class]:has(.cd-page) .cd-split-col p,html body[class][class][class]:has(.cd-page) .cd-case-body p,html body[class][class][class]:has(.cd-page) .cd-case-body,html body[class][class][class]:has(.cd-page) .cd-col-cta p,html body[class][class][class]:has(.cd-page) .cd-col-faq .toggle .toggle-content p,html body[class][class][class]:has(.cd-page) .cd-col-faq .toggle p{font-size:17px !important;font-weight:600 !important;line-height:1.47 !important;letter-spacing:-0.012em !important}html body[class][class][class]:has(.cd-page) .cd-card p{color:#6e6e73 !important}@media (max-width:760px){html body[class][class][class]:has(.cd-page) .cd-col-open > .vc_column-inner > .wpb_wrapper{padding-top:84px !important;padding-bottom:84px !important}}}
@layer cdfix{html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-card p,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-split-col p,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-case-body,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-case-body p,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-col-cta p,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .toggle p,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .wpb_text_column p{font-size:17px !important;font-weight:600 !important;line-height:1.47 !important;letter-spacing:-0.012em !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-card p{color:#6e6e73 !important}html body[class][class][class]:has(.cd-page) .cd-col-hero .cd-hero-copy p{font-size:clamp(19px,1.95vw,28px) !important;font-weight:600 !important;line-height:1.22 !important;letter-spacing:normal !important}html body[class][class][class]:has(.cd-page) .cd-col-open .cd-statement p{font-size:clamp(30px,3.6vw,52px) !important;font-weight:600 !important;line-height:1.1 !important;letter-spacing:-0.018em !important}html body[class][class][class]:has(.cd-page) .cd-band-line p{font-size:clamp(36px,4.8vw,72px) !important;font-weight:700 !important;line-height:1.06 !important;letter-spacing:-0.016em !important}html body[class][class][class]:has(.cd-page) .cd-label{font-size:22px !important;font-weight:600 !important;line-height:1.3 !important}html body[class][class][class]:has(.cd-page) .cd-stat{font-size:inherit !important}}
@layer cdfix{html body[class][class][class]:has(.cd-page) .cd-clients-head{max-width:1060px !important;margin:0 auto !important;padding:0 40px !important;width:100% !important}html body[class][class][class]:has(.cd-page) .cd-clients-head h2{font-size:clamp(26px,2.6vw,38px) !important;font-weight:600 !important;line-height:1.14 !important;letter-spacing:-0.016em !important;text-align:left !important;margin:0 0 40px 0 !important}@media (max-width:760px){html body[class][class][class]:has(.cd-page) .cd-clients-head{padding:0 24px !important}html body[class][class][class]:has(.cd-page) .cd-clients-head h2{margin-bottom:28px !important}}}
@layer cdfix{html body[class][class][class] #header-outer,html body[class][class][class] #header-outer.scrolled-down,html body[class][class][class] #header-outer.small-nav,html body[class][class][class].scrolled-down #header-outer{background-color:rgba(250,250,252,.72) !important;background-image:none !important;background:rgba(250,250,252,.72) !important;-webkit-backdrop-filter:saturate(180%) blur(20px) !important;backdrop-filter:saturate(180%) blur(20px) !important;border-bottom:1px solid rgba(0,0,0,.09) !important;box-shadow:none !important}html body[class][class][class] #header-outer .row-bg,html body[class][class][class] #header-outer .container-wrap,html body[class][class][class] #header-outer header#top{background:transparent !important;background-image:none !important;box-shadow:none !important}html body[class][class][class] #top nav ul.sf-menu > li > a,html body[class][class][class] #top nav ul.sf-menu > li > a .menu-title-text,html body[class][class][class] #top nav > ul > li > a{color:#1d1d1f !important;font-weight:500 !important}html body[class][class][class] #top nav ul.sf-menu > li > a:hover,html body[class][class][class] #top nav ul.sf-menu > li.current-menu-item > a{color:#000 !important}html body[class][class][class] #logo img{}html body[class][class][class] #top .slide-out-widget-area-toggle a .lines,html body[class][class][class] #top .slide-out-widget-area-toggle a .lines::before,html body[class][class][class] #top .slide-out-widget-area-toggle a .lines::after{background-color:#1d1d1f !important}html body[class][class][class] #top #search-btn a span,html body[class][class][class] #top a#search-btn span{color:#1d1d1f !important}html body[class][class][class] #header-outer .sf-menu li ul{}html body[class][class][class] #header-outer .sf-menu li ul li a{}html body[class][class][class] #header-outer .sf-menu li ul li a:hover{}}
@layer cdfix{html body[class][class][class] #header-outer{}html body[class][class][class] #header-outer .container{}html body[class][class][class] #header-outer::before{content:none !important;display:none !important}html body[class][class][class] #header-outer #top nav ul li > a,html body[class][class][class] #header-outer #top nav ul li > a span,html body[class][class][class] #header-outer #top nav ul li > a .menu-title-text{}html body[class][class][class] #header-outer #top .slide-out-widget-area-toggle a .lines,html body[class][class][class] #header-outer #top .slide-out-widget-area-toggle a .lines::before,html body[class][class][class] #header-outer #top .slide-out-widget-area-toggle a .lines::after{}html body[class][class][class] #header-outer #top a#search-btn span,html body[class][class][class] #header-outer #top #search-btn a span{}}
@layer cdfix{html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-statement p{font-size:clamp(30px,3.6vw,52px) !important;font-weight:600 !important;line-height:1.1 !important;letter-spacing:-0.018em !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-band-line p{}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-hero-copy p{}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-label p,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-label{font-size:22px !important;font-weight:600 !important;line-height:1.3 !important;letter-spacing:normal !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-stat p{}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-hero-actions p,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-cta-btns p,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-case-cta p{font-size:17px !important;font-weight:400 !important;line-height:1.3 !important;letter-spacing:normal !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-hero-actions a,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-cta-btns a,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-case-cta a{font-size:17px !important;font-weight:400 !important;letter-spacing:normal !important}html body[class][class][class]:has(.cd-page) .clients{max-width:1060px !important;margin-left:auto !important;margin-right:auto !important;padding-left:40px !important;padding-right:40px !important;width:100% !important;box-sizing:border-box !important}html body[class][class][class]:has(.cd-page) .divider-wrap,html body[class][class][class]:has(.cd-page) .cd-clients-head + .wpb_column .divider{display:none !important;height:0 !important}html body[class][class][class]:has(.cd-page) .cd-clients-head h2{}html body.vc_editor[class][class][class] [class*="cd-col-"] > .vc_column-inner > .wpb_wrapper{max-width:none !important;padding:24px 28px !important;display:block !important;min-height:0 !important}html body.vc_editor[class][class][class] [class*="cd-col-"]{background:#ffffff !important;min-height:0 !important}html body.vc_editor[class][class][class] [class*="cd-col-"] *{color:#1d1d1f !important;-webkit-text-fill-color:#1d1d1f !important}html body.vc_editor[class][class][class] .cd-bg{position:relative !important;top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;inset:auto !important;width:100% !important;height:auto !important;z-index:auto !important;overflow:visible !important}html body.vc_editor[class][class][class] .cd-bg p{height:auto !important;line-height:normal !important;width:100% !important;max-width:none !important}html body.vc_editor[class][class][class] .cd-bg img{position:relative !important;top:auto !important;left:auto !important;inset:auto !important;width:100% !important;height:auto !important;max-height:240px !important;object-fit:cover !important}html body.vc_editor[class][class][class] .cd-bg::after,html body.vc_editor[class][class][class] .cd-bg::before{content:none !important;display:none !important}html body.vc_editor[class][class][class] .cd-assets,html body.vc_editor[class][class][class] .cd-assets > .vc_column-inner{display:block !important;height:auto !important;overflow:visible !important}html body.vc_editor[class][class][class] .wpb_row{min-height:0 !important;overflow:visible !important}html body.vc_editor[class][class][class] .cd-col-hero > .vc_column-inner > .wpb_wrapper{display:block !important}html body.vc_editor[class][class][class] [class*="cd-col-"] .cd-card{width:50% !important}html body.vc_editor[class][class][class] .cd-clients-head{max-width:none !important;padding:0 !important}html body.vc_editor[class][class][class] .clients{max-width:none !important;padding:0 !important}}
@layer cdfix{html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-stat,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-stat p,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-stat strong{font-size:clamp(56px,7vw,112px) !important;font-weight:700 !important;line-height:1 !important;letter-spacing:-0.02em !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-fix .wpb_row.inner_row > .row_col_wrap_12_inner{align-items:center !important}html body[class][class][class]:has(.cd-page) .cd-toggle-col .toggle{margin:0 0 12px 0 !important;border:0 !important;background:transparent !important;padding:0 !important}html body[class][class][class]:has(.cd-page) .cd-toggle-col .toggle h3{margin:0 !important;padding:0 !important}html body[class][class][class]:has(.cd-page) .cd-toggle-col .toggle h3 > a{display:inline-flex !important;align-items:center !important;gap:14px !important;width:auto !important;background:#f5f5f7 !important;border:0 !important;border-radius:999px !important;padding:14px 28px !important;color:#1d1d1f !important;font-size:21px !important;font-weight:600 !important;line-height:1.2 !important;text-decoration:none !important}html body[class][class][class]:has(.cd-page) .cd-toggle-col .toggle h3 > a svg,html body[class][class][class]:has(.cd-page) .cd-toggle-col .toggle h3 > a .toggle-title-icon{display:none !important}html body[class][class][class]:has(.cd-page) .cd-toggle-col .toggle h3 > a::before{content:"" !important;display:block !important;flex:0 0 28px !important;width:28px !important;height:28px !important;border:1px solid rgba(0,0,0,.4) !important;border-radius:50% !important;background-color:transparent !important;background-image:linear-gradient(#1d1d1f,#1d1d1f),linear-gradient(#1d1d1f,#1d1d1f) !important;background-size:10px 1px,1px 10px !important;background-position:center center,center center !important;background-repeat:no-repeat !important;transition:background-size .25s ease !important}html body[class][class][class]:has(.cd-page) .cd-toggle-col .toggle.open h3 > a::before{background-size:10px 1px,0 0 !important}html body[class][class][class]:has(.cd-page) .cd-toggle-col .toggle .toggle-content{background:transparent !important;padding:12px 28px 8px 70px !important;border:0 !important}html body[class][class][class]:has(.cd-page) .cd-toggle-col .toggle .toggle-content p{font-size:17px !important;font-weight:600 !important;line-height:1.47 !important;color:#6e6e73 !important;margin:0 !important}html body[class][class][class]:has(.cd-page) .cd-toggle-img .wpb_text_column{width:100% !important}html body[class][class][class]:has(.cd-page) .cd-toggle-img img{width:100% !important;height:auto !important;display:block !important;border-radius:28px !important;max-width:none !important}html body[class][class][class]:has(.cd-page) .cd-toggle-img p{margin:0 !important;line-height:0 !important;max-width:none !important;width:100% !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-band1),html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-band2){min-height:86vh !important}html body[class][class][class]:has(.cd-page) .cd-col-band1 > .vc_column-inner > .wpb_wrapper,html body[class][class][class]:has(.cd-page) .cd-col-band2 > .vc_column-inner > .wpb_wrapper{padding-top:0 !important;padding-bottom:clamp(56px,7vw,104px) !important;display:flex !important;flex-direction:column !important;justify-content:flex-end !important;min-height:86vh !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-band-line,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-band-line p{text-align:left !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-band-line p{font-size:clamp(36px,5vw,80px) !important;font-weight:600 !important;line-height:1.04 !important;letter-spacing:-0.02em !important;max-width:760px !important;margin:0 !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-band-body{margin-top:22px !important;max-width:560px !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-band-body p{font-size:19px !important;font-weight:600 !important;line-height:1.5 !important;color:rgba(255,255,255,.84) !important;}html body[class][class][class]:has(.cd-page) .cd-col-band1 .cd-bg::after,html body[class][class][class]:has(.cd-page) .cd-col-band2 .cd-bg::after{background:linear-gradient(to right,rgba(8,9,11,.92) 0%,rgba(8,9,11,.80) 34%,rgba(8,9,11,.52) 58%,rgba(8,9,11,.18) 80%,rgba(8,9,11,.04) 100%),linear-gradient(to top,rgba(8,9,11,.86) 0%,rgba(8,9,11,.40) 38%,rgba(8,9,11,.12) 70%,rgba(8,9,11,.30) 100%) !important}@media (max-width:900px){html body[class][class][class]:has(.cd-page) .cd-toggle-img{margin-top:40px !important}html body[class][class][class]:has(.cd-page) .cd-col-band1 > .vc_column-inner > .wpb_wrapper,html body[class][class][class]:has(.cd-page) .cd-col-band2 > .vc_column-inner > .wpb_wrapper{min-height:62vh !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-band1),html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-band2){min-height:62vh !important}}html body.vc_editor[class][class][class] .cd-toggle-img img{max-height:240px !important;object-fit:cover !important}html body.vc_editor[class][class][class] .cd-col-band1 > .vc_column-inner > .wpb_wrapper,html body.vc_editor[class][class][class] .cd-col-band2 > .vc_column-inner > .wpb_wrapper{display:block !important;min-height:0 !important;padding:24px 28px !important}html body.vc_editor[class][class][class] .cd-toggle-col .toggle h3 > a{background:#f5f5f7 !important}}
@layer cdfix{html body[class][class][class] #header-outer{background:rgba(22,22,23,.86) !important;-webkit-backdrop-filter:saturate(180%) blur(20px) !important;backdrop-filter:saturate(180%) blur(20px) !important;}html body[class][class][class] #header-outer .container{background:transparent !important;background-color:transparent !important}html body[class][class][class] #header-outer #top nav ul li > a,html body[class][class][class] #header-outer #top nav ul li > a span,html body[class][class][class] #header-outer #top nav ul li > a .menu-title-text{color:#f5f5f7 !important}html body[class][class][class] #logo img{filter:none !important}html body[class][class][class] #header-outer #top .slide-out-widget-area-toggle a .lines,html body[class][class][class] #header-outer #top .slide-out-widget-area-toggle a .lines::before,html body[class][class][class] #header-outer #top .slide-out-widget-area-toggle a .lines::after{background-color:#f5f5f7 !important}html body[class][class][class] #header-outer #top a#search-btn span,html body[class][class][class] #header-outer #top #search-btn a span{color:#f5f5f7 !important}html body[class][class][class] #header-outer .sf-menu li ul{background-color:#1d1d1f !important;border:1px solid rgba(255,255,255,.10) !important;box-shadow:0 10px 34px rgba(0,0,0,.45) !important}html body[class][class][class] #header-outer .sf-menu li ul li a{color:#f5f5f7 !important}html body[class][class][class] #header-outer .sf-menu li ul li a:hover{background-color:rgba(255,255,255,.08) !important;color:#ffffff !important}}
@layer cdfix{html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-hero-copy h1{font-size:clamp(40px,5.2vw,78px) !important;font-weight:600 !important;line-height:1.06 !important;letter-spacing:-0.022em !important;max-width:900px !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-hero-copy p{font-size:clamp(17px,1.45vw,21px) !important;font-weight:600 !important;line-height:1.42 !important;letter-spacing:normal !important;max-width:560px !important}html body[class][class][class]:has(.cd-page) .cd-toggle-col .toggle.open{background:#f5f5f7 !important;border-radius:26px !important;padding:6px !important;margin-bottom:16px !important}html body[class][class][class]:has(.cd-page) .cd-toggle-col .toggle.open h3 > a{background:#e8e8ed !important}html body[class][class][class]:has(.cd-page) .cd-toggle-col .toggle .toggle-content p.cd-toggle-cta{margin:16px 0 4px 0 !important}html body[class][class][class]:has(.cd-page) .cd-toggle-col .toggle .toggle-content p.cd-toggle-cta a{display:inline-block !important;background:#1d1d1f !important;color:#ffffff !important;border-radius:999px !important;padding:11px 21px !important;font-size:17px !important;font-weight:400 !important;line-height:1.3 !important;text-decoration:none !important;-webkit-text-fill-color:#ffffff !important}html body[class][class][class]:has(.cd-page) .cd-toggle-col .toggle .toggle-content p.cd-toggle-cta a:hover{background:#000000 !important}}
@layer cdfix{html body[class][class][class]:has(.cd-page) .cd-clients-head,html body[class][class][class]:has(.cd-page) .cd-clients-head h2{color:#1d1d1f !important;-webkit-text-fill-color:#1d1d1f !important}html body[class][class][class]:has(.cd-page) .cd-toggle-col .toggle .inner-toggle-wrap{background:transparent !important;padding:12px 28px 10px 70px !important;border:0 !important}html body[class][class][class]:has(.cd-page) .cd-toggle-col .toggle .inner-toggle-wrap p{font-size:17px !important;font-weight:600 !important;line-height:1.47 !important;color:#6e6e73 !important;margin:0 !important}html body[class][class][class]:has(.cd-page) .cd-toggle-col .toggle p.cd-toggle-cta{margin:16px 0 4px 0 !important}html body[class][class][class]:has(.cd-page) .cd-toggle-col .toggle p.cd-toggle-cta a{display:inline-block !important;background:#1d1d1f !important;background-color:#1d1d1f !important;color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;border-radius:999px !important;padding:11px 21px !important;font-size:17px !important;font-weight:400 !important;line-height:1.3 !important;text-decoration:none !important;border:0 !important}html body[class][class][class]:has(.cd-page) .cd-toggle-col .toggle p.cd-toggle-cta a:hover{background:#000000 !important;background-color:#000000 !important}html body[class][class][class] #header-outer,html body[class][class][class] #header-outer #top,html body[class][class][class] #header-outer .container,html body[class][class][class] #header-space{height:52px !important;min-height:52px !important}html body[class][class][class] #header-outer #top .row,html body[class][class][class] #header-outer #top .container > .row{min-height:52px !important;height:52px !important;display:flex !important;align-items:center !important}html body[class][class][class] #header-outer #logo img{height:20px !important;max-height:20px !important;width:auto !important}html body[class][class][class] #header-outer #top nav ul li > a span,html body[class][class][class] #header-outer #top nav ul li > a{font-size:14px !important}html body[class][class][class] #header-outer #top .col{padding-top:0 !important;padding-bottom:0 !important}}
@layer cdfix{html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc > .vc_column-inner > .wpb_wrapper{flex-direction:column !important;justify-content:center !important;}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc-bgs{position:absolute !important;inset:0 !important;z-index:0 !important;margin:0 !important;padding:0 !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc-bgs p{margin:0 !important;padding:0 !important;line-height:0 !important;max-width:none !important;width:100% !important;height:100% !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc-bgs img{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;object-fit:cover !important;max-width:none !important;opacity:0 !important;transition:opacity .55s ease !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc-bgs::after{content:"" !important;display:block !important;position:absolute !important;inset:0 !important;z-index:1 !important;pointer-events:none !important;background:linear-gradient(to right,rgba(8,9,11,.80) 0%,rgba(8,9,11,.58) 42%,rgba(8,9,11,.26) 100%),linear-gradient(to top,rgba(8,9,11,.42) 0%,rgba(8,9,11,.18) 60%,rgba(8,9,11,.30) 100%) !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc:not(:has(.toggle.open)) .cd-svc-bgs img:nth-of-type(1){opacity:1 !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc:has(.toggle:nth-of-type(1).open) .cd-svc-bgs img:nth-of-type(1){opacity:1 !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc:has(.toggle:nth-of-type(2).open) .cd-svc-bgs img:nth-of-type(2){opacity:1 !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc:has(.toggle:nth-of-type(3).open) .cd-svc-bgs img:nth-of-type(3){opacity:1 !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc:has(.toggle:nth-of-type(4).open) .cd-svc-bgs img:nth-of-type(4){opacity:1 !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc:has(.toggle:nth-of-type(5).open) .cd-svc-bgs img:nth-of-type(5){opacity:1 !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc:has(.toggle:nth-of-type(6).open) .cd-svc-bgs img:nth-of-type(6){opacity:1 !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc:has(.toggle:nth-of-type(7).open) .cd-svc-bgs img:nth-of-type(7){opacity:1 !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc .toggles{}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc .toggle{margin:0 0 10px 0 !important;background:transparent !important;border:0 !important;padding:0 !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc .toggle h3{margin:0 !important;padding:0 !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc .toggle h3 > a{display:inline-flex !important;align-items:center !important;gap:12px !important;width:auto !important;background:rgba(70,70,76,.55) !important;-webkit-backdrop-filter:blur(14px) !important;backdrop-filter:blur(14px) !important;border:0 !important;border-radius:999px !important;padding:13px 24px !important;color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;font-size:19px !important;font-weight:600 !important;line-height:1.2 !important;text-decoration:none !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc .toggle h3 > a svg{display:none !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc .toggle h3 > a::before{content:"" !important;display:block !important;flex:0 0 26px !important;width:26px !important;height:26px !important;border:1px solid rgba(255,255,255,.55) !important;border-radius:50% !important;background-color:transparent !important;background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff) !important;background-size:10px 1px,1px 10px !important;background-position:center center,center center !important;background-repeat:no-repeat !important;transition:background-size .25s ease !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc .toggle.open h3 > a::before{background-size:10px 1px,0 0 !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc .toggle .inner-toggle-wrap{background:rgba(70,70,76,.55) !important;-webkit-backdrop-filter:blur(14px) !important;backdrop-filter:blur(14px) !important;border-radius:22px !important;margin:10px 0 6px 0 !important;padding:20px 24px !important;max-width:420px !important;border:0 !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc .toggle .inner-toggle-wrap p{color:#f5f5f7 !important;font-size:17px !important;font-weight:600 !important;line-height:1.47 !important;margin:0 !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc .toggle p.cd-toggle-cta{margin:16px 0 0 0 !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc .toggle p.cd-toggle-cta a{display:inline-block !important;background:#ffffff !important;background-color:#ffffff !important;color:#1d1d1f !important;-webkit-text-fill-color:#1d1d1f !important;border-radius:999px !important;padding:11px 21px !important;font-size:17px !important;font-weight:400 !important;line-height:1.3 !important;text-decoration:none !important;border:0 !important}@media (max-width:760px){html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc > .vc_column-inner > .wpb_wrapper{padding:28px !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc .toggle h3 > a{font-size:17px !important;padding:12px 20px !important}}html body.vc_editor[class][class][class] .cd-svc > .vc_column-inner > .wpb_wrapper{}html body.vc_editor[class][class][class] .cd-svc-bgs{position:relative !important;inset:auto !important}html body.vc_editor[class][class][class] .cd-svc-bgs::after{display:none !important}html body.vc_editor[class][class][class] .cd-svc-bgs img{position:relative !important;inset:auto !important;opacity:1 !important;width:auto !important;height:auto !important;max-height:120px !important;display:inline-block !important;margin:4px !important}html body.vc_editor[class][class][class] .cd-svc .toggle h3 > a{background:#f5f5f7 !important;color:#1d1d1f !important;-webkit-text-fill-color:#1d1d1f !important}}
@layer cdfix{html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-hero) .row-bg,html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-band1) .row-bg,html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-band2) .row-bg{background-size:cover !important;background-position:center center !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-hero) .row-bg{background-position:center 52% !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-hero)::after{content:"" !important;display:block !important;position:absolute !important;inset:0 !important;z-index:2 !important;pointer-events:none !important;}html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-band1)::after,html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-band2)::after{content:"" !important;display:block !important;position:absolute !important;inset:0 !important;z-index:2 !important;pointer-events:none !important;background:linear-gradient(to right,rgba(8,9,11,.92) 0%,rgba(8,9,11,.80) 34%,rgba(8,9,11,.52) 58%,rgba(8,9,11,.18) 80%,rgba(8,9,11,.04) 100%),linear-gradient(to top,rgba(8,9,11,.86) 0%,rgba(8,9,11,.40) 38%,rgba(8,9,11,.12) 70%,rgba(8,9,11,.30) 100%) !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"]{}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc .img-with-aniamtion-wrap{}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc .cd-svc-img{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;object-fit:cover !important;max-width:none !important;opacity:0 !important;transition:opacity .55s ease !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc:not(:has(.toggle.open)) .img-with-aniamtion-wrap:nth-of-type(1) .cd-svc-img{opacity:1 !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc:has(.toggle:nth-of-type(1).open) .img-with-aniamtion-wrap:nth-of-type(1) .cd-svc-img{opacity:1 !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc:has(.toggle:nth-of-type(2).open) .img-with-aniamtion-wrap:nth-of-type(2) .cd-svc-img{opacity:1 !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc:has(.toggle:nth-of-type(3).open) .img-with-aniamtion-wrap:nth-of-type(3) .cd-svc-img{opacity:1 !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc:has(.toggle:nth-of-type(4).open) .img-with-aniamtion-wrap:nth-of-type(4) .cd-svc-img{opacity:1 !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc:has(.toggle:nth-of-type(5).open) .img-with-aniamtion-wrap:nth-of-type(5) .cd-svc-img{opacity:1 !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc:has(.toggle:nth-of-type(6).open) .img-with-aniamtion-wrap:nth-of-type(6) .cd-svc-img{opacity:1 !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc > .vc_column-inner > .wpb_wrapper::before{}html body.vc_editor[class][class][class] .cd-svc .img-with-aniamtion-wrap{inset:auto !important;}html body.vc_editor[class][class][class] .cd-svc .cd-svc-img{position:relative !important;inset:auto !important;opacity:1 !important;width:auto !important;height:auto !important;max-height:110px !important}html body.vc_editor[class][class][class] .cd-svc > .vc_column-inner > .wpb_wrapper::before{}}
@layer cdfix{html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc > .vc_column-inner > .wpb_wrapper{position:relative !important;border-radius:28px !important;overflow:hidden !important;background:#0b0b0c !important;padding:0 !important;margin:0 !important;max-width:none !important;display:grid !important;grid-template-columns:1fr !important;align-items:stretch !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc > .vc_column-inner > .wpb_wrapper::before{content:"" !important;display:block !important;grid-area:1 / 1 !important;position:relative !important;inset:auto !important;z-index:1 !important;pointer-events:none !important;}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc .img-with-aniamtion-wrap{grid-area:1 / 1 !important;position:relative !important;inset:auto !important;width:100% !important;height:100% !important;overflow:hidden !important;margin:0 !important;padding:0 !important;z-index:0 !important;max-width:none !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc .hover-wrap,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc .hover-wrap-inner{position:absolute !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;display:block !important;margin:0 !important;padding:0 !important;width:auto !important;height:auto !important;overflow:hidden !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc img.cd-svc-img{position:absolute !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:100% !important;height:100% !important;object-fit:cover !important;max-width:none !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc .toggles{grid-area:1 / 1 !important;position:relative !important;z-index:2 !important;align-self:center !important;margin:0 !important;}@media (max-width:760px){html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc > .vc_column-inner > .wpb_wrapper{}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc .toggles{}}html body.vc_editor[class][class][class] .cd-svc > .vc_column-inner > .wpb_wrapper{display:block !important;min-height:0 !important;padding:20px !important;background:#ffffff !important}html body.vc_editor[class][class][class] .cd-svc > .vc_column-inner > .wpb_wrapper::before{display:none !important}html body.vc_editor[class][class][class] .cd-svc .img-with-aniamtion-wrap{position:relative !important;display:inline-block !important;width:auto !important;height:auto !important;margin:4px !important}html body.vc_editor[class][class][class] .cd-svc .hover-wrap,html body.vc_editor[class][class][class] .cd-svc .hover-wrap-inner{position:relative !important;top:auto !important;left:auto !important;right:auto !important;bottom:auto !important}html body.vc_editor[class][class][class] .cd-svc img.cd-svc-img{position:relative !important;top:auto !important;left:auto !important;right:auto !important;bottom:auto !important;opacity:1 !important;width:auto !important;height:auto !important;max-height:110px !important}html body.vc_editor[class][class][class] .cd-svc .toggles{padding:0 !important;max-width:none !important}}
@layer cdfix{html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc > .vc_column-inner > .wpb_wrapper::before{background:linear-gradient(to right,rgba(8,9,11,.74) 0%,rgba(8,9,11,.46) 44%,rgba(8,9,11,.14) 100%),linear-gradient(to top,rgba(8,9,11,.34) 0%,rgba(8,9,11,.10) 60%,rgba(8,9,11,.22) 100%) !important}}
@layer cdfix{html body[class][class][class]:has(.cd-page) .cd-col-tech .wpb_row.inner_row{margin-top:64px !important}html body[class][class][class]:has(.cd-page) .cd-col-tech > .vc_column-inner > .wpb_wrapper{}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-fix > .vc_column-inner > .wpb_wrapper{}@media (max-width:1000px){html body[class][class][class]:has(.cd-page) .cd-col-tech .wpb_row.inner_row{margin-top:48px !important}html body[class][class][class]:has(.cd-page) .cd-col-tech > .vc_column-inner > .wpb_wrapper{padding-top:96px !important}}@media (max-width:760px){html body[class][class][class]:has(.cd-page) .cd-col-tech .wpb_row.inner_row{margin-top:40px !important}html body[class][class][class]:has(.cd-page) .cd-col-tech > .vc_column-inner > .wpb_wrapper{}}}
@layer cdfix{html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-hero){min-height:calc(100svh - var(--cd-heroTop,75px)) !important}html body[class][class][class]:has(.cd-page) .cd-col-hero > .vc_column-inner > .wpb_wrapper{min-height:calc(100svh - var(--cd-heroTop,75px)) !important;display:grid !important;align-content:end !important}@media (max-width:760px){html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-hero){min-height:calc(100svh - var(--cd-heroTop,75px)) !important}html body[class][class][class]:has(.cd-page) .cd-col-hero > .vc_column-inner > .wpb_wrapper{min-height:calc(100svh - var(--cd-heroTop,75px)) !important}}}
@layer cdfix{html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-hero)::after{background:linear-gradient(to top,rgba(8,9,11,.94) 0%,rgba(8,9,11,.72) 26%,rgba(8,9,11,.34) 58%,rgba(8,9,11,.10) 100%) !important}}
@layer cdfix{html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-stat{margin-top:26px !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-stat p{font-size:clamp(84px,14vw,240px) !important;font-weight:700 !important;line-height:.9 !important;letter-spacing:-0.04em !important;margin:0 !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-stat strong{font-size:inherit !important;font-weight:700 !important;line-height:inherit !important;letter-spacing:inherit !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-stat em{display:block !important;font-size:clamp(17px,1.6vw,21px) !important;font-weight:500 !important;line-height:1.4 !important;letter-spacing:normal !important;color:rgba(255,255,255,.62) !important;font-style:normal !important;margin-top:26px !important}@supports (animation-timeline: view()){html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-stat p{animation:cd-statrise linear both !important;animation-timeline:view() !important;animation-range:entry 8% cover 34% !important}@keyframes cd-statrise{from{opacity:0;transform:translateY(48px) scale(.92)}to{opacity:1;transform:none}}}@media (prefers-reduced-motion:reduce){html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-stat p{animation:none !important;opacity:1 !important;transform:none !important}}}
@layer cdfix{html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-case){background-color:#111111 !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-case) .row-bg{}html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-case)::after{position:absolute !important;inset:0 !important;z-index:2 !important;pointer-events:none !important;background:linear-gradient(to bottom,rgba(17,17,17,.90) 0%,rgba(17,17,17,.93) 45%,rgba(17,17,17,.90) 100%) !important}html body[class][class][class]:has(.cd-page) .cd-col-tech > .vc_column-inner > .wpb_wrapper{}@media (max-width:1000px){html body[class][class][class]:has(.cd-page) .cd-col-tech > .vc_column-inner > .wpb_wrapper{}}@media (max-width:760px){html body[class][class][class]:has(.cd-page) .cd-col-tech > .vc_column-inner > .wpb_wrapper{}}}
@layer cdfix{html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-case) .row-bg{}}
@layer cdfix{html body[class][class][class]:has(.cd-page) .cd-col-open > .vc_column-inner > .wpb_wrapper{padding-bottom:0 !important}html body[class][class][class]:has(.cd-page) .cd-col-tech > .vc_column-inner > .wpb_wrapper{padding-top:110px !important}@media (max-width:760px){html body[class][class][class]:has(.cd-page) .cd-col-tech > .vc_column-inner > .wpb_wrapper{padding-top:64px !important}}}
@layer cdfix{@media (max-width:900px){html body[class][class][class]:has(.cd-page) .cd-col-hero > .vc_column-inner > .wpb_wrapper{display:flex !important;flex-direction:column !important;justify-content:flex-end !important;align-items:flex-start !important;padding-left:24px !important;padding-right:24px !important;padding-bottom:56px !important}html body[class][class][class]:has(.cd-page) .cd-col-hero .cd-hero-copy{width:100% !important}html body[class][class][class]:has(.cd-page) .cd-col-hero .cd-hero-copy p{max-width:none !important;width:100% !important}html body[class][class][class]:has(.cd-page) .cd-col-hero .cd-hero-copy h1{max-width:none !important;width:100% !important}html body[class][class][class]:has(.cd-page) .cd-col-hero .cd-hero-actions{grid-column:auto !important;grid-row:auto !important;align-self:flex-start !important;width:100% !important;margin:26px 0 0 0 !important;display:flex !important;flex-wrap:wrap !important;gap:12px !important}html body[class][class][class]:has(.cd-page) .cd-col-hero .cd-hero-actions p{margin:0 !important}}@media (max-width:1000px){html body[class][class][class] #header-outer .container,html body[class][class][class] #header-outer #top .container{padding-left:24px !important;padding-right:24px !important;max-width:none !important}}html body[class][class][class] #header-outer .slide-out-widget-area-toggle a{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:46px !important;height:34px !important;background:rgba(255,255,255,.14) !important;border-radius:999px !important;-webkit-backdrop-filter:blur(10px) !important;backdrop-filter:blur(10px) !important;padding:0 !important}html body[class][class][class] #header-outer .slide-out-widget-area-toggle a:hover{background:rgba(255,255,255,.22) !important}html body[class][class][class] #header-outer .slide-out-widget-area-toggle .lines{background-color:transparent !important;width:18px !important}html body[class][class][class] #header-outer .slide-out-widget-area-toggle .lines::before{top:5px !important;width:18px !important;background-color:#f5f5f7 !important}html body[class][class][class] #header-outer .slide-out-widget-area-toggle .lines::after{top:-5px !important;width:18px !important;background-color:#f5f5f7 !important}}
@layer cdfix{html body[class][class][class] #header-outer #top nav ul.sf-menu > li:last-child > a,html body[class][class][class] #header-outer #top nav ul.sf-menu > li:last-child > a .menu-title-text{color:#111111 !important;-webkit-text-fill-color:#111111 !important}html body[class][class][class] #header-outer #top nav ul.sf-menu > li.current-menu-item > a .menu-title-text::after,html body[class][class][class] #header-outer #top nav ul.sf-menu > li.current-menu-ancestor > a .menu-title-text::after,html body[class][class][class] #header-outer #top nav ul.sf-menu > li.current-menu-parent > a .menu-title-text::after,html body[class][class][class] #header-outer #top nav ul.sf-menu > li.current_page_item > a .menu-title-text::after,html body[class][class][class] #header-outer #top nav ul.sf-menu > li.current_page_ancestor > a .menu-title-text::after{content:"" !important;display:block !important;border:0 !important;background-color:#F3D400 !important;left:0 !important;right:0 !important;width:auto !important;opacity:1 !important}html body[class][class][class] #header-outer #top nav ul.sf-menu > li:last-child > a .menu-title-text::after{display:none !important}}
@layer cdfix{html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"]{position:relative !important;z-index:4 !important}html body[class][class][class]:has(.cd-page) .cd-col-case .cd-label p{color:#F3D400 !important}}
@layer cdfix{html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-case)::after{content:none !important;display:none !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-case) .row-bg{}html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-case) .row-bg::after{top:0 !important;right:0 !important;bottom:0 !important;left:0 !important;}}
@layer cdfix{html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-fix .wpb_row.inner_row,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-fix .wpb_row.inner_row > .row_col_wrap_12_inner{margin-left:calc(50% - 50vw + clamp(24px,5vw,80px)) !important;margin-right:calc(50% - 50vw + clamp(24px,5vw,80px)) !important;width:auto !important;max-width:none !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-fix > .vc_column-inner > .wpb_wrapper{padding-bottom:168px !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc .toggles{padding:64px !important;max-width:520px !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc > .vc_column-inner > .wpb_wrapper{min-height:720px !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-case) .row-bg{}html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-case) .row-bg.using-image{background-size:cover !important;background-position:center center !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-case) .row-bg::after{}html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-case){margin-bottom:-1px !important}@media (max-width:760px){html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-fix .wpb_row.inner_row,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-fix .wpb_row.inner_row > .row_col_wrap_12_inner{margin-left:0 !important;margin-right:0 !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc .toggles{padding:28px !important;max-width:none !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-svc > .vc_column-inner > .wpb_wrapper{min-height:560px !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-fix > .vc_column-inner > .wpb_wrapper{padding-bottom:86px !important}}}
@layer cdfix{html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] > .vc_column-inner > .wpb_wrapper{max-width:1620px !important;padding-left:48px !important;padding-right:48px !important}html body[class][class][class]:has(.cd-page) .cd-col-hero > .vc_column-inner > .wpb_wrapper{}html body[class][class][class]:has(.cd-page) .cd-col-band1 > .vc_column-inner > .wpb_wrapper,html body[class][class][class]:has(.cd-page) .cd-col-band2 > .vc_column-inner > .wpb_wrapper{}html body[class][class][class]:has(.cd-page) .clients,html body[class][class][class]:has(.cd-page) .cd-clients-head{max-width:1620px !important;padding-left:48px !important;padding-right:48px !important}@media (max-width:760px){html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] > .vc_column-inner > .wpb_wrapper{padding-left:24px !important;padding-right:24px !important}html body[class][class][class]:has(.cd-page) .clients,html body[class][class][class]:has(.cd-page) .cd-clients-head{padding-left:24px !important;padding-right:24px !important}}}
@layer cdfix{html body[class][class][class] #header-outer{border-bottom:0 !important;box-shadow:none !important}html body[class][class][class] #header-outer #top nav ul.sf-menu > li:last-child > a::before{height:34px !important;top:50% !important;bottom:auto !important;transform:translateY(-50%) !important;left:-18px !important;right:-18px !important;border-radius:999px !important}html body[class][class][class] #header-outer #top nav ul.sf-menu > li:last-child{margin-left:18px !important;margin-right:18px !important}}
@layer cdfix{html body[class][class][class]:has(.cd-page) .cd-col-tech > .vc_column-inner > .wpb_wrapper{}html body[class][class][class]:has(.cd-page) .wpb_row:has(.cd-clients-head){padding-top:40px !important;padding-bottom:40px !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(.cd-clients-head) > .row_col_wrap_12 > .wpb_column > .vc_column-inner{padding-top:0 !important;padding-bottom:0 !important}html body[class][class][class]:has(.cd-page) .cd-clients-head h2{margin-bottom:28px !important}html body[class][class][class]:has(.cd-page) .clients{margin-top:0 !important;padding-top:0 !important;padding-bottom:0 !important}@media (max-width:760px){html body[class][class][class]:has(.cd-page) .cd-col-tech > .vc_column-inner > .wpb_wrapper{}html body[class][class][class]:has(.cd-page) .wpb_row:has(.cd-clients-head){padding-top:24px !important;padding-bottom:24px !important}}}
@layer cdfix{html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .wpb_text_column p{margin-top:0 !important;margin-bottom:14px !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .wpb_text_column p:last-child{margin-bottom:0 !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-split-col p{margin:0 0 14px 0 !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-split-col p:last-child{margin-bottom:0 !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-statement p,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-band-line p,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-hero-copy p,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-stat p,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-label p{margin:0 !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-hero-copy h1{margin:0 0 18px 0 !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-band-body p{margin:0 !important}}
@layer cdfix{html body[class][class][class]:has(.cd-page) .cd-col-work .cd-step > .vc_column-inner{background:transparent !important;background-color:transparent !important;border-radius:0 !important;padding:0 !important;box-shadow:none !important}html body[class][class][class]:has(.cd-page) .cd-col-work .cd-step{padding-right:32px !important}html body[class][class][class]:has(.cd-page) .cd-col-work .cd-ico{margin:0 0 20px 0 !important;line-height:0 !important;padding:0 !important}html body[class][class][class]:has(.cd-page) html body[class][class][class]:has(.cd-page) .cd-col-work .cd-step h3{font-size:21px !important;font-weight:600 !important;line-height:1.25 !important;letter-spacing:-0.01em !important;margin:0 0 10px 0 !important}html body[class][class][class]:has(.cd-page) .cd-col-work .cd-step .wpb_text_column p{font-size:17px !important;font-weight:600 !important;line-height:1.47 !important;color:#6e6e73 !important;margin:0 !important}@media (max-width:1000px){html body[class][class][class]:has(.cd-page) .cd-col-work .cd-step{width:50% !important;padding-right:24px !important;margin-bottom:40px !important}}@media (max-width:760px){html body[class][class][class]:has(.cd-page) .cd-col-work .cd-step{width:100% !important;padding-right:0 !important;margin-bottom:32px !important}}@media (max-width:1000px){html body[class][class][class] #header-outer,html body[class][class][class] #header-outer #top,html body[class][class][class] #header-outer .container{height:56px !important;min-height:56px !important}html body[class][class][class] #header-space{height:56px !important}html body[class][class][class] #header-outer #logo img{height:18px !important;max-height:18px !important}html body[class][class][class] #header-outer .slide-out-widget-area-toggle a{width:42px !important;height:32px !important;min-width:0 !important}html body[class][class][class] #header-outer .slide-out-widget-area-toggle .lines,html body[class][class][class] #header-outer .slide-out-widget-area-toggle .lines::before,html body[class][class][class] #header-outer .slide-out-widget-area-toggle .lines::after{width:16px !important;height:2px !important}html body[class][class][class] #header-outer .slide-out-widget-area-toggle .lines::before{top:4.5px !important}html body[class][class][class] #header-outer .slide-out-widget-area-toggle .lines::after{top:-4.5px !important}}}
@layer cdfix{html body[class][class][class] #header-outer #top nav ul.sf-menu > li.current-menu-item > a .menu-title-text::after,html body[class][class][class] #header-outer #top nav ul.sf-menu > li.current-menu-ancestor > a .menu-title-text::after,html body[class][class][class] #header-outer #top nav ul.sf-menu > li.current-menu-parent > a .menu-title-text::after,html body[class][class][class] #header-outer #top nav ul.sf-menu > li.current_page_item > a .menu-title-text::after,html body[class][class][class] #header-outer #top nav ul.sf-menu > li.current_page_ancestor > a .menu-title-text::after{bottom:-18px !important;height:2px !important;border-radius:0 !important}}
@layer cdfix{html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-case) .row-bg{background-size:cover !important;background-position:center center !important;background-repeat:no-repeat !important;opacity:1 !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-case) .row-bg::after{content:"" !important;display:block !important;position:absolute !important;inset:0 !important;pointer-events:none !important;background:linear-gradient(to bottom,rgba(17,17,17,.84) 0%,rgba(17,17,17,.88) 48%,rgba(17,17,17,.96) 84%,#111111 100%) !important}}
@layer cdfix{html body[class][class][class]:has(.cd-page) .cd-ico{}html body[class][class][class]:has(.cd-page) .cd-ico svg{width:58px;height:58px;display:inline-block;vertical-align:top}html body[class][class][class] html body[class][class][class] #header-outer,html body[class][class][class] #header-outer header,html body[class][class][class] #header-outer .container,html body[class][class][class] #header-outer nav{overflow:visible !important}html body[class][class][class] #menu-item-22677,html body[class][class][class] #menu-item-23764{position:static !important}html body[class][class][class] #menu-item-22677 > ul.sub-menu,html body[class][class][class] #menu-item-23764 > ul.sub-menu{display:grid !important;position:fixed !important;top:52px !important;left:0 !important;right:0 !important;width:100vw !important;max-width:100vw !important;min-width:0 !important;margin:0 !important;padding:46px max(24px,calc((100vw - 1180px)/2)) 58px !important;background:#1d1d1f !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;column-gap:52px !important;row-gap:0 !important;align-content:start !important;z-index:9999 !important;list-style:none !important}html body[class][class][class] #menu-item-22677 > ul.sub-menu,html body[class][class][class] #menu-item-23764 > ul.sub-menu{grid-template-columns:repeat(3,minmax(0,1fr)) !important;opacity:0 !important;visibility:hidden !important;transform:translateY(-10px) !important;transition:opacity .16s ease 0s,transform .16s ease 0s,visibility .16s 0s !important}html body[class][class][class] #menu-item-22677:has(> a:hover) > ul.sub-menu,html body[class][class][class] #menu-item-23764:has(> a:hover) > ul.sub-menu,html body[class][class][class] #menu-item-22677 > ul.sub-menu:hover,html body[class][class][class] #menu-item-23764 > ul.sub-menu:hover,html body[class][class][class] #menu-item-22677:has(> a:focus-visible) > ul.sub-menu,html body[class][class][class] #menu-item-23764:has(> a:focus-visible) > ul.sub-menu,html body[class][class][class] #menu-item-22677 > ul.sub-menu:has(a:focus-visible),html body[class][class][class] #menu-item-23764 > ul.sub-menu:has(a:focus-visible){opacity:1 !important;visibility:visible !important;transform:none !important;pointer-events:auto !important;transition:opacity .2s ease .35s,transform .2s ease .35s,visibility .2s .35s !important}html body[class][class][class] #menu-item-22677 > ul.sub-menu,html body[class][class][class] #menu-item-23764 > ul.sub-menu{pointer-events:none !important}html body[class][class][class] #header-outer #top nav .sf-sub-indicator,html body[class][class][class] #header-outer #top nav .sf-with-ul > a .sf-sub-indicator{display:none !important}html body[class][class][class] #header-outer #top nav ul.sf-menu > li.menu-item-has-children > a:after,html body[class][class][class] #header-outer #top nav ul.sf-arrows > li.sf-with-ul > a:after{display:none !important;content:none !important}html body[class][class][class] #header-outer #top nav #menu-item-22677 > ul.sub-menu > li.cd-mega-main,html body[class][class][class] #header-outer #top nav #menu-item-23764 > ul.sub-menu > li.cd-mega-main{grid-column:auto !important;display:block !important;width:auto !important;margin:0 !important;padding:0 !important;border:0 !important;background:none !important;}html body[class][class][class] #header-outer #top nav #menu-item-22677 > ul.sub-menu > li.cd-mega-extra,html body[class][class][class] #header-outer #top nav #menu-item-23764 > ul.sub-menu > li.cd-mega-extra{grid-column:2 !important;display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;column-gap:52px !important;align-content:start !important;width:auto !important;margin:0 !important;padding:0 !important;border:0 !important;background:none !important}html body[class][class][class] #header-outer #top nav #menu-item-22677 > ul.sub-menu > li:not(.cd-mega-main):not(.cd-mega-extra),html body[class][class][class] #header-outer #top nav #menu-item-23764 > ul.sub-menu > li:not(.cd-mega-main):not(.cd-mega-extra){grid-column:1 !important;display:block !important;width:auto !important;margin:0 !important;padding:0 !important;border:0 !important;background:none !important;}html body[class][class][class] #header-outer #top nav #menu-item-22677 > ul.sub-menu .cd-mega-list,html body[class][class][class] #header-outer #top nav #menu-item-23764 > ul.sub-menu .cd-mega-list{list-style:none !important;margin:0 !important;padding:0 !important;display:block !important;position:static !important;left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;opacity:1 !important;visibility:inherit !important;transform:none !important;width:auto !important;min-width:0 !important;max-width:none !important;background:none !important;box-shadow:none !important;border:0 !important;border-radius:0 !important;overflow:visible !important;transition:none !important;pointer-events:inherit !important}html body[class][class][class] #header-outer #top nav #menu-item-22677 > ul.sub-menu .cd-mega-list > li,html body[class][class][class] #header-outer #top nav #menu-item-23764 > ul.sub-menu .cd-mega-list > li{display:block !important;width:auto !important;margin:0 !important;padding:0 !important;border:0 !important;background:none !important;float:none !important;clear:none !important;position:static !important;text-align:left !important;list-style:none !important;min-width:0 !important;max-width:none !important;opacity:1 !important;visibility:inherit !important;transform:none !important;transition:none !important}html body[class][class][class] #header-outer #top nav #menu-item-22677 > ul.sub-menu .cd-mega-h,html body[class][class][class] #header-outer #top nav #menu-item-23764 > ul.sub-menu .cd-mega-h{font-size:13px !important;font-weight:600 !important;color:#86868b !important;margin:0 0 16px !important;padding:0 !important;line-height:1.3 !important;letter-spacing:0 !important}html body[class][class][class] #header-outer #top nav #menu-item-22677 > ul.sub-menu .cd-mega-list > li > a,html body[class][class][class] #header-outer #top nav #menu-item-23764 > ul.sub-menu .cd-mega-list > li > a{display:block !important;padding:6px 0 !important;background:none !important;border:0 !important;color:#f5f5f7 !important;font-size:clamp(21px,1.9vw,27px) !important;font-weight:600 !important;letter-spacing:-0.02em !important;line-height:1.26 !important;opacity:1 !important;text-transform:none !important}html body[class][class][class] #header-outer #top nav #menu-item-22677 > ul.sub-menu .cd-mega-list > li > a span,html body[class][class][class] #header-outer #top nav #menu-item-23764 > ul.sub-menu .cd-mega-list > li > a span{font-size:inherit !important;font-weight:inherit !important;letter-spacing:inherit !important;color:inherit !important;line-height:inherit !important}html body[class][class][class] #header-outer #top nav #menu-item-22677 > ul.sub-menu .cd-mega-list > li > a,html body[class][class][class] #header-outer #top nav #menu-item-23764 > ul.sub-menu .cd-mega-list > li > a{transition:opacity .18s ease !important}html body[class][class][class] #header-outer #top nav #menu-item-22677 > ul.sub-menu .cd-mega-list > li > a:hover,html body[class][class][class] #header-outer #top nav #menu-item-23764 > ul.sub-menu .cd-mega-list > li > a:hover,html body[class][class][class] #header-outer #top nav #menu-item-22677 > ul.sub-menu .cd-mega-list > li > a:hover span,html body[class][class][class] #header-outer #top nav #menu-item-23764 > ul.sub-menu .cd-mega-list > li > a:hover span{opacity:.7 !important;text-decoration:none !important}html body[class][class][class] #header-outer #top nav #menu-item-22677 > ul.sub-menu .cd-mega-extra a,html body[class][class][class] #header-outer #top nav #menu-item-23764 > ul.sub-menu .cd-mega-extra a{transition:opacity .18s ease !important}html body[class][class][class] #header-outer #top nav #menu-item-22677 > ul.sub-menu .cd-mega-extra a:hover,html body[class][class][class] #header-outer #top nav #menu-item-23764 > ul.sub-menu .cd-mega-extra a:hover{opacity:.7 !important;}html body[class][class][class] #header-outer #top nav #menu-item-22677 > ul.sub-menu .cd-mega-extra a,html body[class][class][class] #header-outer #top nav #menu-item-23764 > ul.sub-menu .cd-mega-extra a{display:block !important;padding:5px 0 !important;color:#f5f5f7 !important;font-size:15px !important;font-weight:500 !important;line-height:1.4 !important;letter-spacing:-0.01em !important;background:none !important;border:0 !important}html body[class][class][class] #header-outer #top nav #menu-item-22677 > ul.sub-menu .cd-mega-extra a:hover,html body[class][class][class] #header-outer #top nav #menu-item-23764 > ul.sub-menu .cd-mega-extra a:hover{color:#ffffff !important;text-decoration:none !important}@media (max-width:1000px){html body[class][class][class] #menu-item-22677 > ul.sub-menu,html body[class][class][class] #menu-item-23764 > ul.sub-menu{position:absolute !important;display:none !important;width:auto !important;padding:0 !important;top:100% !important}}html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-work){background-color:#111111 !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-work) .row-bg{background-color:#111111 !important;opacity:1 !important}html body[class][class][class]:has(.cd-page) .cd-col-work .cd-label,html body[class][class][class]:has(.cd-page) .cd-col-work .cd-label p{color:rgba(255,255,255,.55) !important}html body[class][class][class]:has(.cd-page) .cd-col-work .cd-head h2,html body[class][class][class]:has(.cd-page) .cd-col-work .cd-head h3{color:#ffffff !important}html body[class][class][class]:has(.cd-page) .cd-col-work .cd-head p{color:rgba(255,255,255,.68) !important}html body[class][class][class]:has(.cd-page) .cd-col-work .cd-step h3{color:#ffffff !important}html body[class][class][class]:has(.cd-page) .cd-col-work .cd-step p,html body[class][class][class]:has(.cd-page) .cd-col-work .cd-step .wpb_text_column p{color:rgba(255,255,255,.68) !important}html body[class][class][class]:has(.cd-page) .cd-ico .cdo{fill:none;stroke:#111111;stroke-width:3.6;stroke-linecap:round;stroke-linejoin:round}html body[class][class][class]:has(.cd-page) .cd-ico .cdf{fill:#111111;stroke:none}html body[class][class][class]:has(.cd-page) .cd-col-work .cd-ico svg{width:46px !important;height:46px !important}html body[class][class][class]:has(.cd-page) .cd-card .cd-ico svg{width:44px;height:44px}html body[class][class][class]:has(.cd-page) .cd-ico{margin:0 0 34px !important;padding:0 !important;line-height:0 !important}html body[class][class][class]:has(.cd-page) .cd-card .cd-ico{margin:0 0 26px !important}html body[class][class][class]:has(.cd-page) .cd-col-work .cd-ico .cdo{stroke:#ffffff !important}html body[class][class][class]:has(.cd-page) .cd-col-work .cd-ico .cdf{fill:#ffffff !important}html body[class][class][class]:has(.cd-page) .cd-col-work .cd-step h3{font-size:24px !important;line-height:1.24 !important;letter-spacing:-0.015em !important;margin:0 0 14px !important}html body[class][class][class]:has(.cd-page) .cd-col-work .cd-step p{font-size:17px !important;line-height:1.58 !important;margin:0 !important}html body[class][class][class]:has(.cd-page) .cd-col-work .cd-step > .vc_column-inner{padding-right:46px !important}html body[class][class][class]:has(.cd-page) .cd-col-work .cd-step:last-child > .vc_column-inner{padding-right:0 !important}html body[class][class][class]:has(.cd-page) .cd-col-work .wpb_row.inner_row{margin-top:66px !important}html body[class][class][class]:has(.cd-page) .cd-col-work .cd-head{margin-bottom:0 !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-work){padding-top:106px !important;padding-bottom:118px !important}html body[class][class][class]:has(.cd-page) .cd-col-work .cd-step .wpb_text_column p.cd-ico{margin:0 0 34px !important;line-height:0 !important}html body[class][class][class]:has(.cd-page) .cd-col-tech .cd-card .wpb_text_column p.cd-ico{margin:0 0 26px !important;line-height:0 !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(.nectar-post-grid){background-color:#111111 !important;}html body[class][class][class]:has(.cd-page) .wpb_row:has(.nectar-post-grid) .nectar-post-grid{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;margin:0 !important;padding:0 !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(.nectar-post-grid) .nectar-post-grid-item{width:auto !important;margin:0 !important;padding:0 !important;float:none !important;left:auto !important;top:auto !important;position:relative !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(.nectar-post-grid) .nectar-post-grid-item .inner{display:flex !important;flex-direction:column !important;height:auto !important;min-height:0 !important;padding:0 !important;background:none !important;border-radius:0 !important;overflow:visible !important;position:static !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(.nectar-post-grid) .nectar-post-grid-item-bg-wrap{order:0 !important;position:relative !important;width:100% !important;height:auto !important;min-height:0 !important;padding:0 !important;margin:0 !important;overflow:hidden !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(.nectar-post-grid) .nectar-post-grid-item-bg-wrap-inner,html body[class][class][class]:has(.cd-page) .wpb_row:has(.nectar-post-grid) .nectar-post-grid-item-bg{position:absolute !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:100% !important;height:100% !important;padding:0 !important;background-size:cover !important;background-position:center center !important;border-radius:28px !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(.nectar-post-grid) .nectar-post-grid-item .content{order:1 !important;position:static !important;margin:0 !important;background:none !important;text-align:left !important;display:block !important;transform:none !important;opacity:1 !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(.nectar-post-grid) .meta-category{display:none !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(.nectar-post-grid) .post-heading{font-size:19px !important;font-weight:700 !important;line-height:1.45 !important;letter-spacing:-0.012em !important;color:#ffffff !important;margin:0 !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(.nectar-post-grid) .post-heading a{color:#ffffff !important;font-size:inherit !important;font-weight:inherit !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(.nectar-post-grid) .nectar-post-grid-item__meta-wrap{font-weight:500 !important;color:#86868b !important;}html body[class][class][class]:has(.cd-page) .wpb_row:has(.nectar-post-grid) .nectar-post-grid-item__meta-wrap span{color:#86868b !important;font-size:19px !important;font-weight:500 !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(.nectar-post-grid) .nectar-post-grid-link{position:absolute !important;inset:0 !important;z-index:3 !important}@media (max-width:900px){html body[class][class][class]:has(.cd-page) .wpb_row:has(.nectar-post-grid) .nectar-post-grid{grid-template-columns:minmax(0,1fr) !important}}html body[class][class][class]:has(.cd-page) .wpb_row.has-global-section > .row_col_wrap_12{max-width:1620px !important;width:100% !important;margin-left:auto !important;margin-right:auto !important;padding-left:48px !important;padding-right:48px !important;float:none !important;left:auto !important;}html body[class][class][class]:has(.cd-page) .wpb_row:has(.nectar-post-grid) > .row_col_wrap_12{max-width:1620px !important;width:100% !important;margin-left:auto !important;margin-right:auto !important;padding-left:48px !important;padding-right:48px !important;float:none !important;left:auto !important;}html body[class][class][class]:has(.cd-page) .wpb_row.has-global-section h2{font-size:clamp(28px,3.2vw,42px) !important;font-weight:600 !important;letter-spacing:-0.021em !important;line-height:1.08 !important;margin:0 !important}html body[class][class][class]:has(.cd-page) .cd-col-ai .wpb_text_column{margin-left:0 !important;padding-left:0 !important}html body[class][class][class]:has(.cd-page) .cd-col-hero > .vc_column-inner > .wpb_wrapper{max-width:1620px !important;margin-left:auto !important;margin-right:auto !important;padding-left:48px !important;padding-right:48px !important;box-sizing:border-box !important}html body[class][class][class]:has(.cd-page) .wpb_row.has-global-section .wpb_column,html body[class][class][class]:has(.cd-page) .wpb_row:has(.nectar-post-grid) .wpb_column{padding-left:0 !important;padding-right:0 !important}html body[class][class][class]:has(.cd-page) .wpb_row.has-global-section .wpb_text_column{padding-left:0 !important;padding-right:0 !important}html body[class][class][class]:has(.cd-page) .cd-col-ai .row_col_wrap_12_inner > .cd-split-col:first-child{padding-left:0 !important}html body[class][class][class]:has(.cd-page) .cd-col-band1 > .vc_column-inner > .wpb_wrapper,html body[class][class][class]:has(.cd-page) .cd-col-band2 > .vc_column-inner > .wpb_wrapper{max-width:1620px !important;margin-left:auto !important;margin-right:auto !important;padding-left:48px !important;padding-right:48px !important;box-sizing:border-box !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(.nectar-post-grid) .nectar-post-grid-item-bg-wrap img{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;max-width:none !important;object-fit:cover !important;opacity:1 !important;border-radius:28px !important;transform:none !important;display:block !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(.nectar-post-grid) .post-heading span,html body[class][class][class]:has(.cd-page) .wpb_row:has(.nectar-post-grid) .post-heading a span{color:#ffffff !important;font-size:inherit !important;font-weight:inherit !important;line-height:inherit !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(.nectar-post-grid) .nectar-post-grid-item__meta-wrap,html body[class][class][class]:has(.cd-page) .wpb_row:has(.nectar-post-grid) .nectar-post-grid-item__meta-wrap *{color:#86868b !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(.nectar-post-grid) .nectar-post-grid-item__meta-wrap img.avatar{display:none !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(.nectar-post-grid) .nectar-post-grid-item-bg-wrap{}html body[class][class][class]:has(.cd-page) .wpb_row:has(.nectar-post-grid) .nectar-post-grid-item-bg-wrap-inner,html body[class][class][class]:has(.cd-page) .wpb_row:has(.nectar-post-grid) .nectar-post-grid-item-bg,html body[class][class][class]:has(.cd-page) .wpb_row:has(.nectar-post-grid) .nectar-post-grid-item-bg-wrap img{}html body[class][class][class]:has(.cd-page) .wpb_row:has(.nectar-post-grid) .nectar-post-grid-item .content{}html body[class][class][class]:has(.cd-page) .wpb_row:has(.nectar-post-grid) .post-heading,html body[class][class][class]:has(.cd-page) .wpb_row:has(.nectar-post-grid) .post-heading span{letter-spacing:-0.01em !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(.nectar-post-grid) .nectar-post-grid-item__meta-wrap{display:flex !important;flex-wrap:wrap !important;align-items:baseline !important;gap:0 10px !important;font-size:20px !important;line-height:1.5 !important;margin:0 !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(.nectar-post-grid) .nectar-post-grid-item__meta-wrap > span{display:inline-flex !important;align-items:baseline !important;margin:0 !important;padding:0 !important;font-size:20px !important;line-height:1.5 !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(.nectar-post-grid) .nectar-post-grid{}html body[class][class][class]:has(.cd-page) .wpb_row.has-global-section .row_col_wrap_12_inner{margin-left:0 !important;margin-right:0 !important;width:100% !important;max-width:none !important}html body[class][class][class]:has(.cd-page) .wpb_row.has-global-section .clients{padding-left:0 !important;padding-right:0 !important}@media (max-width:768px){html body[class][class][class]:has(.cd-page) .wpb_row.has-global-section .clients{display:flex !important;flex-wrap:nowrap !important;justify-content:flex-start !important;align-items:stretch !important;overflow-x:auto !important;overscroll-behavior-x:contain !important;gap:12px !important;padding:0 !important;scroll-snap-type:x mandatory !important;scroll-padding-left:0 !important;scrollbar-width:none !important;-ms-overflow-style:none !important;grid-template-columns:none !important;grid-template-rows:none !important}html body[class][class][class]:has(.cd-page) .wpb_row.has-global-section .clients > *{flex:0 0 56% !important;min-width:0 !important;max-width:none !important;margin:0 !important;height:auto !important;aspect-ratio:16/10 !important;scroll-snap-align:start !important}html body[class][class][class]:has(.cd-page) .wpb_row.has-global-section .clients::-webkit-scrollbar{display:none !important}html body[class][class][class]:has(.cd-page) .wpb_row.has-global-section .clients img{max-width:70% !important;height:auto !important}}html body[class][class][class]:has(.cd-page) .wpb_row:has(.nectar-post-grid){width:100vw !important;max-width:100vw !important;margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;padding-left:0 !important;padding-right:0 !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(.nectar-post-grid) .nectar-post-grid-item-bg-wrap{aspect-ratio:1/1 !important;border-radius:30px !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(.nectar-post-grid) .nectar-post-grid-item-bg-wrap-inner,html body[class][class][class]:has(.cd-page) .wpb_row:has(.nectar-post-grid) .nectar-post-grid-item-bg,html body[class][class][class]:has(.cd-page) .wpb_row:has(.nectar-post-grid) .nectar-post-grid-item-bg-wrap img{border-radius:30px !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(.nectar-post-grid) .nectar-post-grid-item .content{padding:24px 2px 0 !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(.nectar-post-grid) .post-heading,html body[class][class][class]:has(.cd-page) .wpb_row:has(.nectar-post-grid) .post-heading span{font-size:17px !important;line-height:1.45 !important;font-weight:700 !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(.nectar-post-grid) .nectar-post-grid-item__meta-wrap,html body[class][class][class]:has(.cd-page) .wpb_row:has(.nectar-post-grid) .nectar-post-grid-item__meta-wrap > span{font-size:17px !important;line-height:1.45 !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(.nectar-post-grid) .nectar-post-grid{gap:24px !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(.nectar-post-grid){padding-top:88px !important;padding-bottom:96px !important}@keyframes cdfilltext{from{background-position:100% 0}to{background-position:0% 0}}html body[class][class][class]:has(.cd-page) .cd-col-open .cd-statement em{font-style:normal !important;background-image:linear-gradient(90deg,#111111 0%,#111111 50%,#86868b 50%,#86868b 100%) !important;background-size:210% 100% !important;background-position:100% 0 !important;background-repeat:no-repeat !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;-webkit-text-fill-color:transparent !important;}@supports (animation-timeline: view()){html body[class][class][class]:has(.cd-page) .cd-col-open .cd-statement em{animation:cdfilltext linear both !important;animation-timeline:view() !important;animation-range:entry 25% cover 55% !important}}@media (prefers-reduced-motion:reduce){html body[class][class][class]:has(.cd-page) .cd-col-open .cd-statement em{animation:none !important;background:none !important;color:#86868b !important;-webkit-text-fill-color:#86868b !important}}html body[class][class][class]:has(.cd-page) .cd-col-ai .cd-split-body p:last-child{}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .wpb_text_column p + p{margin-top:0 !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .wpb_text_column p:empty{display:none !important;margin:0 !important}html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .wpb_text_column br + br{display:none !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-band1) .row-bg{background-size:cover !important;background-position:center center !important;background-repeat:no-repeat !important;opacity:1 !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-band1) .row-bg::after{content:"" !important;display:block !important;position:absolute !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;pointer-events:none !important;background:linear-gradient(to bottom,rgba(17,17,17,0) 40%,rgba(17,17,17,.35) 62%,rgba(17,17,17,.75) 80%,rgba(17,17,17,.96) 93%,#111111 100%) !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-band1){margin-bottom:-1px !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-band1)::after{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 62%,rgba(0,0,0,0) 94%) !important;mask-image:linear-gradient(to bottom,#000 0%,#000 62%,rgba(0,0,0,0) 94%) !important}html body[class][class][class]:has(.cd-page) .cd-col-ai .cd-split-col h2,html body[class][class][class]:has(.cd-page) .cd-col-ai .wpb_text_column h2{line-height:1.1 !important;letter-spacing:-0.02em !important}html body[class][class][class]:has(.cd-page) .cd-col-ai .cd-split-body p{margin:0 0 4px !important}html body[class][class][class]:has(.cd-page) .cd-col-ai .cd-split-body p:last-child{}html body[class][class][class] .nectar-global-section.nectar_hook_global_section_footer .wpb_row > .row_col_wrap_12{max-width:none !important;width:100% !important;margin-left:0 !important;margin-right:0 !important;padding-left:0 !important;padding-right:0 !important;float:none !important}html body[class][class][class] .nectar-global-section.nectar_hook_global_section_footer .wpb_row .wpb_column{padding-left:0 !important;padding-right:0 !important}html body[class][class][class] .nectar-global-section.nectar_hook_global_section_footer .wpb_row + .wpb_row .wpb_column:first-child p,html body[class][class][class] .nectar-global-section.nectar_hook_global_section_footer .wpb_row + .wpb_row .wpb_column:first-child{text-align:left !important}html body[class][class][class] .nectar-global-section.nectar_hook_global_section_footer .wpb_row + .wpb_row .wpb_column:last-child p,html body[class][class][class] .nectar-global-section.nectar_hook_global_section_footer .wpb_row + .wpb_row .wpb_column:last-child{text-align:right !important}html body[class][class][class] .nectar-global-section.nectar_hook_global_section_footer .wpb_row + .wpb_row p{max-width:none !important;width:auto !important;margin-left:0 !important;margin-right:0 !important}html body[class][class][class] .nectar-global-section.nectar_hook_global_section_footer .wpb_row + .wpb_row .nectar-responsive-text{max-width:none !important;width:auto !important;margin-left:0 !important;margin-right:0 !important}html body[class][class][class]:has(.cd-page) .wpb_row.has-global-section{width:100vw !important;max-width:100vw !important;margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;padding-left:0 !important;padding-right:0 !important}html body[class][class][class] .nectar-global-section .container.normal-container{max-width:none !important;width:100% !important;padding-left:0 !important;padding-right:0 !important;margin-left:0 !important;margin-right:0 !important}html body[class][class][class] .nectar-global-section .row_col_wrap_12 .row_col_wrap_12{max-width:none !important;width:100% !important;padding-left:0 !important;padding-right:0 !important;margin-left:0 !important;margin-right:0 !important}html body[class][class][class] .nectar-global-section.nectar_hook_global_section_footer .row_col_wrap_12.span_12:not(.col){max-width:1620px !important;width:100% !important;margin-left:auto !important;margin-right:auto !important;padding-left:48px !important;padding-right:48px !important;box-sizing:border-box !important}html body[class][class][class]:has(.cd-page) .cd-col-ai .cd-split-col .wpb_text_column.cd-split-body p,html body[class][class][class]:has(.cd-page) .cd-col-ai .cd-split-body p{margin-top:0 !important;margin-bottom:4px !important}html body[class][class][class]:has(.cd-page) .cd-col-ai .cd-split-body p:last-child{margin-bottom:0 !important}body.vc_editor .cd-col-ai .cd-split-body p,body.compose-mode .cd-col-ai .cd-split-body p{margin-top:0 !important;margin-bottom:4px !important}html body[class][class][class] #header-outer #top nav > ul.sf-menu > li:hover > a .menu-title-text::after,html body[class][class][class] #header-outer #top nav > ul.sf-menu > li.sfHover > a .menu-title-text::after{content:"" !important;display:block !important;position:absolute !important;left:0 !important;right:auto !important;width:100% !important;height:2px !important;bottom:-18px !important;background-color:#F3D400 !important;opacity:1 !important;transform:none !important;transition:opacity .15s ease !important}html body[class][class][class] #header-outer #top nav > ul.sf-menu:hover > li:not(:hover) > a .menu-title-text::after{opacity:0 !important}html body[class][class][class] #header-outer #top nav > ul.sf-menu{position:relative !important}html body[class][class][class] #header-outer #top nav > ul.sf-menu.cd-slide > li:not(#menu-item-23657) > a .menu-title-text::after,html body[class][class][class] #header-outer #top nav > ul.sf-menu.cd-slide > li:not(#menu-item-23657) > a .menu-title-text::before,html body[class][class][class] #header-outer #top nav > ul.sf-menu.cd-slide > li:not(#menu-item-23657) > a::after,html body[class][class][class] #header-outer #top nav > ul.sf-menu.cd-slide > li:not(#menu-item-23657) > a::before{opacity:0 !important;background:none !important;background-color:transparent !important;content:none !important}@media (prefers-reduced-motion:reduce){}}
/* ===== CD-FIX-2026-09-16 ===== */
html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-fix > .vc_column-inner > .wpb_wrapper > .wpb_row.inner_row{max-width:1524px !important;width:calc(100% - 96px) !important;margin-left:auto !important;margin-right:auto !important;padding-left:0 !important;padding-right:0 !important}@media only screen and (max-width:999px){html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-fix > .vc_column-inner > .wpb_wrapper > .wpb_row.inner_row{width:calc(100% - 44px) !important}}@media only screen and (max-width:999px){html body[class][class][class] #header-outer .container,html body[class][class][class] #header-outer #top .container{padding-left:22px !important;padding-right:22px !important;width:100% !important;max-width:100% !important;box-sizing:border-box !important}html body[class][class][class] #header-outer .slide-out-widget-area-toggle a,html body[class][class][class] #header-outer .slide-out-widget-area-toggle a.closed,html body[class][class][class] #header-outer .slide-out-widget-area-toggle a.open{background:none !important;background-color:transparent !important;background-image:none !important;border-radius:0 !important;box-shadow:none !important;border:0 !important;width:auto !important;height:auto !important;min-width:0 !important;min-height:0 !important;padding:0 !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}html body[class][class][class] #header-outer .slide-out-widget-area-toggle a::before,html body[class][class][class] #header-outer .slide-out-widget-area-toggle a::after{content:none !important;background:none !important}html body[class][class][class] #header-outer .slide-out-widget-area-toggle .lines-button .lines{background-color:transparent !important;width:26px !important}html body[class][class][class] #header-outer .slide-out-widget-area-toggle .lines-button .lines::before,html body[class][class][class] #header-outer .slide-out-widget-area-toggle .lines-button .lines::after{width:26px !important;height:2px !important;border-radius:2px !important}html body[class][class][class] #header-outer .slide-out-widget-area-toggle a.closed .lines-button .lines::before{top:-5px !important}html body[class][class][class] #header-outer .slide-out-widget-area-toggle a.closed .lines-button .lines::after{top:5px !important}}html body[class][class][class] #slide-out-widget-area .off-canvas-menu-container ul.menu li.cd-macc{display:block !important;width:100% !important}html body[class][class][class] .cd-macc > .cd-macc-t{display:flex !important;align-items:center !important;justify-content:space-between !important;width:100% !important;text-align:left !important}html body[class][class][class] .cd-macc-i{position:relative !important;display:inline-block !important;width:15px !important;height:15px !important;flex:0 0 15px !important;margin-left:18px !important;opacity:.55 !important}html body[class][class][class] .cd-macc-i::before,html body[class][class][class] .cd-macc-i::after{content:"" !important;position:absolute !important;background:currentColor !important;left:50% !important;top:50% !important;border-radius:2px !important}html body[class][class][class] .cd-macc-i::before{width:15px !important;height:2px !important;transform:translate(-50%,-50%) !important}html body[class][class][class] .cd-macc-i::after{width:2px !important;height:15px !important;transform:translate(-50%,-50%) !important;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s ease !important}html body[class][class][class] .cd-macc.cd-open .cd-macc-i::after{transform:translate(-50%,-50%) rotate(90deg) !important;opacity:0 !important}html body[class][class][class] .cd-macc-p{max-height:0 !important;overflow:hidden !important;transition:max-height .4s cubic-bezier(.4,0,.2,1) !important}html body[class][class][class] .cd-macc-l{list-style:none !important;margin:0 !important;padding:2px 0 16px 0 !important}html body[class][class][class] .cd-macc-l li{margin:0 !important;padding:0 !important;line-height:1.3 !important}html body[class][class][class] .cd-macc-l .cd-macc-sub{font-size:11px !important;letter-spacing:.08em !important;text-transform:none !important;opacity:.4 !important;padding:16px 0 4px !important;font-weight:600 !important}html body[class][class][class] .cd-macc-l a{display:block !important;padding:10px 0 !important;font-size:18px !important;line-height:1.3 !important;opacity:.78 !important;font-weight:400 !important;letter-spacing:-.01em !important}html body[class][class][class] .cd-macc-l a:hover{opacity:1 !important}@media only screen and (max-width:999px){html body[class][class][class] #slide-out-widget-area .inner .off-canvas-menu-container{padding-left:6px !important;padding-right:6px !important}}

/* CD-BURGER-FIX */
@layer cdfix{@media only screen and (max-width:999px){html body[class][class][class] #header-outer #top .slide-out-widget-area-toggle a,html body[class][class][class] #header-outer #top .slide-out-widget-area-toggle a.closed,html body[class][class][class] #header-outer #top .slide-out-widget-area-toggle a.open{background:none !important;background-color:transparent !important;background-image:none !important;border-radius:0 !important;box-shadow:none !important;border:0 !important;width:auto !important;height:auto !important;min-width:0 !important;min-height:0 !important;padding:0 !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}html body[class][class][class] #header-outer #top .slide-out-widget-area-toggle a::before,html body[class][class][class] #header-outer #top .slide-out-widget-area-toggle a::after{content:none !important;background:none !important;background-color:transparent !important}html body[class][class][class] #header-outer #top .slide-out-widget-area-toggle a .lines-button .lines{background-color:transparent !important;background:none !important;width:26px !important}html body[class][class][class] #header-outer #top .slide-out-widget-area-toggle a .lines-button .lines::before,html body[class][class][class] #header-outer #top .slide-out-widget-area-toggle a .lines-button .lines::after{width:26px !important;height:2px !important;border-radius:2px !important}html body[class][class][class] #header-outer #top .slide-out-widget-area-toggle a.closed .lines-button .lines::before{top:-5px !important}html body[class][class][class] #header-outer #top .slide-out-widget-area-toggle a.closed .lines-button .lines::after{top:5px !important}}}

/* CD-NAVPAD-FIX */
@layer cdfix{html body[class][class][class] #header-outer #top nav > ul.sf-menu > li:not(#menu-item-23657) > a{padding-right:0 !important;padding-left:0 !important}html body[class][class][class] #header-outer #top nav > ul.sf-menu > li > a > .sf-sub-indicator,html body[class][class][class] #header-outer #top nav > ul.sf-menu > li > a .sf-sub-indicator{display:none !important;width:0 !important;margin:0 !important;padding:0 !important}}

/* CD-NAVALIGN-FIX */
@layer cdfix{html body[class][class][class] #header-outer #top nav > ul.sf-menu::before{flex:1 1 auto !important}html body[class][class][class] #header-outer #top nav > ul.sf-menu::after{flex:0 0 17px !important;width:17px !important;min-width:17px !important}html body[class][class][class] #header-outer #top nav > ul.sf-menu > li#menu-item-23657 > a,html body[class][class][class] #header-outer #top nav > ul.sf-menu > li#menu-item-23657 > a .menu-title-text{color:#111111 !important}html body[class][class][class] #header-outer #top nav > ul.sf-menu > li#menu-item-23657 > a .menu-title-text::after,html body[class][class][class] #header-outer #top nav > ul.sf-menu > li#menu-item-23657 > a .menu-title-text::before{content:none !important;opacity:0 !important;background:none !important;background-color:transparent !important}}

/* CD-NAVCENTRE-FIX */
@layer cdfix{html body[class][class][class] #header-outer #top nav > ul.sf-menu::before,html body[class][class][class] #header-outer #top nav > ul.sf-menu::after{flex:1 1 auto !important;width:auto !important;min-width:0 !important}html body[class][class][class] #header-outer #top nav > ul.sf-menu > li#menu-item-23657{position:absolute !important;top:0 !important;bottom:0 !important;display:flex !important;align-items:center !important;margin:0 !important}}

/* CD-CTA-SIZE */
@layer cdfix{html body[class][class][class] #header-outer #top nav > ul.sf-menu > li#menu-item-23657 > a::before{height:38px !important;width:calc(100% + 34px) !important;left:-17px !important;top:50% !important;transform:translateY(-50%) !important;border-radius:200px !important}html body[class][class][class] #header-outer #top nav > ul.sf-menu > li#menu-item-23657{right:10px !important}}

/* CD-NOFLASH */
@layer cdfix{@media only screen and (min-width:1000px){html body[class][class][class] #header-outer #top nav > ul.sf-menu{padding-left:0 !important;padding-right:157px !important}}}

/* CD-MOBHEAD-2 */
@layer cdfix{@media only screen and (max-width:999px){html body[class][class][class] #header-outer #top .container{padding-left:28px !important;padding-right:28px !important;box-sizing:border-box !important}html body[class][class][class] #header-outer #top #logo img{height:30px !important;max-height:30px !important;width:auto !important;max-width:none !important}html body[class][class][class] #header-outer #top #logo{height:30px !important;line-height:30px !important}}}

/* CD-BAND-CTA-FOOTER */
@layer cdfix{html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-fix .wpb_row.inner_row > .row_col_wrap_12_inner{margin-left:0 !important;margin-right:0 !important;width:100% !important;max-width:none !important}html body[class][class][class]:has(.cd-page) .wpb_wrapper:has(> a.nectar-button):has(> .nectar_icon_wrap) > .divider-wrap{display:block !important;height:26px !important;width:100% !important;clear:both !important}html body[class][class][class] .nectar-global-section .wpb_wrapper > .nectar-cta:not([class*="text_hover_color"]):not(:first-child){margin-top:30px !important}}

/* CD-MOBNAV */
@layer cdfix{@media only screen and (max-width:999px){html body[class][class][class] #header-outer{padding-top:0 !important;padding-bottom:0 !important}html body[class][class][class] #header-outer #top{height:100% !important}html body[class][class][class] #header-outer #top .container,html body[class][class][class] #header-outer #top .container > .row{height:100% !important}html body[class][class][class] #header-outer #top .row{display:flex !important;align-items:center !important}html body[class][class][class] #header-outer{z-index:9996 !important}html.cd-nav-open body[class][class][class] #header-outer{background-color:#1d1d1f !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}html body[class][class][class] #cd-mobnav{position:fixed !important;left:0 !important;right:0 !important;top:0 !important;bottom:0 !important;background:#1d1d1f !important;z-index:9995 !important;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .32s cubic-bezier(.4,0,.2,1),transform .32s cubic-bezier(.4,0,.2,1),visibility .32s;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 28px 56px;}html.cd-nav-open body[class][class][class] #cd-mobnav{opacity:1 !important;visibility:visible !important;transform:none !important}html body[class][class][class] #cd-mobnav ul.menu{list-style:none !important;margin:0 !important;padding:0 !important}html body[class][class][class] #cd-mobnav ul.menu > li{opacity:0;transform:translateY(18px);transition:opacity .45s cubic-bezier(.4,0,.2,1),transform .45s cubic-bezier(.4,0,.2,1);display:block !important;width:100% !important;border:0 !important}html.cd-nav-open body[class][class][class] #cd-mobnav ul.menu > li{opacity:1 !important;transform:none !important}html body[class][class][class] #cd-mobnav ul.menu > li > a,html body[class][class][class] #cd-mobnav .cd-macc-t{color:#f5f5f7 !important;font-size:28px !important;line-height:1.3 !important;font-weight:600 !important;letter-spacing:-.02em !important;display:block !important;padding:10px 0 !important;text-decoration:none !important;opacity:1 !important}html body[class][class][class] #cd-mobnav .cd-macc-l a{font-size:18px !important;color:#f5f5f7 !important;opacity:.7 !important;padding:9px 0 !important;font-weight:400 !important}html body[class][class][class] #cd-mobnav .cd-macc-sub{color:#f5f5f7 !important}}}@layer cdfix{@media only screen and (max-width:999px){html body[class][class][class] #cd-mobnav ul.menu > li:nth-child(1){transition-delay:0.075s}html body[class][class][class] #cd-mobnav ul.menu > li:nth-child(2){transition-delay:0.110s}html body[class][class][class] #cd-mobnav ul.menu > li:nth-child(3){transition-delay:0.145s}html body[class][class][class] #cd-mobnav ul.menu > li:nth-child(4){transition-delay:0.180s}html body[class][class][class] #cd-mobnav ul.menu > li:nth-child(5){transition-delay:0.215s}html body[class][class][class] #cd-mobnav ul.menu > li:nth-child(6){transition-delay:0.250s}html body[class][class][class] #cd-mobnav ul.menu > li:nth-child(7){transition-delay:0.285s}html body[class][class][class] #cd-mobnav ul.menu > li:nth-child(8){transition-delay:0.320s}html body[class][class][class] #cd-mobnav ul.menu > li:nth-child(9){transition-delay:0.355s}html body[class][class][class] #cd-mobnav ul.menu > li:nth-child(10){transition-delay:0.390s}html body[class][class][class] #cd-mobnav ul.menu > li:nth-child(11){transition-delay:0.425s}html body[class][class][class] #cd-mobnav ul.menu > li:nth-child(12){transition-delay:0.460s}html body[class][class][class] #cd-mobnav ul.menu > li:nth-child(13){transition-delay:0.495s}html body[class][class][class] #cd-mobnav ul.menu > li:nth-child(14){transition-delay:0.530s}}}@layer cdfix{@media only screen and (max-width:999px){html.cd-nav-open,html.cd-nav-open body[class][class][class]{overflow:hidden !important}html body[class][class][class] #header-outer #top .slide-out-widget-area-toggle a .lines-button .lines::before,html body[class][class][class] #header-outer #top .slide-out-widget-area-toggle a .lines-button .lines::after{transition:top .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1) !important}html.cd-nav-open body[class][class][class] #header-outer #top .slide-out-widget-area-toggle a .lines-button .lines::before,html.cd-nav-open body[class][class][class] #header-outer #top .slide-out-widget-area-toggle a.closed .lines-button .lines::before{top:0 !important;transform:rotate(45deg) !important}html.cd-nav-open body[class][class][class] #header-outer #top .slide-out-widget-area-toggle a .lines-button .lines::after,html.cd-nav-open body[class][class][class] #header-outer #top .slide-out-widget-area-toggle a.closed .lines-button .lines::after{top:0 !important;transform:rotate(-45deg) !important}html.cd-nav-open body[class][class][class] #header-outer #top .slide-out-widget-area-toggle a .lines-button .lines{background-color:transparent !important}html body[class][class][class] .slide_out_area_close{display:none !important}}}

/* CD-LOGOSCROLL-2ROW */
@layer cdfix{@media only screen and (max-width:999px){html body[class][class][class]:has(.cd-page) .wpb_row.has-global-section .clients.no-carousel.cd-pop,html body[class][class][class]:has(.cd-page) .clients.no-carousel.cd-pop{display:grid !important;grid-auto-flow:column !important;grid-template-rows:repeat(2,auto) !important;grid-template-columns:none !important;grid-auto-columns:168px !important;gap:12px !important;overflow-x:auto !important;overflow-y:hidden !important;width:100vw !important;max-width:100vw !important;margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;padding-left:28px !important;padding-right:28px !important;box-sizing:border-box !important;scrollbar-width:none !important;justify-content:start !important;align-items:stretch !important;scroll-padding-left:28px !important}html body[class][class][class]:has(.cd-page) .wpb_row.has-global-section .clients.no-carousel.cd-pop::-webkit-scrollbar,html body[class][class][class]:has(.cd-page) .clients.no-carousel.cd-pop::-webkit-scrollbar{display:none !important}html body[class][class][class]:has(.cd-page) .wpb_row.has-global-section .clients.no-carousel.cd-pop > *,html body[class][class][class]:has(.cd-page) .clients.no-carousel.cd-pop > *{grid-column:auto !important;grid-row:auto !important;width:100% !important;min-width:0 !important;max-width:none !important;flex:none !important;margin:0 !important;box-sizing:border-box !important}}}

/* CD-MOBNAV-HIDE-DESKTOP */
@layer cdfix{html body[class][class][class] #cd-mobnav{display:none !important}@media only screen and (max-width:999px){html body[class][class][class] #cd-mobnav{display:block !important}}}

/* CD-MOBNAV-PAD */
@layer cdfix{@media only screen and (max-width:999px){html body[class][class][class] #cd-mobnav{padding-left:28px !important;padding-right:28px !important;padding-top:0 !important;padding-bottom:56px !important;box-sizing:border-box !important}html body[class][class][class] #cd-mobnav ul.menu,html body[class][class][class] #cd-mobnav ul.menu > li{padding-left:0 !important;margin-left:0 !important;list-style:none !important}html body[class][class][class] #header-outer #top .slide-out-widget-area-toggle a:focus{outline:none !important;box-shadow:none !important}html body[class][class][class] #header-outer #top .slide-out-widget-area-toggle a:focus-visible{outline:2px solid rgba(243,212,0,.9) !important;outline-offset:6px !important;border-radius:4px !important}}}

/* CD-BURGER-X-CLEAN */
@layer cdfix{@media only screen and (max-width:999px){html body[class][class][class] #header-outer #top .slide-out-widget-area-toggle a .lines-button::before,html body[class][class][class] #header-outer #top .slide-out-widget-area-toggle a .lines-button::after{content:none !important;display:none !important;background:none !important;background-color:transparent !important;opacity:0 !important}}}

/* CD-PAGE-SKIN */
@layer cdfix{html body[class][class][class]:has(.cd-skin) #ajax-content-wrap .wpb_row:not(.inner_row){margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;width:100vw !important;max-width:100vw !important}html body[class][class][class]:has(.cd-skin) #ajax-content-wrap .wpb_row:not(.inner_row) > .row_col_wrap_12 > .vc_column_container{padding-left:0 !important;padding-right:0 !important}html body[class][class][class]:has(.cd-skin) #ajax-content-wrap .wpb_text_column p{font-size:18px !important;line-height:1.55 !important;letter-spacing:-.005em !important;margin-top:0 !important;margin-bottom:14px !important}html body[class][class][class]:has(.cd-skin) #ajax-content-wrap .wpb_text_column p:last-child{margin-bottom:0 !important}@media only screen and (max-width:999px){html body[class][class][class]:has(.cd-skin) #ajax-content-wrap .wpb_text_column p{font-size:17px !important}}}

/* CD-MARKER-COLLAPSE */
@layer cdfix{html body[class][class][class] .wpb_row:has(> .row_col_wrap_12 .cd-skin),html body[class][class][class] .wpb_row:has(> .row_col_wrap_12 .cd-page){display:none !important;padding:0 !important;margin:0 !important;min-height:0 !important}html body[class][class][class] .cd-skin,html body[class][class][class] .cd-page{display:none !important}}

/* CD-HEADER-SEAM */
@layer cdfix{html body[class][class][class] #header-outer#header-outer{transition:background-color .16s ease 0s !important}html body[class][class][class] #header-outer#header-outer:has(#menu-item-22677:hover),html body[class][class][class] #header-outer#header-outer:has(#menu-item-23764:hover),html body[class][class][class] #header-outer#header-outer:has(#menu-item-22677 > a:focus-visible),html body[class][class][class] #header-outer#header-outer:has(#menu-item-23764 > a:focus-visible){border-bottom:0 !important;box-shadow:none !important;transition:background-color .2s ease .35s !important}}

/* CD-SKIN-CONTAINER */
@layer cdfix{html body[class][class][class]:has(.cd-skin) .wpb_row:not(.inner_row) > .row_col_wrap_12{max-width:1620px !important;width:100% !important;margin-left:auto !important;margin-right:auto !important;padding-left:48px !important;padding-right:48px !important;box-sizing:border-box !important}@media only screen and (max-width:999px){html body[class][class][class]:has(.cd-skin) .wpb_row:not(.inner_row) > .row_col_wrap_12{padding-left:28px !important;padding-right:28px !important}}}

/* CD-LIGHT-SECTION-TEXT */
@layer cdfix{html body[class][class][class]:has(.cd-page) .cd-col-open h1,html body[class][class][class]:has(.cd-page) .cd-col-open h2,html body[class][class][class]:has(.cd-page) .cd-col-open h3,html body[class][class][class]:has(.cd-page) .cd-col-open h4,html body[class][class][class]:has(.cd-page) .cd-col-open li,html body[class][class][class]:has(.cd-page) .cd-col-open strong,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-fix h1,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-fix h2,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-fix h3,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-fix h4,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-fix li,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-fix strong,html body[class][class][class]:has(.cd-page) .cd-col-tech h1,html body[class][class][class]:has(.cd-page) .cd-col-tech h2,html body[class][class][class]:has(.cd-page) .cd-col-tech h3,html body[class][class][class]:has(.cd-page) .cd-col-tech h4,html body[class][class][class]:has(.cd-page) .cd-col-tech li,html body[class][class][class]:has(.cd-page) .cd-col-tech strong{color:#111111 !important}html body[class][class][class]:has(.cd-page) .cd-col-open p,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-fix p,html body[class][class][class]:has(.cd-page) .cd-col-tech p{color:#86868b !important}html body[class][class][class]:has(.cd-page) .cd-col-open a:not(.nectar-button):not([class*="button"]),html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-fix a:not(.nectar-button):not([class*="button"]),html body[class][class][class]:has(.cd-page) .cd-col-tech a:not(.nectar-button):not([class*="button"]){color:#111111 !important}}

/* CD-FAQ-TEXT */
@layer cdfix{html body[class][class][class]:has(.cd-page) .cd-col-faq .inner-toggle-wrap,html body[class][class][class]:has(.cd-page) .cd-col-faq .inner-toggle-wrap p,html body[class][class][class]:has(.cd-page) .cd-col-faq .inner-toggle-wrap li,html body[class][class][class]:has(.cd-page) .cd-col-faq .inner-toggle-wrap div{color:rgba(255,255,255,.66) !important}html body[class][class][class]:has(.cd-page) .cd-col-faq .toggle > h3 a,html body[class][class][class]:has(.cd-page) .cd-col-faq .toggle h3 a{color:#ffffff !important}}

/* CD-CLIENTS-HEAD-PAD */
@layer cdfix{html body[class][class][class]:has(.cd-page) .cd-clients-head{margin-bottom:44px !important}@media only screen and (max-width:999px){html body[class][class][class]:has(.cd-page) .cd-clients-head{margin-bottom:28px !important}}}

/* CD-SECTION-POLARITY */
@layer cdfix{html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-open),html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .wpb_row:has(> .row_col_wrap_12 > .cd-col-fix),html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-tech){background-color:#ffffff !important}html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-open) > .row-bg-wrap .row-bg,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .wpb_row:has(> .row_col_wrap_12 > .cd-col-fix) > .row-bg-wrap .row-bg,html body[class][class][class]:has(.cd-page) .wpb_row:has(> .row_col_wrap_12 > .cd-col-tech) > .row-bg-wrap .row-bg{background-color:transparent !important;background-image:none !important;opacity:0 !important}}

/* CD-LIGHT-BUTTONS */
@layer cdfix{html body[class][class][class]:has(.cd-page) .cd-col-open a.nectar-button,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-fix a.nectar-button,html body[class][class][class]:has(.cd-page) .cd-col-tech a.nectar-button{background-color:#111111 !important;border-color:#111111 !important}html body[class][class][class]:has(.cd-page) .cd-col-open a.nectar-button span,html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-fix a.nectar-button span,html body[class][class][class]:has(.cd-page) .cd-col-tech a.nectar-button span{color:#ffffff !important}}

/* CD-PANEL-TOP */
@layer cdfix{html body[class][class][class] #header-outer #top nav > ul.sf-menu > li > ul.sub-menu{top:var(--cd-nav-bottom,52px) !important;border-top:0 !important}}


/* CD-CASE-GAP */
@layer cdfix{html body[class][class][class]:has(.cd-page) .cd-col-case .cd-case-body.cd-case-body{margin-top:22px !important}html body[class][class][class]:has(.cd-page) .cd-col-case .cd-case-body.cd-case-body p{margin-top:0 !important}@media (max-width:999px){html body[class][class][class]:has(.cd-page) .cd-col-case .cd-case-body.cd-case-body{margin-top:14px !important}}}


/* CD-FIX-TOPPAD */
@layer cdfix{html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .wpb_row:has(> .row_col_wrap_12 > .cd-col-fix){padding-top:104px !important}@media (max-width:999px){html body[class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .wpb_row:has(> .row_col_wrap_12 > .cd-col-fix){padding-top:56px !important}}}


/* CD-BTN-GLOBAL */
@layer cdfix{html body[class][class][class] a.nectar-button{border-radius:980px !important;padding:11px 21px !important;min-height:44px !important;height:auto !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;line-height:1.25 !important;letter-spacing:0 !important;text-transform:none !important;box-shadow:none !important;font-size:17px !important;font-weight:400 !important;transition:opacity .2s ease,background-color .2s ease,color .2s ease !important}html body[class][class][class] a.nectar-button > span,html body[class][class][class] a.nectar-button .button-text-normal,html body[class][class][class] a.nectar-button .button-text-hover{font-size:17px !important;font-weight:400 !important;letter-spacing:0 !important;text-transform:none !important;line-height:1.25 !important}html body[class][class][class] a.nectar-button:hover{opacity:.88 !important}@media (max-width:999px){html body[class][class][class] a.nectar-button{font-size:16px !important;padding:11px 19px !important}html body[class][class][class] a.nectar-button > span{font-size:16px !important}}}


/* CD-FOOTCOLS - footer link columns sat 25px left of the button and strapline
   because row_col_wrap_12_inner keeps Salient's -25px gutter margin while the
   columns themselves have no padding on mobile. On narrow phones that ran the
   first column off the left edge. */
@layer cdfix{@media only screen and (max-width:999px){html body[class][class][class] .nectar_hook_global_section_footer .wpb_row .row_col_wrap_12_inner{margin-left:0 !important;margin-right:0 !important;width:100% !important;max-width:100% !important}}}


/* CD-DESKTOPNAV-LOCK - on mobile the desktop nav is hidden only by an inline
   display:none that Salient's own JS writes. When its off-canvas close routine
   put that style back to block, the full desktop menu appeared over the page.
   A stylesheet !important beats a non-important inline style, so this pins it. */
@layer cdfix{@media only screen and (max-width:999px){html body[class][class][class] #header-outer #top nav,html body[class][class][class] ul.sf-menu{display:none !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important}}}


/* CD-NO-REVEAL - the reveal parallax parks every row 64px to one side and slides
   it back in on scroll, alternating left and right down the page. Switched off
   sitewide. A stylesheet !important beats the inline transform the script writes,
   so the rows simply render in place. */
@layer cdfix{html body[class][class][class] .cd-par{transform:none !important;opacity:1 !important;transition:none !important;will-change:auto !important}}


/* CD-KILL-OCM */
@layer cdfix{html body[class][class][class] #slide-out-widget-area,html body[class][class][class] #slide-out-widget-area-bg,html body[class][class][class] .slide_out_area_close,html body[class][class][class] .off-canvas-menu-container{display:none !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important;transform:none !important;transition:none !important;width:0 !important;height:0 !important;overflow:hidden !important}}


/* CD-TEXTFILL */
@layer cdfix{html body[class][class][class] [class*="cd-col-"] .toggle,html body[class][class][class] [class*="cd-col-"] .toggle *,html body[class][class][class] [class*="cd-col-"] .toggles,html body[class][class][class] [class*="cd-col-"] .toggles *,html body[class][class][class] [class*="cd-col-"] .inner-toggle-wrap,html body[class][class][class] [class*="cd-col-"] .inner-toggle-wrap *{-webkit-text-fill-color:currentColor !important}}


/* CD-PLATSCROLL: bare logos across the bottom of the banner. No cards, no duplicated set, no marquee. Single row on desktop, swipeable on phones. */
@layer cdfix{
html body[class][class][class][class][class] .cd-plat-eyebrow,html body[class][class][class][class][class] .cd-plat-eyebrow p{font-size:13px !important;line-height:1.45 !important;letter-spacing:.01em !important;text-transform:none !important;color:#f5d400 !important;font-weight:500 !important}
html body[class][class][class][class][class] .clients.five-cols{grid-template-rows:none !important;grid-auto-flow:row !important;animation:none !important}
html body[class][class][class][class][class] .clients.five-cols > *:not(.cd-mq-track){justify-content:center !important;overflow:visible !important}
html body[class][class][class][class][class] .clients.five-cols img{width:auto !important;height:auto !important;max-height:clamp(20px,2vw,28px) !important;max-width:none !important;filter:none !important;opacity:.85 !important;transition:opacity .3s ease}
html body[class][class][class][class][class] .clients.five-cols > *:not(.cd-mq-track):hover img{opacity:1 !important}
@media only screen and (max-width:999px){
html body[class][class][class][class][class] .clients.five-cols{overflow-x:auto !important;overflow-y:hidden !important;width:100vw !important;max-width:100vw !important;margin:0 0 0 calc(50% - 50vw) !important;padding:2px 24px !important;box-sizing:border-box !important;gap:26px !important;scrollbar-width:none !important;-webkit-overflow-scrolling:touch !important;-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 40px),transparent 100%);mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 40px),transparent 100%)}
html body[class][class][class][class][class] .clients.five-cols::-webkit-scrollbar{display:none !important;height:0 !important}
html body[class][class][class][class][class] .clients.five-cols img{max-height:20px !important}
}
}


/* CD-POSTIMG: Salient never adds .loaded to post-grid images carrying skip-lazy, so they stay at opacity 0. */
@layer cdfix{
html body[class][class][class][class][class] .nectar-post-grid-item-bg img,html body[class][class][class][class][class] .nectar-post-grid-item-bg .nectar-lazy,html body[class][class][class][class][class] .nectar-post-grid-item img.nectar-lazy{transform:none !important;opacity:1 !important;visibility:visible !important;pointer-events:auto !important}
}


/* CD-HEROBOTTOM: pins the eyebrow and logo strip to the bottom edge of the hero fold. */
@layer cdfix{
html body[class][class][class][class][class] .wpb_row:has(.clients.five-cols) .vc_column-inner{padding-bottom:calc(clamp(26px,4.5vh,58px) + 128px) !important}
html body[class][class][class][class][class] .wpb_row:has(.clients.five-cols) {position:relative !important}
html body[class][class][class][class][class] .cd-plat-eyebrow{position:absolute !important;left:0 !important;right:0 !important;bottom:calc(clamp(26px,4.5vh,58px) + 88px + 14px) !important;margin:0 !important;padding:0 0 0 clamp(42px,calc(29.5px + 3.2vw),60px) !important;z-index:3 !important;width:auto !important}
html body[class][class][class][class][class] .clients.five-cols{position:absolute !important;left:0 !important;right:auto !important;bottom:clamp(26px,4.5vh,58px) !important;z-index:3 !important}
@media only screen and (max-width:999px){html body[class][class][class][class][class] .wpb_row:has(.clients.five-cols) .vc_column-inner{padding-bottom:calc(clamp(26px,4.5vh,58px) + 108px) !important}html body[class][class][class][class][class] .cd-plat-eyebrow{bottom:calc(clamp(26px,4.5vh,58px) + 72px + 12px) !important}}
}


/* CD-HEROBG: subtle photo behind the home banner, darkened top and bottom so the copy and logo strip stay clean. */
@layer cdfix{
html body[class][class][class][class][class] .wpb_row:has(.clients.five-cols) .row-bg{opacity:.5 !important;background-size:cover !important;background-position:center center !important;filter:saturate(.85) contrast(1.05) !important}
html body[class][class][class][class][class] .wpb_row:has(.clients.five-cols) .row-bg-wrap{overflow:hidden !important}
html body[class][class][class][class][class] .wpb_row:has(.clients.five-cols) .row-bg-wrap:after{content:'' !important;position:absolute !important;inset:0 !important;pointer-events:none !important;z-index:2 !important;background:linear-gradient(180deg,rgba(0,0,0,.58) 0%,rgba(0,0,0,.22) 44%,rgba(0,0,0,.72) 100%) !important}
@media only screen and (max-width:999px){html body[class][class][class][class][class] .wpb_row:has(.clients.five-cols) .row-bg{opacity:.44 !important}html body[class][class][class][class][class] .wpb_row:has(.clients.five-cols) .row-bg-wrap:after{background:linear-gradient(180deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.30) 42%,rgba(0,0,0,.76) 100%) !important}}
}


/* CD-HOMECASE: on phones the stacked case study sat inside the page container edges. Pull it flush to the container and give it more room above. cd-home-case marks the row's first column. */
@layer cdfix{
@media only screen and (max-width:999px){
html body[class][class][class][class][class] .wpb_row:has(> .row_col_wrap_12 > .cd-home-case){padding-top:72px !important}
html body[class][class][class][class][class] .row_col_wrap_12:has(> .cd-home-case){padding-left:0 !important;padding-right:0 !important;margin-left:0 !important;margin-right:0 !important;width:100% !important;max-width:100% !important}
html body[class][class][class][class][class] .row_col_wrap_12:has(> .cd-home-case) [class*="vc_col-sm-"]{padding-left:0 !important;padding-right:0 !important}
html body[class][class][class][class][class] .row_col_wrap_12:has(> .cd-home-case) .row_col_wrap_12_inner{margin-left:0 !important;margin-right:0 !important;padding-left:0 !important;padding-right:0 !important}
html body[class][class][class][class][class] .row_col_wrap_12:has(> .cd-home-case) .wpb_row.inner_row{margin-left:0 !important;margin-right:0 !important}
}
}


/* CD-NAVHARDLOCK: the desktop menu was only hidden by a max-width media query. If anything makes the layout viewport report wider than 999px the whole desktop nav reappears over the page. This pins it to the DEVICE screen size instead, outside any media query, and sweeps up clones. */
@layer cdfix{
html.cd-mobile body[class][class][class] #header-outer #top nav,
html.cd-mobile body[class][class][class] ul.sf-menu,
html.cd-mobile body[class][class][class] .sf-menu{display:none !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important;height:0 !important;max-height:0 !important;overflow:hidden !important}
}


/* CD-FOOTALIGN: footer bottom is two columns, tagline left and copyright right. Once they stack on a phone the right alignment reads as a mistake. NOT in @layer cdfix on purpose: for important declarations an unlayered rule beats a layered one, and Salient's .force-desktop-text-align-right is unlayered !important. */
@media only screen and (max-width:999px){
html body[class][class][class][class][class] .nectar_hook_global_section_footer [class*="vc_col-sm-"],
html body[class][class][class][class][class] .nectar_hook_global_section_footer [class*="vc_col-sm-"] .vc_column-inner,
html body[class][class][class][class][class] .nectar_hook_global_section_footer [class*="vc_col-sm-"] .wpb_wrapper,
html body[class][class][class][class][class] .nectar_hook_global_section_footer [class*="vc_col-sm-"] .nectar-responsive-text,
html body[class][class][class][class][class] .nectar_hook_global_section_footer [class*="vc_col-sm-"] p,
html body[class][class][class][class][class] .nectar_hook_global_section_footer [class*="vc_col-sm-"] h1,
html body[class][class][class][class][class] .nectar_hook_global_section_footer [class*="vc_col-sm-"] h2,
html body[class][class][class][class][class] .nectar_hook_global_section_footer [class*="vc_col-sm-"] h3,
html body[class][class][class][class][class] .nectar_hook_global_section_footer [class*="vc_col-sm-"] h4,
html body[class][class][class][class][class] .nectar_hook_global_section_footer [class*="vc_col-sm-"] h5,
html body[class][class][class][class][class] .nectar_hook_global_section_footer [class*="vc_col-sm-"] h6,
html body[class][class][class][class][class] .nectar_hook_global_section_footer .force-desktop-text-align-right,
html body[class][class][class][class][class] .nectar_hook_global_section_footer .force-desktop-text-align-right *{text-align:left !important}
}


/* CD-POSTSLIDER (scoped to 3-item grids only, so the main blog listing keeps its normal stacked layout): on phones the post grid stacks into a long column. Turn it into a full-bleed swipe slider with snap, next card peeking. Deliberately NOT in @layer cdfix: the theme sets display:grid on these with an unlayered !important, and for important declarations an unlayered rule beats a layered one. Desktop untouched. */
@media only screen and (max-width:999px){
html body[class][class][class][class][class] .nectar-post-grid:has(> .nectar-post-grid-item:nth-child(3):last-child){display:flex !important;flex-wrap:nowrap !important;grid-template-columns:none !important;grid-template-rows:none !important;grid-auto-flow:row !important;grid-auto-columns:auto !important;grid-auto-rows:auto !important;overflow-x:auto !important;overflow-y:hidden !important;scroll-snap-type:x mandatory !important;scroll-padding-left:23px !important;-webkit-overflow-scrolling:touch !important;scrollbar-width:none !important;-ms-overflow-style:none !important;width:100vw !important;max-width:100vw !important;height:auto !important;margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;padding-left:23px !important;padding-right:23px !important;padding-bottom:8px !important;box-sizing:border-box !important;gap:14px !important;align-items:stretch !important}
html body[class][class][class][class][class] .nectar-post-grid:has(> .nectar-post-grid-item:nth-child(3):last-child)::-webkit-scrollbar{display:none !important;width:0 !important;height:0 !important}
html body[class][class][class][class][class] .nectar-post-grid:has(> .nectar-post-grid-item:nth-child(3):last-child) > .nectar-post-grid-item{flex:0 0 80% !important;width:80% !important;max-width:80% !important;min-width:0 !important;height:auto !important;margin:0 !important;grid-column:auto !important;grid-row:auto !important;scroll-snap-align:start !important;transform:none !important}
@media (prefers-reduced-motion:reduce){html body[class][class][class][class][class] .nectar-post-grid:has(> .nectar-post-grid-item:nth-child(3):last-child){scroll-snap-type:none !important}}
}


/* CD-BURGERX: the open-state cross is drawn from our own cd-nav-open state. We deliberately do NOT touch the theme's own open/closed class on the toggle, because its click handler reads that class and rewriting it made the button need several taps. */
@layer cdfix{
html.cd-nav-open body[class][class][class][class][class] .slide-out-widget-area-toggle a i.lines-button i.lines{background:transparent !important}
html.cd-nav-open body[class][class][class][class][class] .slide-out-widget-area-toggle a i.lines-button i.lines::before{top:0 !important;bottom:auto !important;transform:rotate(45deg) !important}
html.cd-nav-open body[class][class][class][class][class] .slide-out-widget-area-toggle a i.lines-button i.lines::after{top:0 !important;bottom:auto !important;transform:rotate(-45deg) !important}
}


/* CD-PROMOBAR: slim promo strip above the hero on every Expertise and Sector page. */
@layer cdfix{
html body[class][class][class][class][class] .cd-promo-wrap{}
html body[class][class][class][class][class] .cd-promo{display:flex !important;align-items:center !important;justify-content:center !important;gap:10px !important;width:100% !important;box-sizing:border-box !important;padding:13px 22px !important;border-radius:14px !important;font-size:15px !important;line-height:1.35 !important;font-weight:500 !important;text-align:center !important;text-decoration:none !important;transition:background .25s ease}
html body[class][class][class][class][class] .cd-promo:hover{}
html body[class][class][class][class][class] .cd-promo b{font-weight:500 !important;white-space:nowrap !important}
@media only screen and (max-width:999px){html body[class][class][class][class][class] .cd-promo{font-size:13.5px !important;padding:11px 16px !important;border-radius:12px !important}html body[class][class][class][class][class] .cd-promo-wrap{}}
}



@layer cdfix{
/* ===== CD-TAPTARGET : enlarge mobile burger hit area to ~48px without moving the icon ===== */
html body[class][class][class][class][class] #header-outer #top .slide-out-widget-area-toggle a,
html body[class][class][class][class][class] #header-outer #top .slide-out-widget-area-toggle > div > a,
html body[class][class][class][class][class] #header-outer .slide-out-widget-area-toggle a,
html body[class][class][class][class][class] .slide-out-widget-area-toggle a{padding:0 !important;margin:0 !important;position:relative !important;touch-action:manipulation !important;-webkit-tap-highlight-color:transparent !important;overflow:visible !important}
html body[class][class][class][class][class] #header-outer #top .slide-out-widget-area-toggle a::before,
html body[class][class][class][class][class] #header-outer #top .slide-out-widget-area-toggle > div > a::before,
html body[class][class][class][class][class] #header-outer .slide-out-widget-area-toggle a::before,
html body[class][class][class][class][class] .slide-out-widget-area-toggle a::before{content:'' !important;position:absolute !important;left:50% !important;top:50% !important;width:52px !important;height:52px !important;transform:translate(-50%,-50%) !important;background:transparent !important;border:0 !important;margin:0 !important;padding:0 !important;display:block !important;z-index:0 !important;pointer-events:auto !important}
html body[class][class][class][class][class] #header-outer #top .slide-out-widget-area-toggle a i.lines-button,
html body[class][class][class][class][class] #header-outer #top .slide-out-widget-area-toggle > div > a i.lines-button,
html body[class][class][class][class][class] #header-outer .slide-out-widget-area-toggle a i.lines-button,
html body[class][class][class][class][class] .slide-out-widget-area-toggle a i.lines-button{position:relative !important;z-index:1 !important}
html body[class][class][class][class][class] #header-outer .slide-out-widget-area-toggle,
html body[class][class][class][class][class] .slide-out-widget-area-toggle{overflow:visible !important}
html body[class][class][class][class][class] #header-outer .slide-out-widget-area-toggle > div{overflow:visible !important}

/* ===== CD-PROMOWHITE : promo bar on white ===== */
html body[class][class][class][class][class] .cd-promo{}
html body[class][class][class][class][class] .cd-promo:hover{}
html body[class][class][class][class][class] .cd-promo b{color:#1d1d1f !important;opacity:.55 !important}

/* ===== CD-TPFOOT : Trustpilot mark in footer ===== */
html body[class][class][class][class][class] .cd-tp{display:inline-block !important;margin:18px 0 0 !important;line-height:0 !important;opacity:.9 !important;transition:opacity .25s ease !important}
html body[class][class][class][class][class] .cd-tp:hover{opacity:1 !important}
html body[class][class][class][class][class] .cd-tp img{width:128px !important;height:auto !important;max-width:128px !important;display:block !important;opacity:1 !important;visibility:visible !important;filter:none !important}
@media only screen and (max-width:999px){
html body[class][class][class][class][class] .cd-tp{margin-top:14px !important}
html body[class][class][class][class][class] .cd-tp img{width:112px !important;max-width:112px !important}
}








/* ===== CD-POSTLIGHT : blog posts read on #f7f7f7, the same surface as the blog index and contact page ===== */
html body.single-post[class][class][class][class] {background-color:#f7f7f7 !important;color:#111114 !important}
html body.single-post[class][class][class][class] #ajax-content-wrap,
html body.single-post[class][class][class][class] .container-wrap,
html body.single-post[class][class][class][class] .post-area,
html body.single-post[class][class][class][class] .content-inner,
html body.single-post[class][class][class][class] .post-content{background-color:#f7f7f7 !important}
html body.single-post[class][class][class][class] .container-wrap,
html body.single-post[class][class][class][class] .post-area,
html body.single-post[class][class][class][class] .content-inner,
html body.single-post[class][class][class][class] .post-content,
html body.single-post[class][class][class][class] .post-content p,
html body.single-post[class][class][class][class] .content-inner p,
html body.single-post[class][class][class][class]  article p,
html body.single-post[class][class][class][class]  article li,
html body.single-post[class][class][class][class]  .entry-content p,
html body.single-post[class][class][class][class]  .entry-content li{color:#2b2b30 !important}
html body.single-post[class][class][class][class]  h1,
html body.single-post[class][class][class][class]  h2,
html body.single-post[class][class][class][class]  h3,
html body.single-post[class][class][class][class]  h4,
html body.single-post[class][class][class][class]  h5,
html body.single-post[class][class][class][class]  h6,
html body.single-post[class][class][class][class]  article strong,
html body.single-post[class][class][class][class]  .entry-content strong{color:#111114 !important}
html body.single-post[class][class][class][class]  .entry-content a,
html body.single-post[class][class][class][class]  article a{color:#111114 !important;text-decoration:underline !important;text-underline-offset:3px !important;text-decoration-thickness:1px !important}
html body.single-post[class][class][class][class]  .entry-content a:hover,
html body.single-post[class][class][class][class]  article a:hover{text-decoration-color:#f5d400 !important}
html body.single-post[class][class][class][class]  blockquote{border-left:3px solid #f5d400 !important;color:#111114 !important}
html body.single-post[class][class][class][class]  hr{border-color:rgba(0,0,0,.12) !important}
html body.single-post[class][class][class][class]  code,
html body.single-post[class][class][class][class]  pre{background:#f4f4f6 !important;color:#111114 !important}

/* ===== CD-LOCADDR : address line in the location page hero ===== */
html body[class][class][class]:has(.cd-page) .cd-hero-copy .cd-hero-addr{display:block !important;margin-top:14px !important;font-size:15px !important;line-height:1.45 !important;font-weight:500 !important;letter-spacing:.01em !important;color:#f5d400 !important}
@media only screen and (max-width:999px){
html body[class][class][class]:has(.cd-page) .cd-hero-copy .cd-hero-addr{font-size:13.5px !important;margin-top:11px !important}
}

/* ===== CD-HEROBOOK : playbook hero built around the cover. Scoped with
   :has(.cd-hero-book) so it cannot touch any other page's hero. ===== */
html body[class][class][class]:has(.cd-page) .row_col_wrap_12:has(.cd-hero-book){position:relative !important}
html body[class][class][class]:has(.cd-page) .wpb_row:has(.cd-hero-book){overflow:hidden !important}
html body[class][class][class]:has(.cd-page) .cd-hero-book{position:absolute !important;right:-9% !important;top:50% !important;transform:translateY(-50%) rotate(-4deg) !important;width:clamp(460px,58vw,1000px) !important;margin:0 !important;padding:0 !important;line-height:0 !important;z-index:1 !important;pointer-events:none !important}
html body[class][class][class]:has(.cd-page) .cd-hero-book img{display:block !important;width:100% !important;height:auto !important;max-width:none !important;border-radius:6px !important;filter:drop-shadow(0 44px 72px rgba(0,0,0,.62)) !important;opacity:1 !important;visibility:visible !important}
html body[class][class][class]:has(.cd-page) .cd-col-hero:has(.cd-hero-book) .wpb_raw_code:has(.cd-hero-book){position:static !important}
html body[class][class][class]:has(.cd-page) .cd-col-hero:has(.cd-hero-book) .cd-hero-copy,
html body[class][class][class]:has(.cd-page) .cd-col-hero:has(.cd-hero-book) .cd-hero-actions,
html body[class][class][class]:has(.cd-page) .cd-col-hero:has(.cd-hero-book) .cd-hero-tp{position:relative !important;z-index:2 !important}
html body[class][class][class]:has(.cd-page) .cd-col-hero:has(.cd-hero-book) .cd-hero-copy{max-width:min(620px,44%) !important}
html body[class][class][class]:has(.cd-page) .cd-col-hero:has(.cd-hero-book) .cd-hero-copy h1{max-width:100% !important;font-size:clamp(40px,4.4vw,64px) !important;line-height:1.06 !important;letter-spacing:-.025em !important;text-wrap:balance !important}
@media only screen and (max-width:999px){
html body[class][class][class]:has(.cd-page) .cd-hero-book{right:-26% !important;top:clamp(40px,8vh,80px) !important;bottom:auto !important;margin-top:0 !important;transform:rotate(-5deg) !important;width:64vw !important}
html body[class][class][class]:has(.cd-page) .cd-col-hero:has(.cd-hero-book) .cd-hero-copy,
html body[class][class][class]:has(.cd-page) .cd-col-hero:has(.cd-hero-book) .cd-hero-copy h1{max-width:100% !important}
}
@media (prefers-reduced-motion:reduce){
html body[class][class][class]:has(.cd-page) .cd-hero-book{transform:translateY(-50%) !important}
}

/* ===== CD-NAV2 : mobile menu with a CSS-only toggle, no JavaScript =====
   The old menu was built and toggled entirely by an inline script, so the first
   tap did nothing on a real phone. Checkbox + :checked needs no script at all. */
html body[class][class][class][class][class] .cd-n2-cb{position:fixed !important;left:-9999px !important;top:0 !important;width:1px !important;height:1px !important;opacity:0 !important;margin:0 !important}
html body[class][class][class][class][class] .cd-n2-burger,
html body[class][class][class][class][class] .cd-n2,
html body[class][class][class][class][class] .cd-n2-scrim{display:none !important;visibility:hidden !important}
html body[class][class][class][class][class] .cd-n2-cb{display:none !important}
@media only screen and (max-width:999px){
html body[class][class][class][class][class] #header-outer .slide-out-widget-area-toggle{display:none !important;visibility:hidden !important;pointer-events:none !important}
html body[class][class][class][class][class] #cd-mobnav{display:none !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important}
html body[class][class][class][class][class] .cd-n2-burger{position:fixed !important;top:0 !important;right:4px !important;width:52px !important;height:52px !important;display:flex !important;visibility:visible !important;align-items:center !important;justify-content:center !important;margin:0 !important;padding:0 !important;z-index:10050 !important;cursor:pointer !important;touch-action:manipulation !important;-webkit-tap-highlight-color:transparent !important;background:transparent !important}
html body[class][class][class][class][class] .cd-n2-bars{position:relative !important;display:block !important;width:18px !important;height:1.5px !important;background:transparent !important;border-radius:2px !important}
html body[class][class][class][class][class] .cd-n2-bars::before,
html body[class][class][class][class][class] .cd-n2-bars::after{content:'' !important;position:absolute !important;left:0 !important;width:18px !important;height:1.5px !important;background:#f5f5f7 !important;border-radius:2px !important;transition:transform .26s cubic-bezier(.4,0,.2,1),top .26s cubic-bezier(.4,0,.2,1) !important}
html body[class][class][class][class][class] .cd-n2-bars::before{top:-3px !important}
html body[class][class][class][class][class] .cd-n2-bars::after{top:3px !important}
html body[class][class][class][class][class] .cd-n2-cb:checked ~ .cd-n2-burger .cd-n2-bars{background:transparent !important;width:18px !important}
html body[class][class][class][class][class] .cd-n2-cb:checked ~ .cd-n2-burger .cd-n2-bars::before{top:0 !important;transform:rotate(45deg) !important}
html body[class][class][class][class][class] .cd-n2-cb:checked ~ .cd-n2-burger .cd-n2-bars::after{top:0 !important;transform:rotate(-45deg) !important}
html body[class][class][class][class][class] .cd-n2{position:fixed !important;inset:0 !important;display:block !important;z-index:10040 !important;background:rgba(17,17,19,.88) !important;-webkit-backdrop-filter:saturate(1.3) blur(26px) !important;backdrop-filter:saturate(1.3) blur(26px) !important;opacity:0 !important;visibility:hidden !important;transform:translateY(-8px) !important;transition:opacity .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1),visibility .28s !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important;overscroll-behavior:contain !important}
html body[class][class][class][class][class] .cd-n2-cb:checked ~ .cd-n2{opacity:1 !important;visibility:visible !important;transform:none !important}
html body[class][class][class][class][class] .cd-n2-in{padding:92px 26px 56px !important;box-sizing:border-box !important;min-height:100% !important}
html body[class][class][class][class][class] .cd-n2-list{list-style:none !important;margin:0 !important;padding:0 !important}
html body[class][class][class][class][class] .cd-n2-list > li{margin:0 0 4px !important;padding:0 !important;list-style:none !important}
html body[class][class][class][class][class] .cd-n2-list > li > a,
html body[class][class][class][class][class] .cd-n2-list summary{display:block !important;padding:13px 0 !important;font-size:28px !important;line-height:1.2 !important;font-weight:500 !important;letter-spacing:-.02em !important;color:#f5f5f7 !important;text-decoration:none !important}
html body[class][class][class][class][class] .cd-n2-list summary{list-style:none !important;cursor:pointer !important;position:relative !important}
html body[class][class][class][class][class] .cd-n2-list summary::-webkit-details-marker{display:none !important}
html body[class][class][class][class][class] .cd-n2-list summary::after{content:'+' !important;position:absolute !important;right:2px !important;top:50% !important;transform:translateY(-50%) !important;font-size:26px !important;font-weight:400 !important;color:#8a8a8f !important;transition:transform .22s ease !important}
html body[class][class][class][class][class] .cd-n2-list details[open] summary::after{content:'\2013' !important}
html body[class][class][class][class][class] .cd-n2-sub{list-style:none !important;margin:2px 0 14px !important;padding:0 0 0 2px !important}
html body[class][class][class][class][class] .cd-n2-sub li{margin:0 !important;list-style:none !important}
html body[class][class][class][class][class] .cd-n2-sub a{display:block !important;padding:9px 0 !important;font-size:16px !important;line-height:1.35 !important;color:#a7a7ad !important;text-decoration:none !important}
html body[class][class][class][class][class] .cd-n2-cta{margin-top:22px !important}
html body[class][class][class][class][class] .cd-n2-cta a{display:inline-flex !important;align-items:center !important;padding:13px 26px !important;border-radius:980px !important;background:#f5d400 !important;color:#101014 !important;font-size:16px !important;font-weight:600 !important;text-decoration:none !important}
html body[class][class][class][class][class] .cd-n2-scrim{display:none !important}
}
@media (prefers-reduced-motion:reduce){
html body[class][class][class][class][class] .cd-n2,
html body[class][class][class][class][class] .cd-n2-bars::before,
html body[class][class][class][class][class] .cd-n2-bars::after{transition:none !important}
}

/* ===== CD-CHAPNUM : numbered chapter cards on the playbook page ===== */
html body[class][class][class]:has(.cd-page) .cd-card .wpb_text_column p.cd-num,
html body[class][class][class]:has(.cd-page) .cd-card p.cd-num{display:block !important;margin:0 0 18px !important;padding:0 !important;line-height:1 !important;font-size:14px !important;font-weight:600 !important;letter-spacing:.08em !important;color:#6e6e73 !important;font-variant-numeric:tabular-nums !important;border:0 !important;max-width:none !important}

/* ===== CD-PROMOFLOAT : float the promo bar over the banner, slightly translucent ===== */
html body[class][class][class][class][class] #ajax-content-wrap{position:relative !important}
html body[class][class][class][class][class] .cd-promo-wrap{position:absolute !important;top:0 !important;left:0 !important;right:0 !important;z-index:9994 !important;pointer-events:none !important;background:transparent !important;padding:66px clamp(20px,4vw,60px) 0 !important;margin:0 !important;box-sizing:border-box !important;display:block !important;width:100% !important}
@media only screen and (max-width:999px){
html body[class][class][class][class][class] .cd-promo-wrap{padding:70px 24px 0 !important}
}
html body[class][class][class][class][class] .cd-promo{pointer-events:auto !important;background:rgba(255,255,255,.86) !important;-webkit-backdrop-filter:saturate(1.5) blur(20px) !important;backdrop-filter:saturate(1.5) blur(20px) !important;color:#1d1d1f !important;box-shadow:0 8px 30px rgba(0,0,0,.30) !important}
html body[class][class][class][class][class] .cd-promo:hover{background:rgba(255,255,255,.95) !important}

/* ===== CD-MARQUEE : auto-scrolling platform logo strip (pure CSS, no JS) =====
   The strip holds two identical sets of logos in the page markup, so the track
   is the .clients element itself and a -50% shift loops seamlessly.
   WP Rocket delays inline JS until first interaction, so this must not need JS. */
@keyframes cd-mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
html body[class][class][class][class][class] .row_col_wrap_12:has(.clients.five-cols){overflow:hidden !important}
html body[class][class][class][class][class] .clients.five-cols{display:flex !important;flex-wrap:nowrap !important;align-items:center !important;justify-content:flex-start !important;width:max-content !important;max-width:none !important;min-width:0 !important;height:auto !important;min-height:0 !important;gap:0 !important;margin:0 !important;padding:0 !important;overflow:visible !important;background:none !important;background-color:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;opacity:1 !important;visibility:visible !important;grid-template-columns:none !important;-webkit-mask-image:none !important;mask-image:none !important}
html body[class][class][class][class][class] .clients.five-cols.no-carousel{animation:cd-mq 46s linear infinite !important;will-change:transform !important}
html body[class][class][class][class][class] .clients.five-cols.no-carousel:hover{animation-play-state:paused !important}
html body[class][class][class][class][class] .clients.five-cols > *:not(.cd-mq-track){flex:0 0 auto !important;display:flex !important;align-items:center !important;width:auto !important;max-width:none !important;height:auto !important;min-height:0 !important;margin:0 clamp(26px,11vw,190px) 0 0 !important;padding:0 !important;background:none !important;background-color:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;opacity:1 !important;visibility:visible !important;transform:none !important;animation:none !important}
html body[class][class][class][class][class] .clients.five-cols > *:not(.cd-mq-track) img{display:block !important;width:auto !important;height:auto !important;max-height:clamp(20px,2vw,28px) !important;max-width:none !important;filter:none !important;opacity:.85 !important;visibility:visible !important}
html body[class][class][class][class][class] .clients.five-cols > *:not(.cd-mq-track) img[src*="claude-logo"]{max-height:15px !important}
html body[class][class][class][class][class] .clients.five-cols > *:not(.cd-mq-track) img[src*="reddit"]{max-height:17px !important}
@media only screen and (min-width:1600px){
html body[class][class][class][class][class] .clients.five-cols > *:not(.cd-mq-track){margin-right:clamp(190px,13vw,300px) !important}
html body[class][class][class][class][class] .clients.five-cols.no-carousel{animation-duration:62s !important}
}
@media only screen and (max-width:999px){
html body[class][class][class][class][class] .clients.five-cols > *:not(.cd-mq-track){margin-right:clamp(26px,13vw,70px) !important}
html body[class][class][class][class][class] .clients.five-cols > *:not(.cd-mq-track) img{max-height:20px !important}
html body[class][class][class][class][class] .clients.five-cols.no-carousel{animation-duration:24s !important}
}
@media (prefers-reduced-motion:reduce){
html body[class][class][class][class][class] .clients.five-cols.no-carousel{animation:none !important}
}
}


/* ===== CD-FIXPACK1 ===== */
@layer cdfix{
/* CD-CONTAINERBG: the theme paints .container-wrap white. On template pages the first row starts a few px below it, which showed as a white hairline under the header. */
html body[class][class][class][class][class][class]:has(.cd-page) .container-wrap{background-color:#0d0d0f !important}
html body[class][class][class][class][class][class]:has(.cd-page) #ajax-content-wrap{background-color:#0d0d0f !important}
/* CD-MQSIZE: larger platform logos in the home marquee */
html body[class][class][class][class][class][class] .clients.five-cols img{max-height:44px !important;height:auto !important;width:auto !important;max-width:none !important}
@media only screen and (min-width:1600px){html body[class][class][class][class][class][class] .clients.five-cols img{max-height:52px !important}}
@media only screen and (max-width:999px){html body[class][class][class][class][class][class] .clients.five-cols img{max-height:26px !important}}
/* CD-EYEBROW2: larger yellow line above the marquee on desktop */
@media only screen and (min-width:1000px){
html body[class][class][class][class][class][class] .cd-plat-eyebrow,html body[class][class][class][class][class][class] .cd-plat-eyebrow p{font-size:clamp(17px,1.3vw,22px) !important;line-height:1.35 !important;font-weight:500 !important;letter-spacing:.005em !important}
}
}


/* ===== CD-BTNALL: every theme button takes the template pill shape, type and hover lift ===== */
@layer cdfix{
html body[class][class][class][class][class][class] a.nectar-button:not(#header-outer *):not(#slide-out-widget-area *):not(#mobile-menu *){display:inline-flex !important;align-items:center !important;justify-content:center !important;font-family:inherit !important;font-size:17px !important;font-weight:400 !important;line-height:1.2 !important;letter-spacing:0 !important;text-transform:none !important;padding:13px 28px !important;min-height:48px !important;border-radius:980px !important;border:1px solid transparent !important;box-shadow:none !important;background-image:none !important;background-color:#ffffff !important;color:#111111 !important;transition:transform .28s cubic-bezier(.2,.7,.3,1),background-color .28s ease,color .28s ease,border-color .28s ease,opacity .28s ease !important;will-change:transform !important}
html body[class][class][class][class][class][class] a.nectar-button:not(#header-outer *):not(#slide-out-widget-area *):not(#mobile-menu *) .start,html body[class][class][class][class][class][class] a.nectar-button:not(#header-outer *):not(#slide-out-widget-area *):not(#mobile-menu *) .hover{color:#111111 !important;background-image:none !important;text-shadow:none !important}
html body[class][class][class][class][class][class] a.nectar-button:not(#header-outer *):not(#slide-out-widget-area *):not(#mobile-menu *):hover{transform:translateY(-2px) !important;background-color:#f1f1f3 !important;color:#111111 !important;border-color:transparent !important}
html body[class][class][class][class][class][class] a.nectar-button:not(#header-outer *):not(#slide-out-widget-area *):not(#mobile-menu *):active{transform:translateY(0) !important}
html body[class][class][class][class][class][class] a.nectar-button.extra-color-2:not(#header-outer *):not(#slide-out-widget-area *):not(#mobile-menu *),html body[class][class][class][class][class][class] a.nectar-button.accent-color:not(#header-outer *):not(#slide-out-widget-area *):not(#mobile-menu *){background-color:transparent !important;color:#ffffff !important;border-color:rgba(255,255,255,.45) !important}
html body[class][class][class][class][class][class] a.nectar-button.extra-color-2:not(#header-outer *):not(#slide-out-widget-area *):not(#mobile-menu *) .start,html body[class][class][class][class][class][class] a.nectar-button.accent-color:not(#header-outer *):not(#slide-out-widget-area *):not(#mobile-menu *) .start{color:#ffffff !important}
html body[class][class][class][class][class][class] a.nectar-button.extra-color-2:not(#header-outer *):not(#slide-out-widget-area *):not(#mobile-menu *):hover,html body[class][class][class][class][class][class] a.nectar-button.accent-color:not(#header-outer *):not(#slide-out-widget-area *):not(#mobile-menu *):hover{background-color:rgba(255,255,255,.12) !important;border-color:#ffffff !important;color:#ffffff !important}
html body[class][class][class][class][class][class] a.nectar-button:not(#header-outer *):not(#slide-out-widget-area *):not(#mobile-menu *):before,html body[class][class][class][class][class][class] a.nectar-button:not(#header-outer *):not(#slide-out-widget-area *):not(#mobile-menu *):after{display:none !important}
@media (prefers-reduced-motion:reduce){html body[class][class][class][class][class][class] a.nectar-button:not(#header-outer *):not(#slide-out-widget-area *):not(#mobile-menu *){transition:background-color .2s ease,color .2s ease !important}html body[class][class][class][class][class][class] a.nectar-button:not(#header-outer *):not(#slide-out-widget-area *):not(#mobile-menu *):hover{transform:none !important}}
}


/* ===== CD-CARDSHOT + CD-FAQPAD ===== */
@layer cdfix{
/* CD-CARDSHOT: image thumbnail at the top of an expertise card. Real img, so it renders on phones. */
html body[class][class][class][class][class][class]:has(.cd-page) .cd-card .cd-card-shot{display:block !important;margin:0 0 22px !important;padding:0 !important;border-radius:14px !important;overflow:hidden !important;background:#17171a !important;aspect-ratio:16/10 !important;max-width:none !important}
html body[class][class][class][class][class][class]:has(.cd-page) .cd-card .cd-card-shot img{display:block !important;width:100% !important;height:100% !important;object-fit:cover !important;margin:0 !important;border-radius:0 !important;transition:transform .5s cubic-bezier(.2,.7,.3,1) !important}
html body[class][class][class][class][class][class]:has(.cd-page) .cd-card:hover .cd-card-shot img{transform:scale(1.04) !important}
html body[class][class][class][class][class][class]:has(.cd-page) .cd-card .cd-card-go{margin:18px 0 0 !important}
html body[class][class][class][class][class][class]:has(.cd-page) .cd-card .cd-card-go a{display:inline-flex !important;align-items:center !important;gap:8px !important;font-size:16px !important;font-weight:500 !important;color:#f5d400 !important;text-decoration:none !important;border:0 !important}
html body[class][class][class][class][class][class]:has(.cd-page) .cd-card .cd-card-go a:after{content:"\203A" !important;font-size:20px !important;line-height:1 !important;transform:translateX(0) !important;transition:transform .25s ease !important}
html body[class][class][class][class][class][class]:has(.cd-page) .cd-card:hover .cd-card-go a:after{transform:translateX(5px) !important}
@media only screen and (max-width:999px){html body[class][class][class][class][class][class]:has(.cd-page) .cd-card .cd-card-shot{aspect-ratio:16/9 !important;margin-bottom:16px !important}}
/* CD-FAQPAD: breathing room either side of the FAQ accordion so the answers read better */
html body[class][class][class][class][class][class]:has(.cd-page) .cd-col-faq .toggles{max-width:min(1000px,80%) !important;margin-left:auto !important;margin-right:auto !important}
html body[class][class][class][class][class][class]:has(.cd-page) .cd-col-faq .cd-head{max-width:min(1000px,80%) !important;margin-left:auto !important;margin-right:auto !important}
html body[class][class][class][class][class][class]:has(.cd-page) .cd-col-faq .toggle > .toggle-content,html body[class][class][class][class][class][class]:has(.cd-page) .cd-col-faq .toggle .wpb_text_column{padding-right:6% !important}
@media only screen and (max-width:999px){html body[class][class][class][class][class][class]:has(.cd-page) .cd-col-faq .toggles,html body[class][class][class][class][class][class]:has(.cd-page) .cd-col-faq .cd-head{max-width:100% !important}html body[class][class][class][class][class][class]:has(.cd-page) .cd-col-faq .toggle > .toggle-content,html body[class][class][class][class][class][class]:has(.cd-page) .cd-col-faq .toggle .wpb_text_column{padding-right:0 !important}}
}


/* ===== CD-TPMOVE: Trustpilot sits in the empty cell beside the footer Contact list ===== */
@layer cdfix{
html body[class][class][class][class][class][class] .cd-tp.cd-tp-moved{display:block !important;margin:0 !important}
html body[class][class][class][class][class][class] .cd-tp-slot{display:block !important;}
html body[class][class][class][class][class][class] .cd-tp-slot img{}
@media only screen and (max-width:999px){html body[class][class][class][class][class][class] .cd-tp-slot{}}
}


/* ===== CD-TAGWHITE + CD-FOOTWHITE ===== */
@layer cdfix{
/* category pills read as slate chips with white text */
html body[class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item a.style-button,html body[class][class][class][class][class][class] .nectar-post-grid a.style-button{background-color:#5D6775 !important;background-image:none !important;color:#ffffff !important;border-color:transparent !important;box-shadow:none !important;transition:background-color .25s ease !important}
html body[class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item a.style-button *,html body[class][class][class][class][class][class] .nectar-post-grid a.style-button *{color:#ffffff !important}
html body[class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item a.style-button:hover,html body[class][class][class][class][class][class] .nectar-post-grid a.style-button:hover{background-color:#0a0b0d !important;color:#ffffff !important}
/* the global footer section is always dark, so its headings and body copy stay light whatever the page scheme */
html body[class][class][class][class][class][class] .nectar-global-section h1,html body[class][class][class][class][class][class] .nectar-global-section h2,html body[class][class][class][class][class][class] .nectar-global-section h3,html body[class][class][class][class][class][class] .nectar-global-section h4{color:#ffffff !important}
html body[class][class][class][class][class][class] .nectar-global-section p{color:rgba(255,255,255,.72) !important}
}


/* ===== CD-TPBOTTOM: Trustpilot smaller and bottom aligned with the Locations link ===== */
@layer cdfix{
html body[class][class][class][class][class][class] .row_col_wrap_12_inner > .wpb_column:last-child > .vc_column-inner{height:100% !important}
html body[class][class][class][class][class][class] .row_col_wrap_12_inner > .wpb_column:last-child > .vc_column-inner > .wpb_wrapper{display:flex !important;flex-direction:column !important;align-items:flex-start !important;height:100% !important}
html body[class][class][class][class][class][class] .cd-tp-slot{margin-top:auto !important;margin-bottom:0 !important;padding-top:24px !important}
html body[class][class][class][class][class][class] .cd-tp-slot img{width:104px !important;max-width:104px !important}
@media only screen and (max-width:999px){html body[class][class][class][class][class][class] .row_col_wrap_12_inner > .wpb_column:last-child > .vc_column-inner > .wpb_wrapper{display:block !important;height:auto !important}html body[class][class][class][class][class][class] .cd-tp-slot{}html body[class][class][class][class][class][class] .cd-tp-slot img{width:96px !important;max-width:96px !important}}
}


/* ===== CD-EXPROWS: editorial alternating image and copy rows on the expertise page ===== */
@layer cdfix{
html body[class][class][class][class][class][class]:has(.cd-page) .cd-col-exp .row_col_wrap_12_inner{display:flex !important;flex-wrap:nowrap !important;gap:clamp(36px,5vw,96px) !important;margin:0 0 clamp(72px,9vw,150px) !important;width:100% !important}
html body[class][class][class][class][class][class]:has(.cd-page) .cd-col-exp .row_col_wrap_12_inner:last-child{margin-bottom:0 !important}
html body[class][class][class][class][class][class]:has(.cd-page) .cd-col-exp .row_col_wrap_12_inner:has(.cd-exp-alt){flex-direction:row-reverse !important}
html body[class][class][class][class][class][class]:has(.cd-page) .cd-col-exp .cd-exp-shot,html body[class][class][class][class][class][class]:has(.cd-page) .cd-col-exp .cd-exp-copy{flex:1 1 0 !important;width:auto !important;max-width:none !important;padding:0 !important;margin:0 !important;min-width:0 !important}
html body[class][class][class][class][class][class]:has(.cd-page) .cd-col-exp .cd-exp-figure{margin:0 !important;padding:0 !important;border-radius:20px !important;overflow:hidden !important;aspect-ratio:4/3 !important;max-width:none !important}
html body[class][class][class][class][class][class]:has(.cd-page) .cd-col-exp .cd-exp-figure img{display:block !important;width:100% !important;height:100% !important;object-fit:cover !important;margin:0 !important;border-radius:0 !important;transition:transform .6s cubic-bezier(.2,.7,.3,1) !important}
html body[class][class][class][class][class][class]:has(.cd-page) .cd-col-exp .row_col_wrap_12_inner:hover .cd-exp-figure img{transform:scale(1.035) !important}
html body[class][class][class][class][class][class]:has(.cd-page) .cd-col-exp .cd-exp-copy h3{font-size:clamp(30px,3.1vw,46px) !important;line-height:1.05 !important;letter-spacing:-.022em !important;margin:0 0 20px !important;text-wrap:balance !important}
html body[class][class][class][class][class][class]:has(.cd-page) .cd-col-exp .cd-exp-copy p{font-size:clamp(17px,1.25vw,20px) !important;line-height:1.55 !important;max-width:46ch !important;margin:0 0 18px !important}
html body[class][class][class][class][class][class]:has(.cd-page) .cd-col-exp .cd-exp-copy p.cd-exp-sub{font-size:14px !important;line-height:1.7 !important;letter-spacing:.01em !important;margin:0 0 22px !important;padding-top:18px !important;border-top:1px solid rgba(255,255,255,.12) !important;max-width:42ch !important}
html body[class][class][class][class][class][class]:has(.cd-page) .cd-col-exp .cd-exp-copy p.cd-card-go{margin:0 !important}
html body[class][class][class][class][class][class]:has(.cd-page) .cd-col-exp .cd-exp-copy p.cd-card-go a{display:inline-flex !important;align-items:center !important;gap:8px !important;font-size:17px !important;font-weight:500 !important;border:0 !important}
html body[class][class][class][class][class][class]:has(.cd-page) .cd-col-exp .cd-exp-copy p.cd-card-go a:after{content:"\203A" !important;font-size:21px !important;line-height:1 !important;transition:transform .25s ease !important}
html body[class][class][class][class][class][class]:has(.cd-page) .cd-col-exp .row_col_wrap_12_inner:hover .cd-card-go a:after{transform:translateX(5px) !important}
@media only screen and (max-width:999px){
html body[class][class][class][class][class][class]:has(.cd-page) .cd-col-exp .row_col_wrap_12_inner,html body[class][class][class][class][class][class]:has(.cd-page) .cd-col-exp .row_col_wrap_12_inner:has(.cd-exp-alt){flex-direction:column !important;gap:22px !important;margin-bottom:64px !important}
html body[class][class][class][class][class][class]:has(.cd-page) .cd-col-exp .cd-exp-shot,html body[class][class][class][class][class][class]:has(.cd-page) .cd-col-exp .cd-exp-copy{flex:0 0 auto !important;width:100% !important}
html body[class][class][class][class][class][class]:has(.cd-page) .cd-col-exp .cd-exp-figure{aspect-ratio:16/9 !important;border-radius:16px !important}
html body[class][class][class][class][class][class]:has(.cd-page) .cd-col-exp .cd-exp-copy p{max-width:none !important}
}
}


/* ===== CD-STATFILL: the opening statement fills from grey to black as it scrolls into view ===== */
@layer cdfix{
html body[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-statement em{font-style:normal !important;color:inherit !important}
@supports (animation-timeline: view()){
@keyframes cd-statfill{to{background-position:0% 0}}
html body[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-statement p{background-image:linear-gradient(90deg,#0a0b0d 0%,#0a0b0d 50%,#b4b4ba 50%,#b4b4ba 100%) !important;background-size:200% 100% !important;background-position:100% 0 !important;background-repeat:no-repeat !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;-webkit-text-fill-color:transparent !important;animation:cd-statfill linear both !important;animation-timeline:view() !important;animation-range:entry 20% cover 52% !important}
}
@media (prefers-reduced-motion:reduce){html body[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-statement p{animation:none !important;background-image:none !important;color:#0a0b0d !important;-webkit-text-fill-color:#0a0b0d !important}}
}


/* ===== CD-CRUMB: breadcrumb trail above the hero headline ===== */
@layer cdfix{
html body[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-crumb{display:flex !important;align-items:center !important;flex-wrap:wrap !important;gap:14px !important;margin:0 0 26px !important;padding:0 !important;font-size:clamp(15px,1.15vw,18px) !important;font-weight:500 !important;line-height:1.3 !important;letter-spacing:-.005em !important}
html body[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-crumb a{color:rgba(255,255,255,.72) !important;text-decoration:none !important;border:0 !important;transition:color .2s ease !important}
html body[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-crumb a:hover{color:#ffffff !important}
html body[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-crumb .cd-crumb-sep{color:rgba(255,255,255,.45) !important;font-size:1.05em !important;line-height:1 !important}
html body[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-crumb .cd-crumb-now{color:#ffffff !important}
@media only screen and (max-width:999px){html body[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-crumb{gap:10px !important;margin-bottom:18px !important;font-size:14px !important}}
}


/* ===== CD-EXPROWS2: spacing on the inner row wrappers ===== */
@layer cdfix{
html body[class][class][class][class][class][class]:has(.cd-page) .cd-col-exp .wpb_row.inner_row{margin:0 0 clamp(72px,9vw,150px) !important;width:100% !important}
html body[class][class][class][class][class][class]:has(.cd-page) .cd-col-exp .wpb_row.inner_row:last-child{margin-bottom:0 !important}
html body[class][class][class][class][class][class]:has(.cd-page) .cd-col-exp .row_col_wrap_12_inner{align-items:center !important}
html body[class][class][class][class][class][class]:has(.cd-page) .cd-col-exp .cd-exp-shot > .vc_column-inner,html body[class][class][class][class][class][class]:has(.cd-page) .cd-col-exp .cd-exp-copy > .vc_column-inner{padding:0 !important}
@media only screen and (max-width:999px){html body[class][class][class][class][class][class]:has(.cd-page) .cd-col-exp .wpb_row.inner_row{margin-bottom:64px !important}}
}


/* ===== CD-EXPROWS3: the expertise band sits on white, so the copy is dark ===== */
@layer cdfix{
html body[class][class][class][class][class][class]:has(.cd-page) .cd-col-exp .cd-exp-copy h3{color:#0a0b0d !important}
html body[class][class][class][class][class][class]:has(.cd-page) .cd-col-exp .cd-exp-copy p{color:#4a4a52 !important}
html body[class][class][class][class][class][class]:has(.cd-page) .cd-col-exp .cd-exp-copy p.cd-exp-sub{color:#86868b !important;border-top-color:rgba(0,0,0,.14) !important}
html body[class][class][class][class][class][class]:has(.cd-page) .cd-col-exp .cd-exp-copy p.cd-card-go a{color:#0a0b0d !important;text-decoration:none !important}
html body[class][class][class][class][class][class]:has(.cd-page) .cd-col-exp .cd-exp-copy p.cd-card-go a:hover{color:#6b6b12 !important}
html body[class][class][class][class][class][class]:has(.cd-page) .cd-col-exp .cd-exp-figure{background:#ececed !important}
}


/* ===== CD-EXPDARK: the expertise page runs on black end to end ===== */
@layer cdfix{
html body.page-id-22650[class][class][class][class][class][class] {background-color:#0a0b0d !important}
html body.page-id-22650[class][class][class][class][class][class] #ajax-content-wrap,html body.page-id-22650[class][class][class][class][class][class] .container-wrap,html body.page-id-22650[class][class][class][class][class][class] .wpb_row,html body.page-id-22650[class][class][class][class][class][class] .row-bg:not(.using-image){background-color:#0a0b0d !important}
html body.page-id-22650[class][class][class][class][class][class] .wpb_row .row-bg.using-bg-color{background-color:#0a0b0d !important}
html body.page-id-22650[class][class][class][class][class][class] .cd-col-exp .cd-exp-copy h3{color:#ffffff !important}
html body.page-id-22650[class][class][class][class][class][class] .cd-col-exp .cd-exp-copy p{}
html body.page-id-22650[class][class][class][class][class][class] .cd-col-exp .cd-exp-copy p.cd-exp-sub{color:rgba(255,255,255,.45) !important;border-top-color:rgba(255,255,255,.14) !important}
html body.page-id-22650[class][class][class][class][class][class] .cd-col-exp .cd-exp-copy p.cd-card-go a{}
html body.page-id-22650[class][class][class][class][class][class] .cd-col-exp .cd-exp-figure{}
html body.page-id-22650[class][class][class][class][class][class] .cd-col-exp .cd-label{color:rgba(255,255,255,.5) !important}
html body.page-id-22650[class][class][class][class][class][class] .cd-col-exp .cd-head h2,html body.page-id-22650[class][class][class][class][class][class] .cd-col-exp .cd-head{color:#ffffff !important}
html body.page-id-22650[class][class][class][class][class][class] .cd-statement,html body.page-id-22650[class][class][class][class][class][class] .cd-statement p{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;background-image:none !important;animation:none !important}
html body.page-id-22650[class][class][class][class][class][class] h1,html body.page-id-22650[class][class][class][class][class][class] h2,html body.page-id-22650[class][class][class][class][class][class] h3,html body.page-id-22650[class][class][class][class][class][class] h4{color:#ffffff !important}
html body.page-id-22650[class][class][class][class][class][class] p{color:rgba(255,255,255,.75) !important}
html body.page-id-22650[class][class][class][class][class][class] .cd-col-cta .cd-head h2{color:#ffffff !important}
}


/* ===== CD-EXPBLOCK: expertise rows in the reference layout ===== */
@layer cdfix{
html body.page-id-22650[class][class][class][class][class][class] .cd-col-exp .cd-exp-figure{border-radius:44px !important;aspect-ratio:5/4 !important;background:#17171a !important}
html body.page-id-22650[class][class][class][class][class][class] .cd-col-exp .row_col_wrap_12_inner{gap:clamp(40px,6vw,110px) !important;align-items:center !important}
html body.page-id-22650[class][class][class][class][class][class] .cd-col-exp .cd-exp-copy h3{font-size:clamp(32px,3.35vw,50px) !important;line-height:1.08 !important;letter-spacing:-.022em !important;margin:0 0 22px !important;max-width:18ch !important}
html body.page-id-22650[class][class][class][class][class][class] .cd-col-exp .cd-exp-copy p{font-size:clamp(16px,1.2vw,19px) !important;line-height:1.6 !important;color:rgba(255,255,255,.78) !important;max-width:44ch !important;margin:0 0 34px !important}
html body.page-id-22650[class][class][class][class][class][class] .cd-col-exp .cd-exp-copy p.cd-exp-sub{display:none !important}
html body.page-id-22650[class][class][class][class][class][class] .cd-col-exp .cd-exp-copy p.cd-card-go{margin:0 !important}
html body.page-id-22650[class][class][class][class][class][class] .cd-col-exp .cd-exp-copy p.cd-card-go a{display:inline-flex !important;align-items:center !important;gap:14px !important;background:#f5d400 !important;color:#0a0b0d !important;font-size:17px !important;font-weight:500 !important;line-height:1 !important;padding:17px 30px !important;border-radius:999px !important;text-decoration:none !important;border:0 !important;transition:transform .25s cubic-bezier(.2,.7,.3,1),background-color .25s ease !important}
html body.page-id-22650[class][class][class][class][class][class] .cd-col-exp .cd-exp-copy p.cd-card-go a:hover{background:#ffe633 !important;transform:translateY(-2px) !important;color:#0a0b0d !important}
html body.page-id-22650[class][class][class][class][class][class] .cd-col-exp .cd-exp-copy p.cd-card-go a:after{content:"\2192" !important;font-size:19px !important;line-height:1 !important;transition:transform .25s ease !important}
html body.page-id-22650[class][class][class][class][class][class] .cd-col-exp .row_col_wrap_12_inner:hover .cd-card-go a:after{transform:translateX(5px) !important}
@media only screen and (max-width:999px){html body.page-id-22650[class][class][class][class][class][class] .cd-col-exp .cd-exp-figure{border-radius:28px !important;aspect-ratio:4/3 !important}html body.page-id-22650[class][class][class][class][class][class] .cd-col-exp .cd-exp-copy h3{max-width:none !important}html body.page-id-22650[class][class][class][class][class][class] .cd-col-exp .cd-exp-copy p{max-width:none !important;margin-bottom:26px !important}}
}


/* ===== CD-CASE: case studies read as an editorial piece, not a page of boxes ===== */
@layer cdfix{
html body.single-portfolio[class][class][class][class][class][class] {background-color:#0a0b0d !important}
html body.single-portfolio[class][class][class][class][class][class] #ajax-content-wrap,html body.single-portfolio[class][class][class][class][class][class] .container-wrap{background-color:#0a0b0d !important}
html body.single-portfolio[class][class][class][class][class][class] .wpb_row:first-of-type{padding-top:clamp(70px,8vw,130px) !important}
html body.single-portfolio[class][class][class][class][class][class] h1,html body.single-portfolio[class][class][class][class][class][class] .wpb_row:first-of-type h2{font-size:clamp(38px,4.6vw,74px) !important;line-height:1.02 !important;letter-spacing:-.028em !important;color:#ffffff !important;text-wrap:balance !important;max-width:18ch !important}
html body.single-portfolio[class][class][class][class][class][class] h2{color:#ffffff !important}
html body.single-portfolio[class][class][class][class][class][class] p{font-size:clamp(17px,1.25vw,20px) !important;line-height:1.6 !important;color:rgba(255,255,255,.76) !important;max-width:70ch !important}
html body.single-portfolio[class][class][class][class][class][class] h3{font-size:clamp(24px,2.1vw,32px) !important;line-height:1.12 !important;letter-spacing:-.018em !important;color:#ffffff !important}
html body.single-portfolio[class][class][class][class][class][class] .wpb_row img{border-radius:clamp(18px,2vw,32px) !important;width:100% !important;height:auto !important;display:block !important;object-fit:cover !important}
html body.single-portfolio[class][class][class][class][class][class] .wpb_row .wpb_single_image,html body.single-portfolio[class][class][class][class][class][class] .wpb_row .wpb_single_image .vc_figure,html body.single-portfolio[class][class][class][class][class][class] .wpb_row .wpb_single_image .vc_single_image-wrapper{display:block !important;width:100% !important}
html body.single-portfolio[class][class][class][class][class][class] p.typography_body-l__KUYFJ{}
html body.single-portfolio[class][class][class][class][class][class] .wpb_row:has(> .row_col_wrap_12 > .wpb_column > .vc_column-inner > .wpb_wrapper:empty){padding:0 !important;min-height:0 !important;height:0 !important;overflow:hidden !important}
}


/* CD-CASESTAT (unlayered on purpose) */
html body.single-portfolio[class][class][class][class][class][class] .wpb_row:not(:first-of-type) h2[style]{color:#f5d400 !important;font-size:clamp(46px,5.4vw,86px) !important;line-height:1 !important;letter-spacing:-.035em !important;font-variant-numeric:tabular-nums !important}
html body.single-portfolio[class][class][class][class][class][class] .wpb_row:first-of-type h2,html body.single-portfolio[class][class][class][class][class][class] .wpb_row:first-of-type h2[style]{color:#ffffff !important;font-size:clamp(38px,4.4vw,70px) !important;line-height:1.03 !important;letter-spacing:-.028em !important}


/* ===== CD-CASETAG: headline white, metric numbers yellow (tagged by JS so it does not depend on row order) ===== */
@layer cdfix{
html body.single-portfolio[class][class][class][class][class][class] h2.cd-case-head-legacy{color:#ffffff !important;}
html body.single-portfolio[class][class][class][class][class][class] h2.cd-stat-num-legacy{color:#f5d400 !important;font-size:clamp(50px,5.8vw,92px) !important;line-height:1 !important;letter-spacing:-.035em !important;font-variant-numeric:tabular-nums !important}
}


/* CD-CASETAG2 (unlayered) */
html body.single-portfolio[class][class][class][class][class][class] h2.cd-case-head-legacy{color:#ffffff !important}
html body.single-portfolio[class][class][class][class][class][class] h2.cd-stat-num-legacy{color:#f5d400 !important}


/* ===== CD-BLOGINDEX: the blog index reads as an editorial list, one featured piece then a hairline separated run ===== */
html body.page-id-1131[class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3{display:grid !important;grid-template-columns:minmax(0,1fr) !important;grid-auto-rows:auto !important;gap:0 !important;width:100% !important;max-width:none !important;flex-wrap:nowrap !important}
html body.page-id-1131[class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item{width:100% !important;max-width:none !important;min-width:0 !important;margin:0 !important;flex:none !important;aspect-ratio:auto !important;padding:0 !important}
html body.page-id-1131[class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .inner{background:transparent !important;border-radius:0 !important;box-shadow:none !important;height:auto !important}
html body.page-id-1131[class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .nectar-post-grid-item-bg-wrap{height:auto !important;width:100% !important;}
html body.page-id-1131[class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .nectar-post-grid-item-bg{}
html body.page-id-1131[class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item img{width:100% !important;height:100% !important;object-fit:cover !important}
html body.page-id-1131[class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item:first-child .inner{display:block !important;padding:0 0 clamp(30px,3.4vw,52px) !important;border-bottom:1px solid rgba(10,11,13,.13) !important}
html body.page-id-1131[class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item:first-child .nectar-post-grid-item-bg-wrap{aspect-ratio:16/7 !important;border-radius:20px !important}
html body.page-id-1131[class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item:first-child .content{padding:clamp(22px,2.4vw,32px) 0 0 !important;display:block !important}
html body.page-id-1131[class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item:first-child .post-heading{font-size:clamp(30px,3.5vw,54px) !important;line-height:1.05 !important;letter-spacing:-.026em !important;max-width:22ch !important}
html body.page-id-1131[class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item:not(:first-child) .inner{display:grid !important;grid-template-columns:minmax(0,1fr) clamp(130px,15vw,230px) !important;gap:clamp(22px,3vw,56px) !important;align-items:center !important;padding:clamp(24px,2.6vw,38px) 0 !important;border-bottom:1px solid rgba(10,11,13,.13) !important}
html body.page-id-1131[class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item:not(:first-child) .nectar-post-grid-item-bg-wrap{grid-column:2 !important;grid-row:1 !important;aspect-ratio:4/3 !important;border-radius:12px !important}
html body.page-id-1131[class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item:not(:first-child) .content{grid-column:1 !important;grid-row:1 !important;padding:0 !important;display:block !important}
html body.page-id-1131[class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item:not(:first-child) .post-heading{font-size:clamp(20px,1.9vw,29px) !important;line-height:1.16 !important;letter-spacing:-.018em !important;max-width:30ch !important}
html body.page-id-1131[class][class][class][class][class][class] .post-heading,html body.page-id-1131[class][class][class][class][class][class] .post-heading a{color:#0a0b0d !important;font-weight:500 !important}
html body.page-id-1131[class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .meta-category{margin:0 0 14px !important}
html body.page-id-1131[class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item__meta-wrap{margin-top:16px !important;font-size:14px !important;color:#5d6775 !important}
html body.page-id-1131[class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .meta-author,html body.page-id-1131[class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item__meta-wrap span{color:#5d6775 !important}
@media only screen and (max-width:999px){
html body.page-id-1131[class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item:not(:first-child) .inner{grid-template-columns:minmax(0,1fr) !important;gap:16px !important}
html body.page-id-1131[class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item:not(:first-child) .nectar-post-grid-item-bg-wrap{grid-column:1 !important;grid-row:1 !important;aspect-ratio:16/9 !important}
html body.page-id-1131[class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item:not(:first-child) .content{grid-column:1 !important;grid-row:2 !important}
html body.page-id-1131[class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item:first-child .nectar-post-grid-item-bg-wrap{aspect-ratio:16/9 !important;border-radius:14px !important}
html body.page-id-1131[class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .post-heading{max-width:none !important}
}


/* CD-BLOGINDEX2: clip the image layers to the aspect box */
html body.page-id-1131[class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .nectar-post-grid-item-bg-wrap{overflow:hidden !important;position:relative !important}
html body.page-id-1131[class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .nectar-post-grid-item-bg-wrap-inner{position:absolute !important;inset:0 !important;height:100% !important;width:100% !important}
html body.page-id-1131[class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .nectar-post-grid-item-bg{position:absolute !important;inset:0 !important;height:100% !important;width:100% !important}
html body.page-id-1131[class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .nectar-post-grid-item-bg img{position:absolute !important;inset:0 !important;height:100% !important;width:100% !important;object-fit:cover !important;max-width:none !important}


/* CD-LOCCARD */
@layer cdfix{
html body[class][class][class][class][class][class]:has(.cd-page) .cd-card .cd-loc-addr{font-size:14px !important;line-height:1.5 !important;color:#86868b !important;margin:14px 0 0 !important}
}


/* ===== CD-TILEGRID: locations and sectors drop the boxed card and lead with the image ===== */
html body:is(.page-id-16728,.page-id-16492)[class][class][class][class][class] .cd-card{background:transparent !important;background-color:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;padding:0 !important;backdrop-filter:none !important}
html body:is(.page-id-16728,.page-id-16492)[class][class][class][class][class] .cd-card > .vc_column-inner{background:transparent !important;border-radius:0 !important;padding:0 !important}
html body:is(.page-id-16728,.page-id-16492)[class][class][class][class][class] .cd-card > .vc_column-inner > .wpb_wrapper{background:transparent !important;padding:0 !important}
html body:is(.page-id-16728,.page-id-16492)[class][class][class][class][class] .cd-card .cd-card-shot{margin:0 0 20px !important;border-radius:16px !important;aspect-ratio:4/3 !important;overflow:hidden !important;background:#ececed !important}
html body:is(.page-id-16728,.page-id-16492)[class][class][class][class][class] .cd-card .cd-card-shot img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;border-radius:0 !important}
html body:is(.page-id-16728,.page-id-16492)[class][class][class][class][class] .cd-card h3{font-size:clamp(22px,1.9vw,28px) !important;line-height:1.1 !important;letter-spacing:-.018em !important;margin:0 0 12px !important}
html body:is(.page-id-16728,.page-id-16492)[class][class][class][class][class] .cd-card p{font-size:16px !important;line-height:1.55 !important;margin:0 0 12px !important}
html body:is(.page-id-16728,.page-id-16492)[class][class][class][class][class] .cd-card .cd-loc-addr{font-size:14px !important;line-height:1.5 !important;margin:0 0 16px !important}
html body:is(.page-id-16728,.page-id-16492)[class][class][class][class][class] .cd-card .cd-card-go{margin:0 !important}
html body:is(.page-id-16728,.page-id-16492)[class][class][class][class][class] .vc_row-inner:has(.cd-card),html body:is(.page-id-16728,.page-id-16492)[class][class][class][class][class] .row_col_wrap_12_inner{row-gap:clamp(44px,5vw,72px) !important;column-gap:clamp(24px,2.6vw,42px) !important}


/* ===== CD-TILEGRID2: kill the card fill on locations and sectors ===== */
html body:is(.page-id-16728,.page-id-16492)[class][class][class][class][class][class][class][class] .cd-card .wpb_wrapper,html body:is(.page-id-16728,.page-id-16492)[class][class][class][class][class][class][class][class] .cd-card .vc_column-inner,html body:is(.page-id-16728,.page-id-16492)[class][class][class][class][class][class][class][class] .cd-card{background:none !important;background-color:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;backdrop-filter:none !important}
html body:is(.page-id-16728,.page-id-16492)[class][class][class][class][class][class][class][class] .cd-card .wpb_wrapper{padding:0 !important}
html body:is(.page-id-16728,.page-id-16492)[class][class][class][class][class][class][class][class] .cd-card .vc_column-inner{padding:0 !important}


/* ===== CD-TILEGRID3: inside the layer, because a layered !important outranks an unlayered one ===== */
@layer cdfix{
html body:is(.page-id-16728,.page-id-16492)[class][class][class][class][class][class][class][class] .cd-card > .vc_column-inner > .wpb_wrapper{background:none !important;background-color:transparent !important;border-radius:0 !important;box-shadow:none !important;padding:0 !important;backdrop-filter:none !important;border:0 !important}
html body:is(.page-id-16728,.page-id-16492)[class][class][class][class][class][class][class][class] .cd-card > .vc_column-inner{background:none !important;background-color:transparent !important;padding:0 !important;border-radius:0 !important}
html body:is(.page-id-16728,.page-id-16492)[class][class][class][class][class][class][class][class] .cd-card{background:none !important;background-color:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important}
html body:is(.page-id-16728,.page-id-16492)[class][class][class][class][class][class][class][class] .cd-card .cd-card-shot{margin:0 0 20px !important;border-radius:16px !important;aspect-ratio:4/3 !important;overflow:hidden !important}
}


/* ===== CD-CASE2: full bleed imagery, a proper results band and a real pull quote ===== */
@layer cdfix{
html body.single-portfolio[class][class][class][class][class][class] #ajax-content-wrap .wpb_row:nth-of-type(1){padding-top:clamp(80px,9vw,150px) !important;padding-bottom:clamp(50px,6vw,90px) !important}
html body.single-portfolio[class][class][class][class][class][class] h2.cd-case-head-legacy{font-size:clamp(40px,5.2vw,84px) !important;line-height:1.0 !important;letter-spacing:-.032em !important;max-width:16ch !important}
html body.single-portfolio[class][class][class][class][class][class] #ajax-content-wrap .wpb_row:has(> .row-bg-wrap .using-image),html body.single-portfolio[class][class][class][class][class][class] #ajax-content-wrap .wpb_row:has(.row-bg.using-image){width:100vw !important;max-width:100vw !important;margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;min-height:min(72vh,720px) !important}
html body.single-portfolio[class][class][class][class][class][class] #ajax-content-wrap .wpb_row .row-bg.using-image{background-size:cover !important;background-position:center !important}
html body.single-portfolio[class][class][class][class][class][class] #ajax-content-wrap .wpb_row:has(h2.cd-stat-num-legacy){border-top:1px solid rgba(255,255,255,.16) !important;border-bottom:1px solid rgba(255,255,255,.16) !important;padding:clamp(54px,6vw,96px) 0 !important;margin:clamp(60px,7vw,110px) 0 !important}
html body.single-portfolio[class][class][class][class][class][class] #ajax-content-wrap .wpb_row:has(h2.cd-stat-num-legacy) .wpb_column + .wpb_column{border-left:1px solid rgba(255,255,255,.16) !important;padding-left:clamp(28px,4vw,72px) !important}
html body.single-portfolio[class][class][class][class][class][class] h2.cd-stat-num-legacy{margin:0 0 10px !important}
html body.single-portfolio[class][class][class][class][class][class] p.typography_body-l__KUYFJ{font-size:clamp(26px,2.9vw,44px) !important;line-height:1.22 !important;letter-spacing:-.02em !important;color:#ffffff !important;max-width:20ch !important;position:relative !important;padding-top:44px !important}
html body.single-portfolio[class][class][class][class][class][class] p.typography_body-l__KUYFJ:before{content:"" !important;position:absolute !important;top:0 !important;left:0 !important;width:56px !important;height:4px !important;background:#f5d400 !important;border-radius:2px !important}
html body.single-portfolio[class][class][class][class][class][class] #ajax-content-wrap .wpb_row{padding-left:0 !important;padding-right:0 !important}
@media only screen and (max-width:999px){html body.single-portfolio[class][class][class][class][class][class] #ajax-content-wrap .wpb_row:has(.row-bg.using-image){min-height:44vh !important}html body.single-portfolio[class][class][class][class][class][class] #ajax-content-wrap .wpb_row:has(h2.cd-stat-num-legacy) .wpb_column + .wpb_column{border-left:0 !important;border-top:1px solid rgba(255,255,255,.16) !important;padding-left:0 !important;padding-top:28px !important;margin-top:28px !important}}
}


/* ===== CD-FIXPACK3: burger clear of the admin bar, and one consistent treatment for the results band ===== */
@layer cdfix{
@media screen and (max-width:782px){html body.admin-bar[class][class][class][class][class][class] .cd-n2-burger{top:50px !important}}
html body.single-portfolio[class][class][class][class][class][class] #ajax-content-wrap .wpb_row:has(h2.cd-stat-num-legacy) .wpb_column,html body.single-portfolio[class][class][class][class][class][class] #ajax-content-wrap .wpb_row:has(h2.cd-stat-num-legacy) .vc_column-inner,html body.single-portfolio[class][class][class][class][class][class] #ajax-content-wrap .wpb_row:has(h2.cd-stat-num-legacy) .wpb_wrapper{background:none !important;background-color:transparent !important;border-radius:0 !important;box-shadow:none !important}
html body.single-portfolio[class][class][class][class][class][class] #ajax-content-wrap .wpb_row:has(h2.cd-stat-num-legacy) .wpb_column > .vc_column-inner{border:0 !important;padding:0 clamp(20px,3vw,48px) !important}
html body.single-portfolio[class][class][class][class][class][class] #ajax-content-wrap .wpb_row:has(h2.cd-stat-num-legacy) .wpb_column:first-child > .vc_column-inner{padding-left:0 !important}
html body.single-portfolio[class][class][class][class][class][class] #ajax-content-wrap .wpb_row:has(h2.cd-stat-num-legacy) p{color:rgba(255,255,255,.7) !important;font-size:17px !important;margin:0 !important}
}


/* ===== CD-SVCIMG: the accordion image stage had collapsed to zero height ===== */
@layer cdfix{
html body[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-fix .cd-svc .wpb_wrapper{position:relative !important}
html body[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-fix .img-with-aniamtion-wrap{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;margin:0 !important}
html body[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-fix .img-with-aniamtion-wrap > .inner,html body[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-fix .hover-wrap,html body[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-fix .hover-wrap-inner{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important}
html body[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-fix img.cd-svc-img{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;max-width:none !important;object-fit:cover !important;border-radius:inherit !important}
}


/* ===== CD-FIXPACK4: white bar under the header, full width client grid, left aligned accordion ===== */
@layer cdfix{
/* the theme paints .container.main-content white; that was the hairline under the header */
html body[class][class][class][class][class][class]:has(.cd-page) .container.main-content{background-color:#0d0d0f !important;background:#0d0d0f !important}
/* client logos fill the container instead of sitting on fixed columns */
html body[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .clients{grid-template-columns:repeat(12,minmax(0,1fr)) !important;width:100% !important;max-width:none !important}
/* accordion pills sit left, not indented to the middle */
html body[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-fix .toggles{margin-left:0 !important;margin-right:auto !important;max-width:min(520px,44%) !important}
html body[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-fix .cd-svc{text-align:left !important}
html body[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-fix .toggles .toggle{margin-left:0 !important}
@media only screen and (max-width:999px){html body[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-fix .toggles{max-width:100% !important}}
}


/* ===== CD-FIXPACK5 ===== */
@layer cdfix{
/* CD-CLISLIDE: on phones the logo row swipes instead of clipping. Tile format unchanged. */
@media only screen and (max-width:999px){
html body[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .clients{}
html body[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .clients::-webkit-scrollbar{}
html body[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .clients > *{}
}
/* CD-CLIHEAD: the clients heading sits on the dark band */
html body[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-clients-head,html body[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-clients-head h2,html body[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-clients-head h3,html body[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-clients-head p{}
/* CD-CTADARK: solid and outline buttons invert on a dark section. Scoped to pages whose band is actually dark (Expertise, or any body carrying .cd-cta-dark) - it used to match every CTA band, which put a white pill on the white pre-footer band sitewide. */
html body.page-id-22650[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-cta a.cd-btn-solid,html body.page-id-22650[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-cta-btns a.cd-btn-solid{background-color:#ffffff !important;color:#0a0b0d !important;border-color:#ffffff !important}
html body.page-id-22650[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-cta a.cd-btn-solid:hover,html body.page-id-22650[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-cta-btns a.cd-btn-solid:hover{background-color:#f1f1f3 !important;color:#0a0b0d !important}
html body.page-id-22650[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-cta a.cd-btn-outline-dark,html body.page-id-22650[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-cta-btns a.cd-btn-outline-dark{background-color:transparent !important;color:#ffffff !important;border-color:rgba(255,255,255,.45) !important}
html body.page-id-22650[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-cta a.cd-btn-outline-dark:hover,html body.page-id-22650[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-cta-btns a.cd-btn-outline-dark:hover{background-color:rgba(255,255,255,.12) !important;border-color:#ffffff !important;color:#ffffff !important}
/* CD-FOOTMOB: footer columns left aligned and full width on phones */
html body[class][class][class][class][class][class] .nectar-global-section .nectar-cta,html body[class][class][class][class][class][class] .nectar-global-section .nectar-cta .link_wrap,html body[class][class][class][class][class][class] .nectar-global-section .nectar-cta .nectar-button-type{}
@media only screen and (max-width:999px){
html body[class][class][class][class][class][class] .nectar-global-section .container{}
html body[class][class][class][class][class][class] .nectar-global-section .row_col_wrap_12 > .wpb_column,html body[class][class][class][class][class][class] .nectar-global-section .row_col_wrap_12_inner > .wpb_column{}
html body[class][class][class][class][class][class] .nectar-global-section .row_col_wrap_12_inner{}
html body[class][class][class][class][class][class] .cd-tp-slot{}
}
}


/* ===== CD-FIXPACK5B (unlayered: the theme pins these with unlayered !important) ===== */
@media only screen and (max-width:999px){
html body[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .clients{display:flex !important;flex-wrap:nowrap !important}
html body[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .clients > *{}
html body[class][class][class][class][class][class] .nectar-global-section .row_col_wrap_12_inner > .wpb_column{width:100% !important;max-width:100% !important;float:none !important}
html body[class][class][class][class][class][class] .nectar-global-section .row_col_wrap_12 > .wpb_column{width:100% !important;max-width:100% !important;float:none !important}
}


/* ===== CD-FIXPACK5C: one swiping row of logos, and a stacked footer on phones ===== */
@media only screen and (max-width:999px){
html body[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .clients{grid-auto-flow:column !important;grid-auto-columns:46% !important;grid-template-rows:auto !important;grid-template-columns:none !important}
html body[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .clients > *{width:auto !important;flex:none !important;grid-column:auto !important;grid-row:auto !important}
html body[class][class][class][class][class][class] .nectar-global-section .vc_col-xs-6,html body[class][class][class][class][class][class] .nectar-global-section .vc_col-sm-6,html body[class][class][class][class][class][class] .nectar-global-section .vc_col-sm-8,html body[class][class][class][class][class][class] .nectar-global-section .vc_col-sm-4{width:100% !important;max-width:100% !important;float:none !important}
}


/* ===== CD-FOOTSTACK: layered, so it outranks any layered !important already set ===== */
@layer cdfix{
@media only screen and (max-width:999px){
html body[class][class][class][class][class][class][class][class] .nectar-global-section .wpb_column.vc_col-xs-6,html body[class][class][class][class][class][class][class][class] .nectar-global-section .wpb_column.vc_col-sm-6,html body[class][class][class][class][class][class][class][class] .nectar-global-section .wpb_column.vc_col-sm-8,html body[class][class][class][class][class][class][class][class] .nectar-global-section .wpb_column.vc_col-sm-4{width:100% !important;max-width:100% !important;float:none !important;display:block !important;margin-bottom:30px !important}
}
}


/* ===== CD-FOOTPAD: the footer wrapper kept its 48px desktop side padding on phones, squeezing every column to 246px ===== */
@layer cdfix{
@media only screen and (max-width:999px){
html body[class][class][class][class][class][class][class][class] .nectar-global-section .row_col_wrap_12.span_12{padding-left:0 !important;padding-right:0 !important;max-width:100% !important}
html body[class][class][class][class][class][class][class][class] .nectar-global-section .container{padding-left:24px !important;padding-right:24px !important}
}
}


/* ===== CD-STATSUB: a smaller supporting line under the opening statement ===== */
@layer cdfix{
html body[class][class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-statement .cd-statement-sub{display:block !important;margin-top:clamp(18px,2vw,30px) !important;font-size:clamp(17px,1.45vw,23px) !important;line-height:1.4 !important;letter-spacing:-.008em !important;font-weight:400 !important;color:inherit !important;opacity:.62 !important;-webkit-text-fill-color:currentColor !important;max-width:34ch !important}
@media only screen and (max-width:999px){html body[class][class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-statement .cd-statement-sub{font-size:17px !important;margin-top:16px !important;max-width:none !important}}
}


/* ===== CD-CLIHEAD2: the heading had white color but an inherited -webkit-text-fill-color, which wins ===== */
@layer cdfix{
html body[class][class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-clients-head,html body[class][class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-clients-head *,html body[class][class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-clients-head h1,html body[class][class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-clients-head h2,html body[class][class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-clients-head h3,html body[class][class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-clients-head h4,html body[class][class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-clients-head p,html body[class][class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-clients-head span{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;background-image:none !important;animation:none !important}
}


/* ===== CD-PLATBIG: on phones the platform logos were capped at 26px with a 50px margin on each item, so they sat 220px apart. Bigger, and closer together. ===== */
@layer cdfix{@media only screen and (max-width:999px){
html body[class][class][class][class][class][class] .clients.five-cols.cd-pop[class][class][class]{gap:56px !important;column-gap:56px !important;padding-left:20px !important;padding-right:20px !important}
html body[class][class][class][class][class][class] .clients.five-cols.cd-pop .cd-pop__i{margin:0 !important;width:auto !important;flex:0 0 auto !important}
html body[class][class][class][class][class][class] .clients.five-cols.cd-pop .cd-pop__i img{max-height:42px !important;width:auto !important;height:auto !important}
}}


/* ===== CD-FOOTGAP: the Services column wrapper is display:block below 999px, so its 10px row-gap never applied and the links stacked with no spacing. The Company and Contact lists are already flex. ===== */
@layer cdfix{@media only screen and (max-width:999px){
html body[class][class][class][class][class][class] .nectar-global-section .wpb_column > .vc_column-inner > .wpb_wrapper:has(> .nectar-cta + .nectar-cta){display:flex !important;flex-direction:column !important;align-items:flex-start !important;row-gap:10px !important}
}}


/* ===== CD-CLIPAD: the client logo band only had 24px top and bottom on phones, so the heading sat tight to the black edge and the tiles ran into the bottom. ===== */
@layer cdfix{@media only screen and (max-width:999px){
html body[class][class][class][class][class][class] .wpb_row:has(.cd-clients-head){padding-top:46px !important;padding-bottom:46px !important}
html body[class][class][class][class][class][class] .cd-clients-head{margin-bottom:26px !important}
}}


/* ===== CD-EXPDARK-SECTORS: the expertise page runs on black end to end ===== */
@layer cdfix{
html body.page-id-16492[class][class][class][class][class][class] {background-color:#0a0b0d !important}
html body.page-id-16492[class][class][class][class][class][class] #ajax-content-wrap,html body.page-id-16492[class][class][class][class][class][class] .container-wrap,html body.page-id-16492[class][class][class][class][class][class] .wpb_row,html body.page-id-16492[class][class][class][class][class][class] .row-bg:not(.using-image){background-color:#0a0b0d !important}
html body.page-id-16492[class][class][class][class][class][class] .wpb_row .row-bg.using-bg-color{background-color:#0a0b0d !important}
html body.page-id-16492[class][class][class][class][class][class] .cd-col-exp .cd-exp-copy h3{color:#ffffff !important}
html body.page-id-16492[class][class][class][class][class][class] .cd-col-exp .cd-exp-copy p{}
html body.page-id-16492[class][class][class][class][class][class] .cd-col-exp .cd-exp-copy p.cd-exp-sub{color:rgba(255,255,255,.45) !important;border-top-color:rgba(255,255,255,.14) !important}
html body.page-id-16492[class][class][class][class][class][class] .cd-col-exp .cd-exp-copy p.cd-card-go a{}
html body.page-id-16492[class][class][class][class][class][class] .cd-col-exp .cd-exp-figure{}
html body.page-id-16492[class][class][class][class][class][class] .cd-col-exp .cd-label{color:rgba(255,255,255,.5) !important}
html body.page-id-16492[class][class][class][class][class][class] .cd-col-exp .cd-head h2,html body.page-id-16492[class][class][class][class][class][class] .cd-col-exp .cd-head{color:#ffffff !important}
html body.page-id-16492[class][class][class][class][class][class] .cd-statement,html body.page-id-16492[class][class][class][class][class][class] .cd-statement p{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;background-image:none !important;animation:none !important}
html body.page-id-16492[class][class][class][class][class][class] h1,html body.page-id-16492[class][class][class][class][class][class] h2,html body.page-id-16492[class][class][class][class][class][class] h3,html body.page-id-16492[class][class][class][class][class][class] h4{color:#ffffff !important}
html body.page-id-16492[class][class][class][class][class][class] p{color:rgba(255,255,255,.75) !important}
html body.page-id-16492[class][class][class][class][class][class] .cd-col-cta .cd-head h2{color:#ffffff !important}
}


/* ===== CD-EXPBLOCK-SECTORS: expertise rows in the reference layout ===== */
@layer cdfix{
html body.page-id-16492[class][class][class][class][class][class] .cd-col-exp .cd-exp-figure{border-radius:44px !important;aspect-ratio:5/4 !important;background:#17171a !important}
html body.page-id-16492[class][class][class][class][class][class] .cd-col-exp .row_col_wrap_12_inner{gap:clamp(40px,6vw,110px) !important;align-items:center !important}
html body.page-id-16492[class][class][class][class][class][class] .cd-col-exp .cd-exp-copy h3{font-size:clamp(32px,3.35vw,50px) !important;line-height:1.08 !important;letter-spacing:-.022em !important;margin:0 0 22px !important;max-width:18ch !important}
html body.page-id-16492[class][class][class][class][class][class] .cd-col-exp .cd-exp-copy p{font-size:clamp(16px,1.2vw,19px) !important;line-height:1.6 !important;color:rgba(255,255,255,.78) !important;max-width:44ch !important;margin:0 0 34px !important}
html body.page-id-16492[class][class][class][class][class][class] .cd-col-exp .cd-exp-copy p.cd-exp-sub{display:none !important}
html body.page-id-16492[class][class][class][class][class][class] .cd-col-exp .cd-exp-copy p.cd-card-go{margin:0 !important}
html body.page-id-16492[class][class][class][class][class][class] .cd-col-exp .cd-exp-copy p.cd-card-go a{display:inline-flex !important;align-items:center !important;gap:14px !important;background:#f5d400 !important;color:#0a0b0d !important;font-size:17px !important;font-weight:500 !important;line-height:1 !important;padding:17px 30px !important;border-radius:999px !important;text-decoration:none !important;border:0 !important;transition:transform .25s cubic-bezier(.2,.7,.3,1),background-color .25s ease !important}
html body.page-id-16492[class][class][class][class][class][class] .cd-col-exp .cd-exp-copy p.cd-card-go a:hover{background:#ffe633 !important;transform:translateY(-2px) !important;color:#0a0b0d !important}
html body.page-id-16492[class][class][class][class][class][class] .cd-col-exp .cd-exp-copy p.cd-card-go a:after{content:"\2192" !important;font-size:19px !important;line-height:1 !important;transition:transform .25s ease !important}
html body.page-id-16492[class][class][class][class][class][class] .cd-col-exp .row_col_wrap_12_inner:hover .cd-card-go a:after{transform:translateX(5px) !important}
@media only screen and (max-width:999px){html body.page-id-16492[class][class][class][class][class][class] .cd-col-exp .cd-exp-figure{border-radius:28px !important;aspect-ratio:4/3 !important}html body.page-id-16492[class][class][class][class][class][class] .cd-col-exp .cd-exp-copy h3{max-width:none !important}html body.page-id-16492[class][class][class][class][class][class] .cd-col-exp .cd-exp-copy p{max-width:none !important;margin-bottom:26px !important}}
}


/* ===== CD-FIXPACK5 ===== */
@layer cdfix{
/* CD-CLISLIDE: on phones the logo row swipes instead of clipping. Tile format unchanged. */
@media only screen and (max-width:999px){
html body[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .clients{display:flex !important;flex-wrap:nowrap !important;grid-template-columns:none !important;overflow-x:auto !important;overflow-y:hidden !important;scroll-snap-type:x mandatory !important;scroll-padding-left:24px !important;-webkit-overflow-scrolling:touch !important;scrollbar-width:none !important;width:100vw !important;max-width:100vw !important;margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;padding:2px 24px 10px !important;gap:12px !important}
html body[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .clients::-webkit-scrollbar{display:none !important}
html body[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .clients > *{flex:0 0 46% !important;width:46% !important;min-width:0 !important;scroll-snap-align:start !important;grid-column:auto !important;grid-row:auto !important}
}
/* CD-CLIHEAD: the clients heading sits on the dark band */
html body[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-clients-head,html body[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-clients-head h2,html body[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-clients-head h3,html body[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-clients-head p{color:#ffffff !important}
/* CD-CTADARK-SECTORS: solid and outline buttons invert on a dark section. Scoped to pages whose band is actually dark (Expertise, or any body carrying .cd-cta-dark) - it used to match every CTA band, which put a white pill on the white pre-footer band sitewide. */
html body.page-id-16492[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-cta a.cd-btn-solid,html body.page-id-16492[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-cta-btns a.cd-btn-solid{background-color:#ffffff !important;color:#0a0b0d !important;border-color:#ffffff !important}
html body.page-id-16492[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-cta a.cd-btn-solid:hover,html body.page-id-16492[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-cta-btns a.cd-btn-solid:hover{background-color:#f1f1f3 !important;color:#0a0b0d !important}
html body.page-id-16492[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-cta a.cd-btn-outline-dark,html body.page-id-16492[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-cta-btns a.cd-btn-outline-dark{background-color:transparent !important;color:#ffffff !important;border-color:rgba(255,255,255,.45) !important}
html body.page-id-16492[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) .cd-col-cta a.cd-btn-outline-dark:hover,html body.page-id-16492[class][class][class][class][class][class]:is(:has(.cd-page),:has(.cd-fixbox)) [class*="cd-col-"] .cd-cta-btns a.cd-btn-outline-dark:hover{background-color:rgba(255,255,255,.12) !important;border-color:#ffffff !important;color:#ffffff !important}
/* CD-FOOTMOB: footer columns left aligned and full width on phones */
html body[class][class][class][class][class][class] .nectar-global-section .nectar-cta,html body[class][class][class][class][class][class] .nectar-global-section .nectar-cta .link_wrap,html body[class][class][class][class][class][class] .nectar-global-section .nectar-cta .nectar-button-type{text-align:left !important;justify-content:flex-start !important}
@media only screen and (max-width:999px){
html body[class][class][class][class][class][class] .nectar-global-section .container{width:100% !important;max-width:100% !important;padding-left:24px !important;padding-right:24px !important}
html body[class][class][class][class][class][class] .nectar-global-section .row_col_wrap_12 > .wpb_column,html body[class][class][class][class][class][class] .nectar-global-section .row_col_wrap_12_inner > .wpb_column{width:100% !important;max-width:100% !important;padding-left:0 !important;padding-right:0 !important;margin-bottom:34px !important}
html body[class][class][class][class][class][class] .nectar-global-section .row_col_wrap_12_inner{display:block !important}
html body[class][class][class][class][class][class] .cd-tp-slot{margin-top:22px !important;padding-top:0 !important}
}
}


/* ===== CD-CASEV3: the case studies are now all built from one template (hero / full-bleed band / results / metrics / quote / related) with cd-cs-* hooks. This sets the spacing and the ruled metric band. ===== */
@layer cdfix{
html body.single-portfolio[class][class][class][class][class][class] .cd-cs-intro-col h1{font-size:clamp(38px,4.4vw,70px) !important;line-height:1.02 !important;letter-spacing:-.028em !important;max-width:17ch !important;text-wrap:balance !important;margin:14px 0 22px !important}
html body.single-portfolio[class][class][class][class][class][class] .cd-cs-intro-col p{max-width:56ch !important}
html body.single-portfolio[class][class][class][class][class][class] .cd-cs-tag-col{padding-top:9px !important}
html body.single-portfolio[class][class][class][class][class][class] .cd-cs-metric{border-top:1px solid rgba(255,255,255,.16) !important;padding-top:26px !important;padding-bottom:26px !important}
html body.single-portfolio[class][class][class][class][class][class] .cd-cs-metric h2{margin:0 0 10px !important;letter-spacing:-.03em !important}
}
@layer cdfix{@media only screen and (min-width:1000px){
html body.single-portfolio[class][class][class][class][class][class] .wpb_row:has(.cd-cs-metric){padding-top:34px !important;padding-bottom:70px !important}
html body.single-portfolio[class][class][class][class][class][class] .wpb_row:has(.cd-cs-metric) + .wpb_row{padding-top:60px !important}
}}
@layer cdfix{@media only screen and (max-width:999px){
html body.single-portfolio[class][class][class][class][class][class] .cd-cs-metric{padding-top:20px !important;padding-bottom:20px !important}
html body.single-portfolio[class][class][class][class][class][class] .wpb_row:has(.cd-cs-metric){padding-top:24px !important;padding-bottom:40px !important}
}}


/* ===== CD-CASEV3B: close the dead space between the results copy and the metric band ===== */
@layer cdfix{@media only screen and (min-width:1000px){
html body.single-portfolio[class][class][class][class][class][class] .wpb_row:has(+ .wpb_row:has(.cd-cs-metric)){padding-bottom:36px !important}
html body.single-portfolio[class][class][class][class][class][class] .wpb_row:has(.cd-cs-metric) .row_col_wrap_12{padding-top:0 !important}
}}


/* ===== CD-POPSHOW: the logo strip starts at opacity:0 and only animates in when an observer marks it in view, so on phones it was an empty gap until you scrolled. Visible at rest below 1000px. ===== */
@layer cdfix{@media only screen and (max-width:999px){
html body[class][class][class][class][class][class] .cd-pop .cd-pop__i{opacity:1 !important;animation:none !important;transform:none !important}
html body[class][class][class][class][class][class] .cd-pop.is-in .cd-pop__i{opacity:1 !important;animation:none !important;transform:none !important}
}}


/* ===== CD-CASEV4: editorial scale. The structure was right but everything was set at body size, which is why it did not read like the reference. Type does the work: oversized headline, a lead sentence that is a statement rather than a paragraph, metrics at display size. ===== */
@layer cdfix{
html body.single-portfolio[class][class][class][class][class][class][class] .cd-cs-intro-col h1{font-size:clamp(44px,7vw,124px) !important;line-height:.93 !important;letter-spacing:-.042em !important;max-width:15ch !important;font-weight:600 !important;text-wrap:balance !important;margin:18px 0 30px !important}
html body.single-portfolio[class][class][class][class][class][class][class] .cd-cs-intro-col p:first-of-type{font-size:13px !important;letter-spacing:.1em !important;text-transform:none !important;color:#8d8d96 !important;-webkit-text-fill-color:#8d8d96 !important;margin:0 !important}
html body.single-portfolio[class][class][class][class][class][class][class] .cd-cs-intro-col p:last-of-type{font-size:clamp(17px,1.35vw,21px) !important;line-height:1.55 !important;max-width:48ch !important;color:#b4b4ba !important;-webkit-text-fill-color:#b4b4ba !important}
html body.single-portfolio[class][class][class][class][class][class][class] h6{font-size:12px !important;letter-spacing:.12em !important;text-transform:none !important;color:#8d8d96 !important;-webkit-text-fill-color:#8d8d96 !important;font-weight:500 !important}
html body.single-portfolio[class][class][class][class][class][class][class] .wpb_row:has(h6) .wpb_text_column + div p:first-child{}
}
@layer cdfix{
html body.single-portfolio[class][class][class][class][class][class][class] .cd-cs-metric h2{font-size:clamp(58px,8.4vw,146px) !important;font-weight:600 !important;margin:0 0 16px !important}
html body.single-portfolio[class][class][class][class][class][class][class] .cd-cs-metric p{font-size:13px !important;letter-spacing:.1em !important;text-transform:none !important;line-height:1.4 !important;color:#8d8d96 !important;-webkit-text-fill-color:#8d8d96 !important;max-width:22ch !important}
html body.single-portfolio[class][class][class][class][class][class][class] .cd-cs-metric{border-top:1px solid rgba(255,255,255,.14) !important;padding-top:34px !important;padding-bottom:34px !important}
}
@layer cdfix{@media only screen and (max-width:999px){
html body.single-portfolio[class][class][class][class][class][class][class] .cd-cs-intro-col h1{font-size:clamp(38px,10.5vw,60px) !important;letter-spacing:-.035em !important;max-width:none !important}
html body.single-portfolio[class][class][class][class][class][class][class] .cd-cs-metric h2{font-size:clamp(52px,17vw,78px) !important}
html body.single-portfolio[class][class][class][class][class][class][class] .cd-cs-metric{padding-top:24px !important;padding-bottom:24px !important}
}}


/* ===== CD-CASEV5: the old case-study CSS styled classes a script bolts on (cd-stat-num, cd-case-head) and was overriding the new template. Those selectors are now renamed -legacy so they match nothing, and this sets the real values. ===== */
@layer cdfix{
html body.single-portfolio[class][class][class][class][class][class][class] .cd-cs-intro-col .wpb_wrapper > div:nth-child(1) p{font-size:13px !important;letter-spacing:.1em !important;text-transform:none !important;color:#8d8d96 !important;-webkit-text-fill-color:#8d8d96 !important;margin:0 !important}
html body.single-portfolio[class][class][class][class][class][class][class] .cd-cs-intro-col .wpb_wrapper > div:nth-child(3) p{font-size:clamp(17px,1.35vw,21px) !important;letter-spacing:0 !important;text-transform:none !important;line-height:1.55 !important;max-width:48ch !important;color:#b4b4ba !important;-webkit-text-fill-color:#b4b4ba !important}
html body.single-portfolio[class][class][class][class][class][class][class] .cd-cs-metric h2{padding-top:4px !important;overflow:visible !important}
html body.single-portfolio[class][class][class][class][class][class][class] .cd-cs-metric .nectar-responsive-text{overflow:visible !important;line-height:1.02 !important}
}


/* ===== CD-CASEV6: metric colour. Renaming the legacy .cd-stat-num selectors took the yellow with them, and a generic heading rule was painting the numbers white. ===== */
@layer cdfix{
html body.single-portfolio[class][class][class][class][class][class][class] .cd-cs-metric h2, html body.single-portfolio[class][class][class][class][class][class][class] .cd-cs-metric h2 *{color:#f5d400 !important;-webkit-text-fill-color:#f5d400 !important;background-image:none !important;line-height:1.05 !important;padding-bottom:4px !important}
}


/* ===== CD-CASEV7: the dead space was never the row padding, it was the metric columns 4% padding plus the rows equal-height stretch, and the results column padding underneath the copy. ===== */
@layer cdfix{
html body.single-portfolio[class][class][class][class][class][class][class] .cd-cs-metric{padding-left:0 !important;padding-right:0 !important}
html body.single-portfolio[class][class][class][class][class][class][class] .cd-cs-metric > .vc_column-inner{padding-top:0 !important;padding-bottom:0 !important}
html body.single-portfolio[class][class][class][class][class][class][class] .wpb_row:has(.cd-cs-metric){align-items:flex-start !important}
html body.single-portfolio[class][class][class][class][class][class][class] .wpb_row:has(h6) .vc_column-inner{padding-bottom:0 !important}
}
@layer cdfix{@media only screen and (min-width:1000px){
html body.single-portfolio[class][class][class][class][class][class][class] .wpb_row:has(h6){padding-top:96px !important;padding-bottom:64px !important}
}}


/* ===== CD-NOCAPS: no uppercase anywhere. Small letterspaced labels keep their tracking, they just set in sentence case now. ===== */
@layer cdfix{
html body[class][class][class][class][class][class] #ajax-content-wrap :is(h1,h2,h3,h4,h5,h6,p,span,a,li,div,label,button,strong,em,figcaption){text-transform:none !important}
html body[class][class][class][class][class][class] #header-outer :is(a,span,li,div,button){text-transform:none !important}
}


/* ===== CD-UNINVERT: a WPCode rule inverts any image whose filename contains koibird or peter-tyson. That was for white-background logos; they are photographs now, so it was rendering them as colour negatives. ===== */
@layer cdfix{
html body[class][class][class][class][class][class] .wpb_row img.img-with-animation[src*="koibird"],html body[class][class][class][class][class][class] .wpb_row img.img-with-animation[src*="peter-tyson"]{filter:none !important}
html body[class][class][class][class][class][class] img[src*="koibird"],html body[class][class][class][class][class][class] img[src*="peter-tyson"]{filter:none !important}
}


/* ===== CD-TYPESCALE: one line-height and letter-spacing per element, set in em so it holds at every size the page uses. Sizes stay where they are, the rhythm stops changing page to page. ===== */
@layer cdfix{
html body[class][class][class][class][class][class] #ajax-content-wrap h1{line-height:1.04 !important;letter-spacing:-.03em !important}
html body[class][class][class][class][class][class] #ajax-content-wrap h2{line-height:1.1 !important;letter-spacing:-.025em !important}
html body[class][class][class][class][class][class] #ajax-content-wrap h3{line-height:1.25 !important;letter-spacing:-.015em !important}
html body[class][class][class][class][class][class] #ajax-content-wrap h4,html body[class][class][class][class][class][class] #ajax-content-wrap h5{line-height:1.3 !important;letter-spacing:-.01em !important}
html body[class][class][class][class][class][class] #ajax-content-wrap h6{line-height:1.4 !important;letter-spacing:.02em !important}
html body[class][class][class][class][class][class] #ajax-content-wrap p,html body[class][class][class][class][class][class] #ajax-content-wrap li{line-height:1.6 !important;letter-spacing:0 !important}
}
/* Anton sets the big display numbers and the statement bands. It is a condensed face, so it needs its own tracking and a taller line box or the glyphs touch. */
@layer cdfix{
html body[class][class][class][class][class][class] #ajax-content-wrap :is(h1,h2,h3):is([style*="Anton"],.cd-stat-num){letter-spacing:0 !important;line-height:1.05 !important}
html body.single-portfolio[class][class][class][class][class][class][class] .cd-cs-metric h2{letter-spacing:0 !important;line-height:1.05 !important;word-spacing:0 !important}
}


/* ===== CD-TYPESCALE2: the sitewide p line-height of 1.6 is right for body copy and far too loose on the display paragraphs (statement bands, band lines, big stat numbers), which run 30px to 180px. Those get their own ratio. ===== */
@layer cdfix{
html body[class][class][class][class][class][class][class] #ajax-content-wrap .cd-statement p{line-height:1.14 !important}
html body[class][class][class][class][class][class][class] #ajax-content-wrap .cd-band-line,html body[class][class][class][class][class][class][class] #ajax-content-wrap .cd-band-line p{line-height:1.06 !important}
html body[class][class][class][class][class][class][class] #ajax-content-wrap .cd-stat,html body[class][class][class][class][class][class][class] #ajax-content-wrap .cd-stat p{line-height:1.02 !important}
html body[class][class][class][class][class][class][class] #ajax-content-wrap .cd-hero-copy p{line-height:1.45 !important}
}
/* Any nectar_responsive_text paragraph the page sets above 28px is a display line, not body copy, so it follows the display ratio too. */
@layer cdfix{
html body[class][class][class][class][class][class][class] #ajax-content-wrap :is([class*="font_size_desktop_3"],[class*="font_size_desktop_4"],[class*="font_size_desktop_5"],[class*="font_size_desktop_6"],[class*="font_size_desktop_7"],[class*="font_size_desktop_8"],[class*="font_size_desktop_9"]) p{line-height:1.14 !important}
}


/* ===== CD-GRIDFILL: the related case study cards were 450px tall with the image only filling 220 to 330 of it, leaving a black gap under the picture. The media image now fills its parallax container, with object-fit cover doing the cropping. ===== */
@layer cdfix{
html body[class][class][class][class][class][class] .nectar-post-grid-item-bg__media{position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;min-height:100% !important;max-height:100% !important;object-fit:cover !important;object-position:center !important;aspect-ratio:auto !important}
html body[class][class][class][class][class][class] .nectar-post-grid-item-bg{overflow:hidden !important}
}


/* ===== CD-CLISCROLL: on phones the client tiles wrapped into a two-column grid. They now hold the desktop proportions in a single row and scroll sideways, with snap points. The platform strip above is five-cols and keeps its own spacing. ===== */
@layer cdfix{@media only screen and (max-width:999px){
html body[class][class][class][class][class][class][class] .clients.four-cols.cd-pop{grid-template-columns:none !important;grid-template-rows:none !important;grid-auto-flow:column !important;grid-auto-columns:260px !important;gap:14px !important;column-gap:14px !important;overflow-x:auto !important;overflow-y:hidden !important;padding:2px 24px 14px !important;scroll-snap-type:x mandatory !important;scrollbar-width:none !important;-webkit-overflow-scrolling:touch !important}
html body[class][class][class][class][class][class][class] .clients.four-cols.cd-pop::-webkit-scrollbar{display:none !important}
html body[class][class][class][class][class][class][class] .clients.four-cols.cd-pop > div{width:auto !important;height:162px !important;margin:0 !important;scroll-snap-align:start !important}
}}


/* ===== CD-FOOTSPACE: on phones the stacked footer blocks carried their desktop margins plus the section padding, which left a 60px void above Company and 144px above the strapline. Even rhythm now, roughly 30px between blocks. ===== */
@layer cdfix{@media only screen and (max-width:999px){
html body[class][class][class][class][class][class][class] .nectar-global-section .wpb_column{margin-top:0 !important;margin-bottom:16px !important;height:auto !important;min-height:0 !important}
html body[class][class][class][class][class][class][class] .nectar-global-section .wpb_wrapper > div:empty{display:none !important}
html body[class][class][class][class][class][class][class] .nectar-global-section .vc_column-inner{padding-top:0 !important;padding-bottom:0 !important}
html body[class][class][class][class][class][class][class] .nectar-global-section .nectar_section{}
html body[class][class][class][class][class][class][class] .nectar-global-section .wpb_row{padding-bottom:0 !important}
html body[class][class][class][class][class][class][class] .nectar-global-section .wpb_row + .wpb_row{}
}}


/* ===== CD-BLOGCARD: the blog index on phones now follows the reference card: image with a category pill top left and read time top right, then the date and the headline beneath it. ===== */
@layer cdfix{@media only screen and (max-width:999px){html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item{position:relative !important;margin-bottom:8px !important}html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .nectar-post-grid-item-bg-wrap{position:relative !important;aspect-ratio:4/3 !important;height:auto !important;border-radius:22px !important;overflow:hidden !important;z-index:1 !important}html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .nectar-post-grid-item-bg-wrap-inner,html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .nectar-post-grid-item-bg{position:absolute !important;inset:0 !important;height:100% !important;border-radius:22px !important;overflow:hidden !important}html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .content{position:static !important;padding:16px 2px 0 !important}html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .meta-category{position:absolute !important;top:14px !important;left:14px !important;z-index:5 !important;margin:0 !important;width:auto !important}html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .meta-category a{background:rgba(255,255,255,.82) !important;color:#111111 !important;-webkit-text-fill-color:#111111 !important;border-radius:999px !important;padding:8px 15px !important;font-size:13px !important;line-height:1 !important;backdrop-filter:blur(8px) !important;border:0 !important}html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .nectar-post-grid-item__meta-wrap{position:absolute !important;top:14px !important;right:14px !important;left:auto !important;z-index:5 !important;margin:0 !important;width:auto !important}html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .nectar-post-grid-item__meta-wrap .meta-author{display:none !important}html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .meta-reading-time{background:rgba(255,255,255,.82) !important;color:#111111 !important;-webkit-text-fill-color:#111111 !important;border-radius:999px !important;padding:8px 15px !important;font-size:13px !important;line-height:1 !important;backdrop-filter:blur(8px) !important;display:inline-block !important}html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .cd-blog-date{display:block !important;font-size:15px !important;font-weight:600 !important;color:#111111 !important;-webkit-text-fill-color:#111111 !important;margin:0 0 6px !important;letter-spacing:0 !important}html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item h4.post-heading{font-size:23px !important;line-height:1.22 !important;letter-spacing:-.02em !important;font-weight:600 !important;margin:0 !important}html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item h4.post-heading span{color:#0a0b0d !important;-webkit-text-fill-color:#0a0b0d !important}}}


/* ===== CD-BLOGCARD2: .item-main was position:relative, so the read time pill anchored to the headline block instead of the card, and .inner carried a top offset that pushed the image below the pills. ===== */
@layer cdfix{@media only screen and (max-width:999px){
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .item-main{position:static !important}
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .inner{padding-top:0 !important}
}}


/* ===== CD-SECHEAD: the eyebrow, the heading and the first paragraph of a section were sitting flush against each other. One rhythm for every section opener, sitewide. ===== */
@layer cdfix{
html body[class][class][class][class][class][class][class] #ajax-content-wrap .cd-label{margin-bottom:12px !important}
html body[class][class][class][class][class][class][class] #ajax-content-wrap .cd-label p{margin:0 !important}
html body[class][class][class][class][class][class][class] #ajax-content-wrap .cd-head{margin-bottom:30px !important}
html body[class][class][class][class][class][class][class] #ajax-content-wrap .cd-head h2,html body[class][class][class][class][class][class][class] #ajax-content-wrap .cd-head h3{margin:0 !important}
html body[class][class][class][class][class][class][class] #ajax-content-wrap .cd-head + .wpb_text_column p:first-child{margin-top:0 !important}
html body[class][class][class][class][class][class][class] #ajax-content-wrap .cd-head + .wpb_text_column p{margin-bottom:22px !important}
}
@layer cdfix{@media only screen and (max-width:999px){
html body[class][class][class][class][class][class][class] #ajax-content-wrap .cd-label{margin-bottom:10px !important}
html body[class][class][class][class][class][class][class] #ajax-content-wrap .cd-head{margin-bottom:24px !important}
}}


/* ===== CD-SECHEAD2 – the gap under a section heading was running 24, 40, 46, 66 and 85 on the same page, because some headings sit above a nested row, some above a paragraph and some in a split column that stacks on mobile. Two values now: one for a heading above a grid, one for a heading above copy. ===== */
@layer cdfix{
html body[class][class][class][class][class][class][class] #ajax-content-wrap .cd-head + .wpb_row{margin-top:64px !important}
html body[class][class][class][class][class][class][class] #ajax-content-wrap .cd-head + .wpb_text_column{margin-top:0 !important}
html body[class][class][class][class][class][class][class] #ajax-content-wrap .cd-head + .toggles{margin-top:0 !important}
@media(max-width:999px){
html body[class][class][class][class][class][class][class] #ajax-content-wrap .cd-head + .wpb_row{margin-top:40px !important}
html body[class][class][class][class][class][class][class] #ajax-content-wrap .wpb_column.cd-split-col:has(.cd-head){margin-bottom:0 !important}
html body[class][class][class][class][class][class][class] #ajax-content-wrap .wpb_column.cd-split-col:has(.cd-head) + .wpb_column.cd-split-col{margin-top:0 !important}
}}


/* ===== CD-BLOGDESK – the blog index on desktop was a single stacked list with hairline dividers, author avatars and a Read link. It now uses the same card grid as the phone layout: two columns, a 4:3 image with the category pill top left and the read time top right, then the date and the headline beneath. ===== */
@layer cdfix{
@media only screen and (min-width:1000px){
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3{grid-template-columns:repeat(2,minmax(0,1fr)) !important;column-gap:28px !important;row-gap:56px !important}
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item{position:relative !important;margin-bottom:0 !important}
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .inner{border:0 !important;padding:0 !important}
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .nectar-post-grid-item-bg-wrap{position:relative !important;aspect-ratio:4/3 !important;height:auto !important;border-radius:22px !important;overflow:hidden !important;z-index:1 !important;margin:0 !important}
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .nectar-post-grid-item-bg-wrap-inner,html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .nectar-post-grid-item-bg{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;border-radius:22px !important;overflow:hidden !important}
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .content{position:static !important;padding:20px 2px 0 !important}
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .content:after{display:none !important;content:none !important}
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .item-main{position:static !important;display:block !important;width:100% !important;padding:0 !important}
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .meta-category{position:absolute !important;top:18px !important;left:18px !important;z-index:5 !important;margin:0 !important;width:auto !important}
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .meta-category a{background:rgba(255,255,255,.82) !important;color:#111111 !important;-webkit-text-fill-color:#111111 !important;border-radius:999px !important;padding:8px 15px !important;font-size:13px !important;line-height:1 !important;backdrop-filter:blur(8px) !important;border:0 !important}
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .nectar-post-grid-item__meta-wrap{position:absolute !important;top:18px !important;right:18px !important;left:auto !important;bottom:auto !important;z-index:5 !important;margin:0 !important;width:auto !important}
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .nectar-post-grid-item__meta-wrap .meta-author{display:none !important}
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .meta-reading-time{background:rgba(255,255,255,.82) !important;color:#111111 !important;-webkit-text-fill-color:#111111 !important;border-radius:999px !important;padding:8px 15px !important;font-size:13px !important;line-height:1 !important;backdrop-filter:blur(8px) !important;display:inline-block !important}
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .meta-reading-time:before{display:none !important;content:none !important}
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .cd-blog-date{display:block !important;font-size:15px !important;font-weight:600 !important;color:#111111 !important;-webkit-text-fill-color:#111111 !important;margin:0 0 8px !important;letter-spacing:0 !important;line-height:1.3 !important}
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item h4.post-heading{font-size:26px !important;line-height:1.22 !important;letter-spacing:-.02em !important;font-weight:600 !important;margin:0 !important;max-width:none !important}
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item h4.post-heading span{color:#0a0b0d !important;-webkit-text-fill-color:#0a0b0d !important}
}}


/* ===== CD-BLOGCARD3 – the hairline divider under each post, the Read link and the dot before the read time were left over from the old list layout. Off at every width so the card grid reads clean. ===== */
@layer cdfix{
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .inner{border:0 !important}
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .content:after{display:none !important;content:none !important}
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .meta-reading-time:before{display:none !important;content:none !important}
}


/* ===== CD-BLOGCENTRE – the post grid carried Salient's -15px gutter margins, which are meant to pair with padded float columns. With the card grid they just pushed every card 15px left of centre. ===== */
@layer cdfix{
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3{margin-left:0 !important;margin-right:0 !important}
}


/* ===== CD-FOOTMOB – the footer stacked into one long column on phones, so Contact sat between Company and Services and the blocks drifted apart. Company and Services now sit side by side as they do on desktop, with an even 52px between every band. Replaces the negative margin in CD-FOOTSPACE. ===== */
@layer cdfix{@media only screen and (max-width:999px){
html body[class][class][class][class][class][class][class] .nectar-global-section .wpb_row > .row_col_wrap_12.col{display:flex !important;flex-direction:column !important;gap:52px !important}
html body[class][class][class][class][class][class][class] .nectar-global-section .wpb_row > .row_col_wrap_12.col:before,html body[class][class][class][class][class][class][class] .nectar-global-section .wpb_row > .row_col_wrap_12.col:after,html body[class][class][class][class][class][class][class] .nectar-global-section .row_col_wrap_12_inner:before,html body[class][class][class][class][class][class][class] .nectar-global-section .row_col_wrap_12_inner:after{display:none !important;content:none !important}
html body[class][class][class][class][class][class][class] .nectar-global-section .wpb_row > .row_col_wrap_12.col > .wpb_column[class][class]{margin:0 !important;width:100% !important;float:none !important}
html body[class][class][class][class][class][class][class] .nectar-global-section .wpb_row.inner_row{margin:0 !important;width:100% !important;max-width:none !important}
html body[class][class][class][class][class][class][class] .nectar-global-section .row_col_wrap_12_inner{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;gap:18px !important;width:100% !important;max-width:none !important;margin:0 !important}
html body[class][class][class][class][class][class][class] .nectar-global-section .row_col_wrap_12_inner > .wpb_column[class][class]{width:50% !important;flex:1 1 50% !important;margin:0 !important;padding:0 !important;float:none !important}
html body[class][class][class][class][class][class][class] .nectar-global-section .row_col_wrap_12_inner > .wpb_column > .vc_column-inner{padding:0 !important}
html body[class][class][class][class][class][class][class] .nectar-global-section .wpb_wrapper{padding-bottom:0 !important}
html body[class][class][class][class][class][class][class] .nectar-global-section .wpb_row + .wpb_row{margin-top:22px !important;padding-top:0 !important}
}}


/* ===== CD-FOOTPAD – CD-FOOTSPACE had zeroed the footer section's padding on phones, so the band above ran straight into "Ready to dominate search?". 72px top and 56px bottom, scaled down from the 144/72 the footer uses on desktop. Also stops the category pills colliding with the read time pill on a post with two categories. ===== */
@layer cdfix{
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .meta-category{}
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .meta-category a{}
@media only screen and (max-width:999px){
html body[class][class][class][class][class][class][class] .nectar-global-section .nectar_section{padding-top:72px !important;padding-bottom:56px !important}
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .meta-category{}
}}


/* ===== CD-ONECAT – posts filed under more than one category were printing a pill for each. Only the first one shows now, on the blog index and every related posts grid. Supersedes the wrapping rule in CD-FOOTPAD. ===== */
@layer cdfix{
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .meta-category{flex-wrap:nowrap !important;gap:0 !important;}
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .meta-category a{}
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .meta-category a ~ a{display:none !important}
@media only screen and (max-width:999px){
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .meta-category{max-width:calc(100% - 96px) !important}
}}


/* ===== CD-TAGLINK – case study sector and pillar badges are now links. Wrapping them in an anchor broke the adjacency rule that spaced them, so the pill shrink wraps to its text again and the stack keeps its rhythm. ===== */
@layer cdfix{
html body[class][class][class][class][class][class][class] a.cd-tag-link{display:table !important;text-decoration:none !important;border:0 !important;margin-top:10px !important;transition:opacity .18s ease !important}
html body[class][class][class][class][class][class][class] a.cd-tag-link:hover{opacity:.72 !important}
html body[class][class][class][class][class][class][class] a.cd-tag-link .nectar-badge{margin:0 !important;display:block !important}
html body[class][class][class][class][class][class][class] .cd-cs-tag-col .nectar-responsive-text{margin-top:26px !important}
html body[class][class][class][class][class][class][class] .cd-cs-tag-col .nectar-responsive-text:first-child{margin-top:0 !important}
}


/* ===== CD-FOOTTAIL – three fixes at the foot of the footer: any radius or edge on the Trustpilot logo is cleared, a stray line break and two empty rows that sat outside the black band are gone, and the strapline and copyright close from 52px to 16px. ===== */
@layer cdfix{
html body[class][class][class][class][class][class][class] .nectar-global-section .cd-tp,html body[class][class][class][class][class][class][class] .nectar-global-section .cd-tp img,html body[class][class][class][class][class][class][class] .nectar-global-section .cd-tp-slot{border-radius:0 !important;overflow:visible !important;border:0 !important;outline:0 !important;box-shadow:none !important;background:none !important;clip-path:none !important}
html body[class][class][class][class][class][class][class] .nectar-global-section .container > br{display:none !important}
html body[class][class][class][class][class][class][class] .nectar-global-section .container > div.wpb_row,html body[class][class][class][class][class][class][class] .nectar-global-section .container > .wpb_raw_code{margin:0 !important;padding:0 !important}
@media only screen and (max-width:999px){
html body[class][class][class][class][class][class][class] .nectar-global-section .wpb_row + .wpb_row > .row_col_wrap_12.col{gap:16px !important}
}}


/* ===== CD-RELSELF – the related case studies grid at the foot of each case study was pulling from the same sector without excluding the page you are on, so it often listed itself. The grid now asks for three and drops the current one, leaving two. Salient's post grid has no exclude parameter, hence the script. ===== */
@layer cdfix{
html body[class][class][class][class][class][class][class] .single-portfolio .nectar-post-grid-wrap{visibility:hidden;animation:cdRelShow 0s 1.6s forwards}
html body[class][class][class][class][class][class][class] .single-portfolio .nectar-post-grid-wrap.cd-rel-ready{visibility:visible;animation:none}
@keyframes cdRelShow{to{visibility:visible}}
}


/* ===== CD-FULLHEIGHT – Salient sets the hero row's height with JavaScript, which WP Rocket holds back until the first tap. Until then the hero collapsed to its content and sat at the top of the screen. A CSS fallback now gives it the fold height from the first paint, using svh so the phone's address bar does not throw it off. ===== */
@layer cdfix{
@media only screen and (max-width:999px){
html body[class][class][class][class][class][class][class] #ajax-content-wrap .wpb_row.vc_row-o-full-height{min-height:calc(100svh - 56px) !important}
}}


/* ===== CD-POSTBADGE – the category badge above a blog post headline was dark grey text on the slate pill, which barely read. The bio card grey with black text now. ===== */
@layer cdfix{
html body[class][class][class][class][class][class][class] [class*="featured-media-under-header"] .meta-category a,html body[class][class][class][class][class][class][class] [class*="featured-media-under-header"] .meta-category a:hover{background-color:#F4F4F6 !important;color:#111111 !important;-webkit-text-fill-color:#111111 !important;border-color:#F4F4F6 !important}
}


/* ===== CD-AUTHORBOX – the author box at the foot of a post was an unstyled name and paragraph. It now reads as a card: avatar, a Written by label, the name and the full bio from the author's WordPress profile, plus a link to their LinkedIn. The LinkedIn URL is read from the author schema on the page, which Yoast builds from the LinkedIn field on the user profile, so editing the profile is all it takes. ===== */
@layer cdfix{
html body[class][class][class][class][class][class][class] .span_12:has(> #author-info){display:flex !important;align-items:flex-start !important;gap:26px !important;background:#F4F4F6 !important;border-radius:20px !important;padding:32px !important;margin:56px 0 0 !important;box-sizing:border-box !important}
html body[class][class][class][class][class][class][class] .span_12:has(> #author-info) > img.avatar{width:104px !important;height:104px !important;border-radius:999px !important;margin:0 !important;flex:0 0 104px !important;object-fit:cover !important;float:none !important;position:static !important}
html body[class][class][class][class][class][class][class] .span_12:has(> #author-info) > .clear{display:none !important}
html body[class][class][class][class][class][class][class] #author-info{display:block !important;width:auto !important;flex:1 1 auto !important;margin:0 !important;padding:0 !important;min-width:0 !important}
html body[class][class][class][class][class][class][class] #author-info:before{content:"Written by" !important;display:block !important;font-weight:600 !important;color:#5D6775 !important;margin:0 0 6px !important;line-height:1.2 !important}
html body[class][class][class][class][class][class][class] #author-info h3{font-size:26px !important;line-height:1.2 !important;letter-spacing:-.02em !important;font-weight:600 !important;margin:0 0 10px !important}
html body[class][class][class][class][class][class][class] #author-info h3 a{color:#0a0b0d !important;-webkit-text-fill-color:#0a0b0d !important;text-decoration:none !important}
html body[class][class][class][class][class][class][class] #author-info p{font-size:16px !important;line-height:1.6 !important;color:#3a3f47 !important;-webkit-text-fill-color:#3a3f47 !important;margin:0 !important;max-width:62ch !important}
html body[class][class][class][class][class][class][class] a.cd-au-li{align-items:center !important;font-size:14px !important;font-weight:500 !important;text-decoration:none !important;transition:background .18s ease,border-color .18s ease !important}
html body[class][class][class][class][class][class][class] a.cd-au-li:hover{border-color:#0a0b0d !important;}
@media only screen and (max-width:640px){
html body[class][class][class][class][class][class][class] .span_12:has(> #author-info){flex-direction:column !important;gap:18px !important;padding:26px !important}
html body[class][class][class][class][class][class][class] .span_12:has(> #author-info) > img.avatar{width:82px !important;height:82px !important;flex:0 0 82px !important}
html body[class][class][class][class][class][class][class] #author-info h3{font-size:22px !important}
}}


/* ===== CD-AUTHORBOX2 – the post template centres its text, which the author card inherited, and the name carried the site's link underline. Left aligned, underline off. ===== */
@layer cdfix{
html body[class][class][class][class][class][class][class] .span_12:has(> #author-info){text-align:left !important}
html body[class][class][class][class][class][class][class] #author-info,html body[class][class][class][class][class][class][class] #author-info h3,html body[class][class][class][class][class][class][class] #author-info p{text-align:left !important}
html body[class][class][class][class][class][class][class] #author-info h3 a{background-image:none !important;border-bottom:0 !important;box-shadow:none !important}
html body[class][class][class][class][class][class][class] #author-info h3 a:after,html body[class][class][class][class][class][class][class] #author-info h3 a:before{display:none !important;content:none !important}
html body[class][class][class][class][class][class][class] #author-info h3 span{display:none !important}
html body[class][class][class][class][class][class][class] #author-info p{margin-left:0 !important;margin-right:0 !important}
}


/* ===== CD-BANNERFLOOR – page banner heights are set by Salient at runtime, and WP Rocket holds that script until the first tap, so banners were rendering at roughly half height on load. It only applies to the row that actually holds the page h1, because on the homepage the row after the top level row is the statement band, not a banner, and floor-ing that left a screen of empty black. ===== */
@layer cdfix{
html body[class][class][class][class][class][class][class] #ajax-content-wrap .wpb_row.top-level + .wpb_row:has(h1){min-height:calc(100svh - 56px)}
}


/* ===== CD-AUTHORBOX3 – the LinkedIn link on the author card is the bare icon in black. No button, no border, no background. The label is carried as aria-label and title rather than visible text. ===== */
@layer cdfix{
html body[class][class][class][class][class][class][class] a.cd-au-li{display:inline-block !important;width:auto !important;height:auto !important;padding:0 !important;margin-top:16px !important;border:0 !important;background:none !important;background-color:transparent !important;border-radius:0 !important;box-shadow:none !important;gap:0 !important;color:#0a0b0d !important;-webkit-text-fill-color:#0a0b0d !important;line-height:0 !important}
html body[class][class][class][class][class][class][class] a.cd-au-li:hover{background:none !important;background-color:transparent !important;border:0 !important;color:#0a0b0d !important;-webkit-text-fill-color:#0a0b0d !important;opacity:.6 !important}
html body[class][class][class][class][class][class][class] a.cd-au-li svg{width:22px !important;height:22px !important;fill:#0a0b0d !important;display:block !important}
html body[class][class][class][class][class][class][class] a.cd-au-li span{display:none !important}
}


/* ===== CD-AUTHORBOX4 – the Written by label was set in uppercase, which the rest of the site no longer uses. Sentence case now. ===== */
@layer cdfix{
html body[class][class][class][class][class][class][class] #author-info:before{text-transform:none !important;letter-spacing:.01em !important;font-size:13px !important}
}


/* CD-BLOGCARD4 - Huge style blog card. Rounded tinted panel, category pill top left and read time top right over the image, date then headline below. Supersedes the old white pill block. */
@layer cdfix{
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .inner{position:relative !important;display:grid !important;grid-template-columns:minmax(0,1fr) !important;grid-template-rows:auto auto !important;gap:0 !important;align-content:start !important}
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .nectar-post-grid-item-bg-wrap{grid-column:1 !important;grid-row:1 !important;border-radius:24px !important;overflow:hidden !important;background:#F7F1E9 !important}
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .content{position:static !important;grid-column:1 !important;grid-row:2 !important;padding:18px 0 0 !important;width:auto !important;height:auto !important;inset:auto !important;align-self:start !important}
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .meta-category{position:absolute !important;right:auto !important;bottom:auto !important;z-index:6 !important;margin:0 !important;padding:0 !important;display:block !important;width:auto !important;max-width:62% !important}
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .meta-category[class][class]{top:16px !important;left:16px !important}
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .meta-category a{background:rgba(24,24,27,.42) !important;background-color:rgba(24,24,27,.42) !important;color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;border:0 !important;-webkit-backdrop-filter:blur(8px) !important;backdrop-filter:blur(8px) !important;border-radius:999px !important;padding:9px 17px !important;font-size:13px !important;font-weight:600 !important;line-height:1.2 !important;white-space:nowrap !important;margin:0 !important;box-shadow:none !important;text-transform:none !important;letter-spacing:0 !important}
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .meta-category a:hover{background:rgba(24,24,27,.66) !important;background-color:rgba(24,24,27,.66) !important;color:#ffffff !important;-webkit-text-fill-color:#ffffff !important}
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .nectar-post-grid-item__meta-wrap{position:static !important;margin:0 !important;padding:0 !important;display:block !important}
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .meta-reading-time{position:absolute !important;top:16px !important;right:16px !important;left:auto !important;bottom:auto !important;z-index:6 !important;width:auto !important;background:rgba(24,24,27,.42) !important;background-color:rgba(24,24,27,.42) !important;color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;border:0 !important;-webkit-backdrop-filter:blur(8px) !important;backdrop-filter:blur(8px) !important;border-radius:999px !important;padding:9px 17px !important;font-size:13px !important;font-weight:600 !important;line-height:1.2 !important;white-space:nowrap !important;margin:0 !important;box-shadow:none !important;text-transform:none !important;letter-spacing:0 !important}
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .meta-reading-time:after{content:" read" !important}
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .meta-author{display:none !important}
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .item-main{padding:0 !important;margin:0 !important}
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .cd-blog-date{display:block !important;font-size:14px !important;font-weight:600 !important;margin:0 0 9px !important}
html body[class][class][class][class][class][class][class] .nectar-post-grid-wrap.text-color-dark .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .cd-blog-date{color:#111111 !important}
html body[class][class][class][class][class][class][class] .nectar-post-grid-wrap.text-color-light .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .cd-blog-date{color:rgba(255,255,255,.72) !important}
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item h4.post-heading{margin:0 !important;font-weight:700 !important}
}


/* ===== CD-ARCHIVE – author and category archives used Salient's overlaid masonry, with the headline sitting on top of the image and the page title set in Oswald. They now use the same card shape as the blog index: a 4:3 image with a rounded corner, the category pill top left, and the headline underneath. The archive title is Figtree like every other heading on the site. ===== */
@layer cdfix{
html body.archive[class][class][class][class][class][class] h1{font-family:Figtree,"Helvetica Neue",Helvetica,Arial,sans-serif !important;font-weight:600 !important;letter-spacing:-.03em !important;line-height:1.04 !important;text-transform:none !important}
html body[class][class][class][class][class][class][class] .masonry-blog-item .post-content,html body[class][class][class][class][class][class][class] .masonry-blog-item .content-inner,html body[class][class][class][class][class][class][class] .masonry-blog-item .inner-wrap{position:relative !important;height:auto !important;min-height:0 !important;background:none !important}
html body[class][class][class][class][class][class][class] .masonry-blog-item .inner-wrap{transform:none !important;opacity:1 !important;top:auto !important;margin:0 !important}
html body[class][class][class][class][class][class][class] .masonry-blog-item .post-content{padding:0 !important;margin:0 !important}
html body[class][class][class][class][class][class][class] .masonry-blog-item .content-inner{inset:auto !important;padding:0 !important;margin:0 !important;overflow:visible !important}
html body[class][class][class][class][class][class][class] .masonry-blog-item .post-featured-img{position:relative !important;display:block !important;inset:auto !important;width:100% !important;height:auto !important;aspect-ratio:4/3 !important;border-radius:22px !important;overflow:hidden !important;margin:0 !important}
html body[class][class][class][class][class][class][class] .masonry-blog-item .post-featured-img img{position:static !important;width:100% !important;height:100% !important;object-fit:cover !important;border-radius:22px !important;opacity:1 !important}
html body[class][class][class][class][class][class][class] .masonry-blog-item .post-featured-img:after,html body[class][class][class][class][class][class][class] .masonry-blog-item .content-inner:after,html body[class][class][class][class][class][class][class] .masonry-blog-item .article-content-wrap:before{display:none !important;content:none !important}
html body[class][class][class][class][class][class][class] .masonry-blog-item .article-content-wrap{position:static !important;inset:auto !important;width:auto !important;padding:16px 2px 0 !important;background:none !important}
html body[class][class][class][class][class][class][class] .masonry-blog-item .article-content-wrap .post-header{padding:0 !important;margin:0 !important;width:auto !important}
html body[class][class][class][class][class][class][class] .masonry-blog-item .meta-category{position:absolute !important;top:14px !important;left:14px !important;z-index:5 !important;margin:0 !important;width:auto !important;display:block !important}
html body[class][class][class][class][class][class][class] .masonry-blog-item .meta-category a{background:rgba(24,24,27,.42) !important;background-color:rgba(24,24,27,.42) !important;color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;-webkit-backdrop-filter:blur(8px) !important;backdrop-filter:blur(8px) !important;border-radius:999px !important;padding:8px 15px !important;font-size:13px !important;line-height:1 !important;backdrop-filter:blur(8px) !important;border:0 !important;display:inline-block !important}
html body[class][class][class][class][class][class][class] .masonry-blog-item .meta-category a ~ a{display:none !important}
html body[class][class][class][class][class][class][class] .masonry-blog-item h3.title{font-size:23px !important;line-height:1.22 !important;letter-spacing:-.02em !important;font-weight:600 !important;margin:0 !important;width:auto !important}
html body[class][class][class][class][class][class][class] .masonry-blog-item h3.title a{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important}
html body[class][class][class][class][class][class][class] .masonry-blog-item .entire-meta-link{position:absolute !important;inset:0 !important;z-index:6 !important}
}


/* ===== CD-ARCHIVESIDE – archives carried a sidebar with a search box, Recent Posts and Recent Comments. All three are gone and the post area runs full width, which also puts the cards at the same two column width as the blog index. ===== */
@layer cdfix{
html body.archive[class][class][class][class][class][class] #sidebar{display:none !important}
html body.archive[class][class][class][class][class][class] .post-area.span_9{width:100% !important;max-width:none !important;margin-right:0 !important;float:none !important}
}


/* ===== CD-ARCHIVE2 – Salient's masonry sets item widths and heights from JavaScript, measured against the old overlaid layout, so headlines were being clipped and overlapping the card below. The post list is now a plain two column CSS grid with auto height, which ignores anything the masonry script sets and puts the cards at the same 651px as the blog index. ===== */
@layer cdfix{
html body[class][class][class][class][class][class][class] .post-area .posts-container{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;column-gap:28px !important;row-gap:56px !important;align-items:start !important}
html body[class][class][class][class][class][class][class] .posts-container .masonry-blog-item{width:auto !important;max-width:none !important;height:auto !important;max-height:none !important;min-height:0 !important;padding:0 !important;margin:0 !important;position:static !important;float:none !important;left:auto !important;top:auto !important;right:auto !important;transform:none !important;overflow:visible !important}
html body[class][class][class][class][class][class][class] .posts-container .masonry-blog-item .inner-wrap,html body[class][class][class][class][class][class][class] .posts-container .masonry-blog-item .post-content,html body[class][class][class][class][class][class][class] .posts-container .masonry-blog-item .content-inner{height:auto !important;max-height:none !important;min-height:0 !important;overflow:visible !important;position:relative !important;top:auto !important;transform:none !important}
html body[class][class][class][class][class][class][class] .posts-container .masonry-blog-item .article-content-wrap{height:auto !important;max-height:none !important;overflow:visible !important;padding:16px 0 0 !important}
html body[class][class][class][class][class][class][class] .posts-container .masonry-blog-item h3.title,html body[class][class][class][class][class][class][class] .posts-container .masonry-blog-item h3.title a{overflow:visible !important;text-overflow:clip !important;display:block !important;max-height:none !important;white-space:normal !important}
@media only screen and (max-width:999px){
html body[class][class][class][class][class][class][class] .post-area .posts-container{grid-template-columns:minmax(0,1fr) !important;row-gap:40px !important}
}}


/* ===== CD-BLOG3COL – the blog index runs three across on desktop, two on tablet. Headline and date step down a little because the cards are narrower. ===== */
@layer cdfix{
@media only screen and (min-width:1200px){
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3{grid-template-columns:repeat(3,minmax(0,1fr)) !important;column-gap:26px !important;row-gap:50px !important}
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item h4.post-heading{font-size:21px !important;line-height:1.24 !important}
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .cd-blog-date{font-size:14px !important}
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .meta-category a,html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .meta-reading-time{font-size:12px !important;padding:7px 13px !important}
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .meta-category{top:14px !important;left:14px !important}
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item .nectar-post-grid-item__meta-wrap{top:14px !important;right:14px !important}
}
@media only screen and (min-width:1000px) and (max-width:1199px){
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
}


/* CD-LOCHEAD */
@layer cdfix{
html body[class][class][class][class][class][class][class] #ajax-content-wrap .cd-col-cta[class][class][class] h1,html body[class][class][class][class][class][class][class] #ajax-content-wrap .cd-col-faq[class][class][class] h1,
html body[class][class][class][class][class][class][class] #ajax-content-wrap .cd-col-cta[class][class][class] h2,html body[class][class][class][class][class][class][class] #ajax-content-wrap .cd-col-faq[class][class][class] h2,
html body[class][class][class][class][class][class][class] #ajax-content-wrap .cd-col-cta[class][class][class] h3,html body[class][class][class][class][class][class][class] #ajax-content-wrap .cd-col-faq[class][class][class] h3,
html body[class][class][class][class][class][class][class] #ajax-content-wrap .cd-col-cta[class][class][class] h4,html body[class][class][class][class][class][class][class] #ajax-content-wrap .cd-col-faq[class][class][class] h4,
html body[class][class][class][class][class][class][class] #ajax-content-wrap .cd-col-cta[class][class][class] .cd-label,html body[class][class][class][class][class][class][class] #ajax-content-wrap .cd-col-faq[class][class][class] .cd-label
{margin-left:auto !important;margin-right:auto !important}
}


/* CD-ARCHIVE3COL - author and category archives follow the blog index. Three cards across on desktop, two on tablet, rounded image panel with the same tint. */
@layer cdfix{
@media(min-width:1200px){
html body[class][class][class][class][class][class][class] .post-area .posts-container[class]{grid-template-columns:repeat(3,minmax(0,1fr)) !important;column-gap:26px !important;row-gap:50px !important}
html body[class][class][class][class][class][class][class] .posts-container .masonry-blog-item h3.title,html body[class][class][class][class][class][class][class] .posts-container .masonry-blog-item h3.title a{font-size:21px !important;line-height:1.24 !important}
html body[class][class][class][class][class][class][class] .posts-container .masonry-blog-item .meta-category a{font-size:12px !important;padding:7px 13px !important}
}
@media(min-width:1000px) and (max-width:1199px){
html body[class][class][class][class][class][class][class] .post-area .posts-container[class]{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
html body[class][class][class][class][class][class][class] .posts-container .masonry-blog-item .post-featured-img{border-radius:24px !important;overflow:hidden !important;background:#F7F1E9 !important;display:block !important}
}


/* CD-GRIDFLEXFIX - the homepage insights row renders the same post grid as flex, so the three column rule never applied and the third card wrapped. Force the grid at tablet and up. Phones keep the horizontal scroller. */
@layer cdfix{
@media(min-width:1000px){
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3{display:grid !important;flex-wrap:nowrap !important}
html body[class][class][class][class][class][class][class] .nectar-post-grid.custom-aspect-ratio-4-3 .nectar-post-grid-item[class][class]{margin:0 !important;width:auto !important;max-width:none !important;left:auto !important;right:auto !important;flex:0 1 auto !important}
}
}


/* CD-BLOG-NOPROMO: the AI search playbook bar is hidden on the blog index. */
html body.page-id-1131[class][class][class][class][class][class][class][class] .cd-promo,
html body.page-id-1131[class][class][class][class][class][class][class][class] .cd-promo-wrap{display:none !important}

@layer cdfix{
/* CD-NAVACTIVE: no yellow bar on the active item, the label just reads brighter. Blog promo bar hidden. */

html body[class][class][class][class][class][class] #header-outer nav li.current-menu-item > a,html body[class][class][class][class][class][class] #header-outer nav li.current-menu-ancestor > a,html body[class][class][class][class][class][class] #header-outer nav li.current_page_item > a{opacity:1 !important;font-weight:600 !important}
html:not(.cd-nav-light) body[class][class][class][class][class][class] #header-outer nav li.current-menu-item > a,html:not(.cd-nav-light) body[class][class][class][class][class][class] #header-outer nav li.current-menu-ancestor > a{color:#fff !important;-webkit-text-fill-color:#fff !important}
html:not(.cd-nav-light) body[class][class][class][class][class][class] #header-outer nav li.current-menu-item > a span,html:not(.cd-nav-light) body[class][class][class][class][class][class] #header-outer nav li.current-menu-ancestor > a span{color:#fff !important;-webkit-text-fill-color:#fff !important}
html.cd-nav-light body[class][class][class][class][class][class] #header-outer nav li.current-menu-item > a,html.cd-nav-light body[class][class][class][class][class][class] #header-outer nav li.current-menu-ancestor > a{color:#000 !important;-webkit-text-fill-color:#000 !important}
html.cd-nav-light body[class][class][class][class][class][class] #header-outer nav li.current-menu-item > a span,html.cd-nav-light body[class][class][class][class][class][class] #header-outer nav li.current-menu-ancestor > a span{color:#000 !important;-webkit-text-fill-color:#000 !important}
html body.page-id-1131[class][class][class][class][class][class][class][class] .cd-promo,html body.page-id-1131[class][class][class][class][class][class][class][class] .cd-promo-wrap{display:none !important}

@layer cdfix{html body.page-id-1131[class][class][class][class][class][class][class][class] .wpb_raw_code:has(.cd-promo){display:none !important}}
}

@layer cdfix{
/* CD-PROMO-ABOVE: the AI search bar always sits above the nav background and its blur. */
html body[class][class][class][class][class][class] .cd-promo-wrap{z-index:10050 !important}
}

/* CD-ONECAT2 - single posts showed every category above the headline. Only the first is kept, matching the one pill per card rule on the grids. */
@layer cdfix{
html body.single-post[class][class][class][class][class][class] #ajax-content-wrap .meta-category a ~ a{display:none !important}
html body.single-post[class][class][class][class][class][class] #ajax-content-wrap .meta-category a:not(:first-of-type){display:none !important}
}


/* CD-MEGACOL - a mega menu panel with a single column, currently Sectors, splits its list into two columns of four and three with a 120px gutter, so it reads across rather than running down the page. Panels with more than one column, like Expertise, are untouched. */
@layer cdfix{
html body[class][class][class][class][class][class][class] #header-outer#header-outer#header-outer#header-outer #top nav ul.sub-menu .cd-mega-main:only-child{width:auto !important;max-width:none !important;flex:0 0 auto !important}
html body[class][class][class][class][class][class][class] #header-outer#header-outer#header-outer#header-outer #top nav ul.sub-menu .cd-mega-main:only-child .cd-mega-list{columns:auto !important;display:grid !important;grid-auto-flow:column !important;grid-template-rows:repeat(4,auto) !important;grid-auto-columns:max-content !important;column-gap:120px !important;row-gap:0 !important;width:auto !important}
html body[class][class][class][class][class][class][class] #header-outer#header-outer#header-outer#header-outer #top nav ul.sub-menu .cd-mega-main:only-child .cd-mega-list > li{break-inside:avoid !important}
html body[class][class][class][class][class][class][class] #header-outer#header-outer#header-outer#header-outer #top nav ul.sub-menu .cd-mega-main:only-child .cd-mega-list > li > a{white-space:nowrap !important}
}


/* CD-AIROW - the AI platform logos ran small and far apart. Bigger marks, 84px tall, with a 76px gutter instead of 242px. The client logo band, which is four-cols, is untouched. */
@layer cdfix{
html body[class][class][class][class][class][class][class] #ajax-content-wrap .clients.no-carousel.five-cols > div{margin:0 76px 0 0 !important;width:auto !important;flex:0 0 auto !important}
html body[class][class][class][class][class][class][class] #ajax-content-wrap .clients.no-carousel.five-cols img{max-height:84px !important;height:auto !important;width:auto !important;max-width:none !important;object-fit:contain !important}
@media(max-width:999px){
html body[class][class][class][class][class][class][class] #ajax-content-wrap .clients.no-carousel.five-cols > div{margin:0 44px 0 0 !important}
html body[class][class][class][class][class][class][class] #ajax-content-wrap .clients.no-carousel.five-cols img{max-height:58px !important}
}
}


/* CD-HEROCTA - the hero action pair on pages that are not built on the cd-col grid, currently the homepage. Same pill shapes as the Sectors and Locations heroes, a solid light button and an outlined one. */
@layer cdfix{
html body[class][class][class][class][class][class][class] #ajax-content-wrap .cd-hero-actions p{display:flex !important;flex-wrap:wrap !important;gap:14px !important;margin:0 !important;align-items:center !important}
html body[class][class][class][class][class][class][class] #ajax-content-wrap .cd-hero-actions a.cd-btn{display:inline-flex !important;align-items:center !important;justify-content:center !important;padding:11px 21px !important;border-radius:980px !important;font-size:17px !important;font-weight:400 !important;line-height:1.25 !important;text-decoration:none !important;white-space:nowrap !important;transition:background-color .2s ease,border-color .2s ease,opacity .2s ease !important}
html body[class][class][class][class][class][class][class] #ajax-content-wrap .cd-hero-actions a.cd-btn-light{background:#ffffff !important;background-color:#ffffff !important;color:#111111 !important;-webkit-text-fill-color:#111111 !important;border:1px solid #ffffff !important}
html body[class][class][class][class][class][class][class] #ajax-content-wrap .cd-hero-actions a.cd-btn-light:hover{background-color:rgba(255,255,255,.86) !important;border-color:rgba(255,255,255,.86) !important}
html body[class][class][class][class][class][class][class] #ajax-content-wrap .cd-hero-actions a.cd-btn-outline{background:transparent !important;background-color:transparent !important;color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;border:1px solid rgba(255,255,255,.55) !important}
html body[class][class][class][class][class][class][class] #ajax-content-wrap .cd-hero-actions a.cd-btn-outline:hover{border-color:#ffffff !important;background-color:rgba(255,255,255,.10) !important}
@media(max-width:600px){
html body[class][class][class][class][class][class][class] #ajax-content-wrap .cd-hero-actions p{gap:10px !important}
html body[class][class][class][class][class][class][class] #ajax-content-wrap .cd-hero-actions a.cd-btn{font-size:16px !important;padding:11px 18px !important}
}
}


/* CD-HEROCTA2 - breathing room above the hero action pair. */
@layer cdfix{
html body[class][class][class][class][class][class][class] #ajax-content-wrap .cd-hero-actions{margin-top:26px !important}
html body[class][class][class][class][class][class][class] #ajax-content-wrap .cd-hero-actions p{margin-top:0 !important}
@media(max-width:600px){html body[class][class][class][class][class][class][class] #ajax-content-wrap .cd-hero-actions{margin-top:22px !important}}
}


/* CD-CLIFILL - the client logo grid on the contact page sized its twelve tracks from content, so the whole block sat inset and centred instead of filling the band. Tracks are now fractional there, which keeps the four large plus six small layout exactly as it is elsewhere and just lets it span the container. */
@layer cdfix{
@media(min-width:1000px){
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .clients.no-carousel.four-cols{width:100% !important;max-width:100% !important;margin-left:0 !important;margin-right:0 !important;grid-template-columns:repeat(12,minmax(0,1fr)) !important}
}
}


/* CD-MAP - dotted world map of the cities we work in, on the contact page. Land is a dot pattern clipped to the coastline, pins are links to each city page, and the chip list under it lights its own pin on hover. */
@layer cdfix{
html body[class][class][class][class][class][class][class] .cd-map-row{background:#0d0d0f !important;padding:96px 0 104px !important}
html body[class][class][class][class][class][class][class] .cd-map-head{margin:0 0 44px !important}
html body[class][class][class][class][class][class][class] .cd-map-head .cd-label{color:#8A8A90 !important;font-size:14px !important;margin:0 0 12px !important}
html body[class][class][class][class][class][class][class] .cd-map-head h2{margin:0 auto !important;max-width:18ch !important;color:#ffffff !important}
html body[class][class][class][class][class][class][class] .cd-map{max-width:1500px;margin:0 auto}
html body[class][class][class][class][class][class][class] .cd-map-frame{position:relative;width:100%}
html body[class][class][class][class][class][class][class] .cd-map-svg{width:100% !important;height:auto !important;display:block !important;overflow:visible !important;font-family:Figtree,sans-serif}
html body[class][class][class][class][class][class][class] .cd-map-svg .cd-map-dot{fill:rgba(255,255,255,.16)}
html body[class][class][class][class][class][class][class] .cd-map-svg .cd-pin{cursor:pointer}
html body[class][class][class][class][class][class][class] .cd-map-svg .cd-pin-hit{fill:transparent}
html body[class][class][class][class][class][class][class] .cd-map-svg .cd-pin-ring{fill:rgba(245,212,0,.16);transition:fill .18s ease}
html body[class][class][class][class][class][class][class] .cd-map-svg .cd-pin-dot{fill:#F5D400;transition:r .18s ease}
html body[class][class][class][class][class][class][class] .cd-map-svg .cd-pin.is-office .cd-pin-dot{fill:#ffffff}
html body[class][class][class][class][class][class][class] .cd-map-svg .cd-pin.is-office .cd-pin-ring{fill:rgba(255,255,255,.2)}
html body[class][class][class][class][class][class][class] .cd-map-svg .cd-pin-label{fill:#ffffff;font-size:27px;font-weight:600;opacity:0;pointer-events:none;transition:opacity .16s ease;paint-order:stroke;stroke:#0d0d0f;stroke-width:7px;stroke-linejoin:round}
html body[class][class][class][class][class][class][class] .cd-map-svg .cd-pin:hover .cd-pin-label,html body[class][class][class][class][class][class][class] .cd-map-svg .cd-pin:focus .cd-pin-label,html body[class][class][class][class][class][class][class] .cd-map-svg .cd-pin.is-lit .cd-pin-label{opacity:1}
html body[class][class][class][class][class][class][class] .cd-map-svg .cd-pin:hover .cd-pin-ring,html body[class][class][class][class][class][class][class] .cd-map-svg .cd-pin.is-lit .cd-pin-ring{fill:rgba(245,212,0,.42)}
html body[class][class][class][class][class][class][class] .cd-map-cities{display:flex !important;flex-wrap:wrap !important;justify-content:center !important;gap:10px !important;margin:40px auto 0 !important;max-width:1000px}
html body[class][class][class][class][class][class][class] a.cd-city{display:inline-flex !important;align-items:center !important;padding:9px 18px !important;border-radius:980px !important;border:1px solid rgba(255,255,255,.22) !important;color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;font-size:15px !important;text-decoration:none !important;background:transparent !important;transition:background-color .18s ease,border-color .18s ease}
html body[class][class][class][class][class][class][class] a.cd-city:hover,html body[class][class][class][class][class][class][class] a.cd-city:focus{background:rgba(245,212,0,.14) !important;border-color:#F5D400 !important}
@media(max-width:999px){
html body[class][class][class][class][class][class][class] .cd-map-row{padding:64px 0 72px !important}
html body[class][class][class][class][class][class][class] .cd-map-svg .cd-pin-label{font-size:40px}
html body[class][class][class][class][class][class][class] .cd-map-cities{gap:8px !important;margin-top:28px !important}
html body[class][class][class][class][class][class][class] a.cd-city{font-size:14px !important;padding:8px 14px !important}
}
}


/* CD-MAPZOOM2 - territory framing and zoom for the office map. Sizes are divided by --k, the combined user-to-pixel scale: the zoom factor times the SVG viewBox fit. Dividing by the zoom alone yields USER UNITS, which shrink with the viewport, so at phone width the dot tile collapsed to sub-pixel mush and the pins all but vanished. Under 900px the map also takes a fixed height and switches to a slice fit, because height:auto on a 2000x760 viewBox leaves a 150px sliver. */
@layer cdfix{
html body[class][class][class][class][class][class][class][class] .cd-map{position:relative;margin-left:auto !important;margin-right:auto !important}
html body[class][class][class][class][class][class][class][class] .cd-map-frame{position:relative;width:100%}
html body[class][class][class][class][class][class][class][class] .cd-map-svg {width:100% !important;height:auto !important;display:block !important;overflow:visible;clip-path:inset(0 -100vw)}
html body[class][class][class][class][class][class][class][class] .cd-map-zoom{transform-origin:0 0;transition:transform .8s cubic-bezier(.22,1,.36,1);will-change:transform}
html body[class][class][class][class][class][class][class][class] .cd-map-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto 54px;padding:0;position:relative;z-index:3}
html body[class][class][class][class][class][class][class][class] button.cd-region{-webkit-appearance:none;appearance:none;cursor:pointer;font:inherit;font-size:14px;line-height:1;letter-spacing:.01em;padding:11px 20px;border-radius:999px;border:1px solid rgba(17,17,17,.18);background:transparent;color:#3F3F46;transition:border-color .2s ease,color .2s ease,background .2s ease}
html body[class][class][class][class][class][class][class][class] button.cd-region:hover{border-color:rgba(17,17,17,.42);color:#111}
html body[class][class][class][class][class][class][class][class] button.cd-region.is-on{border-color:#111;color:#111;background:rgba(17,17,17,.05);font-weight:600}
html body[class][class][class][class][class][class][class][class] .cd-map-cities{display:none !important}
html body[class][class][class][class][class][class][class][class] .cd-map-svg .cd-pin{cursor:pointer;transition:opacity .35s ease}
html body[class][class][class][class][class][class][class][class] .cd-map-svg .cd-pin.is-dim{opacity:.14;pointer-events:none}
html body[class][class][class][class][class][class][class][class] .cd-map-svg .cd-pin-hit{fill:transparent;r:calc(19px / var(--k,1))}
html body[class][class][class][class][class][class][class][class] .cd-map-svg .cd-pin-ring{fill:none;r:calc(11px / var(--k,1));stroke-width:calc(1.5px / var(--k,1));opacity:0;transition:opacity .2s ease}
html body[class][class][class][class][class][class][class][class] .cd-map-svg .cd-pin:hover .cd-pin-ring,html body[class][class][class][class][class][class][class][class] .cd-map-svg .cd-pin:focus-visible .cd-pin-ring{opacity:1}
html body[class][class][class][class][class][class][class][class] .cd-map-svg .cd-pin-dot{r:calc(4.5px / var(--k,1));stroke-width:0;transition:r .2s ease}
html body[class][class][class][class][class][class][class][class] .cd-map-svg .cd-pin:hover .cd-pin-dot{r:calc(5.8px / var(--k,1))}
html body[class][class][class][class][class][class][class][class] .cd-map-svg .cd-pin-label{font-size:calc(16px / var(--k,1));font-weight:500;letter-spacing:.005em;stroke:none;opacity:0;transition:opacity .2s ease;pointer-events:none}
html body[class][class][class][class][class][class][class][class] .cd-map-svg .cd-pin-chip{fill:#E9E9EC;stroke:none;opacity:0;transition:opacity .2s ease;pointer-events:none}
html body[class][class][class][class][class][class][class][class] .cd-map-svg .cd-pin:hover .cd-pin-chip,html body[class][class][class][class][class][class][class][class] .cd-map-svg .cd-pin:focus-visible .cd-pin-chip{opacity:1}
html body[class][class][class][class][class][class][class][class] .cd-map-svg .cd-pin:hover .cd-pin-label,html body[class][class][class][class][class][class][class][class] .cd-map-svg .cd-pin:focus-visible .cd-pin-label{opacity:1}
html body[class][class][class][class][class][class][class][class] .cd-map-svg .cd-pin{opacity:0}
html body[class][class][class][class][class][class][class][class] .cd-map.is-in .cd-pin{animation:cdPinIn .5s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--d,0ms)}
html body[class][class][class][class][class][class][class][class] .cd-map.is-in .cd-pin.is-dim{animation:cdPinDim .5s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--d,0ms)}
html body[class][class][class][class][class][class][class][class] .cd-map.is-shown .cd-pin{animation:none !important;opacity:1}
html body[class][class][class][class][class][class][class][class] .cd-map.is-shown .cd-pin.is-dim{animation:none !important;opacity:.14}
@keyframes cdPinIn{from{opacity:0}to{opacity:1}}
@keyframes cdPinDim{from{opacity:0}to{opacity:.14}}
@media (prefers-reduced-motion:reduce){html body[class][class][class][class][class][class][class][class] .cd-map-zoom{transition:none}html body[class][class][class][class][class][class][class][class] .cd-map .cd-pin{animation:none !important;opacity:1}html body[class][class][class][class][class][class][class][class] .cd-map .cd-pin.is-dim{animation:none !important;opacity:.14}}
@media (max-width:900px){html body[class][class][class][class][class][class][class][class] .cd-map-svg {height:400px !important;overflow:hidden !important}html body[class][class][class][class][class][class][class][class] .cd-map-svg .cd-pin-hit{r:calc(26px / var(--k,1))}html body[class][class][class][class][class][class][class][class] .cd-map-svg .cd-pin-dot{r:calc(5.2px / var(--k,1))}html body[class][class][class][class][class][class][class][class] .cd-map-svg .cd-pin-label{font-size:calc(15px / var(--k,1))}html body[class][class][class][class][class][class][class][class] .cd-map-tabs{margin-bottom:30px;gap:8px}html body[class][class][class][class][class][class][class][class] button.cd-region{padding:10px 15px;font-size:13px}}
@media (max-width:600px){html body[class][class][class][class][class][class][class][class] .cd-map-svg {height:340px !important}}
}


/* CD-CONTACTWHITE2 - the contact page runs on #f7f7f7, the same surface as the blog index, hero band included. Every row-scoped rule excludes the global footer section, which lives inside #ajax-content-wrap and would otherwise be repainted with it. Map rules here set colour only: sizes and stroke widths belong in CD-MAPZOOM2, where they are divided by --z. The dark card on the form column matches only while the HubSpot iframe is still in place, so it retires itself once the form is rebuilt in page markup. */
@layer cdfix{
html body.page-id-1683[class][class][class][class][class][class] {background:#f7f7f7 !important}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap,html body.page-id-1683[class][class][class][class][class][class] .container-wrap,html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .container-wrap{background:#f7f7f7 !important}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .wpb_row:not(.nectar-global-section *){background:#f7f7f7 !important;background-color:#f7f7f7 !important;--row-bg-color:#f7f7f7 !important}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .wpb_row:not(.nectar-global-section *) > .row-bg-wrap .row-bg,html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .wpb_row:not(.nectar-global-section *) > .row-bg-wrap .row-bg-overlay{background-color:#f7f7f7 !important;background-image:none !important;opacity:1 !important}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .wpb_row.cd-banner:not(.nectar-global-section *) .row-bg-wrap::after,html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .wpb_row.cd-banner:not(.nectar-global-section *) .row-bg-wrap::before,html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .wpb_row.cd-banner:not(.nectar-global-section *) .row-bg::after,html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .wpb_row.cd-banner:not(.nectar-global-section *) .row-bg::before{background:none !important;background-image:none !important;background-color:transparent !important;opacity:0 !important;display:none !important}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .wpb_row:not(.nectar-global-section *) .nectar-responsive-text,html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .wpb_row:not(.nectar-global-section *) .wpb_text_column,html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .wpb_row:not(.nectar-global-section *) p,html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .wpb_row:not(.nectar-global-section *) li{color:rgba(17,17,17,.74) !important;-webkit-text-fill-color:rgba(17,17,17,.74) !important}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .wpb_row:not(.nectar-global-section *) h1,html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .wpb_row:not(.nectar-global-section *) h2,html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .wpb_row:not(.nectar-global-section *) h3,html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .wpb_row:not(.nectar-global-section *) h4,html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .wpb_row:not(.nectar-global-section *) h5,html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .wpb_row:not(.nectar-global-section *) h1 span,html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .wpb_row:not(.nectar-global-section *) h2 span,html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .wpb_row:not(.nectar-global-section *) h3 span{color:#0a0b0d !important;-webkit-text-fill-color:#0a0b0d !important;text-shadow:none !important}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .wpb_row:not(.nectar-global-section *) .cd-label,html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .wpb_row:not(.nectar-global-section *) .cd-eyebrow{color:#6E6E73 !important;-webkit-text-fill-color:#6E6E73 !important}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .wpb_row:not(.nectar-global-section *):not(.cd-par) a.nectar-button,html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .wpb_row:not(.nectar-global-section *):not(.cd-par) a.nectar-button span,html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .wpb_row:not(.nectar-global-section *):not(.cd-par) a.nectar-button .nectar-button-text{color:#111111 !important;-webkit-text-fill-color:#111111 !important}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-par a.nectar-button span,html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-par a.nectar-button .nectar-button-text{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important}
html body.page-id-1683[class][class][class][class][class][class] .cd-map-svg .cd-map-dot{fill:rgba(17,17,17,.30) !important}
html body.page-id-1683[class][class][class][class][class][class] .cd-map-svg .cd-pin-dot{fill:#F5D400 !important;stroke:none !important}
html body.page-id-1683[class][class][class][class][class][class] .cd-map-svg .cd-pin-ring{}
html body.page-id-1683[class][class][class][class][class][class] .cd-map-svg .cd-pin-label{fill:#111111 !important;stroke:none !important;-webkit-text-fill-color:#111111 !important}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-par .vc_column-inner{background:#F4F4F6 !important;border-radius:22px !important}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .clients.no-carousel:not(.nectar-global-section *) > div{border:1px solid rgba(17,17,17,.10) !important;box-shadow:none !important}
}


/* CD-FORM2 - the contact form, laid out like the Jellyfish reference but on the light palette: one column, the label living inside each outlined field, required markers, an interest checkbox group, the privacy line and a yellow Submit pill. Geometry carries !important because Salient resets borders and radii on form controls. Ticked interests are appended to the message body, since the HubSpot property for them does not exist yet. */
@layer cdfix{
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-banner .wpb_column:has(.cd-form-panel) .column-bg-overlay,html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-banner .wpb_column:has(.cd-form-panel) .column-bg-overlay-wrap{background-color:transparent !important;background:none !important;opacity:0 !important}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-banner .wpb_column:has(.cd-form-panel) > .vc_column-inner{padding:0 clamp(20px,3vw,44px) !important;border-radius:0 !important}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-form-panel{background:#ffffff !important;border:1px solid rgba(17,17,17,.12) !important;border-radius:26px !important;padding:34px 34px 32px !important;max-width:540px;margin-left:auto;box-shadow:0 1px 2px rgba(17,17,17,.04)}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-form *{box-sizing:border-box}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-form .cd-form-req{margin:0 0 20px !important;font-size:13px;line-height:1;color:#6E6E73 !important;-webkit-text-fill-color:#6E6E73 !important}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-form .cd-form-req em{font-style:normal;color:#9A7B00 !important;-webkit-text-fill-color:#9A7B00 !important}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-form .cd-f{margin:0 0 14px !important}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-form input[type=text],html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-form input[type=email],html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-form input[type=tel],html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-form textarea{width:100% !important;background:#ffffff !important;border:1px solid rgba(17,17,17,.22) !important;border-radius:14px !important;padding:0 18px !important;height:56px !important;font:inherit;font-size:15px !important;line-height:1.4;color:#111111 !important;-webkit-text-fill-color:#111111 !important;box-shadow:none !important;margin:0 !important;transition:border-color .18s ease,box-shadow .18s ease}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-form textarea{height:auto !important;min-height:124px !important;padding:17px 18px !important;resize:vertical}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-form input:focus,html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-form textarea:focus{outline:none !important;border-color:#111111 !important;box-shadow:0 0 0 3px rgba(17,17,17,.07) !important}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-form input::placeholder,html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-form textarea::placeholder{color:#8A8A90 !important;-webkit-text-fill-color:#8A8A90 !important;opacity:1}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-form input.is-bad,html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-form textarea.is-bad{border-color:#C8102E !important}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-form .cd-hp{position:absolute !important;width:1px !important;height:1px !important;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-form .cd-form-int{border:0 !important;margin:24px 0 0 !important;padding:0 !important;min-width:0}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-form .cd-form-int legend{padding:0 !important;margin:0 0 16px !important;font-size:16px !important;font-weight:600;color:#0a0b0d !important;-webkit-text-fill-color:#0a0b0d !important;float:none !important;width:auto !important}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-form .cd-int-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 18px}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-form .cd-chk{display:flex !important;align-items:center;gap:11px;cursor:pointer;margin:0 !important;font-size:15px;color:#111111 !important;-webkit-text-fill-color:#111111 !important}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-form .cd-chk input{position:absolute !important;opacity:0 !important;width:0 !important;height:0 !important;margin:0 !important}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-form .cd-box{display:block;flex:0 0 auto;width:22px !important;height:22px !important;border:1px solid rgba(17,17,17,.30) !important;border-radius:6px !important;background:#ffffff !important;position:relative;transition:background .15s ease,border-color .15s ease}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-form .cd-chk input:checked + .cd-box{background:#111111 !important;border-color:#111111 !important}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-form .cd-chk input:checked + .cd-box::after{content:"";position:absolute;left:7px;top:3px;width:6px;height:11px;border:solid #ffffff;border-width:0 2px 2px 0 !important;border-radius:0 !important;transform:rotate(45deg)}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-form .cd-chk input:focus-visible + .cd-box{box-shadow:0 0 0 3px rgba(17,17,17,.16)}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-form .cd-form-legal{margin:24px 0 0 !important;font-size:13px !important;line-height:1.6;color:#6E6E73 !important;-webkit-text-fill-color:#6E6E73 !important}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-form .cd-form-legal a{color:#6E6E73 !important;-webkit-text-fill-color:#6E6E73 !important;text-decoration:underline;text-underline-offset:2px}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-form .cd-form-legal a:hover{color:#111111 !important;-webkit-text-fill-color:#111111 !important}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-form button.cd-form-send{-webkit-appearance:none;appearance:none;cursor:pointer;font:inherit;font-size:16px !important;font-weight:600;line-height:1;margin-top:26px !important;padding:18px 42px !important;border:0 !important;border-radius:999px !important;background:#F5D400 !important;color:#111111 !important;-webkit-text-fill-color:#111111 !important;transition:background .18s ease,opacity .18s ease}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-form button.cd-form-send:hover{background:#E4C600 !important}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-form button.cd-form-send[disabled]{opacity:.5;cursor:default}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-form .cd-form-msg{margin:18px 0 0 !important;font-size:14px !important;color:#111111 !important;-webkit-text-fill-color:#111111 !important}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-form .cd-form-msg.is-err{color:#C8102E !important;-webkit-text-fill-color:#C8102E !important}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-form .cd-form-msg:empty{margin-top:0 !important}
@media (max-width:900px){html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-form-panel{max-width:none;margin:0;padding:24px 20px 22px !important}html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-form .cd-int-grid{grid-template-columns:1fr}}
@media (max-width:900px){html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-banner .wpb_column > .vc_column-inner{padding-left:clamp(20px,5vw,32px) !important;padding-right:clamp(20px,5vw,32px) !important}}
}


/* CD-HEROCONTACT - the careers and contact details under the hero copy. Links need their own -webkit-text-fill-color because the white-page block sets it on the parent p with !important, and an anchor inherits that rather than taking the link colour. */
@layer cdfix{
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-banner .cd-contact-blocks{display:flex;flex-wrap:wrap;gap:20px 56px;margin:38px 0 0}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-banner .cd-cb{min-width:0}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-banner .cd-cb h3{margin:0 0 9px !important;font-size:15px !important;line-height:1.3 !important;font-weight:600 !important;letter-spacing:.01em;color:#0a0b0d !important;-webkit-text-fill-color:#0a0b0d !important;text-shadow:none !important}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-banner .cd-cb p{margin:0 !important;font-size:16px !important;line-height:1.75 !important}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-banner .cd-cb a{color:#111111 !important;-webkit-text-fill-color:#111111 !important;text-decoration:none !important;border-bottom:1px solid rgba(17,17,17,.24);padding-bottom:1px;transition:border-color .18s ease}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-banner .cd-cb a:hover{border-bottom-color:#111111}
@media (max-width:900px){html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-banner .cd-contact-blocks{gap:18px 40px;margin-top:30px}}
}


/* CD-FOOTCHART - an ascending grid of rounded cells behind the footer, in the same dotted language as the office map. Columns build from the bottom up, staggered left to right, once the footer scrolls into view. Purely decorative: aria-hidden, pointer-events none, and it sits behind the footer content, which is lifted to z-index 1. Hidden under 900px, where there is no room for it. */
@layer cdfix{
html body[class][class][class][class][class][class][class] .nectar-global-section {position:relative}
html body[class][class][class][class][class][class][class] .nectar-global-section .wpb_row{position:relative;z-index:1}
html body[class][class][class][class][class][class][class] .nectar-global-section .cd-foot-chart{position:absolute;right:0;bottom:0;z-index:0;pointer-events:none;display:flex;align-items:flex-end;gap:6px;padding:0 4vw 46px 0;opacity:.85}
html body[class][class][class][class][class][class][class] .nectar-global-section .cd-foot-chart .cd-fc-col{display:flex;flex-direction:column-reverse;gap:6px}
html body[class][class][class][class][class][class][class] .nectar-global-section .cd-foot-chart .cd-fc-cell{width:11px;height:11px;border-radius:3px;background:rgba(255,255,255,.075);opacity:0;transform:translateY(7px)}
html body[class][class][class][class][class][class][class] .nectar-global-section .cd-foot-chart .cd-fc-cell.is-hi{background:rgba(245,212,0,.42)}
html body[class][class][class][class][class][class][class] .nectar-global-section .cd-foot-chart.is-on .cd-fc-cell{animation:cdFcIn .42s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--fd,0ms)}
@keyframes cdFcIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){html body[class][class][class][class][class][class][class] .nectar-global-section .cd-foot-chart .cd-fc-cell{animation:none !important;opacity:1;transform:none}}
@media (max-width:1200px){html body[class][class][class][class][class][class][class] .nectar-global-section .cd-foot-chart .cd-fc-cell{width:9px;height:9px;border-radius:2px}html body[class][class][class][class][class][class][class] .nectar-global-section .cd-foot-chart{gap:5px}html body[class][class][class][class][class][class][class] .nectar-global-section .cd-foot-chart .cd-fc-col{gap:5px}}
@media (max-width:900px){html body[class][class][class][class][class][class][class] .nectar-global-section .cd-foot-chart{display:none !important}}
}


/* CD-PINPULSE : map location dots ping */
@layer cdfix{
@keyframes cdPinPulse{0%{transform:scale(.7);opacity:0}15%{opacity:.5}100%{transform:scale(3.8);opacity:0}}
@keyframes cdPinCore{0%,100%{transform:scale(1)}50%{transform:scale(1.14)}}
html body.page-id-1683[class][class][class][class][class][class] .cd-map-svg .cd-pin-ring{fill:rgba(245,212,0,.6) !important;stroke:none !important;r:calc(5.2px / var(--k,1)) !important;opacity:0;pointer-events:none;transform-box:fill-box;transform-origin:50% 50%;animation:cdPinPulse 2.8s cubic-bezier(.22,.61,.36,1) infinite;animation-delay:calc(var(--d,0ms) * 2)}
html body.page-id-1683[class][class][class][class][class][class] .cd-map-svg .cd-pin-dot{transform-box:fill-box;transform-origin:50% 50%;animation:cdPinCore 2.8s ease-in-out infinite;animation-delay:calc(var(--d,0ms) * 2)}
html body.page-id-1683[class][class][class][class][class][class] .cd-map-svg .cd-pin.is-dim .cd-pin-ring,html body.page-id-1683[class][class][class][class][class][class] .cd-map-svg .cd-pin.is-dim .cd-pin-dot{animation:none !important}
@media (prefers-reduced-motion:reduce){html body.page-id-1683[class][class][class][class][class][class] .cd-map-svg .cd-pin-ring,html body.page-id-1683[class][class][class][class][class][class] .cd-map-svg .cd-pin-dot{animation:none !important}}
}


/* CD-TABOVERLAP : map sits up behind the territory tabs */
@layer cdfix{
html body.page-id-1683[class][class][class][class][class][class] .cd-map-tabs{margin-bottom:-96px !important}
@media (max-width:900px){html body.page-id-1683[class][class][class][class][class][class] .cd-map-tabs{margin-bottom:-52px !important}}
}


/* CD-TABSOLID : filled territory buttons */
@layer cdfix{
html body.page-id-1683[class][class][class][class][class][class] button.cd-region{background:#EFEFF2 !important;border-color:transparent !important;color:#3F3F46 !important;-webkit-text-fill-color:#3F3F46 !important;box-shadow:none !important}
html body.page-id-1683[class][class][class][class][class][class] button.cd-region:hover{background:#E2E2E7 !important;border-color:transparent !important;color:#111111 !important;-webkit-text-fill-color:#111111 !important}
html body.page-id-1683[class][class][class][class][class][class] button.cd-region.is-on{background:#111111 !important;border-color:#111111 !important;color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;font-weight:600}
html body.page-id-1683[class][class][class][class][class][class] button.cd-region.is-on:hover{background:#111111 !important;color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important}
}


/* CD-MAPMOB - on a phone the 340px frame left the world map floating in white space, so the tab overlap never read. Shorter frame, world fills it. */
@layer cdfix{
@media (max-width:900px){
html body.page-id-1683[class][class][class][class][class][class] .cd-map-frame{height:215px !important}
html body.page-id-1683[class][class][class][class][class][class] .cd-map-svg{height:215px !important}
}
}


/* CD-EDGEPAD - the left copy sat 93px from the screen edge while the form panel stopped 278px from the other. Two causes: Salient hangs .row_col_wrap_12 on -17px side margins, which pushed the whole column band left of centre, and the panel was capped at 540px inside a 735px column. Band is centred, panel now spans its column by cancelling the 44px column-inner padding. Desktop only. */
@layer cdfix{
@media (min-width:1000px){
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .row_col_wrap_12:not(.nectar-global-section *){margin-left:0 !important;margin-right:0 !important}
html body.page-id-1683[class][class][class][class][class][class] .cd-form-panel{max-width:none !important;width:auto !important;margin-left:-44px !important;margin-right:-44px !important}
}
}


/* CD-COLWIDTH - narrows both hero columns by capping the content band at 1280px, falling back to Salient 5.5% on smaller desktops. Scoped to the hero row (.full-width-section); the map row is .full-width-content and keeps its zero padding. */
@layer cdfix{
@media (min-width:1000px){
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .wpb_row.full-width-section > .row_col_wrap_12:not(.nectar-global-section *){padding-left:max(5.5%, calc((100% - 1280px) / 2)) !important;padding-right:max(5.5%, calc((100% - 1280px) / 2)) !important}
}
}


/* CD-HEROTEXTPAD - the hero copy column carries a 28% right padding, which was fine at 766px but left only 440px of text once the columns narrowed, wrapping the Contact and Careers blocks onto separate rows. Capped so they stay side by side. */
@layer cdfix{
@media (min-width:1000px){
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .wpb_row.full-width-section .wpb_column:first-child > .vc_column-inner{padding-right:80px !important}
}
}


/* CD-TMNL - testimonial panel under the Careers block, on the reference Danny shared. Salient sets padding on the panel div and on blockquote with enough weight to beat a plain layered rule, so every geometry declaration carries !important. wpautop injects an empty p, hence the :empty rule. */
@layer cdfix{
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-tmnl{background:#F5D400 !important;border-radius:26px !important;padding:30px 34px 28px !important;margin:40px 0 0 !important;max-width:534px !important}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-tmnl > p:empty{display:none !important}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-tmnl .cd-tmnl-mark{display:block !important;font-family:Georgia,serif !important;font-size:54px !important;line-height:.6 !important;height:32px !important;margin:0 0 6px !important;padding:0 !important;color:#111111 !important;-webkit-text-fill-color:#111111 !important}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-tmnl .cd-tmnl-quote{margin:0 !important;padding:0 !important;border:0 !important;background:none !important;font-size:18px !important;line-height:1.48 !important;font-weight:600 !important;letter-spacing:-.003em !important;font-style:normal !important;color:#111111 !important;-webkit-text-fill-color:#111111 !important;quotes:none !important;text-align:left !important}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-tmnl .cd-tmnl-quote:before,html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-tmnl .cd-tmnl-quote:after{content:none !important;display:none !important}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-tmnl .cd-tmnl-foot{display:flex !important;align-items:center !important;gap:14px !important;margin:22px 0 0 !important;padding:0 !important}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-tmnl .cd-tmnl-pic{width:60px !important;height:60px !important;min-width:60px !important;border-radius:50% !important;object-fit:cover !important;display:block !important;margin:0 !important;padding:0 !important;border:0 !important;box-shadow:none !important}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-tmnl .cd-tmnl-meta{display:block !important;min-width:0 !important}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-tmnl .cd-tmnl-by{display:block !important;font-size:14px !important;line-height:1.3 !important;color:#111111 !important;-webkit-text-fill-color:#111111 !important}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-tmnl .cd-tmnl-name{font-weight:700 !important}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-tmnl .cd-tmnl-sep{display:inline-block !important;margin:0 8px !important;opacity:.4 !important}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-tmnl .cd-tmnl-link{display:inline-block !important;margin:4px 0 0 !important;font-size:13px !important;font-weight:600 !important;color:#111111 !important;-webkit-text-fill-color:#111111 !important;text-decoration:underline !important;text-underline-offset:3px !important;opacity:.78 !important;border:0 !important;background:none !important}
html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-tmnl .cd-tmnl-link:hover{opacity:1 !important;color:#111111 !important;-webkit-text-fill-color:#111111 !important}
@media (max-width:900px){html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-tmnl{padding:24px 22px 22px !important;border-radius:20px !important;margin-top:32px !important}html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-tmnl .cd-tmnl-quote{font-size:16px !important}html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-tmnl .cd-tmnl-mark{font-size:44px !important;height:26px !important}html body.page-id-1683[class][class][class][class][class][class] #ajax-content-wrap .cd-tmnl .cd-tmnl-pic{width:52px !important;height:52px !important;min-width:52px !important}}
}


/* CD-MAPDARK - the map section runs on #111111. Everything in it that was tuned for white has to flip: heading, eyebrow, land dot field, pin labels and the territory pills. Pin dots and their pulse stay brand yellow, which already reads on black. The selectors are deliberately heavier than CD-CONTACTWHITE2, which paints every row on this page white with !important at (1,11,2) - hence the doubled id and the extra [class] repeats. */
@layer cdfix{
html body[class][class][class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.cd-map-row,
html body[class][class][class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.cd-map-row .row-bg-wrap .row-bg,
html body[class][class][class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.cd-map-row .row-bg-wrap{background-color:#111111 !important;--row-bg-color:#111111 !important}
html body[class][class][class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.cd-map-row h2,html body[class][class][class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.cd-map-row h2 *{color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important}
html body[class][class][class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.cd-map-row .cd-label{color:#9A9AA4 !important;-webkit-text-fill-color:#9A9AA4 !important}
html body[class][class][class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.cd-map-row #cdDots circle{fill:rgba(255,255,255,.32) !important}
html body[class][class][class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.cd-map-row .cd-map-svg .cd-pin-label{fill:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important}
html body[class][class][class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.cd-map-row .cd-map-svg .cd-pin-chip{}
html body[class][class][class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.cd-map-row button.cd-region{}
html body[class][class][class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.cd-map-row button.cd-region:hover{}
html body[class][class][class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.cd-map-row button.cd-region.is-on{background:#FFFFFF !important;border-color:#FFFFFF !important;color:#111111 !important;-webkit-text-fill-color:#111111 !important}
html body[class][class][class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.cd-map-row button.cd-region.is-on:hover{background:#FFFFFF !important;color:#111111 !important;-webkit-text-fill-color:#111111 !important}
}


/* CD-MAPDARK2 - the dot field was clipped to the map frame, so it sat as a band inside the black row with dead space above and below, and the land looked cropped. The vertical clip is opened up (the horizontal bleed stays) and the painted field is bigger in the script. Verified with elementFromPoint that the tabs still take the pointer: z-index 3 on the tab row is what protects them, not the clip. Buttons are solid, not translucent, and the mouse focus ring is off while keyboard focus keeps a ring. */
@layer cdfix{
html body[class][class][class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.cd-map-row .cd-map-svg{clip-path:inset(-600px -100vw) !important}
html body[class][class][class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.cd-map-row button.cd-region{background:#26262B !important;border-color:transparent !important;color:#E6E6EA !important;-webkit-text-fill-color:#E6E6EA !important}
html body[class][class][class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.cd-map-row button.cd-region:hover{background:#34343A !important;color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important}
html body[class][class][class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.cd-map-row button.cd-region.is-on,html body[class][class][class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.cd-map-row button.cd-region.is-on:hover{background:#FFFFFF !important;border-color:#FFFFFF !important;color:#111111 !important;-webkit-text-fill-color:#111111 !important}
html body[class][class][class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.cd-map-row button.cd-region:focus{outline:none !important;box-shadow:none !important}
html body[class][class][class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.cd-map-row button.cd-region:focus-visible{outline:2px solid #F5D400 !important;outline-offset:2px !important}
}


/* CD-MAPCLIP - opening the svg clip let the dot field paint down over the footer. The row itself now clips, so the field fills the black band exactly and stops at its edges whatever the row height works out to. */
@layer cdfix{
html body[class][class][class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.cd-map-row{overflow:hidden !important}
html body[class][class][class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.cd-map-row .row-bg-wrap{overflow:hidden !important}
}


/* CD-MAPDARK3 - hover on the territory pills and on a map pin both go white on black text. Also tightens the gap under the Where we work eyebrow; the 12px margin measured small but the h2 leading added to it, so the h2 takes a negative top margin as well. */
@layer cdfix{
html body[class][class][class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.cd-map-row button.cd-region:hover,html body[class][class][class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.cd-map-row button.cd-region:focus-visible{background:#FFFFFF !important;border-color:#FFFFFF !important;color:#111111 !important;-webkit-text-fill-color:#111111 !important}
html body[class][class][class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.cd-map-row .cd-map-svg .cd-pin-chip{fill:#FFFFFF !important}
html body[class][class][class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.cd-map-row .cd-map-svg .cd-pin:hover .cd-pin-label,html body[class][class][class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.cd-map-row .cd-map-svg .cd-pin:focus-visible .cd-pin-label{fill:#111111 !important;-webkit-text-fill-color:#111111 !important}
html body[class][class][class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.cd-map-row .cd-label{margin-bottom:2px !important}
html body[class][class][class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.cd-map-row h2{margin-top:-6px !important}
}

/* CD-MAPANY - the map blocks above were rescoped off body.page-id-1683 so the shared global section renders identically on any page that drops in a .cd-map-row. Two ids are kept so they still beat CD-CONTACTWHITE2 on the contact page. */


/* CD-AUBIO - the blog author bio in the testimonial card style: brand yellow panel, round avatar, black text. Same treatment as CD-TMNL so the two read as one family. Salient styles this block heavily, so every declaration carries !important. */
@layer cdfix{
html body.single-post[class][class][class][class][class][class] #ajax-content-wrap #author-bio{background:#F5D400 !important;border-radius:26px !important;padding:30px 34px !important;margin:48px 0 0 !important;border:0 !important;overflow:hidden !important}
html body.single-post[class][class][class][class][class][class] #ajax-content-wrap #author-bio > .span_12{display:flex !important;align-items:flex-start !important;gap:20px !important;width:100% !important;margin:0 !important;padding:0 !important;float:none !important}
html body.single-post[class][class][class][class][class][class] #ajax-content-wrap #author-bio img.avatar{width:72px !important;height:72px !important;min-width:72px !important;border-radius:50% !important;margin:0 !important;padding:0 !important;border:0 !important;box-shadow:none !important;float:none !important;display:block !important;object-fit:cover !important}
html body.single-post[class][class][class][class][class][class] #ajax-content-wrap #author-bio #author-info{display:block !important;width:auto !important;flex:1 1 auto !important;min-width:0 !important;margin:0 !important;padding:0 !important;vertical-align:top !important}
html body.single-post[class][class][class][class][class][class] #ajax-content-wrap #author-bio #author-info h3,html body.single-post[class][class][class][class][class][class] #ajax-content-wrap #author-bio #author-info h3 a{margin:0 0 2px !important;font-size:18px !important;line-height:1.3 !important;font-weight:700 !important;color:#111111 !important;-webkit-text-fill-color:#111111 !important}
html body.single-post[class][class][class][class][class][class] #ajax-content-wrap #author-bio #author-info p{margin:6px 0 0 !important;font-size:15px !important;line-height:1.55 !important;color:#111111 !important;-webkit-text-fill-color:#111111 !important;opacity:.88 !important}
html body.single-post[class][class][class][class][class][class] #ajax-content-wrap #author-bio #author-info span,html body.single-post[class][class][class][class][class][class] #ajax-content-wrap #author-bio #author-info span a{font-size:13px !important;color:#111111 !important;-webkit-text-fill-color:#111111 !important;opacity:.7 !important}
html body.single-post[class][class][class][class][class][class] #ajax-content-wrap #author-bio a.cd-au-li{display:inline-flex !important;align-items:center !important;margin:12px 0 0 !important;color:#111111 !important;-webkit-text-fill-color:#111111 !important;opacity:.8 !important}
html body.single-post[class][class][class][class][class][class] #ajax-content-wrap #author-bio a.cd-au-li:hover{opacity:1 !important}
html body.single-post[class][class][class][class][class][class] #ajax-content-wrap #author-bio a.cd-au-li svg,html body.single-post[class][class][class][class][class][class] #ajax-content-wrap #author-bio a.cd-au-li path{fill:#111111 !important}
html body.single-post[class][class][class][class][class][class] #ajax-content-wrap #author-bio .clear{display:none !important}
@media (max-width:700px){html body.single-post[class][class][class][class][class][class] #ajax-content-wrap #author-bio{padding:24px 22px !important;border-radius:20px !important}html body.single-post[class][class][class][class][class][class] #ajax-content-wrap #author-bio > .span_12{gap:14px !important}html body.single-post[class][class][class][class][class][class] #ajax-content-wrap #author-bio img.avatar{width:56px !important;height:56px !important;min-width:56px !important}}
}


/* CD-LOGOMONO - the client walls used invert(1), which assumes a particular source tone and broke when a logo file did not match it. Both walls are now forced to a flat colour whatever the artwork is: black on the white-card wall, white on the wall that sits on black. The two are told apart by column count, which is how Salient renders them. */
@layer cdfix{
html body[class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .clients.four-cols > div img{filter:brightness(0) !important}
html body[class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .clients.five-cols > div img,html body[class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .clients.three-cols > div img,html body[class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .clients.six-cols > div img{filter:brightness(0) invert(1) !important}
}


/* CD-AUBIO2 - Salient paints its own light panel on the inner author blocks, which showed as a grey card inside the yellow one. */
@layer cdfix{
html body.single-post[class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap #author-bio > .span_12,html body.single-post[class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap #author-bio #author-info{background:none !important;background-color:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;padding:0 !important}
html body.single-post[class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap #author-bio img.avatar{width:84px !important;height:84px !important;min-width:84px !important}
}


/* CD-MAPLEFT - Salient positions full-width rows by writing an inline left offset from JS, and it computed that offset differently on the contact page and the location pages, so the map section sat off to one side. Rather than correcting the number, the row is taken off that mechanism entirely and full-bleeds itself: left and right auto, width auto, and calc(50% - 50vw) side margins. That lands it at 0 to viewport width on any page, with no horizontal overflow. */
@layer cdfix{
html body[class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.cd-map-row{left:auto !important;right:auto !important;width:auto !important;max-width:none !important;margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important}
}


/* CD-AUBIO3 - the avatar rendered 104 wide by 84 tall, an ellipse. Salient sets the width with more weight than the earlier rule, so it is clamped here with max-width and a fixed flex basis as well as width and height, plus aspect-ratio as a backstop. */
@layer cdfix{
html body.single-post[class][class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap #author-bio#author-bio img.avatar{width:84px !important;height:84px !important;min-width:84px !important;max-width:84px !important;max-height:84px !important;flex:0 0 84px !important;aspect-ratio:1 / 1 !important;object-fit:cover !important;border-radius:50% !important}
@media (max-width:700px){html body.single-post[class][class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap #author-bio#author-bio img.avatar{width:56px !important;height:56px !important;min-width:56px !important;max-width:56px !important;max-height:56px !important;flex:0 0 56px !important}}
}


/* CD-MAPFLASH - before the script paints, the dot rect renders at its authored size with the pattern at a default tile, which flashes as a solid dotted block and then snaps into the map. The svg is held at opacity 0 until the script adds is-painted on the frame after the first apply. The 4s animation is a safety net: if the script never runs the map still appears rather than staying invisible. */
@layer cdfix{
@keyframes cdMapSafety{to{opacity:1}}
html body[class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .cd-map .cd-map-svg{opacity:0 !important;animation:cdMapSafety .3s linear 4s forwards !important}
html body[class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .cd-map.is-painted .cd-map-svg{opacity:1 !important;transition:opacity .25s ease !important}
}


/* CD-LOGOPAD - more breathing room above and below the client logo wall. The row that holds it is an inner_row on the homepage and a has-global-section row on the location pages, so it is matched by content instead: the row that contains the wall and does not contain another row that contains it, which isolates the innermost one and stops the padding doubling up the ancestor chain. The dark scrolling banner is five-cols and is left alone. */
@layer cdfix{
html body[class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row:has(.clients.four-cols):not(:has(.wpb_row .clients.four-cols)){padding-top:80px !important;padding-bottom:80px !important}
@media (max-width:900px){html body[class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row:has(.clients.four-cols):not(:has(.wpb_row .clients.four-cols)){padding-top:48px !important;padding-bottom:48px !important}}


/* CD-LOGOPAD2 - the breathing room belongs on the outer row that holds the heading AND the logo wall, not the inner row that holds only the wall. Zero the inner one back to its original 0 wherever a heading row wraps it. */
html body[class][class][class][class][class][class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap#ajax-content-wrap .wpb_row:has(.cd-clients-head) .wpb_row:has(.clients.four-cols){padding-top:0 !important;padding-bottom:0 !important}
html body[class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row:has(.cd-clients-head):has(.clients.four-cols){padding-top:80px !important;padding-bottom:80px !important}
@media (max-width:900px){
html body[class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row:has(.cd-clients-head):has(.clients.four-cols){padding-top:48px !important;padding-bottom:48px !important}
}
/* CD-LOGOPAD2b - Salient puts a 76px bottom margin on the column inside the logo row, which made the gap under the logos far bigger than the one above the heading. Drop it so the block sits evenly. */
html body[class][class][class][class][class][class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap#ajax-content-wrap .wpb_row:has(.cd-clients-head) .wpb_row:has(.clients.four-cols) .wpb_column{margin-bottom:0 !important}

/* CD-DROPFIX - the white-header pages (contact, blog index, single posts) force every nav anchor to #111, which also caught the links inside the dark dropdown panel. Put the dropdown link colours back. */
html body:not(.single-post):not(.page-id-1131):not(.page-id-1683)[class][class][class][class][class][class][class][class] #header-outer#header-outer#header-outer#header-outer#header-outer #top nav ul li ul.sub-menu li a,
html body:not(.single-post):not(.page-id-1131):not(.page-id-1683)[class][class][class][class][class][class][class][class] #header-outer#header-outer#header-outer#header-outer#header-outer #top nav ul li ul.sub-menu li a .menu-title-text{color:#f5f5f7 !important;-webkit-text-fill-color:#f5f5f7 !important}
html body:not(.single-post):not(.page-id-1131):not(.page-id-1683)[class][class][class][class][class][class][class][class] #header-outer#header-outer#header-outer#header-outer#header-outer #top nav ul li ul.sub-menu li a:hover,
html body:not(.single-post):not(.page-id-1131):not(.page-id-1683)[class][class][class][class][class][class][class][class] #header-outer#header-outer#header-outer#header-outer#header-outer #top nav ul li ul.sub-menu li a:hover .menu-title-text{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important}


/* CD-SMATEXT - Danny asked for the body copy on the search marketing agency page to read black rather than the grey the rest of the site uses. Headings and eyebrows are left alone. */
html body.page-id-1669[class][class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap#ajax-content-wrap .cd-col-tech .wpb_text_column p:not(.cd-num),
html body.page-id-1669[class][class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap#ajax-content-wrap .cd-exp-copy .wpb_text_column p:not(.cd-exp-sub),
html body.page-id-1669[class][class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap#ajax-content-wrap .cd-col-faq .toggle .toggle-content p,
html body.page-id-1669[class][class][class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap#ajax-content-wrap .cd-col-faq .toggle .toggle-content li{color:#0a0b0d !important;-webkit-text-fill-color:#0a0b0d !important}


/* CD-EDITORVIS - inside the WPBakery frontend editor only. Salient and our own blocks reveal content on scroll, so a row that has not been scrolled past yet renders as empty space and the team sees blank sections instead of the page. This switches the reveals off in the editor so everything is visible immediately. It is scoped to body.vc_editor, which only exists inside the editor iframe, so the live site is untouched. */
body.vc_editor .cd-pop .cd-pop__i,
body.vc_editor .cd-map .cd-map-svg,
body.vc_editor .cd-pin,
body.vc_editor .wpb_animate_when_almost_visible,
body.vc_editor .img-with-animation-wrap img,
body.vc_editor [data-animation]{opacity:1 !important;visibility:visible !important;animation:none !important;transition:none !important}
body.vc_editor .cd-pop .cd-pop__i,
body.vc_editor .wpb_animate_when_almost_visible,
body.vc_editor .img-with-animation-wrap img{transform:none !important}
}


/* CD-TECHPAD - the cd-col-tech block carried 110px of padding above the heading and only 64px below the copy, and nothing at all below it on phones, so the next section crowded the text. Bottom padding now matches the top at each breakpoint. */
@layer cdfix{
html body[class][class][class]:has(.cd-page) .cd-col-tech > .vc_column-inner > .wpb_wrapper{padding-bottom:110px !important}
@media (max-width:1000px){html body[class][class][class]:has(.cd-page) .cd-col-tech > .vc_column-inner > .wpb_wrapper{padding-bottom:96px !important}}
@media (max-width:760px){html body[class][class][class]:has(.cd-page) .cd-col-tech > .vc_column-inner > .wpb_wrapper{padding-bottom:78px !important}}
}

/* CD-DROPHOVER - on the blog index, single posts and the contact page the mega menu panel is white, so the white hover colour inherited from the dark-panel pages made the hovered link fade out. Hover now darkens instead. */
@layer cdfix{
html body.single-post[class][class][class][class][class][class][class][class] #header-outer#header-outer#header-outer#header-outer#header-outer#header-outer #top nav ul li ul.sub-menu li a:hover,
html body.single-post[class][class][class][class][class][class][class][class] #header-outer#header-outer#header-outer#header-outer#header-outer#header-outer #top nav ul li ul.sub-menu li a:hover .menu-title-text,
html body.page-id-1131[class][class][class][class][class][class][class][class] #header-outer#header-outer#header-outer#header-outer#header-outer#header-outer #top nav ul li ul.sub-menu li a:hover,
html body.page-id-1683[class][class][class][class][class][class][class][class] #header-outer#header-outer#header-outer#header-outer#header-outer#header-outer #top nav ul li ul.sub-menu li a:hover,
html body.page-id-1131[class][class][class][class][class][class][class][class] #header-outer#header-outer#header-outer#header-outer#header-outer#header-outer #top nav ul li ul.sub-menu li a:hover .menu-title-text,
html body.page-id-1683[class][class][class][class][class][class][class][class] #header-outer#header-outer#header-outer#header-outer#header-outer#header-outer #top nav ul li ul.sub-menu li a:hover .menu-title-text{color:#000000 !important;-webkit-text-fill-color:#000000 !important;opacity:1 !important}
}


/* CD-BLOGBADGE - the category and reading-time pills on the blog index and single posts sit on white rather than the dark glass used elsewhere. Scoped to those two page types on purpose: the same 4-3 post grid appears on the home, service and sector pages, and those keep the dark pill. The class is repeated ten times because the global dark rule carries seven repeats plus four structural classes. The hover state is driven by the CARD, not the pill: Salient sets the grid to cat-click static, which puts pointer-events none on the category, so a pill-level :hover can never fire and the whole card stays the link. */
@layer cdfix{
html body.page-id-1131[class][class][class][class][class][class][class][class][class][class] .nectar-post-grid .nectar-post-grid-item .meta-category a,
html body.page-id-1131[class][class][class][class][class][class][class][class][class][class] .nectar-post-grid .nectar-post-grid-item .meta-category a *,
html body.page-id-1131[class][class][class][class][class][class][class][class][class][class] .nectar-post-grid .nectar-post-grid-item .meta-reading-time,
html body.single-post[class][class][class][class][class][class][class][class][class][class] .nectar-post-grid .nectar-post-grid-item .meta-category a,
html body.single-post[class][class][class][class][class][class][class][class][class][class] .nectar-post-grid .nectar-post-grid-item .meta-category a *,
html body.single-post[class][class][class][class][class][class][class][class][class][class] .nectar-post-grid .nectar-post-grid-item .meta-reading-time{background:rgba(255,255,255,.88) !important;background-color:rgba(255,255,255,.88) !important;color:#111111 !important;-webkit-text-fill-color:#111111 !important;transition:background-color .18s ease, color .18s ease !important}
html body.page-id-1131[class][class][class][class][class][class][class][class][class][class] .nectar-post-grid .nectar-post-grid-item:hover .meta-category a,
html body.page-id-1131[class][class][class][class][class][class][class][class][class][class] .nectar-post-grid .nectar-post-grid-item:hover .meta-category a *,
html body.page-id-1131[class][class][class][class][class][class][class][class][class][class] .nectar-post-grid .nectar-post-grid-item:hover .meta-reading-time,
html body.single-post[class][class][class][class][class][class][class][class][class][class] .nectar-post-grid .nectar-post-grid-item:hover .meta-category a,
html body.single-post[class][class][class][class][class][class][class][class][class][class] .nectar-post-grid .nectar-post-grid-item:hover .meta-category a *,
html body.single-post[class][class][class][class][class][class][class][class][class][class] .nectar-post-grid .nectar-post-grid-item:hover .meta-reading-time{background:#0a0b0d !important;background-color:#0a0b0d !important;color:#ffffff !important;-webkit-text-fill-color:#ffffff !important}
}
/* CD-POSTBADGE - the category chip above a post title was #f4f4f6, which is all but invisible now the post page sits on #f7f7f7. It is white with a hairline edge so it still reads as a chip. */
@layer cdfix{
html body.single-post[class][class][class][class][class][class][class][class][class][class] .heading-title a.nectar-inherit-border-radius,
html body.single-post[class][class][class][class][class][class][class][class][class][class] a.nectar-inherit-border-radius.nectar-bg-hover-accent-color{background:#ffffff !important;background-color:#ffffff !important;color:#111111 !important;-webkit-text-fill-color:#111111 !important;border:1px solid rgba(17,17,17,.12) !important}
}


/* cd-home-hero-fix - two things the first pass missed. The hero column still carried the old left-aligned padding, 4% left against 10% right, which pushed the centred text off centre. And a 1.6 line-height on the paragraph was beating the tagline's 0.94, so the two lines sat far apart. */
@layer cdfix{
html body.page-id-17[class][class][class][class][class][class] .wpb_row.top-level .wpb_column > .vc_column-inner{padding-left:24px !important;padding-right:24px !important}
html body.page-id-17[class][class][class][class][class][class] .wpb_row.top-level .wpb_wrapper > .nectar-responsive-text:nth-of-type(2),
html body.page-id-17[class][class][class][class][class][class] .wpb_row.top-level .wpb_wrapper > .nectar-responsive-text:nth-of-type(2) p,
html body.page-id-17[class][class][class][class][class][class] .wpb_row.top-level .wpb_wrapper > .nectar-responsive-text:nth-of-type(2) span{line-height:.92 !important;letter-spacing:-.025em !important;max-width:15ch !important;margin-left:auto !important;margin-right:auto !important}
html body.page-id-17[class][class][class][class][class][class] .wpb_row.top-level .wpb_wrapper > .nectar-responsive-text:nth-of-type(2) p{margin:0 !important}
@media (max-width:760px){html body.page-id-17[class][class][class][class][class][class] .wpb_row.top-level .wpb_column > .vc_column-inner{padding-left:18px !important;padding-right:18px !important}}
}


/* cd-home-hero-lh - the tagline's own line-height was right but the paragraph inside it was losing to the site-wide body rule, which carries #ajax-content-wrap. An id beats any number of classes, so the id is repeated here rather than piling on more class selectors. */
@layer cdfix{
html body.page-id-17[class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.top-level .wpb_wrapper > .nectar-responsive-text:nth-of-type(2) p,
html body.page-id-17[class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.top-level .wpb_wrapper > .nectar-responsive-text:nth-of-type(2) span{line-height:.92 !important;margin:0 !important;font-size:inherit !important;letter-spacing:inherit !important;color:inherit !important;-webkit-text-fill-color:inherit !important}
html body.page-id-17[class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.top-level .wpb_wrapper > .nectar-responsive-text:nth-of-type(3) p{line-height:1.55 !important;margin:0 !important}
}


/* cd-home-hero-space - the tight line-height pulled the supporting line up against the tagline's descenders. Spacing set on the blocks themselves so it holds at both sizes. */
@layer cdfix{
html body.page-id-17[class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.top-level .wpb_wrapper > .nectar-responsive-text:nth-of-type(2){margin:0 auto 40px !important}
html body.page-id-17[class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.top-level .wpb_wrapper > .nectar-responsive-text:nth-of-type(3){margin:0 auto 38px !important}
@media (max-width:760px){
html body.page-id-17[class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.top-level .wpb_wrapper > .nectar-responsive-text:nth-of-type(2){margin:0 auto 26px !important}
html body.page-id-17[class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.top-level .wpb_wrapper > .nectar-responsive-text:nth-of-type(3){margin:0 auto 28px !important}}
}


/* cd-home-hero-label - the label's size applied but its uppercase and tracking were lost to rules carrying #ajax-content-wrap, same id problem as the line-height. Repeated here so the label reads as an eyebrow above the tagline rather than a second headline. */
@layer cdfix{
html body.page-id-17[class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.top-level .wpb_wrapper > .nectar-responsive-text:first-of-type,
html body.page-id-17[class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.top-level .wpb_wrapper > .nectar-responsive-text:first-of-type h1,
html body.page-id-17[class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.top-level .wpb_wrapper > .nectar-responsive-text:first-of-type h1 span{font-size:19px !important;font-weight:600 !important;letter-spacing: .01em !important;text-transform: none !important;line-height:1.2 !important;color:rgba(255,255,255,.66) !important;-webkit-text-fill-color:rgba(255,255,255,.66) !important;margin:0 0 20px !important}
@media (max-width:760px){html body.page-id-17[class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.top-level .wpb_wrapper > .nectar-responsive-text:first-of-type,html body.page-id-17[class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.top-level .wpb_wrapper > .nectar-responsive-text:first-of-type h1,html body.page-id-17[class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.top-level .wpb_wrapper > .nectar-responsive-text:first-of-type h1 span{font-size:14px !important;letter-spacing:.01em !important;margin:0 0 14px !important}}
}


/* cd-home-label-shine - the AI SEO Agency label, solid white with a slow brand-yellow gleam crossing it. Three traps this rule exists to avoid. The h1 is inline-block so it hugs its own text, since a full width block maps the gradient to 1484px and the gleam spends its time in empty space. The starting background-position is NOT !important, because an important declaration outranks keyframes and pins the gleam still. And the keyframes stay inside 0% to 100%: the gradient is 220% wide with no-repeat, so any position outside that range leaves part of the text with no background behind it, and background-clip text with a transparent fill renders those letters invisible. */
@layer cdfix{
html body.page-id-17[class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.top-level .wpb_wrapper > .nectar-responsive-text:first-of-type{ -webkit-text-fill-color:#ffffff !important; color:#ffffff !important; background-image:none !important; animation:none !important; }
html body.page-id-17[class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.top-level .wpb_wrapper > .nectar-responsive-text:first-of-type h1{
  display:inline-block !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
html body.page-id-17[class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.top-level .wpb_wrapper > .nectar-responsive-text:first-of-type h1 span{ background:none !important; -webkit-text-fill-color:inherit !important; color:inherit !important; }
@media (prefers-reduced-motion:reduce){
  html body.page-id-17[class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.top-level .wpb_wrapper > .nectar-responsive-text:first-of-type h1{ animation:none !important; background-image:none !important; -webkit-text-fill-color:#ffffff !important; }
}
}


/* cd-bloglight - the blog index takes its light surface from the row backgrounds, not from the container, so .container-wrap underneath was still the theme default #111111. That never showed until the playbook bar was added above the first row, which left a band of bare container visible under the header. The container now matches the rows. */
@layer cdfix{
html body.page-id-1131[class][class][class][class][class][class], html body.page-id-1131[class][class][class][class][class][class] #ajax-content-wrap, html body.page-id-1131[class][class][class][class][class][class] #ajax-content-wrap .container-wrap, html body.page-id-1131[class][class][class][class][class][class] .container-wrap{background-color:#f7f7f7 !important}

/* CD-HOMEFAQ — the home page FAQ uses the service template treatment, breakpoints included */
html body[class][class][class].page-id-17 .wpb_row:has(> .row_col_wrap_12 > .cd-col-faq){}
html body[class][class][class].page-id-17 .cd-col-faq > .vc_column-inner > .wpb_wrapper{padding-top:168px !important;padding-bottom:168px !important}
html body[class][class][class].page-id-17 .wpb_row:has(> .row_col_wrap_12 > .cd-col-faq){background-color:#111111 !important}
html body[class][class][class].page-id-17 .cd-col-faq .cd-head h2{color:#ffffff !important;text-align:center !important;margin:0 auto 68px !important;max-width:22ch !important}
html body[class][class][class].page-id-17 .cd-col-faq .toggles{max-width:none !important;margin:0 auto !important;width:100% !important;display:block !important;float:none !important}
html body[class][class][class].page-id-17 .cd-col-faq .toggle{background:none !important;background-color:transparent !important;border:0 !important;border-top:1px solid rgba(255,255,255,.22) !important;border-radius:0 !important;margin:0 !important;box-shadow:none !important;padding:0 !important}
html body[class][class][class].page-id-17 .cd-col-faq .toggle:last-child{border-bottom:1px solid rgba(255,255,255,.22) !important}
html body[class][class][class].page-id-17 .cd-col-faq .toggle h3,html body[class][class][class].page-id-17 .cd-col-faq .toggle h4{margin:0 !important;padding:0 !important;background:none !important}
html body[class][class][class].page-id-17 .cd-col-faq .toggle h3 > a,html body[class][class][class].page-id-17 .cd-col-faq .toggle h4 > a{display:flex !important;flex-direction:row-reverse !important;justify-content:space-between !important;align-items:center !important;gap:24px !important;padding:30px 0 !important;background:none !important;background-color:transparent !important;border:0 !important;color:#ffffff !important;font-size:clamp(18px,1.7vw,21px) !important;font-weight:500 !important;line-height:1.35 !important;transition:none !important}
html body[class][class][class].page-id-17 .cd-col-faq .toggle h3 > a i,html body[class][class][class].page-id-17 .cd-col-faq .toggle h4 > a i{display:none !important}
html body[class][class][class].page-id-17 .cd-col-faq .toggle h3 > a svg,html body[class][class][class].page-id-17 .cd-col-faq .toggle h4 > a svg{position:static !important;flex:0 0 30px !important;width:30px !important;height:30px !important;margin:0 !important;top:auto !important;right:auto !important;opacity:.75 !important}
html body[class][class][class].page-id-17 .cd-col-faq .toggle > div{background:none !important;background-color:transparent !important;border:0 !important;border-radius:0 !important;padding:0 !important}
html body[class][class][class].page-id-17 .cd-col-faq .toggle p{margin:0 !important;padding:0 56px 32px 0 !important;color:rgba(255,255,255,.66) !important;font-size:clamp(17px,1.5vw,19px) !important;line-height:1.6 !important}
html body[class][class][class].page-id-17 .cd-col-faq .toggle p a{color:#F3D400 !important;transition:none !important}
@media (max-width:1200px){
html body[class][class][class].page-id-17 .cd-col-faq > .vc_column-inner > .wpb_wrapper{padding-top:124px !important;padding-bottom:124px !important}
}
@media (max-width:1000px){
html body[class][class][class].page-id-17 .cd-col-faq > .vc_column-inner > .wpb_wrapper{padding-top:96px !important;padding-bottom:96px !important}
}
@media (max-width:760px){
html body[class][class][class].page-id-17 .cd-col-faq > .vc_column-inner > .wpb_wrapper{padding-top:78px !important;padding-bottom:78px !important}
html body[class][class][class].page-id-17 .cd-col-faq .cd-head h2{margin-bottom:44px !important}
html body[class][class][class].page-id-17 .cd-col-faq .toggle p{padding-right:28px !important}
}
html body[class][class][class].page-id-17 .cd-col-faq .toggle h3 > a svg,html body[class][class][class].page-id-17 .cd-col-faq .toggle h4 > a svg{display:none !important}
html body[class][class][class].page-id-17 .cd-col-faq .toggle h3 > a::before,html body[class][class][class].page-id-17 .cd-col-faq .toggle h4 > a::before{content:"" !important;display:block !important;flex:0 0 30px !important;width:30px !important;height:30px !important;border:1px solid rgba(255,255,255,.5) !important;border-radius:50% !important;background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff) !important;background-size:11px 1px,1px 11px !important;background-position:center center,center center !important;background-repeat:no-repeat !important;transition:background-size .25s ease !important}
html body[class][class][class].page-id-17 .cd-col-faq .toggle.open h3 > a::before,html body[class][class][class].page-id-17 .cd-col-faq .toggle.open h4 > a::before{background-size:11px 1px,0 0 !important}
html body[class][class][class].page-id-17 .cd-col-faq .toggle .toggle-content p,html body[class][class][class].page-id-17 .cd-col-faq .toggle p{font-size:17px !important;font-weight:600 !important;line-height:1.47 !important;letter-spacing:-0.012em !important}
html body[class][class][class].page-id-17 .cd-col-faq .inner-toggle-wrap,html body[class][class][class].page-id-17 .cd-col-faq .inner-toggle-wrap p,html body[class][class][class].page-id-17 .cd-col-faq .inner-toggle-wrap li,html body[class][class][class].page-id-17 .cd-col-faq .inner-toggle-wrap div{color:rgba(255,255,255,.66) !important}
html body[class][class][class].page-id-17 .cd-col-faq .toggle > h3 a,html body[class][class][class].page-id-17 .cd-col-faq .toggle h3 a{color:#ffffff !important}
/* CD-FAQPAD: breathing room either side of the FAQ accordion so the answers read better */
html body[class][class][class][class][class][class].page-id-17 .cd-col-faq .toggles{max-width:min(1000px,80%) !important;margin-left:auto !important;margin-right:auto !important}
html body[class][class][class][class][class][class].page-id-17 .cd-col-faq .cd-head{max-width:min(1000px,80%) !important;margin-left:auto !important;margin-right:auto !important}
html body[class][class][class][class][class][class].page-id-17 .cd-col-faq .toggle > .toggle-content,html body[class][class][class][class][class][class].page-id-17 .cd-col-faq .toggle .wpb_text_column{padding-right:6% !important}
@media only screen and (max-width:999px){
html body[class][class][class][class][class][class].page-id-17 .cd-col-faq .toggles,html body[class][class][class][class][class][class].page-id-17 .cd-col-faq .cd-head{max-width:100% !important}
html body[class][class][class][class][class][class].page-id-17 .cd-col-faq .toggle > .toggle-content,html body[class][class][class][class][class][class].page-id-17 .cd-col-faq .toggle .wpb_text_column{padding-right:0 !important}
}
/* CD-HEROTEXT — the tagline is plain. Flat brand yellow, bound to the --nectar-extra-color-1 token so it follows the brand if that ever changes, with #f5d400 as the literal fallback. No texture, no filter, no animation. The padding-bottom is load bearing: the line-height on this element is below 1, which leaves the descender on the last line outside the text box, where .row_col_wrap_12 (overflow:hidden) clips it. Without it the y in "they" loses its tail. Replaced the CD-HEROSPECK particle halo and, before that, the CD-HEROSTATIC glitch treatment. */
html body.page-id-17[class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.top-level .wpb_wrapper .nectar-responsive-text.cd-hero-b[class][class][class][class]{position:relative}
html body.page-id-17[class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.top-level .wpb_wrapper .nectar-responsive-text.cd-hero-b[class][class][class][class] > p{background-image:none !important;-webkit-text-fill-color:var(--nectar-extra-color-1, #f5d400) !important;color:var(--nectar-extra-color-1, #f5d400) !important;filter:none !important;text-shadow:none !important;animation:none !important;padding-bottom:.16em !important}
html body.page-id-17[class][class][class][class][class][class] #ajax-content-wrap#ajax-content-wrap .wpb_row.top-level .wpb_wrapper .nectar-responsive-text.cd-hero-b[class][class][class][class]::after{content:none !important}

/* CD-PROMOTOP — the playbook bar sat 106px below the nav on pages whose header does not overlay the content, against 14px everywhere else. Those pages are exactly the ones with a solid header and no .cd-page wrapper, so Salient keeps its 40px .container-wrap padding and the bar's own 66px (which exists to clear an overlaying header) is added on top. Zero the container padding and drop the bar to 14px there, so every page reads the same. */
html body[data-bg-header="false"][class][class][class]:not(:has(.cd-page)):has(.cd-promo-wrap) .container-wrap{padding-top:0 !important}
html body[data-bg-header="false"][class][class][class]:not(:has(.cd-page)) .cd-promo-wrap{padding-top:14px !important}
}



/* CD-MQSTOP: at 999px and below the logo strip becomes a native swipe row (overflow-x:auto),
   but the cd-mq marquee animation was never switched off for that breakpoint. The track kept
   translating left while clipping its own overflow, so its visible window slid off the logos and
   the band went empty after the first few. Stop the animation where the swipe row takes over. */
@layer cdfix{
@media only screen and (max-width:999px){
/* CD 4 Oct 2026: the animation:none/transform:none rule that used to sit here pinned the marquee
   below 1000px (an !important transform beats the animated value), so logos never moved on phones.
   Removed: the strip now scrolls at every width and .row_col_wrap_12 does the clipping. */
}
}



/* CD-MQMOB: supersedes CD-MQSTOP. At 999px and below the strip was left with desktop
   sizing (58px logos, 100px spacing) inside a 390px screen, so only one and a half logos
   showed, with the animation off, no fade and no scrollbar. It read as a broken section.
   This restores the marquee at mobile with its own sizing. Selector carries #ajax-content-wrap
   plus nine class repeats because five earlier generations of rules target this component,
   the last of them unscoped at ~435400. gap must stay 0 and every item carry the same
   margin-right, including the last, or translateX(-50%) will not equal one period. */
@layer cdfix{
@media only screen and (max-width:999px){
html body[class][class][class][class][class][class][class][class][class] #ajax-content-wrap .clients.no-carousel.five-cols{overflow:visible !important;width:max-content !important;max-width:none !important;margin:0 !important;padding:0 !important;gap:0 !important;column-gap:0 !important;animation:cd-mq 30s linear infinite !important;will-change:transform !important;-webkit-mask-image:none !important;mask-image:none !important}
html body[class][class][class][class][class][class][class][class][class] #ajax-content-wrap .clients.no-carousel.five-cols > div{margin:0 34px 0 0 !important;width:auto !important;flex:0 0 auto !important}
html body[class][class][class][class][class][class][class][class][class] #ajax-content-wrap .clients.no-carousel.five-cols img{max-height:30px !important;width:auto !important;height:auto !important}
html body[class][class][class][class][class][class][class][class][class] #ajax-content-wrap .row_col_wrap_12:has(.clients.five-cols){overflow:hidden !important}
}
}



/* CD-MQDESK: above 999px the track was never actually max-content. Later width:auto rules
   left it at the container width (1287px at the test viewport), so translateX(-50%) travelled
   643px instead of the true 2356px period and the strip snapped back mid-cycle. Forcing
   max-content makes half the content width equal one period exactly: 4712 / 2 = 2356. */
@layer cdfix{
@media only screen and (min-width:1000px){
html body[class][class][class][class][class][class][class][class][class] #ajax-content-wrap .clients.no-carousel.five-cols{width:max-content !important;max-width:none !important;overflow:visible !important;gap:0 !important;column-gap:0 !important;padding:0 !important;margin:0 !important}
}
}



/* CD-NAVTHEME: Huge-style nav. hugeinc.com keeps its header fully transparent at every scroll
   position and inverts the link colours per section instead of painting a bar. This does the same.
   The cd-nav-light class comes from the cd-nav-theme block in WPCode snippet 24607, which samples
   what is actually behind the header. -webkit-text-fill-color has to be set alongside every colour
   or Salient repaints the text at the fill stage and the computed colour tells you nothing. */
@layer cdfix{
/* CD-HOME-LOGOBAR: smaller marquee logos so the hero banner breathes. */
html body.page-id-17[class][class][class][class][class][class] #ajax-content-wrap .clients.five-cols img{max-height:54px !important;height:auto !important;width:auto !important}
@media only screen and (max-width:999px){html body.page-id-17[class][class][class][class][class][class] #ajax-content-wrap .clients.five-cols img{max-height:42px !important}}
@media only screen and (max-width:690px){html body.page-id-17[class][class][class][class][class][class] #ajax-content-wrap .clients.five-cols img{max-height:34px !important}}

/* CD-AUDIT-STEPNUM: numbered steps on the how it runs row. */
html body.page-id-25869[class][class][class][class] #ajax-content-wrap .cd-step .cd-step-n{display:block !important;margin:0 0 18px !important;padding:0 0 18px !important;font-size:46px !important;font-weight:700 !important;line-height:1 !important;letter-spacing:-0.02em !important;color:transparent !important;-webkit-text-stroke:1.5px rgb(245,212,0) !important;border-bottom:1px solid rgba(255,255,255,0.16) !important}
html body.page-id-25869[class][class][class][class] #ajax-content-wrap .cd-step h3{margin-top:0 !important}

/* CD-AUDIT-SPECKLE: no glow on the video, faint speckles drifting in from the right. */
html body.page-id-25869[class][class][class][class] #ajax-content-wrap .wpb_wrapper:has(> .cd-statement){position:relative !important;z-index:2 !important}
html body.page-id-25869[class][class][class][class] #ajax-content-wrap .wpb_wrapper:has(> .cd-statement)::before{content:"" !important;position:absolute !important;top:-70px !important;bottom:-70px !important;left:22% !important;right:-8vw !important;background-image:radial-gradient(rgba(17,17,17,0.22) 1.6px, transparent 1.7px) !important;background-size:26px 26px !important;-webkit-mask-image:linear-gradient(to left, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 28%, rgba(0,0,0,0.35) 62%, rgba(0,0,0,0) 100%) !important;mask-image:linear-gradient(to left, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 28%, rgba(0,0,0,0.35) 62%, rgba(0,0,0,0) 100%) !important;pointer-events:none !important;z-index:0 !important}
html body.page-id-25869[class][class][class][class] #ajax-content-wrap .wpb_wrapper:has(> .cd-statement) > .cd-statement,html body.page-id-25869[class][class][class][class] #ajax-content-wrap .wpb_wrapper:has(> .cd-statement) > .wpb_video_widget{position:relative !important;z-index:1 !important}
html body.page-id-25869[class][class][class][class] #ajax-content-wrap .wpb_wrapper:has(> .cd-statement) .wpb_video_wrapper{box-shadow:none !important;filter:none !important}
@media only screen and (max-width:999px){html body.page-id-25869[class][class][class][class] #ajax-content-wrap .wpb_wrapper:has(> .cd-statement)::before{left:0 !important;right:-12vw !important;top:-30px !important;bottom:-30px !important}}

/* CD-AUDIT-STATEMENT: the statement sits in a half-width column here, so it is set smaller and tighter. */
html body.page-id-25869[class][class][class][class] #ajax-content-wrap .cd-statement,html body.page-id-25869[class][class][class][class] #ajax-content-wrap .cd-statement p{font-size:34px !important;line-height:1.28 !important;font-weight:500 !important;letter-spacing:-0.012em !important}
@media only screen and (max-width:1300px){html body.page-id-25869[class][class][class][class] #ajax-content-wrap .cd-statement,html body.page-id-25869[class][class][class][class] #ajax-content-wrap .cd-statement p{font-size:30px !important}}
@media only screen and (max-width:999px){html body.page-id-25869[class][class][class][class] #ajax-content-wrap .cd-statement,html body.page-id-25869[class][class][class][class] #ajax-content-wrap .cd-statement p{font-size:27px !important}}

/* CD-AUDIT-NOPROMO: the AI search playbook bar is hidden on the audit page. */
html body.page-id-25869[class][class][class][class] .cd-promo{display:none !important}

/* CD-FORM-LEGAL: tighter space above and below the disclaimer on every Circulate form. */
html body[class][class][class][class][class][class][class][class][class][class] #ajax-content-wrap .cd-form .cd-form-legal,
html body[class][class][class][class][class][class][class][class][class][class] #ajax-content-wrap .cd-aform .cd-form-legal,
html body[class][class][class][class][class][class][class][class][class][class] #ajax-content-wrap .cd-gform .cd-form-legal{margin:4px 0 0 !important;padding:0 !important}
html body[class][class][class][class][class][class][class][class][class][class] #ajax-content-wrap .cd-form .cd-form-send,
html body[class][class][class][class][class][class][class][class][class][class] #ajax-content-wrap .cd-aform .cd-form-send,
html body[class][class][class][class][class][class][class][class][class][class] #ajax-content-wrap .cd-gform .cd-form-send{margin-top:12px !important}

/* CD-AUDIT-VIDEO: the audit video sits on its own in the white section below the banner, 16:9 and centred. */
html body.page-id-25869[class][class][class][class] #ajax-content-wrap .cd-col-video .wpb_video_wrapper{max-width:960px !important;margin:0 auto !important;aspect-ratio:16/9 !important;padding-top:0 !important;height:auto !important;border-radius:26px !important;overflow:hidden !important}
html body.page-id-25869[class][class][class][class] #ajax-content-wrap .cd-col-video video{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;object-fit:cover !important;border-radius:26px !important}
html body.page-id-25869[class][class][class][class] #ajax-content-wrap .cd-col-video .nectar_video_player_self_hosted{margin:0 !important}

/* CD-AUDIT-HERO: form top right in the banner, wide and short. Video sits beside the statement below. */
html body.page-id-25869[class][class][class][class] #ajax-content-wrap .cd-col-hero > .vc_column-inner > .wpb_wrapper{display:block !important;position:relative !important;padding-right:700px !important;min-height:760px !important}
html body.page-id-25869[class][class][class][class] #ajax-content-wrap .cd-col-hero > .vc_column-inner > .wpb_wrapper > .wpb_raw_code{position:absolute !important;top:130px !important;right:48px !important;width:640px !important;margin:0 !important;padding:0 !important}
html body.page-id-25869[class][class][class][class] #ajax-content-wrap .cd-col-hero .wpb_raw_code > .wpb_wrapper{position:static !important;width:100% !important;max-width:none !important;padding:0 !important;min-height:0 !important;display:block !important}
html body.page-id-25869[class][class][class][class] #ajax-content-wrap .cd-col-hero .cd-form-panel{width:100% !important;max-width:640px !important;margin:0 !important;display:block !important}
html body.page-id-25869[class][class][class][class] #ajax-content-wrap .cd-col-hero .cd-form-panel .cd-aform{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;column-gap:18px !important;row-gap:14px !important;align-items:start !important;position:relative !important}
html body.page-id-25869[class][class][class][class] #ajax-content-wrap .cd-col-hero .cd-form-panel .cd-aform > .cd-form-req{grid-column:1 / -1 !important;margin:0 !important;padding:0 !important;line-height:1.2 !important}
html body.page-id-25869[class][class][class][class] #ajax-content-wrap .cd-col-hero .cd-form-panel .cd-aform > .cd-f{margin:0 !important}
html body.page-id-25869[class][class][class][class] #ajax-content-wrap .cd-col-hero .cd-form-panel .cd-aform > .cd-f:nth-child(6),html body.page-id-25869[class][class][class][class] #ajax-content-wrap .cd-col-hero .cd-form-panel .cd-aform > .cd-f:nth-child(7){grid-column:1 / -1 !important}
html body.page-id-25869[class][class][class][class] #ajax-content-wrap .cd-col-hero .cd-form-panel .cd-aform > .cd-form-int{grid-column:1 / -1 !important;margin:0 !important}
html body.page-id-25869[class][class][class][class] #ajax-content-wrap .cd-col-hero .cd-form-panel .cd-aform > .cd-form-legal{grid-column:1 / -1 !important;margin:0 !important}
html body.page-id-25869[class][class][class][class] #ajax-content-wrap .cd-col-hero .cd-form-panel .cd-aform > .cd-hp{position:absolute !important;left:-9999px !important;width:1px !important;height:0 !important;overflow:hidden !important}
html body.page-id-25869[class][class][class][class] #ajax-content-wrap .cd-col-hero .cd-form-panel .cd-aform > .cd-form-send{grid-column:1 / -1 !important;justify-self:start !important;margin:0 !important}
html body.page-id-25869[class][class][class][class] #ajax-content-wrap .cd-col-hero .cd-form-panel .cd-aform > .cd-form-msg{grid-column:1 / -1 !important;margin:0 !important}
html body.page-id-25869[class][class][class][class] #ajax-content-wrap .cd-col-hero .cd-form-panel textarea{min-height:96px !important;height:96px !important}
/* statement row: grey copy left, video right, in the white section */
html body.page-id-25869[class][class][class][class] #ajax-content-wrap .wpb_wrapper:has(> .cd-statement){display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;column-gap:72px !important;align-items:center !important}
html body.page-id-25869[class][class][class][class] #ajax-content-wrap .wpb_wrapper:has(> .cd-statement) > .cd-statement{grid-column:1 !important;margin:0 !important}
html body.page-id-25869[class][class][class][class] #ajax-content-wrap .wpb_wrapper:has(> .cd-statement) > .wpb_video_widget{grid-column:2 !important;margin:0 !important}
html body.page-id-25869[class][class][class][class] #ajax-content-wrap .wpb_wrapper:has(> .cd-statement) .wpb_video_wrapper{max-width:100% !important;margin:0 !important;border-radius:20px !important;overflow:hidden !important}
@media only screen and (max-width:999px){html body.page-id-25869[class][class][class][class] #ajax-content-wrap .cd-col-hero > .vc_column-inner > .wpb_wrapper{display:flex !important;flex-direction:column !important;padding-right:0 !important;min-height:0 !important}html body.page-id-25869[class][class][class][class] #ajax-content-wrap .cd-col-hero > .vc_column-inner > .wpb_wrapper > .wpb_text_column{order:1 !important;width:100% !important;max-width:100% !important}html body.page-id-25869[class][class][class][class] #ajax-content-wrap .cd-col-hero > .vc_column-inner > .wpb_wrapper > .wpb_raw_code{order:2 !important;position:static !important;width:100% !important;max-width:100% !important;margin:36px 0 0 !important;top:auto !important;right:auto !important}html body.page-id-25869[class][class][class][class] #ajax-content-wrap .cd-col-hero .cd-form-panel{max-width:100% !important}html body.page-id-25869[class][class][class][class] #ajax-content-wrap .cd-col-hero .cd-form-panel .cd-aform{grid-template-columns:minmax(0,1fr) !important}html body.page-id-25869[class][class][class][class] #ajax-content-wrap .cd-col-hero .cd-form-panel .cd-aform > *{grid-column:1 / -1 !important}html body.page-id-25869[class][class][class][class] #ajax-content-wrap .wpb_wrapper:has(> .cd-statement){grid-template-columns:minmax(0,1fr) !important;row-gap:40px !important}html body.page-id-25869[class][class][class][class] #ajax-content-wrap .wpb_wrapper:has(> .cd-statement) > .cd-statement,html body.page-id-25869[class][class][class][class] #ajax-content-wrap .wpb_wrapper:has(> .cd-statement) > .wpb_video_widget{grid-column:1 !important}}

/* CD-NAVGRAD: soft gradient scrim behind the nav so content passing under it stays readable. Fades to nothing, never a hard bar. Flips light over light sections, off where the header already has its own background. */
html body[class][class][class][class] #header-outer::after{content:"" !important;position:absolute !important;left:0 !important;right:0 !important;top:0 !important;height:340% !important;pointer-events:none !important;z-index:-1 !important;background-image:linear-gradient(to bottom,rgba(0,0,0,.62) 0%,rgba(0,0,0,.46) 22%,rgba(0,0,0,.28) 48%,rgba(0,0,0,.12) 74%,rgba(0,0,0,0) 100%) !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 40%,rgba(0,0,0,0.55) 68%,rgba(0,0,0,0.18) 86%,rgba(0,0,0,0) 100%) !important;mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 40%,rgba(0,0,0,0.55) 68%,rgba(0,0,0,0.18) 86%,rgba(0,0,0,0) 100%) !important}
html.cd-nav-light body[class][class][class][class] #header-outer::after{background-image:linear-gradient(to bottom,rgba(255,255,255,.82) 0%,rgba(255,255,255,.62) 22%,rgba(255,255,255,.38) 48%,rgba(255,255,255,.14) 74%,rgba(255,255,255,0) 100%) !important}
html.cd-nav-solid body[class][class][class][class] #header-outer::after{display:none !important}


html:not(.cd-nav-light):not(.cd-nav-solid) body[class][class][class][class] #header-outer #top nav ul.sf-menu > li > a,
html:not(.cd-nav-light):not(.cd-nav-solid) body[class][class][class][class] #header-outer #top nav ul.sf-menu > li > a span,
html:not(.cd-nav-light):not(.cd-nav-solid) body[class][class][class][class] #header-outer #top nav ul.sf-menu > li > a .menu-title-text{text-shadow:0 1px 4px rgba(0,0,0,.55) !important}
html body[class][class][class][class] #header-outer.invisible,
html body[class][class][class][class] #header-outer.detached,
html body[class][class][class][class] #header-outer.scrolling{transform:none !important;opacity:1 !important;visibility:visible !important;pointer-events:auto !important}
html body[class][class][class][class] #header-outer,
html body[class][class][class][class] #header-outer .container{background-color:transparent !important;background-image:none !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;border-bottom:0 !important;box-shadow:none !important}
html.cd-nav-light body[class][class][class][class] #header-outer #top nav ul.sf-menu > li > a,
html.cd-nav-light body[class][class][class][class] #header-outer #top nav ul.sf-menu > li > a span,
html.cd-nav-light body[class][class][class][class] #header-outer #top nav ul.sf-menu > li > a .menu-title-text,
html.cd-nav-light body[class][class][class][class] #header-outer #top nav > ul > li > a,
html.cd-nav-light body[class][class][class][class] #header-outer #top nav > ul > li > a span,
html.cd-nav-light body[class][class][class][class] #header-outer .sf-menu > li > a,
html.cd-nav-light body[class][class][class][class] #header-outer .sf-menu > li > a span,
html.cd-nav-light body[class][class][class][class] #header-outer #top a#search-btn span,
html.cd-nav-light body[class][class][class][class] #header-outer #top #search-btn a span{color:#111111 !important;-webkit-text-fill-color:currentColor !important}
html.cd-nav-light:not(.cd-nav-solid) body[class][class][class][class] #header-outer #logo img.starting-logo:not(.dark-version){opacity:0 !important}
html.cd-nav-light:not(.cd-nav-solid) body[class][class][class][class] #header-outer #logo img.starting-logo.dark-version{opacity:1 !important}
html.cd-nav-light:not(.cd-nav-solid) body[class][class][class][class] #header-outer #logo img.stnd,
html.cd-nav-light:not(.cd-nav-solid) body[class][class][class][class] #header-outer #logo img.mobile-only-logo:not(.starting-logo){filter:brightness(0) !important}
html.cd-nav-light body[class][class][class][class] #header-outer #top .slide-out-widget-area-toggle .lines-button .lines::before,
html.cd-nav-light body[class][class][class][class] #header-outer #top .slide-out-widget-area-toggle .lines-button .lines::after{background-color:#111111 !important}
}

/* CD-PLAYBOOK-FORM: inline download form on page 22991, styling mirrored from the contact page (1683) */
@layer cdfix{
html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .wpb_row.cd-banner:not(.nectar-global-section *) .row-bg-wrap::after, html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .wpb_row.cd-banner:not(.nectar-global-section *) .row-bg-wrap::before, html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .wpb_row.cd-banner:not(.nectar-global-section *) .row-bg::after, html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .wpb_row.cd-banner:not(.nectar-global-section *) .row-bg::before { background: none transparent !important; opacity: 0 !important; display: none !important; }
html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-banner .wpb_column:has(.cd-form-panel) .column-bg-overlay, html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-banner .wpb_column:has(.cd-form-panel) .column-bg-overlay-wrap { background: none !important; opacity: 0 !important; }
html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-banner .wpb_column:has(.cd-form-panel) > .vc_column-inner { padding: 0px clamp(20px, 3vw, 44px) !important; border-radius: 0px !important; }
html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-form-panel { max-width: 540px; margin-left: auto; box-shadow: rgba(17, 17, 17, 0.04) 0px 1px 2px; background: rgb(255, 255, 255) !important; border: 1px solid rgba(17, 17, 17, 0.12) !important; border-radius: 26px !important; padding: 34px 34px 32px !important; }
html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-gform * { box-sizing: border-box; }
html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-gform .cd-form-req { font-size: 13px; line-height: 1; margin: 0px 0px 20px !important; color: rgb(110, 110, 115) !important; -webkit-text-fill-color: rgb(110, 110, 115) !important; }
html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-gform .cd-form-req em { font-style: normal; color: rgb(154, 123, 0) !important; -webkit-text-fill-color: rgb(154, 123, 0) !important; }
html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-gform .cd-f { margin: 0px 0px 14px !important; }
html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-gform input[type="text"], html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-gform input[type="email"], html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-gform input[type="tel"], html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-gform textarea { 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; line-height: 1.4; transition: border-color 0.18s, box-shadow 0.18s; width: 100% !important; background: rgb(255, 255, 255) !important; border: 1px solid rgba(17, 17, 17, 0.22) !important; border-radius: 14px !important; padding: 0px 18px !important; height: 56px !important; font-size: 15px !important; color: rgb(17, 17, 17) !important; -webkit-text-fill-color: rgb(17, 17, 17) !important; box-shadow: none !important; margin: 0px !important; }
html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-gform textarea { resize: vertical; height: auto !important; min-height: 124px !important; padding: 17px 18px !important; }
html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-gform input:focus, html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-gform textarea:focus { outline: none !important; border-color: rgb(17, 17, 17) !important; box-shadow: rgba(17, 17, 17, 0.07) 0px 0px 0px 3px !important; }
html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-gform input::placeholder, html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-gform textarea::placeholder { opacity: 1; color: rgb(138, 138, 144) !important; -webkit-text-fill-color: rgb(138, 138, 144) !important; }
html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-gform input.is-bad, html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-gform textarea.is-bad { border-color: rgb(200, 16, 46) !important; }
html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-gform .cd-hp { overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; position: absolute !important; width: 1px !important; height: 1px !important; }
html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-gform .cd-form-int { min-width: 0px; border: 0px !important; margin: 24px 0px 0px !important; padding: 0px !important; }
html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-gform .cd-form-int legend { font-weight: 600; padding: 0px !important; margin: 0px 0px 16px !important; font-size: 16px !important; color: rgb(10, 11, 13) !important; -webkit-text-fill-color: rgb(10, 11, 13) !important; float: none !important; width: auto !important; }
html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-gform .cd-int-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 13px 18px; }
html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-gform .cd-chk { align-items: center; gap: 11px; cursor: pointer; font-size: 15px; display: flex !important; margin: 0px !important; color: rgb(17, 17, 17) !important; -webkit-text-fill-color: rgb(17, 17, 17) !important; }
html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-gform .cd-chk input { position: absolute !important; opacity: 0 !important; width: 0px !important; height: 0px !important; margin: 0px !important; }
html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-gform .cd-box { display: block; flex: 0 0 auto; position: relative; transition: background 0.15s, border-color 0.15s; width: 22px !important; height: 22px !important; border: 1px solid rgba(17, 17, 17, 0.3) !important; border-radius: 6px !important; background: rgb(255, 255, 255) !important; }
html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-gform .cd-chk input:checked + .cd-box { background: rgb(17, 17, 17) !important; border-color: rgb(17, 17, 17) !important; }
html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-gform .cd-chk input:checked + .cd-box::after { content: ""; position: absolute; left: 7px; top: 3px; width: 6px; height: 11px; border-style: solid; border-color: rgb(255, 255, 255); border-image: none; transform: rotate(45deg); border-width: 0px 2px 2px 0px !important; border-radius: 0px !important; }
html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-gform .cd-chk input:focus-visible + .cd-box { box-shadow: rgba(17, 17, 17, 0.16) 0px 0px 0px 3px; }
html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-gform .cd-form-legal { line-height: 1.6; margin: 24px 0px 0px !important; font-size: 13px !important; color: rgb(110, 110, 115) !important; -webkit-text-fill-color: rgb(110, 110, 115) !important; }
html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-gform .cd-form-legal a { text-decoration: underline; text-underline-offset: 2px; color: rgb(110, 110, 115) !important; -webkit-text-fill-color: rgb(110, 110, 115) !important; }
html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-gform .cd-form-legal a:hover { color: rgb(17, 17, 17) !important; -webkit-text-fill-color: rgb(17, 17, 17) !important; }
html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-gform button.cd-form-send { appearance: none; cursor: pointer; font-style: inherit; font-variant: 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-weight: 600; line-height: 1; transition: background 0.18s, opacity 0.18s; font-size: 16px !important; margin-top: 26px !important; padding: 18px 42px !important; border: 0px !important; border-radius: 999px !important; background: rgb(245, 212, 0) !important; color: rgb(17, 17, 17) !important; -webkit-text-fill-color: rgb(17, 17, 17) !important; }
html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-gform button.cd-form-send:hover { background: rgb(228, 198, 0) !important; }
html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-gform button.cd-form-send[disabled] { opacity: 0.5; cursor: default; }
html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-gform .cd-form-msg { margin: 18px 0px 0px !important; font-size: 14px !important; color: rgb(17, 17, 17) !important; -webkit-text-fill-color: rgb(17, 17, 17) !important; }
html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-gform .cd-form-msg.is-err { color: rgb(200, 16, 46) !important; -webkit-text-fill-color: rgb(200, 16, 46) !important; }
html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-gform .cd-form-msg:empty { margin-top: 0px !important; }
@media (max-width: 900px){html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-form-panel { max-width: none; margin: 0px; padding: 24px 20px 22px !important; }}
@media (max-width: 900px){html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-gform .cd-int-grid { grid-template-columns: 1fr; }}
@media (max-width: 900px){html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-banner .wpb_column > .vc_column-inner { padding-left: clamp(20px, 5vw, 32px) !important; padding-right: clamp(20px, 5vw, 32px) !important; }}
html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-banner .cd-contact-blocks { display: flex; flex-wrap: wrap; gap: 20px 56px; margin: 38px 0px 0px; }
html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-banner .cd-cb { min-width: 0px; }
html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-banner .cd-cb h3 { letter-spacing: 0.01em; margin: 0px 0px 9px !important; font-size: 15px !important; line-height: 1.3 !important; font-weight: 600 !important; color: rgb(10, 11, 13) !important; -webkit-text-fill-color: rgb(10, 11, 13) !important; text-shadow: none !important; }
html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-banner .cd-cb p { margin: 0px !important; font-size: 16px !important; line-height: 1.75 !important; }
html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-banner .cd-cb a { border-bottom: 1px solid rgba(17, 17, 17, 0.24); padding-bottom: 1px; transition: border-color 0.18s; color: rgb(17, 17, 17) !important; -webkit-text-fill-color: rgb(17, 17, 17) !important; text-decoration: none !important; }
html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-banner .cd-cb a:hover { border-bottom-color: rgb(17, 17, 17); }
@media (max-width: 900px){html body.page-id-22991[class][class][class][class][class][class] #ajax-content-wrap .cd-banner .cd-contact-blocks { gap: 18px 40px; margin-top: 30px; }}
@media (min-width: 1000px){html body.page-id-22991[class][class][class][class][class][class] .cd-form-panel { max-width: none !important; width: auto !important; margin-left: -44px !important; margin-right: -44px !important; }}

/* CD-PLAYBOOK-FORM grid and states */
html body.page-id-22991[class][class][class][class] #ajax-content-wrap #cd-playbook-form .cd-gform select{-webkit-appearance:none !important;appearance:none !important;width:100% !important;height:56px !important;background-color:#ffffff !important;color:#111111 !important;border:1px solid rgba(17,17,17,.22) !important;border-radius:14px !important;padding:0 44px 0 18px !important;font-size:15px !important;font-family:inherit !important;line-height:56px !important;background-image:linear-gradient(45deg,transparent 50%,#111111 50%),linear-gradient(135deg,#111111 50%,transparent 50%) !important;background-position:calc(100% - 22px) 25px,calc(100% - 16px) 25px !important;background-size:6px 6px,6px 6px !important;background-repeat:no-repeat !important;box-shadow:none !important}
html body.page-id-22991[class][class][class][class] #ajax-content-wrap #cd-playbook-form .cd-gform select:focus{outline:none;border-color:rgba(17,17,17,.55)}
html body.page-id-22991[class][class][class][class] #ajax-content-wrap #cd-playbook-form .cd-gform select:invalid,html body.page-id-22991[class][class][class][class] #ajax-content-wrap #cd-playbook-form .cd-gform select option[value=""]{color:rgba(17,17,17,.55)}

html body.page-id-22991[class][class][class][class] #ajax-content-wrap #cd-playbook-form .cd-pf-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,72px);align-items:start}
html body.page-id-22991[class][class][class][class] #ajax-content-wrap #cd-playbook-form .cd-pf-copy h2{margin:0 0 12px}
html body.page-id-22991[class][class][class][class] #ajax-content-wrap #cd-playbook-form .cd-gform .cd-invalid{outline:2px solid #c0392b !important;outline-offset:2px}
html body.page-id-22991[class][class][class][class] #ajax-content-wrap #cd-playbook-form .cd-gform .cd-form-dl{display:inline-block;text-decoration:none;text-align:center}
@media only screen and (max-width:999px){html body.page-id-22991[class][class][class][class] #ajax-content-wrap #cd-playbook-form .cd-pf-grid{grid-template-columns:minmax(0,1fr)}}
}

/* CD-AUDIT-FORM */
@layer cdfix{
html body.page-id-25869[class][class][class][class][class][class] #ajax-content-wrap .cd-banner .wpb_column:has(.cd-form-panel) .column-bg-overlay, html body.page-id-25869[class][class][class][class][class][class] #ajax-content-wrap .cd-banner .wpb_column:has(.cd-form-panel) .column-bg-overlay-wrap { background: none !important; opacity: 0 !important; }
html body.page-id-25869[class][class][class][class][class][class] #ajax-content-wrap .cd-banner .wpb_column:has(.cd-form-panel) > .vc_column-inner { padding: 0px clamp(20px, 3vw, 44px) !important; border-radius: 0px !important; }
html body.page-id-25869[class][class][class][class][class][class] #ajax-content-wrap .cd-form-panel { max-width: 540px; margin-left: auto; box-shadow: rgba(17, 17, 17, 0.04) 0px 1px 2px; background: rgb(255, 255, 255) !important; border: 1px solid rgba(17, 17, 17, 0.12) !important; border-radius: 26px !important; padding: 34px 34px 32px !important; }
html body.page-id-25869[class][class][class][class][class][class] #ajax-content-wrap .cd-aform * { box-sizing: border-box; }
html body.page-id-25869[class][class][class][class][class][class] #ajax-content-wrap .cd-aform .cd-form-req { font-size: 13px; line-height: 1; margin: 0px 0px 20px !important; color: rgb(110, 110, 115) !important; -webkit-text-fill-color: rgb(110, 110, 115) !important; }
html body.page-id-25869[class][class][class][class][class][class] #ajax-content-wrap .cd-aform .cd-form-req em { font-style: normal; color: rgb(154, 123, 0) !important; -webkit-text-fill-color: rgb(154, 123, 0) !important; }
html body.page-id-25869[class][class][class][class][class][class] #ajax-content-wrap .cd-aform .cd-f { margin: 0px 0px 14px !important; }
html body.page-id-25869[class][class][class][class][class][class] #ajax-content-wrap .cd-aform input[type="text"], html body.page-id-25869[class][class][class][class][class][class] #ajax-content-wrap .cd-aform input[type="email"], html body.page-id-25869[class][class][class][class][class][class] #ajax-content-wrap .cd-aform input[type="tel"], html body.page-id-25869[class][class][class][class][class][class] #ajax-content-wrap .cd-aform textarea { 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; line-height: 1.4; transition: border-color 0.18s, box-shadow 0.18s; width: 100% !important; background: rgb(255, 255, 255) !important; border: 1px solid rgba(17, 17, 17, 0.22) !important; border-radius: 14px !important; padding: 0px 18px !important; height: 56px !important; font-size: 15px !important; color: rgb(17, 17, 17) !important; -webkit-text-fill-color: rgb(17, 17, 17) !important; box-shadow: none !important; margin: 0px !important; }
html body.page-id-25869[class][class][class][class][class][class] #ajax-content-wrap .cd-aform textarea { resize: vertical; height: auto !important; min-height: 124px !important; padding: 17px 18px !important; }
html body.page-id-25869[class][class][class][class][class][class] #ajax-content-wrap .cd-aform input:focus, html body.page-id-25869[class][class][class][class][class][class] #ajax-content-wrap .cd-aform textarea:focus { outline: none !important; border-color: rgb(17, 17, 17) !important; box-shadow: rgba(17, 17, 17, 0.07) 0px 0px 0px 3px !important; }
html body.page-id-25869[class][class][class][class][class][class] #ajax-content-wrap .cd-aform input::placeholder, html body.page-id-25869[class][class][class][class][class][class] #ajax-content-wrap .cd-aform textarea::placeholder { opacity: 1; color: rgb(138, 138, 144) !important; -webkit-text-fill-color: rgb(138, 138, 144) !important; }
html body.page-id-25869[class][class][class][class][class][class] #ajax-content-wrap .cd-aform input.is-bad, html body.page-id-25869[class][class][class][class][class][class] #ajax-content-wrap .cd-aform textarea.is-bad { border-color: rgb(200, 16, 46) !important; }
html body.page-id-25869[class][class][class][class][class][class] #ajax-content-wrap .cd-aform .cd-hp { overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; position: absolute !important; width: 1px !important; height: 1px !important; }
html body.page-id-25869[class][class][class][class][class][class] #ajax-content-wrap .cd-aform .cd-form-int { min-width: 0px; border: 0px !important; margin: 24px 0px 0px !important; padding: 0px !important; }
html body.page-id-25869[class][class][class][class][class][class] #ajax-content-wrap .cd-aform .cd-form-int legend { font-weight: 600; padding: 0px !important; margin: 0px 0px 16px !important; font-size: 16px !important; color: rgb(10, 11, 13) !important; -webkit-text-fill-color: rgb(10, 11, 13) !important; float: none !important; width: auto !important; }
html body.page-id-25869[class][class][class][class][class][class] #ajax-content-wrap .cd-aform .cd-int-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 13px 18px; }
html body.page-id-25869[class][class][class][class][class][class] #ajax-content-wrap .cd-aform .cd-chk { align-items: center; gap: 11px; cursor: pointer; font-size: 15px; display: flex !important; margin: 0px !important; color: rgb(17, 17, 17) !important; -webkit-text-fill-color: rgb(17, 17, 17) !important; }
html body.page-id-25869[class][class][class][class][class][class] #ajax-content-wrap .cd-aform .cd-chk input { position: absolute !important; opacity: 0 !important; width: 0px !important; height: 0px !important; margin: 0px !important; }
html body.page-id-25869[class][class][class][class][class][class] #ajax-content-wrap .cd-aform .cd-box { display: block; flex: 0 0 auto; position: relative; transition: background 0.15s, border-color 0.15s; width: 22px !important; height: 22px !important; border: 1px solid rgba(17, 17, 17, 0.3) !important; border-radius: 6px !important; background: rgb(255, 255, 255) !important; }
html body.page-id-25869[class][class][class][class][class][class] #ajax-content-wrap .cd-aform .cd-chk input:checked + .cd-box { background: rgb(17, 17, 17) !important; border-color: rgb(17, 17, 17) !important; }
html body.page-id-25869[class][class][class][class][class][class] #ajax-content-wrap .cd-aform .cd-chk input:checked + .cd-box::after { content: ""; position: absolute; left: 7px; top: 3px; width: 6px; height: 11px; border-style: solid; border-color: rgb(255, 255, 255); border-image: none; transform: rotate(45deg); border-width: 0px 2px 2px 0px !important; border-radius: 0px !important; }
html body.page-id-25869[class][class][class][class][class][class] #ajax-content-wrap .cd-aform .cd-chk input:focus-visible + .cd-box { box-shadow: rgba(17, 17, 17, 0.16) 0px 0px 0px 3px; }
html body.page-id-25869[class][class][class][class][class][class] #ajax-content-wrap .cd-aform .cd-form-legal { line-height: 1.6; margin: 24px 0px 0px !important; font-size: 13px !important; color: rgb(110, 110, 115) !important; -webkit-text-fill-color: rgb(110, 110, 115) !important; }
html body.page-id-25869[class][class][class][class][class][class] #ajax-content-wrap .cd-aform .cd-form-legal a { text-decoration: underline; text-underline-offset: 2px; color: rgb(110, 110, 115) !important; -webkit-text-fill-color: rgb(110, 110, 115) !important; }
html body.page-id-25869[class][class][class][class][class][class] #ajax-content-wrap .cd-aform .cd-form-legal a:hover { color: rgb(17, 17, 17) !important; -webkit-text-fill-color: rgb(17, 17, 17) !important; }
html body.page-id-25869[class][class][class][class][class][class] #ajax-content-wrap .cd-aform button.cd-form-send { appearance: none; cursor: pointer; font-style: inherit; font-variant: 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-weight: 600; line-height: 1; transition: background 0.18s, opacity 0.18s; font-size: 16px !important; margin-top: 26px !important; padding: 18px 42px !important; border: 0px !important; border-radius: 999px !important; background: rgb(245, 212, 0) !important; color: rgb(17, 17, 17) !important; -webkit-text-fill-color: rgb(17, 17, 17) !important; }
html body.page-id-25869[class][class][class][class][class][class] #ajax-content-wrap .cd-aform button.cd-form-send:hover { background: rgb(228, 198, 0) !important; }
html body.page-id-25869[class][class][class][class][class][class] #ajax-content-wrap .cd-aform button.cd-form-send[disabled] { opacity: 0.5; cursor: default; }
html body.page-id-25869[class][class][class][class][class][class] #ajax-content-wrap .cd-aform .cd-form-msg { margin: 18px 0px 0px !important; font-size: 14px !important; color: rgb(17, 17, 17) !important; -webkit-text-fill-color: rgb(17, 17, 17) !important; }
html body.page-id-25869[class][class][class][class][class][class] #ajax-content-wrap .cd-aform .cd-form-msg.is-err { color: rgb(200, 16, 46) !important; -webkit-text-fill-color: rgb(200, 16, 46) !important; }
html body.page-id-25869[class][class][class][class][class][class] #ajax-content-wrap .cd-aform .cd-form-msg:empty { margin-top: 0px !important; }
@media (max-width: 900px){html body.page-id-25869[class][class][class][class][class][class] #ajax-content-wrap .cd-form-panel { max-width: none; margin: 0px; padding: 24px 20px 22px !important; }}
@media (max-width: 900px){html body.page-id-25869[class][class][class][class][class][class] #ajax-content-wrap .cd-aform .cd-int-grid { grid-template-columns: 1fr; }}
@media (min-width: 1000px){html body.page-id-25869[class][class][class][class][class][class] .cd-form-panel { max-width: none !important; width: auto !important; margin-left: -44px !important; margin-right: -44px !important; }}

/* CD-AUDIT-FORM: contact page form reused in the audit page hero row. Styling copied from page 1683 so type, weights and spacing match. */
html body.page-id-25869[class][class][class][class] #ajax-content-wrap .cd-col-audit .cd-form-panel{margin:0 !important}
html body.page-id-25869[class][class][class][class] #ajax-content-wrap .cd-col-audit .cd-split-col{display:flex !important;flex-direction:column !important;justify-content:center !important}
}


@layer cdfix{
/* CD-PROMO-HOST */
html body[class][class][class][class][class][class] #ajax-content-wrap > .cd-promo-host.cd-promo-host.cd-promo-host.cd-promo-host.cd-promo-host{position:absolute !important;top:0 !important;left:0 !important;right:0 !important;z-index:10050 !important;pointer-events:none !important;margin-left:0 !important;margin-right:0 !important;background:none !important;background-color:transparent !important;background-image:none !important;box-shadow:none !important;border:0 !important;min-height:0 !important;padding-top:0 !important;padding-bottom:0 !important;margin-top:0 !important;margin-bottom:0 !important;overflow:visible !important;filter:none !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important}
html body[class][class][class][class][class][class] #ajax-content-wrap > .cd-promo-host.cd-promo-host.cd-promo-host.cd-promo-host.cd-promo-host > .container.container.container.container.container{height:auto !important;margin-left:auto !important;margin-right:auto !important;pointer-events:none !important;background:none !important;background-color:transparent !important;background-image:none !important;box-shadow:none !important;border:0 !important;min-height:0 !important;padding-top:0 !important;padding-bottom:0 !important;margin-top:0 !important;margin-bottom:0 !important;overflow:visible !important;filter:none !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important}
html body[class][class][class][class][class][class] #ajax-content-wrap > .cd-promo-host .cd-promo-wrap{position:static !important;background:none !important;background-color:transparent !important;box-shadow:none !important;pointer-events:none !important}
html body[class][class][class][class][class][class] #ajax-content-wrap > .cd-promo-host .cd-promo{pointer-events:auto !important}
html body.page-id-1131[class][class][class][class][class][class][class][class] #ajax-content-wrap > .cd-promo-host.cd-promo-host.cd-promo-host.cd-promo-host.cd-promo-host{display:none !important}
/* CD-NAVOPACITY */
html body[class][class][class][class][class][class] #header-outer #top nav > ul.sf-menu > li:not([class*="menu-item-btn-style"]) > a{opacity:0.9 !important;transition:opacity .2s ease !important}
html body[class][class][class][class][class][class] #header-outer #top nav > ul.sf-menu > li:not([class*="menu-item-btn-style"]):is(.current-menu-item,.current_page_item,.current-menu-ancestor,.current-page-ancestor,.current_page_ancestor,.current-menu-parent,:hover,:focus-within) > a{opacity:1 !important}
}

@layer cdfix{
/* CD-NAVBLUR */
html body[class][class][class][class][class][class] #header-outer{-webkit-backdrop-filter:blur(30px) saturate(118%) !important;backdrop-filter:blur(30px) saturate(118%) !important}
html.cd-nav-solid body[class][class][class][class][class][class] #header-outer{-webkit-backdrop-filter:none !important;backdrop-filter:none !important}
/* CD-PROMO-UNDER */
html body[class][class][class][class][class][class] #ajax-content-wrap > .cd-promo-host.cd-promo-host.cd-promo-host.cd-promo-host.cd-promo-host.cd-promo-under{z-index:9990 !important}
}

@layer cdfix{
/* CD-BURGER-CONTRAST: dark burger bars whenever the site flags the nav as light. Left white while the menu is open, since that overlay is dark. */
html.cd-nav-light body[class][class][class][class][class][class] #ajax-content-wrap .cd-n2-cb:not(:checked) ~ .cd-n2-burger .cd-n2-bars::before,html.cd-nav-light body[class][class][class][class][class][class] #ajax-content-wrap .cd-n2-cb:not(:checked) ~ .cd-n2-burger .cd-n2-bars::after{background:rgb(17,17,17) !important}
}

@layer cdfix{
/* CD-INLINK: an inline link inside body copy. The copy is painted by a clipped gradient that also paints the underline, so the link is marked by weight and an underline and takes its colour from the text around it. */
html body[class][class][class][class][class][class] #ajax-content-wrap a.cd-inlink{font-weight:600 !important;text-decoration:underline !important;text-decoration-thickness:1px !important;text-underline-offset:4px !important}
html body[class][class][class][class][class][class] #ajax-content-wrap a.cd-inlink:hover,html body[class][class][class][class][class][class] #ajax-content-wrap a.cd-inlink:focus{text-decoration-thickness:2px !important}
}

@layer cdfix{
/* CD-MEGA-UX: close the 16px dead gap by pulling the panel up to meet the nav item, so moving down to it never crosses empty space. A hover bridge was tried first and left the menu stranded open. */
html body[class][class][class][class][class][class] #header-outer #top nav > ul.sf-menu > li.menu-item-has-children > ul.sub-menu{margin-top:-16px !important;padding-top:16px !important}
/* and keep the promo bar from painting over an open panel */
html:has(#header-outer #top nav > ul.sf-menu > li:is(:hover,:focus-within,.sfHover)) body[class][class][class][class][class][class] #ajax-content-wrap > .cd-promo-host.cd-promo-host.cd-promo-host.cd-promo-host.cd-promo-host{z-index:9990 !important;opacity:0 !important;pointer-events:none !important;transition:opacity .18s ease !important}
}

@layer cdfix{
/* CD-PROMO-MOBILEMENU: the promo bar has no business sitting over the open mobile menu. */
html.cd-nav-open body[class][class][class][class][class][class] #ajax-content-wrap > .cd-promo-host.cd-promo-host.cd-promo-host.cd-promo-host.cd-promo-host{display:none !important}
html:has(#cd-n2-cb:checked) body[class][class][class][class][class][class] #ajax-content-wrap > .cd-promo-host.cd-promo-host.cd-promo-host.cd-promo-host.cd-promo-host{display:none !important}
}

@layer cdfix{
/* CD-CARD-LINK: the Visit link in a card sits on its own line under the copy, with an arrow that nudges on hover. */
html body[class][class][class][class][class][class] #ajax-content-wrap .cd-card a{display:block !important;width:-moz-fit-content !important;width:fit-content !important;margin-top:16px !important}
html body[class][class][class][class][class][class] #ajax-content-wrap .cd-card a::after{content:"\2192" !important;display:inline-block !important;margin-left:8px !important;transition:transform .2s ease !important}
html body[class][class][class][class][class][class] #ajax-content-wrap .cd-card a:hover::after,html body[class][class][class][class][class][class] #ajax-content-wrap .cd-card a:focus::after{transform:translateX(4px) !important}
@media (prefers-reduced-motion:reduce){html body[class][class][class][class][class][class] #ajax-content-wrap .cd-card a::after{transition:none !important}}
}

@layer cdfix{
/* CD-CS-TYPE: case study typography. Client name, the lead paragraph under each section heading, the section eyebrow, and the label under each metric. All four were rendering at or below body size. */
html body.single-portfolio[class][class][class][class][class] #ajax-content-wrap .cd-cs-intro-col .nectar-responsive-text p{font-size:22px !important;line-height:1.3 !important}
html body.single-portfolio[class][class][class][class][class] #ajax-content-wrap .nectar-responsive-text.font_size_desktop_30px p{font-size:30px !important;line-height:1.38 !important;letter-spacing:-0.01em !important}
html body.single-portfolio[class][class][class][class][class] #ajax-content-wrap h6{font-size:18px !important;line-height:1.3 !important}
html body.single-portfolio[class][class][class][class][class] #ajax-content-wrap .cd-cs-metric p{font-size:20px !important;line-height:1.4 !important}
@media (max-width:999px){html body.single-portfolio[class][class][class][class][class] #ajax-content-wrap .cd-cs-intro-col .nectar-responsive-text p{font-size:20px !important}html body.single-portfolio[class][class][class][class][class] #ajax-content-wrap .nectar-responsive-text.font_size_desktop_30px p{font-size:25px !important;line-height:1.4 !important}html body.single-portfolio[class][class][class][class][class] #ajax-content-wrap .cd-cs-metric p{font-size:18px !important}}
@media (max-width:690px){html body.single-portfolio[class][class][class][class][class] #ajax-content-wrap .cd-cs-intro-col .nectar-responsive-text p{font-size:18px !important}html body.single-portfolio[class][class][class][class][class] #ajax-content-wrap .nectar-responsive-text.font_size_desktop_30px p{font-size:22px !important;line-height:1.45 !important}html body.single-portfolio[class][class][class][class][class] #ajax-content-wrap h6{font-size:16px !important}html body.single-portfolio[class][class][class][class][class] #ajax-content-wrap .cd-cs-metric p{font-size:17px !important}}
}


/* CD-HEROPAD-MOB */
@layer cdfix{
@media (max-width:900px){html body[class][class][class][class][class][class] #ajax-content-wrap .cd-col-hero > .vc_column-inner > .wpb_wrapper{padding-left:48px !important;padding-right:48px !important}}
@media (max-width:760px){html body[class][class][class][class][class][class] #ajax-content-wrap .cd-col-hero > .vc_column-inner > .wpb_wrapper{padding-left:24px !important;padding-right:24px !important}}
}


/* CD-NAVLINE */
@layer cdfix{
html body[class][class][class][class] #header-outer #top nav > ul.sf-menu > li > a .menu-title-text::after,
html body[class][class][class][class] #header-outer #top nav > ul.sf-menu > li:hover > a .menu-title-text::after,
html body[class][class][class][class] #header-outer #top nav > ul.sf-menu > li.sfHover > a .menu-title-text::after,
html body[class][class][class][class] #header-outer #top nav > ul.sf-menu > li:focus-within > a .menu-title-text::after{border:0 !important}
}


/* CD-MEGA-GLASS */
@layer cdfix{
html body[class][class][class][class][class] #header-outer #top nav > ul.sf-menu > li.menu-item-has-children > ul.sub-menu{background-color:rgba(0,0,0,.55) !important;-webkit-backdrop-filter:blur(28px) saturate(115%) !important;backdrop-filter:blur(28px) saturate(115%) !important}
}


/* CD-MEGA-TOP */
@layer cdfix{
html body[class][class][class][class][class][class][class][class] #header-outer#header-outer #top nav > ul.sf-menu > li.menu-item-has-children > ul.sub-menu{padding-top:48px !important}
html body[class][class][class][class][class][class][class][class] #header-outer#header-outer #top nav > ul.sf-menu > li.menu-item-has-children > ul.sub-menu::after{content:"" !important;position:absolute !important;top:0 !important;left:0 !important;right:0 !important;height:1px !important;background:rgba(255,255,255,.28) !important;pointer-events:none !important}
html body[class][class][class][class][class][class][class][class] #header-outer#header-outer#header-outer#header-outer#header-outer #top nav ul.sub-menu .cd-mega-h{color:#fff !important;-webkit-text-fill-color:#fff !important}
}

/* CD-NAVBAR-FLAT  (layered: layered !important beats unlayered !important) */
@layer cdfix{
html body[class][class][class][class][class][class] #header-outer::after{background-image:none !important;background-color:rgba(0,0,0,.55) !important;inset:0 !important;max-height:100% !important;-webkit-mask-image:none !important;mask-image:none !important;-webkit-mask:none !important;mask:none !important}
}

/* CD-NAVBTN-FLAT  no lift shadow on the solid CTA button */
@layer cdfix{
html body[class][class][class][class][class][class][class][class] #header-outer #top nav ul.sf-menu > li[class*="menu-item-btn"] > a,
html body[class][class][class][class][class][class][class][class] #header-outer #top nav ul.sf-menu > li[class*="menu-item-btn"] > a .menu-title-text{text-shadow:none !important}
}

/* CD-BANDLINE-SIZE  location band intro, was clamp(36px,4.8vw,72px) */
@layer cdfix{
html body[class][class][class][class][class][class] #ajax-content-wrap .cd-band-line p{font-size:clamp(24px,2.8vw,42px) !important;line-height:1.25 !important}
}


/* CD-N2-CTA  mobile CTA beside the burger */
@layer cdfix{
html body[class][class][class][class][class][class] .cd-n2-cta{display:none}
@media (max-width:999px){
html body[class][class][class][class][class][class] .cd-n2-cta{display:inline-flex !important;margin:0 !important;position:fixed !important;top:9px !important;right:64px !important;z-index:10050 !important;align-items:center !important;height:34px !important;padding:0 14px !important;border-radius:999px !important;background:#f5d400 !important;color:#111 !important;font-size:13px !important;font-weight:600 !important;line-height:1 !important;text-decoration:none !important;white-space:nowrap !important;text-shadow:none !important;box-shadow:none !important}
}
html:has(#cd-n2-cb:checked) body[class][class][class][class][class][class] .cd-n2-cta{opacity:0 !important;pointer-events:none !important}
@media screen and (max-width:782px){
html body.admin-bar[class][class][class][class][class][class] .cd-n2-cta{top:59px !important}
}
}


/* CD-INLINELINK - a link written inside a sentence stays inline. The card link treatment puts a link on its own line with an arrow, which is right for a call to action sitting on its own but breaks a sentence in half when the link is mid prose. Add class="cd-inline" to any in-prose link. Layered so the important declarations beat the unlayered card rules. */
@layer cdfix{
html body[class][class][class][class][class][class] #ajax-content-wrap .cd-card a.cd-inline,html body[class][class][class][class][class][class] #ajax-content-wrap a.cd-inline{display:inline !important;margin:0 !important;padding:0 !important;width:auto !important;max-width:none !important;text-decoration:underline !important;text-underline-offset:2px !important;text-decoration-thickness:1px !important}
html body[class][class][class][class][class][class] #ajax-content-wrap .cd-card a.cd-inline::after,html body[class][class][class][class][class][class] #ajax-content-wrap a.cd-inline::after{content:none !important;display:none !important;margin:0 !important}
html body[class][class][class][class][class][class] #ajax-content-wrap .cd-card a.cd-inline::before,html body[class][class][class][class][class][class] #ajax-content-wrap a.cd-inline::before{content:none !important;display:none !important}
}


/* CD-PILLARTREE - the seven pillars are parts of one channel, not seven services. A parent chip sits above the list and a rail runs down beside it so the grouping is visible before anyone reads a label. Scoped to .cd-svc so the FAQ accordions are untouched. */
@layer cdfix{
html body[class][class][class][class][class][class] #ajax-content-wrap .cd-svc .cd-tree-top{margin:0 0 22px 52px !important;padding:0 !important}
html body[class][class][class][class][class][class] #ajax-content-wrap .cd-svc .cd-tree-top p{margin:0 !important}
html body[class][class][class][class][class][class] #ajax-content-wrap .cd-svc .cd-tree-chip{display:inline-block !important;padding:9px 18px !important;border-radius:999px !important;background:#F5D400 !important;color:#111111 !important;font-weight:600 !important;font-size:15px !important;line-height:1.2 !important;letter-spacing:.01em !important;text-decoration:none !important;border:0 !important;box-shadow:none !important;transition:transform .18s ease !important}
html body[class][class][class][class][class][class] #ajax-content-wrap .cd-svc .toggles{position:relative !important;padding-left:96px !important}
html body[class][class][class][class][class][class] #ajax-content-wrap .cd-svc .toggles::before{content:"" !important;position:absolute !important;left:64px !important;top:-22px !important;bottom:28px !important;width:2px !important;background:rgba(255,255,255,.34) !important;pointer-events:none !important}
@media (max-width:999px){
html body[class][class][class][class][class][class] #ajax-content-wrap .cd-svc .toggles{padding-left:64px !important}
html body[class][class][class][class][class][class] #ajax-content-wrap .cd-svc .toggles::before{left:40px !important}
}
@media (max-width:600px){
html body[class][class][class][class][class][class] #ajax-content-wrap .cd-svc .cd-tree-top{margin:28px 0 16px 24px !important}
html body[class][class][class][class][class][class] #ajax-content-wrap .cd-svc .toggles{padding:0 24px 28px 24px !important}
html body[class][class][class][class][class][class] #ajax-content-wrap .cd-svc .toggles::before{display:none !important}
}

html body[class][class][class][class][class][class] #ajax-content-wrap .cd-svc a.cd-tree-chip:hover{transform:translateY(-1px) !important;text-decoration:none !important}
html body[class][class][class][class][class][class] #ajax-content-wrap .cd-svc a.cd-tree-chip::after{content:none !important;display:none !important}
}


/* CD-HEROBTNS - on a phone the two hero buttons wrapped onto separate lines and kept their own widths, so they sat ragged. Stacked and matched to one width. Left aligned by default because the service and location heroes are left aligned, centred on the home page where the hero copy is centred. Eight classes because six lose to the customiser prefix. */
@layer cdfix{
@media (max-width:640px){
html body[class][class][class][class][class][class][class][class] #ajax-content-wrap .cd-hero-actions p{display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:flex-start !important;gap:12px !important;width:100% !important}
html body[class][class][class][class][class][class][class][class] #ajax-content-wrap .cd-hero-actions p a{width:100% !important;max-width:300px !important;justify-content:center !important;text-align:center !important;margin:0 !important}
html body.home[class][class][class][class][class][class][class][class] #ajax-content-wrap .cd-hero-actions p{align-items:center !important}
}
}




/* ===== CD-STRIPFLOW — home hero fits its content on phones (4 Oct 2026)
   The AI logo strip (.clients.five-cols) is position:absolute, pinned to the bottom of
   a full-viewport hero. On phones its positioning anchor is not the column, so it fell
   out below the content. The viewport height itself lives on .row_col_wrap_12, not the
   row. Fix: flow the strip, free the height, and balance the spacing around it.
   Spacing above the strip goes on the element before it, because an existing cdfix rule
   zeroes margin and padding on the strip and outranks anything sane.
   Must live inside @layer cdfix: a layered !important beats an unlayered one. ===== */
@layer cdfix{
  @media only screen and (max-width:999px){
    html body.home[class][class][class][class][class][class] #ajax-content-wrap .wpb_row.vc_row-o-full-height.first-section{padding-top:108px !important}
    html body.home[class][class][class][class][class][class] #ajax-content-wrap .wpb_row.vc_row-o-full-height{
      min-height:auto !important;
      padding-bottom:8px !important;
    }
    html body.home[class][class][class][class][class][class] #ajax-content-wrap .wpb_row .row_col_wrap_12{
      min-height:0 !important;
    }
    html body[class][class][class][class][class][class][class][class] .clients.five-cols{
      position:static !important;
      bottom:auto !important;
      left:auto !important;
    }
    html body.home[class][class][class][class][class][class] .wpb_wrapper > *:has(+ .clients.five-cols){
      margin-bottom:40px !important;
    }
    html body[class][class][class][class][class][class] .vc_column-inner:has(.clients.five-cols){
      padding-bottom:0 !important;
    }
  }
}