.solutions-hire-motion{
  --navy:#091c68; --white:#ffffff;
  --name:#002d74; --body:#4a4a4a; --step-ink:#091d6a;
  --green:#24aa2e; --green-ink:#1b7e22; --green-bg:#e0fbe4; --check:#52d05c; --circle:#c9cbcf;
  --bar:rgba(9,29,106,.08); --current:#e5fbfb; --photo:#00d2d6; --btn:#004fcc;
  --font:'SolutionsHireUI', system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
  --shadow:0 12px 25px rgba(0,0,0,.25);
  --ease:cubic-bezier(.65,0,.35,1);
  color-scheme: dark;
}
.solutions-hire-motion [data-part="stage"]{position:relative; flex:none}
.solutions-hire-motion [data-part="frame"]{position:absolute; left:0; top:0; width:1202px; height:1322px; transform-origin:0 0; overflow:hidden}
.solutions-hire-motion .solutions-art-card{position:absolute; background:var(--white); border-radius:24px; box-shadow:var(--shadow)}
.solutions-hire-motion .solutions-art-t{position:absolute; line-height:1.172; white-space:nowrap; margin:0}
.solutions-hire-motion .solutions-art-fader{position:absolute; inset:0; transition:opacity .35s ease}
.solutions-hire-motion .solutions-art-circle{position:absolute; border-radius:50%; box-sizing:border-box; border:3px solid var(--circle); background:var(--white); display:grid; place-items:center; transition:background .25s ease, border-color .25s ease}
.solutions-hire-motion .solutions-art-circle svg{display:block; opacity:0}
.solutions-hire-motion .solutions-art-circle path{stroke:var(--white); stroke-width:4.5; fill:none; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:44; stroke-dashoffset:44}
.solutions-hire-motion .solutions-art-circle.solutions-art-done{background:var(--check); border-color:var(--check); animation:solutions-hire-pop .36s var(--ease)}
.solutions-hire-motion .solutions-art-circle.solutions-art-done svg{opacity:1}
.solutions-hire-motion .solutions-art-circle.solutions-art-done path{animation:solutions-hire-draw .32s ease forwards .08s}
.solutions-hire-motion [data-part="stepReview"] .solutions-art-circle{animation:none}
.solutions-hire-motion [data-part="stepReview"] .solutions-art-circle path{animation:none; stroke-dashoffset:0}
.solutions-hire-motion [data-part="upcoming"]{left:24px; top:193px; width:540px; height:780px; background:var(--green-bg)}
.solutions-hire-motion [data-part="upcoming"].solutions-art-pop{animation:solutions-hire-cardpop .5s var(--ease)}
.solutions-hire-motion [data-part="upcoming"] .solutions-art-label{left:40px; top:40px; font-size:26px; font-weight:500; letter-spacing:1.5px; color:var(--green)}
.solutions-hire-motion [data-part="upcoming"] .solutions-art-dot{position:absolute; left:40px; top:109px; width:18px; height:18px; border-radius:50%; background:var(--green)}
.solutions-hire-motion [data-part="upcoming"] .solutions-art-today{left:74px; top:90px; font-size:48px; color:var(--green-ink)}
.solutions-hire-motion [data-part="list"]{position:absolute; left:0; top:150px; width:540px; height:630px; overflow:hidden; border-radius:0 0 24px 24px}
.solutions-hire-motion .solutions-art-iv{position:absolute; left:40px; top:0; width:460px; height:180px; border-radius:16px; background:var(--white);
  transition:transform .7s var(--ease), opacity .5s ease, box-shadow .7s ease; will-change:transform}
.solutions-hire-motion .solutions-art-iv .solutions-art-time{left:32px; top:29px; font-size:30px; font-weight:700; color:var(--body)}
.solutions-hire-motion .solutions-art-iv .solutions-art-who-name{left:32px; top:72px; font-size:36px; font-weight:700; color:var(--name)}
.solutions-hire-motion .solutions-art-iv .solutions-art-who{left:32px; top:124px; font-size:24px; color:var(--body)}
.solutions-hire-motion .solutions-art-iv .solutions-art-who b{font-weight:700}
.solutions-hire-motion .solutions-art-iv.solutions-art-new{box-shadow:var(--shadow); z-index:2}
.solutions-hire-motion .solutions-art-iv .solutions-art-circle{left:364px; top:58px; width:64px; height:64px; transform:scale(0); transition:transform .3s var(--ease)}
.solutions-hire-motion .solutions-art-iv .solutions-art-circle svg{width:34px; height:34px}
.solutions-hire-motion .solutions-art-iv .solutions-art-circle.solutions-art-done{transform:scale(1)}
.solutions-hire-motion [data-part="photo"]{position:absolute; left:604px; top:193px; width:574px; height:780px; border-radius:32px; background:var(--photo); box-shadow:var(--shadow)}
.solutions-hire-motion [data-part="photoImg"]{position:absolute; left:604px; top:0; width:574px; height:973px; display:block; max-width:none}
.solutions-hire-motion [data-part="outcome"]{left:24px; top:1013px; width:1154px; height:285px; border-radius:21px; box-shadow:0 10.6px 22px rgba(0,0,0,.25)}
.solutions-hire-motion [data-part="outcome"] .solutions-art-name{left:42px; top:42px; font-size:38.8px; font-weight:700; color:var(--name)}
.solutions-hire-motion .solutions-art-status{position:absolute; right:42px; top:42px; height:47px; padding:0 21px; border-radius:9px; background:var(--green-bg); color:var(--green);
  font-size:24.7px; font-weight:500; line-height:47px; white-space:nowrap;
  opacity:0; transform:translateY(12px); transition:opacity .45s var(--ease), transform .45s var(--ease)}
