.elementor-94173 .elementor-element.elementor-element-sohsec1{padding:0px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS *//* Elementor wrapper reset for the SOH page (section carries .soh-page) */
.soh-page, .soh-page > .elementor-container { max-width:none; width:100%; padding:0; margin:0; }
.soh-page > .elementor-container > .elementor-column,
.soh-page .elementor-widget-wrap,
.soh-page .elementor-column-wrap,
.soh-page .elementor-element-populated { padding:0 !important; margin:0 !important; }
.soh-page .elementor-widget { margin:0 !important; }
.soh-page .elementor-widget-html .elementor-widget-container { margin:0; padding:0; }
/* keep the brand font + sane defaults inside the wrap */
.page-state-of-hiring-wrap { width:100%; }

.page-state-of-hiring-wrap {--st-ocean:   #03261f;
  --st-forest:  #124036;
  --st-emerald: #147054;
  --st-leaf:    #00a75c;
  --st-lime:    #96f782;
  --st-pastel:  #c2f5c4;
  --st-frost:   #ebf5eb;

  --paper:      #f6f4ee;   
  --paper-soft: #efece3;
  --ink:        #0c1714;
  --ink-soft:   #344038;
  --ink-muted:  #6b7872;
  --rule:       #d9d6cb;
  --rule-soft:  #e6e3d8;}
.page-state-of-hiring-wrap * {box-sizing: border-box;}
.page-state-of-hiring-wrap,
.page-state-of-hiring-wrap {margin: 0; padding: 0;
  font-family: 'TT Hoves Pro', -apple-system, BlinkMacSystemFont, sans-serif;
  color: var(--ink);
  background: var(--paper);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-feature-settings: "ss01", "kern";}
.page-state-of-hiring-wrap img {max-width: 100%; display: block;}
.page-state-of-hiring-wrap a {color: inherit; text-decoration: none;}
.page-state-of-hiring-wrap .hero {position: relative;
  padding: 88px 40px 120px;
  background:
    radial-gradient(ellipse 60% 60% at 12% 24%, rgba(0, 167, 92, 0.32) 0%, transparent 55%),
    radial-gradient(ellipse 80% 70% at 100% 90%, rgba(20, 112, 84, 0.55) 0%, transparent 55%),
    linear-gradient(160deg, #03261f 0%, #0a3a2c 55%, #124036 100%);
  color: #fff;
  overflow: hidden;}
.page-state-of-hiring-wrap .hero-inner {max-width: 1320px; margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: 96px;
  align-items: start;}
.page-state-of-hiring-wrap .eyebrow {display: inline-flex; align-items: center; gap: 12px;
  font-size: 13px; font-weight: 500;
  letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--st-lime);
  margin-bottom: 36px;}
.page-state-of-hiring-wrap .eyebrow::before {content: ""; width: 28px; height: 1px; background: currentColor;}
.page-state-of-hiring-wrap .hero h1 {font-size: clamp(56px, 7.2vw, 116px);
  font-weight: 600;
  line-height: 0.96;
  letter-spacing: -0.035em;
  margin: 0;
  text-wrap: balance;}
.page-state-of-hiring-wrap .hero h1 .num {font-feature-settings: "tnum";}
.page-state-of-hiring-wrap .hero h2 {font-size: clamp(22px, 2.2vw, 34px);
  font-weight: 500;
  line-height: 1.18;
  letter-spacing: -0.012em;
  color: var(--st-lime);
  margin: 28px 0 0 0;
  max-width: 28ch;}
.page-state-of-hiring-wrap .hero-body {margin-top: 36px;
  font-size: 18px;
  line-height: 1.55;
  color: rgba(255,255,255,0.78);
  max-width: 56ch;}
.page-state-of-hiring-wrap .hero-trust {margin-top: 56px;
  padding-top: 28px;
  border-top: 1px solid rgba(255,255,255,0.12);
  display: flex; flex-direction: column; gap: 14px;}
.page-state-of-hiring-wrap .hero-trust .label {font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase;
  color: rgba(255,255,255,0.45); font-weight: 500;}
.page-state-of-hiring-wrap .hero-trust .logos {display: flex; flex-wrap: wrap; gap: 28px 40px;
  font-size: 18px; font-weight: 600; letter-spacing: -0.01em;
  color: rgba(255,255,255,0.78);}
.page-state-of-hiring-wrap .hero-trust .logos span {white-space: nowrap;}
.page-state-of-hiring-wrap .form-card {position: sticky; top: 84px;
  background: #fff;
  color: var(--ink);
  border-radius: 18px;
  padding: 32px 32px 28px;
  box-shadow: 0 30px 60px -20px rgba(0,0,0,0.45), 0 2px 8px rgba(0,0,0,0.18);}
.page-state-of-hiring-wrap .form-card h3 {font-size: 24px; font-weight: 600; letter-spacing: -0.015em;
  margin: 0 0 6px 0;}
.page-state-of-hiring-wrap .form-card .form-sub {margin: 0 0 22px 0;
  font-size: 14px; color: var(--ink-muted); line-height: 1.5;}
.page-state-of-hiring-wrap .form-grid {display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;}
.page-state-of-hiring-wrap .form-grid .full {grid-column: 1 / -1;}
.page-state-of-hiring-wrap .field {display: flex; flex-direction: column; gap: 6px;}
.page-state-of-hiring-wrap .field label {font-size: 11px; font-weight: 500;
  letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--ink-muted);}
.page-state-of-hiring-wrap .field input,
.page-state-of-hiring-wrap .field select,
.page-state-of-hiring-wrap .field textarea {font-family: inherit; font-size: 14px;
  padding: 10px 12px;
  border: 1px solid var(--rule);
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
  outline: none;
  transition: border-color .15s ease, box-shadow .15s ease;}
.page-state-of-hiring-wrap .field input:focus,
.page-state-of-hiring-wrap .field select:focus,
.page-state-of-hiring-wrap .field textarea:focus {border-color: var(--st-emerald);
  box-shadow: 0 0 0 3px rgba(20, 112, 84, 0.12);}
.page-state-of-hiring-wrap .submit-btn {margin-top: 18px;
  width: 100%;
  padding: 16px 22px;
  background: var(--st-ocean);
  color: #fff;
  font-family: inherit; font-size: 15px; font-weight: 600;
  letter-spacing: 0.01em;
  border: none; border-radius: 10px;
  cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  transition: background .15s ease;}
.page-state-of-hiring-wrap .submit-btn:hover {background: #052f26;}
.page-state-of-hiring-wrap .submit-btn .arrow {width: 8px; height: 8px;
  border-top: 1.5px solid currentColor;
  border-right: 1.5px solid currentColor;
  transform: rotate(45deg);}
.page-state-of-hiring-wrap .form-microcopy {margin-top: 14px;
  font-size: 12px; color: var(--ink-muted);
  line-height: 1.55;}
.page-state-of-hiring-wrap .form-meta {margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--rule-soft);
  display: flex; gap: 18px;
  font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase;
  color: var(--ink-muted); font-weight: 500;}
.page-state-of-hiring-wrap .form-meta span {display: inline-flex; align-items: center; gap: 6px;}
.page-state-of-hiring-wrap .form-meta .dot {width: 5px; height: 5px; background: var(--st-leaf); border-radius: 50%;}
.page-state-of-hiring-wrap .setup {padding: 120px 40px 80px;
  background: var(--paper);}
.page-state-of-hiring-wrap .setup-inner {max-width: 1200px; margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: 96px;
  align-items: start;}
.page-state-of-hiring-wrap .section-eyebrow {font-size: 11px; font-weight: 500;
  letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--st-emerald);
  margin: 0 0 18px 0;}
