/* Homepage-only visual depth pilot. Keep approved content geometry unchanged. */
html:has(body.page-id-12) {
  overflow-x: clip;
}

.page-id-12 {
  background-color: #fff;
  overflow-x: clip;
}

.page-id-12 #page {
  background-color: #fff;
}

/* A quiet white pause between the final service card and the Sectors band. */
.page-id-12 .eu11-home-assistants-service {
  margin-bottom: 30px;
}

@media (max-width: 1199px) {
  .page-id-12 .eu11-home-assistants-service {
    margin-bottom: 24px;
  }
}

@media (max-width: 767px) {
  .page-id-12 .eu11-home-assistants-service {
    margin-bottom: 20px;
  }
}

/* The Sectors anchor uses the existing EU HIRE navy across the viewport. */
.page-id-12 .eu11-sectors {
  background-color: var(--eu11-navy);
  isolation: isolate;
  position: relative;
}

.page-id-12 .eu11-sectors::before {
  background: var(--eu11-navy);
  box-shadow: 0 0 0 100vmax var(--eu11-navy);
  clip-path: inset(0 -100vmax);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 0;
}

.page-id-12 .eu11-sectors > .wp-block-group__inner-container {
  position: relative;
  z-index: 1;
}

.page-id-12 .eu11-sectors .eu11-label {
  color: #a9bfff;
}

.page-id-12 .eu11-sectors h2 {
  color: var(--eu11-white);
}

.page-id-12 .eu11-sectors > .wp-block-group__inner-container > h2 + p,
.page-id-12 .eu11-sectors .eu11-context {
  color: #d5deef;
}

.page-id-12 .eu11-sectors .eu11-sector-grid a {
  background-color: var(--eu11-white);
  color: var(--eu11-navy);
}

.page-id-12 .eu11-sectors .eu11-sector-grid a:is(:hover, :focus-visible) {
  background-color: var(--euh-cool-surface);
}

.page-id-12 .eu11-sectors .eu11-actions .is-style-outline > .wp-block-button__link {
  background-color: transparent !important;
  border-color: #a9bfff !important;
  color: var(--eu11-white) !important;
}

.page-id-12 .eu11-sectors .eu11-actions .is-style-outline > .wp-block-button__link:is(:hover, :focus-visible) {
  background-color: rgba(255, 255, 255, .1) !important;
  border-color: var(--eu11-white) !important;
}

/* Colored bands already separate these sections; omit partial-width top rules. */
.page-id-12 :is(.eu11-process, .eu11-regulatory, .eu11-insights) {
  border-top: 0;
}

/* Only complete anchor cards receive the stronger interaction. */
.page-id-12 :is(.eu11-sector-grid a, .eu11-insight-links > a, .eu11-insight-featured) {
  transition: background-color .21s ease, border-color .21s ease,
    box-shadow .21s ease, transform .21s ease;
}

.page-id-12 :is(.eu11-sector-grid a, .eu11-insight-links > a):is(:hover, :focus-visible) {
  background-color: var(--euh-cool-surface);
  border-color: #7894ed;
  box-shadow: 0 10px 22px rgba(16, 36, 85, .11);
}

.page-id-12 .eu11-insight-featured:is(:hover, :focus-visible) {
  background-color: #172b59;
  box-shadow: 0 10px 22px rgba(16, 36, 85, .16);
}