.solutions-hire-motion .solutions-art-status.solutions-art-on{opacity:1; transform:translateY(0)}
.solutions-hire-motion .solutions-art-bar{position:absolute; top:154px; height:88px; border-radius:7px; background:var(--bar)}
.solutions-hire-motion [data-part="pill"]{position:absolute; top:154px; height:88px; border-radius:7px; background:var(--current);
  transition:left .55s var(--ease), width .55s var(--ease)}
.solutions-hire-motion [data-part="pill"].solutions-art-atPhone{left:266px; width:413px}
.solutions-hire-motion [data-part="pill"].solutions-art-atInterview{left:700px; width:360px}
.solutions-hire-motion .solutions-art-step{position:absolute; top:154px; height:88px}
.solutions-hire-motion .solutions-art-step .solutions-art-circle{left:16px; top:16px; width:56px; height:56px}
.solutions-hire-motion .solutions-art-step .solutions-art-circle svg{width:30px; height:30px}
.solutions-hire-motion .solutions-art-step .solutions-art-label{left:90px; top:28px; font-size:26.5px; color:var(--body); transition:color .35s ease}
.solutions-hire-motion .solutions-art-step.solutions-art-current .solutions-art-label{color:var(--step-ink); font-weight:500}
.solutions-hire-motion .solutions-art-ring{position:absolute; left:16px; top:16px; width:56px; height:56px; transform:rotate(-90deg); pointer-events:none}
.solutions-hire-motion .solutions-art-ring circle{fill:none; stroke:var(--photo); stroke-width:4; stroke-linecap:round; stroke-dasharray:160; stroke-dashoffset:160}
.solutions-hire-motion .solutions-art-ring.solutions-art-run circle{transition:stroke-dashoffset 1.05s linear; stroke-dashoffset:0}
.solutions-hire-motion .solutions-art-ring.solutions-art-off{opacity:0}
.solutions-hire-motion .solutions-art-btn{position:absolute; right:42px; top:32px; padding:14px 28px; border:3px solid var(--btn); border-radius:12px; background:var(--white);
  color:var(--btn); font-size:26px; font-weight:500; line-height:1.172; white-space:nowrap; transform-origin:50% 50%;
  transition:opacity .3s ease, transform .3s var(--ease)}
.solutions-hire-motion .solutions-art-btn.solutions-art-press{animation:solutions-hire-press .42s var(--ease)}
.solutions-hire-motion .solutions-art-btn.solutions-art-gone{opacity:0; transform:scale(.92)}
@keyframes solutions-hire-press{0%{transform:scale(1)} 35%{transform:scale(.94)} 100%{transform:scale(1)}}
.solutions-hire-motion [data-part="cursor"]{position:absolute; left:0; top:0; width:56px; height:56px; z-index:12; opacity:0; pointer-events:none; transition:opacity .25s ease}
.solutions-hire-motion [data-part="cursor"] svg{width:56px; height:56px; display:block}
.solutions-hire-motion [data-part="cursor"].solutions-art-move{transition:left .7s cubic-bezier(.45,0,.2,1), top .7s cubic-bezier(.45,0,.2,1), opacity .25s ease}
.solutions-hire-motion [data-part="ripple"]{position:absolute; width:48px; height:48px; margin:-24px 0 0 -24px; border-radius:50%; border:4px solid var(--photo); box-sizing:border-box;
  z-index:11; opacity:0; pointer-events:none}
.solutions-hire-motion [data-part="ripple"].solutions-art-on{animation:solutions-hire-ripple .5s ease-out forwards}
@keyframes solutions-hire-ripple{0%{transform:scale(.4); opacity:1} 100%{transform:scale(2.2); opacity:0}}
.solutions-hire-motion [data-part="flyer"]{position:absolute; left:64px; top:557px; width:460px; height:180px; border-radius:16px; background:var(--white); box-shadow:var(--shadow);
  z-index:10; opacity:0; transform-origin:50% 50%; pointer-events:none}