.page-state-of-hiring-wrap .setup h3 {font-size: clamp(38px, 4.4vw, 64px);
  font-weight: 600;
  line-height: 0.98;
  letter-spacing: -0.025em;
  margin: 0;
  text-wrap: balance;}
.page-state-of-hiring-wrap .setup-copy {display: flex; flex-direction: column; gap: 20px;
  padding-top: 12px;
  font-size: 19px;
  line-height: 1.55;
  color: var(--ink-soft);
  max-width: 56ch;}
.page-state-of-hiring-wrap .setup-copy p {margin: 0;}
.page-state-of-hiring-wrap .setup-copy p:first-child::first-line {font-weight: 500; color: var(--ink);}
.page-state-of-hiring-wrap .stats {background: var(--st-ocean);
  color: #fff;
  padding: 120px 40px 140px;
  position: relative;
  overflow: hidden;}
.page-state-of-hiring-wrap .stats::before {content: "";
  position: absolute; inset: 0;
  background:
    radial-gradient(ellipse 60% 50% at 80% 10%, rgba(20, 112, 84, 0.45) 0%, transparent 55%),
    radial-gradient(ellipse 50% 40% at 10% 100%, rgba(0, 167, 92, 0.25) 0%, transparent 60%);
  pointer-events: none;}
.page-state-of-hiring-wrap .stats-inner {position: relative;
  max-width: 1320px; margin: 0 auto;}
.page-state-of-hiring-wrap .stats-header {display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 40px;
  margin-bottom: 88px;}