.page-id-12 :is(.eu11-sector-grid a, .eu11-insight-links > a, .eu11-insight-featured):focus-visible {
  outline: 2px solid #3658d9;
  outline-offset: 3px;
}

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .page-id-12 :is(.eu11-sector-grid a, .eu11-insight-links > a, .eu11-insight-featured):hover {
    transform: translateY(-4px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-id-12 :is(.eu11-sector-grid a, .eu11-insight-links > a, .eu11-insight-featured) {
    transition: background-color .01ms, border-color .01ms, box-shadow .01ms;
  }
}

/* Homepage trust strip: one calm surface, informational icons, no card motion. */
.page-id-12 .eu23-usps .eu11-usp-grid {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0;
  background:var(--euh-cool-surface); border:1px solid var(--euh-cool-border); border-radius:14px;
  overflow:hidden; padding:8px 0;
}
.page-id-12 .eu23-usps .eu11-usp-grid > .wp-block-column {
  background:transparent; border:0; border-radius:0; box-shadow:none;
  min-height:72px; padding:16px 24px; margin:0!important;
  display:flex; align-items:center; justify-content:center;
  transform:none; transition:none; cursor:default;
}
.page-id-12 .eu23-usps .eu11-usp-grid > .wp-block-column + .wp-block-column {
  border-left:1px solid var(--eu11-rule);
}
.page-id-12 .eu23-usps .eu11-usp-grid > .wp-block-column:hover {
  background:transparent; border-top:0; transform:none; box-shadow:none;
}
.page-id-12 .eu23-usps .eu11-usp-grid h2 {
  display:flex; align-items:center; gap:12px; margin:0; font-size:18px;
  line-height:1.35; letter-spacing:-.02em; text-wrap:initial;
}
.eu-home-trust-icon { width:28px; height:28px; flex:0 0 28px; color:var(--eu11-blue); }
@media (min-width:768px) and (max-width:1199px) {
  .page-id-12 .eu23-usps .eu11-usp-grid > .wp-block-column { padding:14px 16px; }
  .page-id-12 .eu23-usps .eu11-usp-grid h2 { font-size:16px; gap:9px; }
}
@media (max-width:767px) {
  .page-id-12 .eu23-usps .eu11-usp-grid { grid-template-columns:1fr; padding:0 18px; }
  .page-id-12 .eu23-usps .eu11-usp-grid > .wp-block-column { min-height:66px; padding:16px 4px; justify-content:flex-start; }
  .page-id-12 .eu23-usps .eu11-usp-grid > .wp-block-column + .wp-block-column { border-left:0; border-top:1px solid var(--eu11-rule); }
  .page-id-12 .eu23-usps .eu11-usp-grid > .wp-block-column:hover { border-top:1px solid var(--eu11-rule); }
  .page-id-12 .eu23-usps .eu11-usp-grid > .wp-block-column:first-child:hover { border-top:0; }
  .page-id-12 .eu23-usps .eu11-usp-grid h2 { font-size:17px; }
}

/* Approved cool-blue homepage surfaces; existing geometry and navy band retained. */
.page-id-12 { --eu11-pale:var(--euh-cool-accent); --eu11-surface:var(--euh-cool-soft); --eu11-rule:var(--euh-cool-border); }
.page-id-12 .eu23-proof { background:var(--euh-cool-surface); border-color:var(--euh-cool-border); }
.page-id-12 .eu11-erpr-service { background:var(--euh-cool-surface); border-color:var(--euh-cool-border-strong); }
.page-id-12 .eu23-usps .eu11-usp-grid { background:var(--euh-cool-accent); border-color:var(--euh-cool-border); }
.page-id-12 .eu23-usps .eu11-usp-grid > .wp-block-column { padding:12px 20px; }
.page-id-12 .eu-home-trust-icon { width:40px; height:40px; flex-basis:40px; padding:5px; border-radius:50%; background:var(--euh-cool-accent); }
.page-id-12 .eu11-sector-grid a { display:flex; align-items:center; gap:14px; }
.page-id-12 .eu-home-sector-icon { display:inline-flex; align-items:center; justify-content:center; flex:0 0 46px; width:46px; height:46px; background:var(--euh-cool-accent); border-radius:50%; color:var(--eu11-blue); }
.page-id-12 .eu-home-sector-icon svg { width:28px; height:28px; }
.page-id-12 .eu11-sector-grid a > .eu-home-sector-title { flex:1; min-width:0; margin:0; font:inherit; color:var(--eu11-navy); }
.page-id-12 .eu11-sector-grid a > .eu-home-sector-icon { margin:0; }
.page-id-12 .eu11-sector-grid a > span:last-child { margin-left:auto; }