.solutions-hire-motion [data-part="flyer"].solutions-art-go{transition:transform .9s var(--ease), opacity .25s ease}
.solutions-hire-motion [data-part="flyer"] .solutions-art-time{left:32px; top:29px; font-size:30px; font-weight:700; color:var(--body)}
.solutions-hire-motion [data-part="flyer"] .solutions-art-who-name{left:32px; top:72px; font-size:36px; font-weight:700; color:var(--name)}
.solutions-hire-motion [data-part="flyer"] .solutions-art-who{left:32px; top:124px; font-size:24px; color:var(--body)}
.solutions-hire-motion [data-part="flyer"] .solutions-art-who b{font-weight:700}
.solutions-hire-motion .solutions-art-confetti{position:absolute; width:8px; height:8px; border-radius:2px; pointer-events:none; animation:solutions-hire-burst .85s cubic-bezier(.2,.7,.3,1) forwards}
@keyframes solutions-hire-burst{0%{transform:translate(0,0) rotate(0deg) scale(.5); opacity:.95} 60%{opacity:.9} 100%{transform:translate(var(--dx),var(--dy)) rotate(var(--rot)) scale(1); opacity:0}}
@keyframes solutions-hire-pop{0%{transform:scale(1)} 45%{transform:scale(1.14)} 100%{transform:scale(1)}}
@keyframes solutions-hire-draw{to{stroke-dashoffset:0}}
@keyframes solutions-hire-cardpop{0%{transform:scale(1)} 40%{transform:scale(1.02)} 100%{transform:scale(1)}}
@media (prefers-reduced-motion: reduce){.solutions-hire-motion .solutions-art-circle.solutions-art-done, .solutions-hire-motion .solutions-art-circle.solutions-art-done path, .solutions-hire-motion [data-part="upcoming"].solutions-art-pop{animation:none}
.solutions-hire-motion .solutions-art-circle.solutions-art-done path{stroke-dashoffset:0}
.solutions-hire-motion .solutions-art-iv, .solutions-hire-motion .solutions-art-status, .solutions-hire-motion .solutions-art-fader, .solutions-hire-motion .solutions-art-iv .solutions-art-circle, .solutions-hire-motion .solutions-art-step .solutions-art-label, .solutions-hire-motion [data-part="pill"], .solutions-hire-motion .solutions-art-ring circle, .solutions-hire-motion [data-part="flyer"], .solutions-hire-motion .solutions-art-btn{transition:none}
.solutions-hire-motion .solutions-art-btn.solutions-art-press{animation:none}
.solutions-hire-motion .solutions-art-confetti, .solutions-hire-motion [data-part="cursor"], .solutions-hire-motion [data-part="ripple"]{display:none}
}
.solutions-hire-motion{position:relative;width:100%;max-width:601px;margin-inline:auto;aspect-ratio:1202/1322;--solutions-css-ready:1;font-family:SolutionsHireUI,Arial,sans-serif;font-style:normal;font-weight:400;letter-spacing:normal;text-transform:none;line-height:normal;color:var(--body)}
.solutions-hire-motion *, .solutions-hire-motion *::before, .solutions-hire-motion *::after{box-sizing:content-box;letter-spacing:normal;text-transform:none}
.solutions-hire-motion p{margin:0;padding:0;font-family:inherit;font-style:normal;text-align:left}
.solutions-hire-motion .solutions-fallback{display:block;width:100%;height:auto;max-width:100%;margin:0}
.solutions-hire-motion [data-part="stage"]{display:none;width:100%;aspect-ratio:1202/1322}
.solutions-hire-motion.is-ready:not(.is-reduced) .solutions-fallback{display:none}
.solutions-hire-motion.is-ready:not(.is-reduced) [data-part="stage"]{display:block}
.solutions-hire-motion.is-reduced [data-part="stage"]{display:none}
@media(prefers-reduced-motion:reduce){.solutions-hire-motion [data-part="stage"]{display:none!important}
.solutions-hire-motion .solutions-fallback{display:block!important}
}

.solutions-hire-motion button[data-action]{position:absolute;z-index:20;top:6px;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:transparent!important;color:var(--white)!important;display:grid;place-items:center;padding:0;margin:0;cursor:pointer;box-sizing:border-box;line-height:1;transition:background-color .3s ease}
.solutions-hire-motion button[data-action="replay"]{left:12px}
.solutions-hire-motion button[data-action="pause"]{left:52px}
.solutions-hire-motion button[data-action] svg{width:17px;height:17px;display:block}
.solutions-hire-motion button[data-action]:hover{background:rgba(255,255,255,.12)!important}
.solutions-hire-motion button[data-action]:focus-visible{outline:2px solid var(--white);outline-offset:3px}
.solutions-hire-motion button[data-action="pause"] .solutions-art-i-play{display:none}
.solutions-hire-motion button[data-action="pause"].solutions-art-paused .solutions-art-i-pause{display:none}
.solutions-hire-motion button[data-action="pause"].solutions-art-paused .solutions-art-i-play{display:block}
.solutions-hire-motion:not(.is-ready) button[data-action]{visibility:hidden}
@media(prefers-reduced-motion:reduce){.solutions-hire-motion button[data-action="pause"]{display:none}.solutions-hire-motion button[data-action]{transition:none}}