.page-state-of-hiring-wrap .stats-header h3 {font-size: clamp(38px, 4.4vw, 64px);
  font-weight: 600;
  line-height: 0.98;
  letter-spacing: -0.025em;
  margin: 0;
  max-width: 18ch;}
.page-state-of-hiring-wrap .stats-header .stats-eyebrow {color: var(--st-lime); margin-bottom: 14px;}
.page-state-of-hiring-wrap .stats-header .stats-meta {font-size: 13px; color: rgba(255,255,255,0.55);
  letter-spacing: 0.08em; text-transform: uppercase;
  text-align: right;
  line-height: 1.6;}
.page-state-of-hiring-wrap .stat-grid {--gutter: clamp(28px, 4vw, 64px);
  --rule-ink: rgba(255,255,255,0.16);
  position: relative;}
.page-state-of-hiring-wrap .stat-grid::before,
.page-state-of-hiring-wrap .stat-grid::after,
.page-state-of-hiring-wrap .stat-row-1::after {content: "";
  position: absolute; left: var(--gutter); right: var(--gutter);
  height: 1px; background: var(--rule-ink);
  transform-origin: left center; pointer-events: none;}
.page-state-of-hiring-wrap .stat-grid::before {top: 0;}
.page-state-of-hiring-wrap .stat-grid::after {bottom: 0;}
.page-state-of-hiring-wrap .stat-row {position: relative;
  display: grid;
  grid-template-columns: repeat(12, 1fr);}
.page-state-of-hiring-wrap .stat-row-1::after {bottom: 0;}
.page-state-of-hiring-wrap .stat-row-1::before,
.page-state-of-hiring-wrap .stat-row-2::before {content: "";
  position: absolute; top: var(--gutter); bottom: var(--gutter);
  width: 1px; background: var(--rule-ink);
  transform-origin: center top; pointer-events: none;}
.page-state-of-hiring-wrap .stat-row-1::before {left: 58.3333%;}
.page-state-of-hiring-wrap .stat-row-2::before {left: 41.6667%;}
.page-state-of-hiring-wrap .stat-1 {grid-column: 1 / span 7;}
.page-state-of-hiring-wrap .stat-2 {grid-column: 8 / span 5;}
.page-state-of-hiring-wrap .stat-3 {grid-column: 1 / span 5;}
.page-state-of-hiring-wrap .stat-4 {grid-column: 6 / span 7;}
.page-state-of-hiring-wrap .stat {position: relative;
  padding: var(--gutter);
  display: flex; flex-direction: column;
  min-height: 360px;}
.page-state-of-hiring-wrap .stat-row-2 .stat {padding-bottom: calc(var(--gutter) * 1.4);}
.page-state-of-hiring-wrap .stat .stat-rank {position: absolute;
  top: var(--gutter); right: var(--gutter); 
  font-size: 13px; font-weight: 500;
  letter-spacing: 0.16em; text-transform: uppercase;
  color: rgba(255,255,255,0.4);
  font-feature-settings: "tnum";}
.page-state-of-hiring-wrap .stat-num {font-size: clamp(120px, 16vw, 268px);
  font-weight: 600;
  line-height: 0.82;
  letter-spacing: -0.055em;
  margin: 6px 0 0; 
  font-feature-settings: "tnum";
  color: #fff;
  text-wrap: nowrap;}
.page-state-of-hiring-wrap .stat-num .pct {font-size: 0.32em;
  letter-spacing: -0.02em;
  vertical-align: 0.42em;
  margin-left: 0.04em;
  font-weight: 500;
  color: rgba(255,255,255,0.7);}
.page-state-of-hiring-wrap .stat-num.accent {color: var(--st-lime);}
.page-state-of-hiring-wrap .stat-num.versus {display: flex; align-items: baseline; gap: 0.08em;
  font-size: clamp(96px, 12vw, 200px);}
.page-state-of-hiring-wrap .stat-num.versus .vs {font-size: 0.22em;
  font-weight: 500;
  color: rgba(255,255,255,0.45);
  letter-spacing: 0.02em;
  margin: 0 0.08em;
  font-feature-settings: normal;
  position: relative; top: -0.35em;}
.page-state-of-hiring-wrap .stat-num.versus .small {color: rgba(255,255,255,0.55);}
.page-state-of-hiring-wrap .stat-label {margin-top: auto;
  padding-top: 28px;
  font-size: 22px;
  line-height: 1.32;
  font-weight: 500;
  color: rgba(255,255,255,0.92);
  letter-spacing: -0.01em;
  max-width: 32ch;
  text-wrap: pretty;}
