[data-solutions-art="on"] {
    --navy-bg:#0A1D6A; --navy:#002d74; --navy-chip:#0b2484;
    --aqua:#00d2d6; --green:#24aa2e; --green-dark:#1b7e22;
    --mint:#e0fbe4; --gray:#4a4a4a;
  }
[data-solutions-art="on"] [data-art-part="stage"] {position:absolute;left:0;top:0;width:1202px;height:1322px;transform-origin:0 0;}
[data-solutions-art="on"] .shadow {box-shadow:0 14px 60px rgba(7,22,80,.28);}
[data-solutions-art="on"] [data-art-part="photo-tint"] {position:absolute;left:604px;top:193px;width:574px;height:580px;background:var(--aqua);border-radius:32px;}
[data-solutions-art="on"] [data-art-part="photo-mask"] {position:absolute;left:604px;top:0;width:574px;height:773px;overflow:hidden;border-radius:0 0 32px 32px;}
[data-solutions-art="on"] [data-art-part="photo-mask"] img {position:absolute;left:-55px;top:-13px;width:684px;height:1026px;display:block;max-width:none;}
[data-solutions-art="on"] [data-art-part="tasks-card"] {position:absolute;left:24px;top:193px;width:540px;height:780px;background:var(--mint);border-radius:24px;}
[data-solutions-art="on"] [data-art-part="tasks-label"] {position:absolute;left:40px;top:40px;font:500 26px/30px SolutionsHireUI,Arial,sans-serif;letter-spacing:1.5px;color:var(--green);}
[data-solutions-art="on"] [data-art-part="tasks-dot"] {position:absolute;left:40px;top:109px;width:18px;height:18px;border-radius:50%;background:var(--green);}
[data-solutions-art="on"] [data-art-part="tasks-title"] {position:absolute;left:74px;top:90px;font:400 48px/56px SolutionsHireUI,Arial,sans-serif;color:var(--green-dark);}
[data-solutions-art="on"] .task {position:absolute;left:40px;width:460px;height:180px;background:#fff;border-radius:16px;}
[data-solutions-art="on"] .task .name {position:absolute;left:32px;top:24px;width:320px;font:700 36px/42px SolutionsHireUI,Arial,sans-serif;color:var(--navy);}
[data-solutions-art="on"] .task .wf {position:absolute;left:32px;top:132px;font:700 24px/28px SolutionsHireUI,Arial,sans-serif;color:var(--gray);}
[data-solutions-art="on"] .badge {position:absolute;left:364px;top:58px;width:64px;height:64px;border-radius:50%;background:var(--green);border:5px solid #fff;box-sizing:border-box;display:flex;align-items:center;justify-content:center;}
[data-solutions-art="on"] .badge svg {width:28px;height:28px;}
[data-solutions-art="on"] [data-art-part="task2"] {box-shadow:0 14px 60px rgba(7,22,80,.28);}
[data-solutions-art="on"] [data-art-part="outcome"] {position:absolute;left:24px;top:1013px;width:1154px;height:285px;background:#fff;border-radius:21px;}
[data-solutions-art="on"] [data-art-part="outcome"] .oclbl {position:absolute;left:42px;top:28px;font:500 26px/30px SolutionsHireUI,Arial,sans-serif;letter-spacing:1.5px;color:var(--navy-chip);}
[data-solutions-art="on"] [data-art-part="outcome"] .name {position:absolute;left:42px;top:72px;font:700 39px/45px SolutionsHireUI,Arial,sans-serif;color:var(--navy);}
[data-solutions-art="on"] [data-art-part="outcome"] .role {position:absolute;left:385px;top:86px;font:400 26px/30px SolutionsHireUI,Arial,sans-serif;color:#4a4a4a;}
[data-solutions-art="on"] [data-art-part="pill"] {position:absolute;left:767px;top:42px;height:47px;padding:0 21px;border-radius:9px;background:var(--mint);display:flex;align-items:center;font:500 25px/29px SolutionsHireUI,Arial,sans-serif;color:var(--green);}
[data-solutions-art="on"] [data-art-part="steps"] {position:absolute;left:42px;top:154px;display:flex;gap:21px;}
[data-solutions-art="on"] .step {height:88px;border-radius:7px;display:flex;align-items:center;gap:18px;padding:0 28px 0 16px;box-sizing:border-box;width:307px;}
[data-solutions-art="on"] .step.done {background:rgba(11,36,132,.08);}
[data-solutions-art="on"] .step.done .circ {width:56px;height:56px;border-radius:50%;background:var(--green);display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
[data-solutions-art="on"] .step.done .circ svg {width:26px;height:26px;}
[data-solutions-art="on"] .step.done span {font:400 26px/31px SolutionsHireUI,Arial,sans-serif;color:var(--gray);white-space:nowrap;}
[data-solutions-art="on"] .step.current {background:rgba(0,210,214,.16);width:309px;}
[data-solutions-art="on"] .step.current .circ {width:56px;height:56px;border-radius:50%;background:#fff;border:4px solid var(--aqua);box-sizing:border-box;flex:0 0 auto;}
[data-solutions-art="on"] .step.current span {font:500 26px/31px SolutionsHireUI,Arial,sans-serif;color:var(--navy-chip);white-space:nowrap;}
[data-solutions-art="on"] [data-art-part="task3-badge"] {transition:transform .45s cubic-bezier(.34,1.56,.64,1);}
[data-solutions-art="on"] .play [data-art-part="task3-badge"]:not(.on) {transform:scale(0);}
[data-solutions-art="on"] [data-art-part="chip60"] {transition:background .4s ease;}
[data-solutions-art="on"] [data-art-part="chip60"] .circ {transition:background .35s ease,border .35s ease;}
[data-solutions-art="on"] [data-art-part="chip60"] svg {transition:opacity .3s ease, transform .45s cubic-bezier(.34,1.56,.64,1);}
[data-solutions-art="on"] .play [data-art-part="chip60"].pending {background:rgba(0,210,214,.16);}
[data-solutions-art="on"] .play [data-art-part="chip60"].pending .circ {background:#fff;border:4px solid var(--aqua);}
[data-solutions-art="on"] .play [data-art-part="chip60"].pending svg {opacity:0;transform:scale(0);}
[data-solutions-art="on"] .play [data-art-part="chip60"].pending span {color:var(--navy-chip);font-weight:500;}
[data-solutions-art="on"] [data-art-part="ph-card"] {position:absolute;left:604px;top:813px;width:574px;height:160px;background:#fff;border-radius:24px;z-index:20;}
[data-solutions-art="on"] [data-art-part="ph-card"] .lbl {position:absolute;left:40px;top:16px;font:500 26px/30px SolutionsHireUI,Arial,sans-serif;letter-spacing:1.5px;color:var(--navy-chip);}
[data-solutions-art="on"] [data-art-part="ph-card"] .loc {position:absolute;left:40px;top:56px;font:500 30px/36px SolutionsHireUI,Arial,sans-serif;color:#4a4a4a;}
[data-solutions-art="on"] [data-art-part="ph-card"] .pct {position:absolute;right:40px;top:46px;font:700 44px/52px SolutionsHireUI,Arial,sans-serif;color:var(--navy-chip);transform-origin:right center;transition:transform .3s cubic-bezier(.34,1.56,.64,1);}
[data-solutions-art="on"] [data-art-part="ph-track"] {position:absolute;left:40px;top:108px;width:494px;height:28px;border-radius:14px;background:rgba(11,36,132,.12);}
[data-solutions-art="on"] [data-art-part="ph-fill"] {position:absolute;left:0;top:0;height:28px;border-radius:14px;background:#00a8ac;width:395px;transition:width .6s cubic-bezier(.4,0,.2,1);}
[data-solutions-art="on"] .final [data-art-part="ph-fill"], [data-solutions-art="on"] .play [data-art-part="ph-fill"].on {width:445px;}
[data-solutions-art="on"] [data-art-part="cursor"] {position:absolute;left:520px;top:900px;width:56px;height:56px;opacity:0;transition:opacity .4s ease, left .7s cubic-bezier(.4,0,.2,1), top .7s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:30;}
[data-solutions-art="on"] [data-art-part="ripple"] {position:absolute;width:32px;height:32px;border-radius:50%;border:4px solid #24aa2e;opacity:0;pointer-events:none;z-index:29;left:444px;top:827px;}
[data-solutions-art="on"] .play [data-art-part="ripple"].go {animation:on-rip .6s ease-out;}
  @keyframes on-rip{0%{opacity:.9;transform:scale(.4);}100%{opacity:0;transform:scale(2.4);}}
[data-solutions-art="on"] [data-art-part="fly"] {position:absolute;left:452px;top:636px;width:44px;height:44px;border-radius:50%;background:var(--green);border:4px solid #fff;box-sizing:border-box;display:flex;align-items:center;justify-content:center;opacity:0;z-index:28;transition:left .7s cubic-bezier(.45,.05,.55,.95), top .7s cubic-bezier(.3,0,.7,1), opacity .25s ease;}
[data-solutions-art="on"] [data-art-part="fly"] svg {width:20px;height:20px;}

[data-solutions-art="on"] {
  --art-css-ready: 1;
  --art-trim: 2%;
  position: relative;
  isolation: isolate;
  width: 100%;
  aspect-ratio: 1202 / 1322;
  margin-block-start: calc(-1 * var(--art-trim));
  clip-path: inset(calc(var(--art-trim) * 1202 / 1322) -100% -100%);
  font-family: SolutionsHireUI, Roboto, Arial, sans-serif;
}
[data-solutions-art="on"] > [data-art-canvas] {
  position: absolute;
  inset: 0;
  visibility: hidden;
}
[data-solutions-art="on"] [data-art-fallback] {
  display: block;
  width: 100%;
  height: auto;
}
[data-solutions-art="on"][data-art-ready] > [data-art-fallback],
[data-solutions-art="on"][data-art-ready] > picture { display: none; }
[data-solutions-art="on"][data-art-ready] > [data-art-canvas] { visibility: visible; }
[data-solutions-art="on"] > .art-control {
  position: absolute;
  inset-block-start: 16.4145%;
  inset-inline-end: 3.993%;
  z-index: 40;
  display: none;
  place-items: center;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  background: rgba(10, 29, 106, .45) !important;
  color: #fff;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  transition: opacity .25s ease, background-color .2s ease;
}
[data-solutions-art="on"][data-art-ready] > .art-control { display: grid; }
[data-solutions-art="on"] > .art-control:hover { background: rgba(10, 29, 106, .7) !important; }
[data-solutions-art="on"] > .art-control:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
[data-solutions-art="on"] > .art-control svg { display: none; width: 13px; height: 13px; }
[data-solutions-art="on"] > .art-control[data-state="pause"] [data-icon="pause"],
[data-solutions-art="on"] > .art-control[data-state="play"] [data-icon="play"],
[data-solutions-art="on"] > .art-control[data-state="restart"] [data-icon="restart"] { display: block; }
@media (hover: hover) and (pointer: fine) {
  [data-solutions-art="on"]:not(:hover) > .art-control:not(:focus-visible) { opacity: 0; pointer-events: none; }
}
@media (prefers-reduced-motion: reduce) {
  [data-solutions-art="on"][data-art-ready] > [data-art-fallback],
  [data-solutions-art="on"][data-art-ready] > picture { display: block; }
  [data-solutions-art="on"][data-art-ready] > [data-art-canvas] { visibility: hidden; }
  [data-solutions-art="on"][data-art-ready] > .art-control { display: none; }
}