/* Desktop styling retained from master v3. Mobile rules, geometry and runtime updated to master v4, commit 6b53448e0466d1a1fb1a7baf87fca67b62729311. Heading selector supports the website H1. */
.solution-map-section::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  display:none;
  pointer-events:none;
}
.solution-map-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:url("../img/Container_01.1920.webp") center / cover no-repeat;
  transform:scale(1.18);
  pointer-events:none;
}
@supports ((background-clip:text) or (-webkit-background-clip:text)){.hr-map-workforce-text{
    background:linear-gradient(105deg,#7ecfff 0%,#bdeaff 24%,#fff 42%,#fff 50%,#83d3ff 68%,#bdeaff 85%,#7ecfff 100%);
    background-size:250% 100%;background-clip:text;-webkit-background-clip:text;
    color:transparent;-webkit-text-fill-color:transparent;
    animation:runtime-light 3.2s linear infinite;animation-play-state:paused;
  }
.hr-map-workforce-text{
    background-image:linear-gradient(90deg,#7ecfff 0%,#bdeaff 25%,#fff 50%,#bdeaff 75%,#7ecfff 100%);
    background-size:200% 100%;background-repeat:repeat-x;
    animation:solution-map-light 4.8s linear infinite;animation-play-state:paused;
  }
.hr-solution-map.is-flowing .hr-map-workforce-text{animation-play-state:running}}
@keyframes solution-map-light{from{background-position:0% 50%}to{background-position:200% 50%}}
@media(prefers-reduced-motion:reduce){.hr-map-workforce-text{animation:none;background:none;color:#d7f2ff;-webkit-text-fill-color:currentColor}}
@media(forced-colors:active){.hr-map-workforce-text{animation:none;background:none;color:CanvasText;-webkit-text-fill-color:currentColor}}
.solution-map-section{position:relative;isolation:isolate;overflow:hidden;background:#fff;padding:112px 32px 120px}
.solution-map-inner{width:100%;max-width:1440px;margin-inline:auto}
.solution-map-intro{text-align:center;max-width:960px;margin-inline:auto}
.solution-map-intro>.eyebrow{margin-bottom:24px}
.solution-map-intro>:is(h1,h2){font-size:clamp(40px,4.5vw,68px);line-height:1.08;letter-spacing:-.04em}
.solution-map-lead{max-width:850px;margin:28px auto 0;font-size:18px;line-height:1.7;color:var(--secondary)}
.solution-map-placeholder{width:100%;aspect-ratio:14/9;margin-top:64px;background:#d1d5db;border-radius:20px}
@media(max-width:767px){.solution-map-section{padding:72px 24px 80px}
.solution-map-lead{font-size:16px;margin-top:24px}
.solution-map-placeholder{margin-top:40px;border-radius:12px}}
@media(max-width:360px){.solution-map-section{padding-inline:20px}}
@media(forced-colors:active){.solution-map-section{background:Canvas}
.solution-map-placeholder{background:Canvas;border:1px solid CanvasText}}
.hr-solution-map{margin:64px 0 0;border:1px solid #ffffffa6;border-radius:28px;background:linear-gradient(135deg,#ffffff70,#c5d8ea40);box-shadow:0 12px 36px #183e6608;overflow:hidden}
.hr-map-scroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#9bb0c5 transparent}
.hr-map-canvas{display:block;width:100%;height:auto;aspect-ratio:16/10;min-width:900px;font-family:var(--font-body);color:#18354d}
.hr-map-canvas text{fill:currentColor}
.hr-map-card>rect{fill:#ffffffa6;stroke:#ffffffd9;stroke-width:1.3}
.hr-map-icon>rect{fill:#eaf1f8;stroke:#dce7f0;stroke-width:1}
.hr-map-icon>g{fill:none;stroke:#476c8a;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hr-map-card-title{font:500 28px var(--font-display);letter-spacing:-.4px}
.hr-map-card-detail{font-size:20px;font-weight:400;fill:#43586b!important;letter-spacing:0}
.hr-map-center-surface{fill:#183e66}
.hr-map-center-outline{fill:none;stroke:#9bb7ce;stroke-width:1}
.hr-map-center text{text-anchor:middle;fill:#fff}
.hr-map-center-brand{font:400 23px var(--font-display);letter-spacing:1.4px}
.hr-map-center-title{font:400 36px var(--font-display);letter-spacing:.3px}
.hr-map-governance{font-size:10px;letter-spacing:1.7px;fill:#d4e4f0!important}
.hr-map-center-rule{stroke:#9bbfd9;stroke-width:1}
.hr-map-outer-links,.hr-map-center-links{fill:none;stroke:#8ca7be;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.hr-map-center-links{stroke:#527997;stroke-width:1.6}
[data-map-arrow] path{fill:none;stroke:#6487a2;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.hr-map-footer rect{fill:#ffffff69;stroke:#ffffffb3;stroke-width:1}
.hr-map-footer text{text-anchor:middle;font-size:16px;font-weight:600;letter-spacing:1.8px;fill:#29475f}
@media(max-width:767px){.hr-solution-map{margin-top:40px;border-radius:18px}
.hr-map-scroll:focus-visible{outline-offset:-4px}}
@media(forced-colors:active){.hr-solution-map{background:Canvas;border:1px solid CanvasText}
.hr-map-canvas{color:CanvasText}
.hr-map-card>rect,.hr-map-center-surface,.hr-map-footer rect,.hr-map-icon>rect{fill:Canvas;stroke:CanvasText}
.hr-map-canvas text{fill:CanvasText!important}
.hr-map-canvas path,.hr-map-canvas line,.hr-map-canvas circle{stroke:CanvasText}}
.hr-map-workforce-text{width:100%;text-align:center;font:400 36px/40px var(--font-display);letter-spacing:.3px;color:#fff}
.hr-map-outer-links>path,.hr-map-center-links>path{stroke:#fff;stroke-width:2;stroke-opacity:.78;vector-effect:non-scaling-stroke}
[data-map-arrow] path{fill:none;stroke:#fff;stroke-width:1.5;stroke-opacity:.78;stroke-linecap:round;stroke-linejoin:round}
.hr-map-dot{fill:#fff;stroke:none;filter:drop-shadow(0 0 2px #fff);opacity:0;pointer-events:none}
.solution-map-intro>:is(h1,h2){color:#fff}
.solution-map-lead{color:#e2e8f0}
.hr-solution-map{
  border-color:rgba(255,255,255,.28);
  background:linear-gradient(135deg,#ffffff70 0%,#7199ce38 44%,#183e7438 100%);
  -webkit-backdrop-filter:blur(22px) saturate(135%);backdrop-filter:blur(22px) saturate(135%);
  box-shadow:0 24px 54px -24px rgba(10,32,75,.32);
}
.hr-solution-map{border-radius:31px}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.hr-solution-map{background:rgba(237,243,255,.42)}}
@media(prefers-reduced-motion:reduce){.hr-map-dot{display:none}}
@media(max-width:600px){.hr-map-dot{display:none}}
@media(forced-colors:active){.solution-map-intro>:is(h1,h2),.solution-map-lead,.hr-map-workforce-text{color:CanvasText}
.hr-map-dot{display:none}
.hr-map-outer-links>path,.hr-map-center-links>path{stroke:CanvasText}
.hr-solution-map{background:Canvas;border-color:CanvasText;box-shadow:none}}
.solution-map-section::after{display:none}
.hr-map-responsive{padding:72px 80px}
.hr-map-layout{position:relative;height:700px}
.hr-map-responsive .hr-map-canvas{position:absolute;inset:0;width:100%;height:100%;min-width:0;aspect-ratio:auto;overflow:visible;pointer-events:none;z-index:1}
.hr-map-responsive .hr-map-card{position:absolute;z-index:2;display:flex;align-items:center;gap:16px;min-width:0;padding:22px 20px;border:1px solid #ffffffd9;border-radius:18px;background:#ffffffa6;color:#18354d}
.hr-map-responsive .hr-map-icon{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #dce7f0;border-radius:12px;background:#eaf1f8;color:#476c8a}
.hr-map-responsive .hr-map-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hr-map-card-copy{min-width:0}
.hr-map-responsive .hr-map-card-title{margin:0;font:500 23px/1.2 var(--font-display);letter-spacing:-.4px;hyphens:none;overflow-wrap:normal}
.hr-map-responsive .hr-map-card-detail{margin:10px 0 0;font:400 15px/1.6 var(--font-body);letter-spacing:0;color:#43586b;overflow-wrap:normal}
.hr-map-admin{top:24px;left:50%;width:34%;transform:translateX(-50%)}
.hr-map-talent{top:370px;left:0;width:32%;transform:translateY(-50%)}
.hr-map-workforce{top:370px;right:0;width:32%;transform:translateY(-50%)}
.hr-map-service{top:570px;left:8%;width:36%}
.hr-map-experience{top:570px;right:8%;width:36%}
.hr-map-responsive .hr-map-center{position:absolute;z-index:2;top:260px;left:50%;transform:translateX(-50%);width:220px;height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:#183e66;color:#fff;outline:1px solid #9bb7ce;outline-offset:8px;text-align:center}
.hr-map-responsive .hr-map-center-brand{font:400 18px/1.3 var(--font-display);letter-spacing:1px}
.hr-map-responsive .hr-map-workforce-text{display:block;width:100%;max-width:152px;margin-top:8px;font:400 22px/25px var(--font-display);letter-spacing:.3px}
.hr-map-responsive .hr-map-center-rule{display:block;width:40px;height:1px;margin:16px 0;background:#9bbfd9}
.hr-map-responsive .hr-map-governance{font:400 10px/1.5 var(--font-body);letter-spacing:1px;color:#d4e4f0}
.hr-map-responsive .hr-map-footer{position:relative;z-index:2;max-width:1100px;margin:16px auto 0;padding:12px 20px;border:1px solid #ffffffb3;border-radius:24px;background:#ffffff69;text-align:center;font:600 12px/1.6 var(--font-body);letter-spacing:1.5px;color:#29475f}
.hr-map-routes>path{fill:none;stroke:#fff;stroke-width:2;stroke-opacity:.78;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
@media(max-width:1100px){.hr-map-responsive{padding:64px 56px}
.hr-map-responsive .hr-map-card{gap:12px;padding:20px 16px}
.hr-map-responsive .hr-map-center{width:200px;height:200px;top:270px}}
/* Master v4: semantic hub-and-areas view; no scaled desktop canvas. */
.hr-map-relationships{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:960px){
  .hr-map-responsive{padding:32px 24px;border-radius:24px}
  .hr-map-responsive .hr-map-dots{display:none}
  .hr-map-responsive .hr-map-relationships{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;max-width:440px;margin:0 auto 28px;text-align:center;font:400 14px/1.6 var(--font-body);color:#29475f}
  .hr-map-layout{height:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:24px;max-width:560px;margin-inline:auto;padding:0 0 0 32px}
  .hr-map-responsive .hr-map-card,.hr-map-responsive .hr-map-center{position:relative;top:auto;left:auto;right:auto;transform:none;grid-column:1;grid-row:auto;width:100%;max-width:none;justify-self:stretch}
  .hr-map-responsive .hr-map-center{justify-self:center;width:200px;height:200px;margin:8px 0 28px -32px}
  .hr-map-responsive .hr-map-card{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:18px 16px;text-align:center;min-height:164px}
  .hr-map-responsive .hr-map-icon{margin:0;flex:0 0 44px}
  .hr-map-responsive .hr-map-card-copy{width:100%}
  .hr-map-responsive .hr-map-card-detail{margin-top:6px}
}
@media(max-width:600px){
  .hr-map-responsive{padding:28px 16px;margin-top:32px}
  .hr-map-layout{padding-left:24px;gap:20px}
  .hr-map-responsive .hr-map-center{margin-left:-24px}
  .hr-map-responsive .hr-map-card{padding:16px 12px}
}
@media(forced-colors:active){.hr-map-responsive .hr-map-center,.hr-map-responsive .hr-map-card,.hr-map-responsive .hr-map-footer,.hr-map-responsive .hr-map-icon{background:Canvas;color:CanvasText;border:1px solid CanvasText}
.hr-map-responsive .hr-map-card-detail,.hr-map-responsive .hr-map-governance{color:CanvasText}
.hr-map-routes>path{stroke:CanvasText}}
.solution-map-section::before{background:url("../img/bg_slides_hero.1920.webp") center / cover no-repeat}
.hr-map-responsive .hr-map-center>.hr-map-workforce-text{margin-top:0}
@media(min-width:961px){.hr-map-responsive:not(.is-measuring-card-size) .hr-map-card{flex-direction:column;justify-content:center;gap:4px;padding:8px 12px;text-align:center}
.hr-map-responsive:not(.is-measuring-card-size) .hr-map-card-copy{width:100%;flex:0 0 auto}
.hr-map-responsive:not(.is-measuring-card-size) .hr-map-icon{margin:0;flex:0 0 44px}
.hr-map-responsive:not(.is-measuring-card-size) .hr-map-card-detail{margin-top:4px}}

/* German functional compounds may hyphenate; protected product names retain
   their existing no-wrap rule. English maps keep their approved behavior. */
.hr-map-responsive:lang(de) .hr-map-card-title{hyphens:auto;hyphenate-limit-chars:10 4 4}

/* Visual Catalog Solution-Map master — released only for Every, HR+, Sales+,
   Finance+, Service+, ERP+ and Expenses+. Other maps remain untouched. */
@supports ((background-clip:text) or (-webkit-background-clip:text)){
  [data-map-master="catalog-v5"] .hr-map-workforce-text{
    background:linear-gradient(90deg,#c5357f 0%,#e44737 12.5%,#f27b18 25%,#e44737 37.5%,#c5357f 50%,#e44737 62.5%,#f27b18 75%,#e44737 87.5%,#c5357f 100%);
    background-size:200% 100%;background-repeat:repeat-x;background-clip:text;-webkit-background-clip:text;
    color:transparent;-webkit-text-fill-color:transparent;animation:solution-map-light 3.2s linear infinite;
  }
}
@media(prefers-reduced-motion:reduce){[data-map-master="catalog-v5"] .hr-map-workforce-text{animation:none;background-position:50% 50%;color:transparent;-webkit-text-fill-color:transparent}}
[data-map-master="catalog-v5"]{
  border:1px solid rgba(255,255,255,.2);background:transparent;box-shadow:none;
  -webkit-backdrop-filter:none;backdrop-filter:none;
}
[data-map-master="catalog-v5"] .hr-map-card{
  border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.9);box-shadow:none;
  -webkit-backdrop-filter:none;backdrop-filter:none;
}
[data-map-master="catalog-v5"] .hr-map-icon{
  width:44px;height:44px;flex-basis:44px;border:0;border-radius:0;background:transparent;color:#030712;
}
[data-map-master="catalog-v5"] .hr-map-icon svg{width:24px;height:24px;stroke-width:2}
[data-map-master="catalog-v5"] .hr-map-icon .hr-map-lucide-icon{display:block;width:24px;height:24px;flex:0 0 24px}
[data-map-master="catalog-v5"] .hr-map-center{isolation:isolate;background:#fff;color:#030712;outline:0}
[data-map-master="catalog-v5"] .hr-map-center::before{
  content:"";position:absolute;inset:-10px;z-index:-1;border-radius:50%;background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.34);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;
}
[data-map-master="catalog-v5"] .hr-map-center>.hr-map-workforce-text{color:transparent}