.page-state-of-hiring-wrap .stat-label .em {color: var(--st-lime); font-weight: 500;}
.page-state-of-hiring-wrap .stat-source {margin-top: 18px;
  font-size: 11px;
  letter-spacing: 0.14em; text-transform: uppercase;
  color: rgba(255,255,255,0.4);}
.page-state-of-hiring-wrap .charts {padding: 120px 40px;
  background: var(--paper-soft);}
.page-state-of-hiring-wrap .charts-inner {max-width: 1200px; margin: 0 auto;}
.page-state-of-hiring-wrap .charts-header {display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 96px; align-items: end; margin-bottom: 80px;}
.page-state-of-hiring-wrap .charts-header h3 {font-size: clamp(32px, 3.4vw, 48px);
  font-weight: 600; line-height: 1.02;
  letter-spacing: -0.022em;
  margin: 0; max-width: 18ch;}
.page-state-of-hiring-wrap .charts-header .lede {font-size: 17px; line-height: 1.55; color: var(--ink-soft);
  margin: 0; max-width: 48ch;}
.page-state-of-hiring-wrap .chart-row {display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 40px;}
.page-state-of-hiring-wrap .chart-card {background: #fff;
  border: 1px solid var(--rule);
  border-radius: 16px;
  padding: 36px 36px 32px;
  display: flex; flex-direction: column;}
.page-state-of-hiring-wrap .chart-card .chart-eyebrow {font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--st-emerald); font-weight: 600;
  margin-bottom: 12px;}
.page-state-of-hiring-wrap .chart-card h4 {font-size: 26px; font-weight: 600; letter-spacing: -0.018em;
  line-height: 1.12; margin: 0 0 8px 0;
  text-wrap: balance;}
.page-state-of-hiring-wrap .chart-card .chart-sub {margin: 0 0 32px 0;
  font-size: 14px; color: var(--ink-muted); line-height: 1.5;}
.page-state-of-hiring-wrap .bars {display: flex; flex-direction: column; gap: 22px;}
.page-state-of-hiring-wrap .bar-row {display: grid; grid-template-columns: 1fr; gap: 8px;}
.page-state-of-hiring-wrap .bar-row .bar-meta {display: flex; justify-content: space-between; align-items: baseline;
  font-size: 13px; color: var(--ink-soft); font-weight: 500;}
.page-state-of-hiring-wrap .bar-row .bar-meta .size {color: var(--ink); font-weight: 600; font-size: 14px;}
.page-state-of-hiring-wrap .bar-row .bar-meta .size small {color: var(--ink-muted); font-weight: 400; margin-left: 8px;}
.page-state-of-hiring-wrap .bar-row .bar-meta .val {font-size: 22px; font-weight: 600;
  font-feature-settings: "tnum"; letter-spacing: -0.02em;
  color: var(--st-ocean);}
.page-state-of-hiring-wrap .bar-track {width: 100%; height: 14px;
  background: var(--rule-soft);
  border-radius: 7px; overflow: hidden;
  position: relative;}
.page-state-of-hiring-wrap .bar-fill {height: 100%;
  width: var(--fill);
  background: linear-gradient(90deg, var(--st-emerald), var(--st-leaf));
  border-radius: 7px;
  position: relative;}
.page-state-of-hiring-wrap .bar-fill.muted {background: var(--ink);
  opacity: 0.85;}
.page-state-of-hiring-wrap .chart-callout {margin-top: 28px;
  padding-top: 20px;
  border-top: 1px solid var(--rule-soft);
  font-size: 13px;
  line-height: 1.5;
  color: var(--ink-muted);}
.page-state-of-hiring-wrap .chart-callout strong {color: var(--ink); font-weight: 600;}
.page-state-of-hiring-wrap .split {display: flex; flex-direction: column; gap: 28px;}
.page-state-of-hiring-wrap .split-row {display: flex; flex-direction: column; gap: 10px;}
.page-state-of-hiring-wrap .split-row .split-head {display: flex; justify-content: space-between; align-items: baseline;}
.page-state-of-hiring-wrap .split-row .region {font-size: 14px; font-weight: 600; color: var(--ink);
  letter-spacing: 0.06em; text-transform: uppercase;}
.page-state-of-hiring-wrap .split-row .region .n {color: var(--ink-muted); font-weight: 500; margin-left: 8px;}
.page-state-of-hiring-wrap .split-row .swing {font-size: 13px; color: var(--ink-muted);}
.page-state-of-hiring-wrap .split-bar {display: flex;
  height: 56px;
  border-radius: 10px;
  overflow: hidden;
  background: var(--rule-soft);}
.page-state-of-hiring-wrap .split-seg {display: flex; flex-direction: column; justify-content: center;
  padding: 10px 14px;
  color: #fff;
  font-feature-settings: "tnum";
  flex-grow: var(--flex); flex-shrink: 1; flex-basis: 0;
  overflow: hidden; white-space: nowrap;}
