/* Selected workflow layouts. Loaded after doo_public.css to isolate each
   visual direction from the earlier exploration styles. */
@media (min-width: 768px) {
  /* Core HR / option 2 — the marker lands on each bend of the journey. */
  .core-workflows .workflow-option-core { padding:clamp(2rem,4vw,4rem)!important; border:1px solid rgba(var(--public-brand-rgb),.18)!important; border-radius:28px!important; background:radial-gradient(circle at 50% 45%,rgba(25,79,93,.18),transparent 43%),rgba(5,16,22,.62)!important; overflow:hidden!important; }
  .core-workflows .workflow-option-core .workflow-autopilot-label { position:relative!important; z-index:3!important; display:flex!important; justify-content:center!important; padding:0 0 1.75rem!important; background:transparent!important; border:0!important; text-align:center!important; }
  .core-workflows .workflow-journey-core-flow { position:relative!important; display:block!important; min-height:940px!important; margin:0!important; padding:0!important; }
  .core-workflows .workflow-journey-core-flow .workflow-route { position:absolute!important; inset:0!important; z-index:1!important; display:block!important; width:100%!important; height:100%!important; overflow:visible!important; }
  .core-workflows .workflow-journey-core-flow .workflow-route-glow { fill:none!important; stroke:rgba(var(--public-brand-rgb),.20)!important; stroke-width:35!important; filter:blur(12px)!important; }
  .core-workflows .workflow-journey-core-flow .workflow-route-line { fill:none!important; stroke:#d7f6fb!important; stroke-width:9!important; stroke-linecap:round!important; stroke-dasharray:11 17!important; }
  .core-workflows .workflow-journey-core-flow > .flow-stage,.core-workflows .workflow-journey-core-flow > .flow-stage:nth-child(odd),.core-workflows .workflow-journey-core-flow > .flow-stage:nth-child(even) { position:absolute!important; z-index:2!important; display:block!important; width:36%!important; min-height:0!important; margin:0!important; padding:1.1rem .25rem!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; text-align:left!important; }
  .core-workflows .workflow-journey-core-flow > .flow-stage:nth-of-type(2) { top:9%!important; left:63%!important; }
  .core-workflows .workflow-journey-core-flow > .flow-stage:nth-of-type(3) { top:31%!important; left:1%!important; }
  .core-workflows .workflow-journey-core-flow > .flow-stage:nth-of-type(4) { top:54%!important; left:63%!important; }
  .core-workflows .workflow-journey-core-flow > .flow-stage:nth-of-type(5) { top:76%!important; left:1%!important; }
  .core-workflows .workflow-journey-core-flow > .flow-stage::after { display:none!important; }
  .core-workflows .workflow-journey-core-flow > .flow-stage > b { display:block!important; margin:0 0 .4rem!important; color:#f1fbfd!important; font-size:clamp(1.55rem,2.5vw,2.35rem)!important; font-weight:800!important; line-height:1.02!important; letter-spacing:-.04em!important; }
  .core-workflows .workflow-journey-core-flow > .flow-stage > small { display:block!important; color:#b6c6cd!important; font-size:1rem!important; line-height:1.5!important; }
  .core-workflows .workflow-journey-core-flow > .flow-stage > em { display:block!important; margin-top:.85rem!important; padding-top:.7rem!important; border-top:1px solid rgba(var(--public-brand-rgb),.2)!important; color:#aeeef7!important; font-size:.88rem!important; font-style:normal!important; line-height:1.45!important; }
  .core-workflows .workflow-journey-core-flow .workflow-step,.core-workflows .workflow-journey-core-flow > .flow-stage:nth-child(odd) .workflow-step,.core-workflows .workflow-journey-core-flow > .flow-stage:nth-child(even) .workflow-step { position:absolute!important; top:50px!important; z-index:4!important; display:grid!important; width:62px!important; height:62px!important; place-items:center!important; border:5px solid #e4fbff!important; border-radius:50%!important; background:#14364a!important; color:#eafcff!important; font-size:1.2rem!important; box-shadow:0 0 0 7px rgba(var(--public-brand-rgb),.14),0 0 30px rgba(var(--public-brand-rgb),.32)!important; }
  .core-workflows .workflow-journey-core-flow .flow-stage-right .workflow-step { left:-11.1%!important; right:auto!important; transform:translateX(-50%)!important; }
  .core-workflows .workflow-journey-core-flow .flow-stage-left .workflow-step { left:111.1%!important; right:auto!important; transform:translateX(-50%)!important; }
  .core-workflows .workflow-journey-core-flow > .flow-stage:hover,.core-workflows .workflow-journey-core-flow > .flow-stage:focus-visible { background:linear-gradient(90deg,transparent,rgba(var(--public-brand-rgb),.10),transparent)!important; box-shadow:0 0 40px rgba(var(--public-brand-rgb),.11)!important; outline:0!important; }

  /* Recruitment / option 1 — a direct vacancy-to-offer pipeline. */
  .recruitment-option-pipeline .feature-roadmap-shell { position:relative!important; display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr))!important; gap:clamp(.75rem,2vw,2rem)!important; min-height:0!important; padding:2rem clamp(1rem,3vw,3rem) 2.5rem!important; overflow:visible!important; }
  .recruitment-option-pipeline .feature-roadmap-heading { position:relative!important; grid-column:1/-1!important; margin:0!important; }.recruitment-option-pipeline .feature-roadmap-route { display:none!important; }
  .recruitment-pipeline-line { position:absolute!important; top:8.3rem!important; right:10%!important; left:10%!important; z-index:0!important; display:block!important; height:3px!important; background:linear-gradient(90deg,rgba(var(--public-brand-rgb),.30),var(--public-brand-blue),rgba(var(--public-brand-rgb),.30))!important; }
  .recruitment-option-pipeline .feature-roadmap-stage,.recruitment-option-pipeline .feature-roadmap-stage.stage-left,.recruitment-option-pipeline .feature-roadmap-stage.stage-right { position:relative!important; z-index:1!important; display:block!important; width:auto!important; min-height:0!important; margin:0!important; padding:2.7rem 0 0!important; border:0!important; background:transparent!important; box-shadow:none!important; text-align:left!important; }.recruitment-option-pipeline .feature-roadmap-stage::after { display:none!important; }
  .recruitment-option-pipeline .feature-roadmap-stage .roadmap-step { position:absolute!important; top:.75rem!important; right:auto!important; left:0!important; display:grid!important; width:42px!important; height:42px!important; place-items:center!important; border:3px solid #d9f8fd!important; border-radius:50%!important; background:#14364a!important; color:#effdff!important; font-size:.75rem!important; box-shadow:0 0 0 5px rgba(var(--public-brand-rgb),.14)!important; transform:none!important; }.recruitment-option-pipeline .feature-roadmap-stage>div { max-width:none!important; padding:0!important; border:0!important; text-align:left!important; }

  /* Performance / option 3 — four stages arranged around a continuous cycle. */
  .performance-option-cycle .feature-roadmap-shell { position:relative!important; display:grid!important; grid-template-columns:minmax(0,1fr) minmax(300px,.8fr) minmax(0,1fr)!important; grid-template-rows:auto 1fr 1fr!important; gap:2.25rem clamp(1.5rem,5vw,5rem)!important; min-height:780px!important; padding:2.2rem clamp(1.5rem,6vw,6rem) 3rem!important; overflow:hidden!important; }.performance-option-cycle .feature-roadmap-heading { position:relative!important; grid-column:1/-1!important; grid-row:1!important; margin:0!important; }.performance-option-cycle .feature-roadmap-route { display:none!important; }
  .performance-cycle-ring { position:absolute!important; z-index:0!important; top:23%!important; left:50%!important; display:grid!important; width:min(34vw,420px)!important; aspect-ratio:1!important; place-items:center!important; border:8px dashed rgba(var(--public-brand-rgb),.82)!important; border-radius:50%!important; background:transparent!important; box-shadow:inset 0 0 55px rgba(var(--public-brand-rgb),.12),0 0 55px rgba(var(--public-brand-rgb),.10)!important; transform:translateX(-50%) rotate(-15deg)!important; }
  .performance-option-cycle .feature-roadmap-stage,.performance-option-cycle .feature-roadmap-stage.stage-left,.performance-option-cycle .feature-roadmap-stage.stage-right { position:relative!important; z-index:1!important; display:grid!important; grid-template-columns:52px minmax(0,1fr)!important; gap:.85rem!important; align-content:center!important; width:auto!important; min-height:0!important; margin:0!important; padding:1rem!important; border:1px solid transparent!important; border-radius:18px!important; background:rgba(5,16,22,.75)!important; box-shadow:none!important; text-align:left!important; }.performance-option-cycle .feature-roadmap-stage:nth-of-type(3) { grid-column:1!important;grid-row:2!important;top:auto!important;left:auto!important; }.performance-option-cycle .feature-roadmap-stage:nth-of-type(4) { grid-column:3!important;grid-row:2!important;top:auto!important;left:auto!important; }.performance-option-cycle .feature-roadmap-stage:nth-of-type(5) { grid-column:1!important;grid-row:3!important;top:auto!important;left:auto!important; }.performance-option-cycle .feature-roadmap-stage:nth-of-type(6) { grid-column:3!important;grid-row:3!important;top:auto!important;left:auto!important; }.performance-option-cycle .feature-roadmap-stage::after { display:none!important; }
  .performance-option-cycle .feature-roadmap-stage .roadmap-step { position:static!important; display:grid!important; width:48px!important; height:48px!important; place-items:center!important; border:3px solid #d9f8fd!important; border-radius:50%!important; background:#14364a!important; color:#effdff!important; font-size:.76rem!important; box-shadow:0 0 0 5px rgba(var(--public-brand-rgb),.12)!important; transform:none!important; }.performance-option-cycle .feature-roadmap-stage>div { max-width:none!important; padding:0!important; border:0!important; text-align:left!important; }.performance-option-cycle .feature-roadmap-stage:hover,.performance-option-cycle .feature-roadmap-stage:focus-within { border-color:rgba(var(--public-brand-rgb),.33)!important; background:rgba(20,62,73,.52)!important; box-shadow:0 0 30px rgba(var(--public-brand-rgb),.14)!important; }
}

@media (max-width: 767px) {
  .core-workflows .workflow-option-core { padding:1.3rem!important; border-radius:18px!important; }.core-workflows .workflow-option-core .workflow-autopilot-label { padding:.25rem .25rem 1.15rem!important; text-align:left!important; }.core-workflows .workflow-journey-core-flow { display:grid!important; gap:1rem!important; min-height:0!important; }.core-workflows .workflow-journey-core-flow .workflow-route { display:none!important; }.core-workflows .workflow-journey-core-flow>.flow-stage { position:relative!important; display:block!important; width:auto!important; padding:1rem 0 1rem 4.1rem!important; text-align:left!important; }.core-workflows .workflow-journey-core-flow>.flow-stage::after{display:none!important}.core-workflows .workflow-journey-core-flow .workflow-step{position:absolute!important;top:1rem!important;left:0!important;right:auto!important;display:grid!important;width:45px!important;height:45px!important;place-items:center!important;border:3px solid #e4fbff!important;border-radius:50%!important;background:#14364a!important;color:#eafcff!important;transform:none!important}.core-workflows .workflow-journey-core-flow>.flow-stage>b{display:block!important;margin-bottom:.25rem!important;color:#f1fbfd!important;font-size:1.25rem!important}.core-workflows .workflow-journey-core-flow>.flow-stage>small{display:block!important;color:#b6c6cd!important;line-height:1.5!important}.core-workflows .workflow-journey-core-flow>.flow-stage>em{display:block!important;margin-top:.55rem!important;color:#aeeef7!important;font-size:.85rem!important;font-style:normal!important;line-height:1.45!important}
  .recruitment-option-pipeline .feature-roadmap-shell,.performance-option-cycle .feature-roadmap-shell{display:grid!important;grid-template-columns:1fr!important;min-height:0!important;padding:1.5rem 1rem!important}.recruitment-option-pipeline .feature-roadmap-heading,.performance-option-cycle .feature-roadmap-heading{grid-column:1!important}.recruitment-pipeline-line,.performance-cycle-ring{display:none!important}.recruitment-option-pipeline .feature-roadmap-stage,.performance-option-cycle .feature-roadmap-stage,.performance-option-cycle .feature-roadmap-stage:nth-of-type(n){position:relative!important;display:grid!important;grid-column:1!important;grid-row:auto!important;grid-template-columns:48px minmax(0,1fr)!important;gap:.8rem!important;width:auto!important;min-height:0!important;margin:0!important;padding:1rem 0!important;border:0!important;background:transparent!important;text-align:left!important}.recruitment-option-pipeline .feature-roadmap-stage .roadmap-step,.performance-option-cycle .feature-roadmap-stage .roadmap-step{position:static!important;display:grid!important;width:42px!important;height:42px!important;place-items:center!important;border:3px solid #d9f8fd!important;border-radius:50%!important;background:#14364a!important;color:#effdff!important;font-size:.75rem!important;transform:none!important}.recruitment-option-pipeline .feature-roadmap-stage>div,.performance-option-cycle .feature-roadmap-stage>div{max-width:none!important;padding:0!important;border:0!important;text-align:left!important}
}