.page-state-of-hiring-wrap .split-seg .seg-val {font-size: 22px; font-weight: 600; line-height: 1; letter-spacing: -0.02em;}
.page-state-of-hiring-wrap .split-seg .seg-label {font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase;
  font-weight: 500; margin-top: 4px;
  opacity: 0.78;}
.page-state-of-hiring-wrap .split-seg.efficiency {background: var(--st-forest);}
.page-state-of-hiring-wrap .split-seg.quality {background: var(--st-leaf); color: var(--st-ocean);}
.page-state-of-hiring-wrap .split-seg.quality .seg-label {opacity: 0.7;}
.page-state-of-hiring-wrap .split-legend {display: flex; gap: 24px; margin-top: 6px;
  font-size: 12px; color: var(--ink-muted);
  letter-spacing: 0.06em; text-transform: uppercase;}
.page-state-of-hiring-wrap .split-legend span {display: inline-flex; align-items: center; gap: 8px;}
.page-state-of-hiring-wrap .split-legend .swatch {width: 12px; height: 12px; border-radius: 3px;}
.page-state-of-hiring-wrap .inside {padding: 120px 40px;
  background: var(--paper);}
.page-state-of-hiring-wrap .inside-inner {max-width: 1200px; margin: 0 auto;}
.page-state-of-hiring-wrap .inside-header {display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 96px; align-items: end; margin-bottom: 64px;}
.page-state-of-hiring-wrap .inside-header h2 {font-size: clamp(38px, 4.4vw, 64px);
  font-weight: 600; line-height: 0.98; letter-spacing: -0.025em;
  margin: 0; max-width: 14ch;}
.page-state-of-hiring-wrap .inside-header .intro {margin: 0; font-size: 18px; line-height: 1.55; color: var(--ink-soft);
  max-width: 56ch;}
.page-state-of-hiring-wrap .parts {display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 24px;}
.page-state-of-hiring-wrap .part {background: #fff;
  border: 1px solid var(--rule);
  border-radius: 16px;
  padding: 36px 32px 36px;
  display: flex; flex-direction: column;
  position: relative;
  overflow: hidden;}
.page-state-of-hiring-wrap .part .part-label {display: flex; align-items: center; gap: 10px;
  font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase;
  font-weight: 600; color: var(--st-emerald);
  margin-bottom: 80px;}
.page-state-of-hiring-wrap .part .part-label .dot {width: 6px; height: 6px; border-radius: 50%; background: var(--st-leaf);}
.page-state-of-hiring-wrap .part h4 {font-size: 28px; font-weight: 600; letter-spacing: -0.018em;
  line-height: 1.08;
  margin: 0 0 16px 0;
  max-width: 18ch;
  text-wrap: balance;}
.page-state-of-hiring-wrap .part p {margin: 0;
  font-size: 15px; line-height: 1.55; color: var(--ink-soft);}
.page-state-of-hiring-wrap .part .part-pull {margin-top: 28px;
  padding-top: 20px;
  border-top: 1px solid var(--rule-soft);
  font-size: 13px;
  letter-spacing: 0.04em;
  color: var(--ink-muted);
  font-weight: 500;}
.page-state-of-hiring-wrap .part .part-pull strong {color: var(--st-ocean); font-weight: 600;
  font-size: 17px;
  letter-spacing: -0.01em;}
.page-state-of-hiring-wrap .walkaway {padding: 120px 40px;
  background: var(--paper-soft);}
.page-state-of-hiring-wrap .walkaway-inner {max-width: 1100px; margin: 0 auto;}
.page-state-of-hiring-wrap .walkaway h3 {font-size: clamp(32px, 3.6vw, 52px);
  font-weight: 600; letter-spacing: -0.022em;
  line-height: 1.02;
  margin: 0 0 56px 0;
  max-width: 18ch;}
.page-state-of-hiring-wrap .walkaway-list {list-style: none; margin: 0; padding: 0;
  display: flex; flex-direction: column;
  border-top: 1px solid var(--rule);}
.page-state-of-hiring-wrap .walkaway-item {display: grid;
  grid-template-columns: 64px 1fr;
  gap: 24px;
  padding: 36px 0;
  border-bottom: 1px solid var(--rule);
  align-items: baseline;}
.page-state-of-hiring-wrap .walkaway-item .idx {font-size: 22px; font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--st-emerald);
  font-feature-settings: "tnum";}
.page-state-of-hiring-wrap .walkaway-item p {margin: 0;
  font-size: 22px; line-height: 1.4;
  color: var(--ink);
  letter-spacing: -0.012em;
  font-weight: 500;
  max-width: 64ch;
  text-wrap: pretty;}
.page-state-of-hiring-wrap .walkaway-item p .em {color: var(--st-emerald);
  font-weight: 600;}
.page-state-of-hiring-wrap .author {padding: 120px 40px;
  background: var(--paper);}
.page-state-of-hiring-wrap .author-inner {max-width: 1100px; margin: 0 auto;
  display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: 80px; align-items: start;}
.page-state-of-hiring-wrap .author-portrait {aspect-ratio: 4 / 5;
  background:
    repeating-linear-gradient(135deg, rgba(20, 112, 84, 0.08) 0 14px, transparent 14px 28px),
    var(--st-frost);
  border: 1px solid var(--rule);
  border-radius: 16px;
  position: relative; overflow: hidden;
  display: flex; align-items: flex-end; padding: 24px;}
.page-state-of-hiring-wrap .author-portrait::after {content: "";
  position: absolute; inset: 0;
  background: linear-gradient(180deg, transparent 50%, rgba(3, 38, 31, 0.04) 100%);
  pointer-events: none;}
.page-state-of-hiring-wrap .author-portrait .placeholder-label {font-family: ui-monospace, "JetBrains Mono", Menlo, monospace;
  font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--st-emerald);
  background: var(--paper);
  padding: 6px 10px;
  border-radius: 6px;
  border: 1px solid var(--rule);}
.page-state-of-hiring-wrap .author-copy h3 {font-size: clamp(28px, 3vw, 42px);
  font-weight: 600; letter-spacing: -0.02em;
  line-height: 1.08;
  margin: 0 0 24px 0;
  max-width: 22ch;
  text-wrap: balance;}
.page-state-of-hiring-wrap .author-copy p {font-size: 17px; line-height: 1.6; color: var(--ink-soft);
  margin: 0 0 16px 0;}
.page-state-of-hiring-wrap .author-copy p strong {color: var(--ink); font-weight: 600;}
.page-state-of-hiring-wrap .methodology {margin-top: 64px;
  padding-top: 40px;
  border-top: 1px solid var(--rule);}
.page-state-of-hiring-wrap .methodology .section-eyebrow {color: var(--ink-muted);}
.page-state-of-hiring-wrap .methodology .meth-grid {display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 32px;
  margin-top: 20px;}
.page-state-of-hiring-wrap .meth-stat .num {font-size: 38px; font-weight: 600; letter-spacing: -0.025em;
  line-height: 1; color: var(--st-ocean);
  font-feature-settings: "tnum";}
.page-state-of-hiring-wrap .meth-stat .lab {margin-top: 8px;
  font-size: 13px; color: var(--ink-soft); line-height: 1.45;}
.page-state-of-hiring-wrap .methodology .meth-body {margin-top: 28px;
  font-size: 14px; line-height: 1.6; color: var(--ink-muted);
  max-width: 80ch;}
.page-state-of-hiring-wrap .final-cta {background: var(--st-ocean);
  color: #fff;
  padding: 140px 40px;
  position: relative;
  overflow: hidden;}
.page-state-of-hiring-wrap .final-cta::before {content: "";
  position: absolute; inset: 0;
  background:
    radial-gradient(ellipse 50% 60% at 100% 100%, rgba(0, 167, 92, 0.35) 0%, transparent 55%),
    radial-gradient(ellipse 40% 50% at 0% 0%, rgba(20, 112, 84, 0.4) 0%, transparent 55%);
  pointer-events: none;}
.page-state-of-hiring-wrap .final-cta-inner {position: relative;
  max-width: 1100px; margin: 0 auto;
  text-align: center;}
.page-state-of-hiring-wrap .final-cta h2 {font-size: clamp(40px, 5vw, 80px);
  font-weight: 600; letter-spacing: -0.03em;
  line-height: 0.98;
  margin: 0 auto;
  max-width: 22ch;
  text-wrap: balance;}
.page-state-of-hiring-wrap .final-cta h2 .em {color: var(--st-lime);}
.page-state-of-hiring-wrap .final-cta .final-body {margin: 32px auto 0;
  font-size: 18px; line-height: 1.55;
  color: rgba(255,255,255,0.78);
  max-width: 56ch;}
.page-state-of-hiring-wrap .final-cta .final-actions {margin-top: 48px;
  display: flex; flex-direction: column; align-items: center; gap: 14px;}
.page-state-of-hiring-wrap .final-cta .big-cta {display: inline-flex; align-items: center; gap: 12px;
  padding: 22px 36px;
  background: var(--st-lime);
  color: var(--st-ocean);
  font-family: inherit; font-size: 17px; font-weight: 600;
  letter-spacing: 0.01em;
  border: none; border-radius: 999px;
  cursor: pointer;
  transition: transform .15s ease, background .15s ease;}
.page-state-of-hiring-wrap .final-cta .big-cta:hover {background: #b7fa9f; transform: translateY(-1px);}
.page-state-of-hiring-wrap .final-cta .big-cta .arrow {width: 10px; height: 10px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: rotate(45deg);}
.page-state-of-hiring-wrap .final-cta .final-meta {font-size: 13px; letter-spacing: 0.08em; text-transform: uppercase;
  color: rgba(255,255,255,0.5);}
@media (max-width: 1100px) {
.page-state-of-hiring-wrap .hero-inner {grid-template-columns: 1fr; gap: 56px;}
.page-state-of-hiring-wrap .form-card {position: static; max-width: 540px;}
.page-state-of-hiring-wrap .setup-inner {grid-template-columns: 1fr; gap: 40px;}
.page-state-of-hiring-wrap .stat-row {grid-template-columns: 1fr;}
.page-state-of-hiring-wrap .stat {grid-column: 1 / -1; padding-left: 0; padding-right: 0; min-height: auto;}
.page-state-of-hiring-wrap .stat-row-2 .stat {padding-bottom: var(--gutter);}
.page-state-of-hiring-wrap .stat-row-1::before,
.page-state-of-hiring-wrap .stat-row-2::before,
.page-state-of-hiring-wrap .stat-row-1::after {display: none;}
.page-state-of-hiring-wrap .stat-grid::before,
.page-state-of-hiring-wrap .stat-grid::after {left: 0; right: 0;}
.page-state-of-hiring-wrap .stat-2,
.page-state-of-hiring-wrap .stat-3,
.page-state-of-hiring-wrap .stat-4 {border-top: 1px solid var(--rule-ink);}
.page-state-of-hiring-wrap .charts-header,
.page-state-of-hiring-wrap .inside-header {grid-template-columns: 1fr; gap: 24px;}
.page-state-of-hiring-wrap .chart-row {grid-template-columns: 1fr;}
.page-state-of-hiring-wrap .parts {grid-template-columns: 1fr;}
.page-state-of-hiring-wrap .author-inner {grid-template-columns: 1fr;}
.page-state-of-hiring-wrap .methodology .meth-grid {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 640px) {
.page-state-of-hiring-wrap .hero,
.page-state-of-hiring-wrap .setup,
.page-state-of-hiring-wrap .stats,
.page-state-of-hiring-wrap .charts,
.page-state-of-hiring-wrap .inside,
.page-state-of-hiring-wrap .walkaway,
.page-state-of-hiring-wrap .author,
.page-state-of-hiring-wrap .final-cta {padding-left: 20px; padding-right: 20px;}
.page-state-of-hiring-wrap .form-grid {grid-template-columns: 1fr;}
.page-state-of-hiring-wrap .methodology .meth-grid {grid-template-columns: 1fr 1fr; gap: 18px;}
}
@media (prefers-reduced-motion: no-preference) {
.page-state-of-hiring-wrap .stat-grid::before,
.page-state-of-hiring-wrap .stat-grid::after,
.page-state-of-hiring-wrap .stat-row-1::after {transform: scaleX(0);}
.page-state-of-hiring-wrap .stat-row-1::before,
.page-state-of-hiring-wrap .stat-row-2::before {transform: scaleY(0);}
.page-state-of-hiring-wrap .stat-grid::before,
.page-state-of-hiring-wrap .stat-grid::after,
.page-state-of-hiring-wrap .stat-row-1::after,
.page-state-of-hiring-wrap .stat-row-1::before,
.page-state-of-hiring-wrap .stat-row-2::before {transition: transform .9s cubic-bezier(.22,.61,.36,1);}
.page-state-of-hiring-wrap .stats.in-view .stat-grid::before,
.page-state-of-hiring-wrap .stats.in-view .stat-grid::after,
.page-state-of-hiring-wrap .stats.in-view .stat-row-1::after {transform: scaleX(1);}
.page-state-of-hiring-wrap .stats.in-view .stat-row-1::before,
.page-state-of-hiring-wrap .stats.in-view .stat-row-2::before {transform: scaleY(1); transition-delay: .15s;}
.page-state-of-hiring-wrap .stat-rank {opacity: 0; transform: translateY(-8px);}
.page-state-of-hiring-wrap .stat-num {opacity: 0;}
.page-state-of-hiring-wrap .stat-label,
.page-state-of-hiring-wrap .stat-source {opacity: 0; transform: translateY(10px);}
.page-state-of-hiring-wrap .stat-rank,
.page-state-of-hiring-wrap .stat-num,
.page-state-of-hiring-wrap .stat-label,
.page-state-of-hiring-wrap .stat-source {transition: opacity .8s cubic-bezier(.22,.61,.36,1), transform .8s cubic-bezier(.22,.61,.36,1);}
.page-state-of-hiring-wrap .stats.in-view .stat-rank {opacity: 1; transform: none;}
.page-state-of-hiring-wrap .stats.in-view .stat-num {opacity: 1;}
.page-state-of-hiring-wrap .stats.in-view .stat-label,
.page-state-of-hiring-wrap .stats.in-view .stat-source {opacity: 1; transform: none;}
.page-state-of-hiring-wrap .bar-fill {width: 0; transition: width 1.1s cubic-bezier(.22,.61,.36,1);}
.page-state-of-hiring-wrap .bar-row .val {opacity: 0; transition: opacity .5s cubic-bezier(.22,.61,.36,1);}
.page-state-of-hiring-wrap .charts.in-view .bar-fill {width: var(--fill);}
.page-state-of-hiring-wrap .charts.in-view .bar-row .val {opacity: 1;}
.page-state-of-hiring-wrap .charts.in-view .bar-row:nth-child(2) .bar-fill {transition-delay: .12s;}
.page-state-of-hiring-wrap .charts.in-view .bar-row:nth-child(3) .bar-fill {transition-delay: .24s;}
.page-state-of-hiring-wrap .charts.in-view .bar-row:nth-child(4) .bar-fill {transition-delay: .36s;}
.page-state-of-hiring-wrap .split-seg {flex-grow: 0; transition: flex-grow 1.1s cubic-bezier(.22,.61,.36,1);}
.page-state-of-hiring-wrap .split-seg .seg-val {opacity: 0; transition: opacity .5s cubic-bezier(.22,.61,.36,1);}
.page-state-of-hiring-wrap .charts.in-view .split-seg {flex-grow: var(--flex);}
.page-state-of-hiring-wrap .charts.in-view .split-seg .seg-val {opacity: 1;}
.page-state-of-hiring-wrap .charts.in-view .split-row:nth-child(1) .split-seg:nth-child(2) {transition-delay: .12s;}
.page-state-of-hiring-wrap .charts.in-view .split-row:nth-child(2) .split-seg:nth-child(1) {transition-delay: .24s;}
.page-state-of-hiring-wrap .charts.in-view .split-row:nth-child(2) .split-seg:nth-child(2) {transition-delay: .36s;}
}
.page-state-of-hiring-wrap {}
/* === SOH post-design overrides === */
/* What's Inside: remove the green dot indicators; bottom-align the pull stat + rule across all 3 cards */
.page-state-of-hiring-wrap .part .part-label .dot { display:none; }
.page-state-of-hiring-wrap .part .part-label { gap:0; }
.page-state-of-hiring-wrap .part .part-pull { margin-top:auto; }
/* Author portrait now holds the real photo (fills the 4:5 frame) */
.page-state-of-hiring-wrap .author-portrait { padding:0; display:block; background:var(--st-frost); }
.page-state-of-hiring-wrap .author-portrait img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 18%; }
/* Final CTA button — matches the homepage .btn--primary (lime pill, 15px/600, 48px) */
.page-state-of-hiring-wrap .final-cta .final-actions .btn { display:inline-flex; align-items:center; gap:10px; height:48px; padding:0 22px; background:var(--st-lime); color:var(--st-ocean); font-family:inherit; font-size:15px; font-weight:600; line-height:1; border:none; border-radius:999px; text-decoration:none; cursor:pointer; transition:background .15s ease, transform .15s ease; }
.page-state-of-hiring-wrap .final-cta .final-actions .btn:hover { background:#b7fa9f; transform:translateY(-1px); }
.page-state-of-hiring-wrap .final-cta .final-actions .btn .arrow { font-size:1.05em; line-height:1; }
/* HubSpot embed inside the white form card */
.page-state-of-hiring-wrap .soh-hsform { margin:4px 0 2px; min-height:40px; }
.page-state-of-hiring-wrap .soh-hsform iframe { width:100% !important; max-width:100% !important; }
/* Trust-bar: real brand logos on minimal white chips (visible on the dark hero) */
.page-state-of-hiring-wrap .hero-trust .logos { gap:14px 14px; align-items:center; }
.page-state-of-hiring-wrap .hero-trust .logo-chip { display:inline-flex; align-items:center; justify-content:center; height:42px; padding:0 16px; background:#fff; border-radius:9px; }
.page-state-of-hiring-wrap .hero-trust .logo-chip img { max-height:22px; width:auto; display:block; }/* End custom CSS */