/* GENERATED by tools/build_rtl.py from static/css/pages/home-hero.css — do not edit. */
:root{
  --wh-navy:#0b1a3a;
  --wh-slate:#4a5872;
  --wh-grad:linear-gradient(117.69deg, #231fff -29.66%, #bf41eb 113.48%);
  --wh-glass:rgba(255, 255, 255, .58);
  --wh-glass-border:rgba(255, 255, 255, .75);
  --wh-header-h:82px;
}
.wh-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  margin-top:calc(-1 * var(--wh-header-h));
  padding-top:calc(var(--wh-header-h) + clamp(32px, 6vh, 72px));
  padding-bottom:40px;
  min-height:min(100svh, 900px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:#eef0fb;
  color:var(--wh-navy);
}
.wh-hero__media{
  position:absolute;
  inset:0;
  z-index:-1;
}
.wh-hero__video{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:60% 50%;
  display:block;
}
.wh-hero__veil{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(255,255,255,.88) 0%, rgba(255,255,255,.66) 34%, rgba(255,255,255,.12) 62%, rgba(255,255,255,0) 78%), linear-gradient(180deg, rgba(255,255,255,0) 72%, #fff 100%);
}
.wh-hero__inner{
  display:grid;
  grid-template-columns:minmax(0, 1.05fr) minmax(0, .95fr);
  align-items:center;
  gap:clamp(24px, 4vw, 64px);
}
.wh-hero__pill{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 12px 8px 16px;
  border-radius:999px;
  background:var(--wh-glass);
  border:1px solid var(--wh-glass-border);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  box-shadow:0 6px 24px rgba(35, 31, 255, .08);
  color:var(--wh-slate);
  font-size:14px;
  text-decoration:none;
  transition:transform .2s ease, box-shadow .2s ease;
}
.wh-hero__pill:hover{
  color:var(--wh-navy);
  transform:translateY(-1px);
  box-shadow:0 10px 30px rgba(35, 31, 255, .14);
}
.wh-hero__stars{
  color:#f5a623;
  letter-spacing:1px;
  font-size:13px;
}
.wh-hero__title{
  font-family:EnzoBold, AzoSansBold, sans-serif;
  font-size:clamp(2.5rem, 5.2vw, 4.4rem);
  line-height:1.04;
  letter-spacing:-.02em;
  color:var(--wh-navy);
  margin:22px 0 18px;
  font-weight:700;
}
.wh-hero__title *{
  font-family:inherit;
}
.wh-hero__accent{
  background:var(--wh-grad);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
  padding-bottom:.08em;
}
.wh-hero__lead{
  max-width:34rem;
  font-size:clamp(1.02rem, 1.3vw, 1.2rem);
  line-height:1.6;
  color:var(--wh-slate);
  margin:0 0 32px;
}
.wh-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  align-items:center;
}
.wh-hero__note{
  margin:20px 0 0;
  font-size:14px;
  color:var(--wh-slate);
}
.wh-hero__note strong{
  color:var(--wh-navy);
  font-weight:600;
}
.wh-hero__link{
  background:none;
  border:0;
  padding:0;
  color:#231fff;
  font-weight:600;
  text-decoration:underline;
  text-decoration-color:rgba(35,31,255,.3);
  text-underline-offset:3px;
  cursor:pointer;
}
.wh-hero__link:hover{
  text-decoration-color:currentColor;
}
.wh-hero__visual{
  position:relative;
}
.wh-hero__glow{
  position:absolute;
  inset:12% 12% 6% 8%;
  background:radial-gradient(closest-side, rgba(191, 65, 235, .28), rgba(35, 31, 255, .12) 60%, transparent);
  filter:blur(30px);
  z-index:-1;
}
.wh-hero__stats{
  list-style:none;
  margin:clamp(28px, 5vh, 56px) 0 0;
  padding:22px 28px;
  display:grid;
  grid-template-columns:1.4fr repeat(3, 1fr);
  align-items:center;
  gap:16px;
  border-radius:22px;
  background:var(--wh-glass);
  border:1px solid var(--wh-glass-border);
  -webkit-backdrop-filter:blur(16px) saturate(140%);
  backdrop-filter:blur(16px) saturate(140%);
  box-shadow:0 20px 50px rgba(11, 26, 58, .08);
}
.wh-hero__stat{
  display:flex;
  flex-direction:column;
  gap:2px;
  color:var(--wh-slate);
  font-size:15px;
}
.wh-hero__stat + .wh-hero__stat{
  border-right:1px solid rgba(11, 26, 58, .1);
  padding-right:24px;
}
.wh-hero__stat strong{
  font-family:EnzoBold, AzoSansBold, sans-serif;
  font-weight:700;
  font-size:clamp(1.5rem, 2.4vw, 2.1rem);
  line-height:1.1;
  background:var(--wh-grad);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
  font-variant-numeric:tabular-nums;
}
.wh-hero__stat--lead{
  font-size:17px;
  line-height:1.4;
  color:var(--wh-navy);
  font-weight:600;
}
.wh-js .wh-reveal{
  opacity:0;
  transform:translateY(18px);
}
.wh-js .wh-hero.is-in .wh-reveal{
  opacity:1;
  transform:none;
  transition:opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1);
}
.wh-hero.is-in .wh-reveal:nth-child(2){
  transition-delay:.08s;
}
.wh-hero.is-in .wh-reveal:nth-child(3){
  transition-delay:.16s;
}
.wh-hero.is-in .wh-reveal:nth-child(4){
  transition-delay:.24s;
}
.wh-hero.is-in .wh-reveal:nth-child(5){
  transition-delay:.32s;
}
.wh-hero.is-in .wh-hero__visual{
  transition-delay:.2s;
}
.wh-hero.is-in .wh-hero__stats{
  transition-delay:.4s;
}
@media (max-width: 991.98px){
  .wh-hero{
    min-height:0;
    padding-top:calc(var(--wh-header-h) + 36px);
  }
  .wh-hero__inner{
    grid-template-columns:1fr;
    text-align:center;
  }
  .wh-hero__lead{
    margin-right:auto;
    margin-left:auto;
  }
  .wh-hero__actions{
    justify-content:center;
  }
  .wh-hero__visual{
    margin:8px auto 0;
  }
  .wh-hero__veil{
    background:linear-gradient(180deg, rgba(255,255,255,.82) 0%, rgba(255,255,255,.6) 45%, rgba(255,255,255,.2) 75%, #fff 100%);
  }
  .wh-hero__stats{
    grid-template-columns:repeat(3, 1fr);
    text-align:center;
  }
  .wh-hero__stat--lead{
    grid-column:1 / -1;
  }
  .wh-hero__stat + .wh-hero__stat{
    border-right:0;
    padding-right:0;
  }
  .wh-hero__stat--lead + .wh-hero__stat ~ .wh-hero__stat{
    border-right:1px solid rgba(11, 26, 58, .1);
  }
}
@media (max-width: 575.98px){
  .wh-hero__title{
    font-size:2.35rem;
  }
  .wh-btn{
    width:100%;
  }
  .wh-hero__stats{
    padding:18px 12px;
    gap:12px 6px;
  }
  .wh-hero__stat{
    font-size:12.5px;
  }
  .wh-hero__stat--lead{
    font-size:15px;
  }
  .wh-hero__stat strong{
    font-size:1.3rem;
  }
}
@media (prefers-reduced-motion: reduce){
  .wh-js .wh-reveal{
    opacity:1;
    transform:none;
  }
}
.wh-hero__visual{
  container-type:inline-size;
}
.wh-mock{
  position:relative;
  aspect-ratio:1 / .86;
  --ink:#0b1a3a;
  --muted:#7a86a0;
  --line:rgba(11, 26, 58, .07);
  --lav:#f1f0ff;
  --grad:linear-gradient(117.69deg, #231fff -29.66%, #bf41eb 113.48%);
  color:var(--ink);
  text-align:right;
}
.wh-mock *{
  font-family:AzoSansRegular, sans-serif;
}
.wh-mock b, .wh-mock strong, .wh-mock__h, .wh-mock__card-h{
  font-family:AzoSansMedium, AzoSansRegular, sans-serif;
  font-weight:400;
}
.wh-mock__app{
  position:absolute;
  right:3%;
  top:7%;
  width:90%;
  border-radius:3cqw;
  background:rgba(255, 255, 255, .86);
  -webkit-backdrop-filter:blur(18px) saturate(150%);
  backdrop-filter:blur(18px) saturate(150%);
  box-shadow:0 5cqw 10cqw rgba(35, 31, 120, .18), 0 0 0 1px rgba(255, 255, 255, .8) inset, 0 0 0 1px rgba(11, 26, 58, .05);
  overflow:hidden;
}
.wh-mock__titlebar{
  display:flex;
  align-items:center;
  gap:1cqw;
  padding:1.8cqw 2.4cqw;
  border-bottom:1px solid var(--line);
  background:rgba(248, 248, 255, .7);
}
.wh-mock__dot{
  width:1.5cqw;
  height:1.5cqw;
  border-radius:50%;
  background:#ff5f57;
}
.wh-mock__dot:nth-child(2){
  background:#febc2e;
}
.wh-mock__dot:nth-child(3){
  background:#28c840;
}
.wh-mock__url{
  margin-right:2cqw;
  padding:.6cqw 2.4cqw;
  border-radius:99px;
  background:#fff;
  font-size:1.8cqw;
  color:var(--muted);
  box-shadow:0 0 0 1px var(--line);
}
.wh-mock__body{
  display:flex;
}
.wh-mock__side{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:1.6cqw;
  padding:2.4cqw 1.6cqw;
  border-left:1px solid var(--line);
  background:rgba(250, 250, 255, .6);
}
.wh-mock__logo{
  margin-bottom:.8cqw;
  width:5.6cqw;
  height:5.6cqw;
  overflow:hidden;
  display:block;
}
.wh-mock__logo img{
  width:16.8cqw;
  max-width:none;
  height:auto;
  display:block;
}
.wh-mock__nav{
  display:grid;
  place-items:center;
  width:5.6cqw;
  height:5.6cqw;
  border-radius:1.6cqw;
  color:#9aa3bb;
}
.wh-mock__nav .wh-i{
  width:2.8cqw;
  height:2.8cqw;
}
.wh-mock__nav.is-active{
  background:var(--grad);
  color:#fff;
  box-shadow:0 1.2cqw 2.4cqw rgba(120, 60, 255, .3);
}
.wh-mock__main{
  flex:1;
  min-width:0;
  padding:2.6cqw 2.8cqw 3cqw;
  display:flex;
  flex-direction:column;
  gap:2cqw;
}
.wh-mock__hello{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.wh-mock__h{
  margin:0;
  font-size:3cqw;
  line-height:1.2;
}
.wh-mock__sub{
  margin:.3cqw 0 0;
  font-size:1.9cqw;
  color:var(--muted);
}
.wh-mock__avatar{
  display:grid;
  place-items:center;
  flex:none;
  width:5cqw;
  height:5cqw;
  border-radius:50%;
  font-size:1.7cqw;
  color:#fff;
  letter-spacing:.02em;
  background:linear-gradient(135deg, #7c6cff, #bf41eb);
}
.wh-mock__avatar--me{
  width:5.6cqw;
  height:5.6cqw;
  box-shadow:0 0 0 .5cqw #fff, 0 0 0 .8cqw rgba(124, 108, 255, .35);
}
.wh-mock__avatar--a{
  background:linear-gradient(135deg, #ff9a6b, #ff5f8f);
}
.wh-mock__avatar--b{
  background:linear-gradient(135deg, #34c3a0, #1f9bd1);
}
.wh-mock__avatar--c{
  background:linear-gradient(135deg, #f7b733, #fc6d3f);
}
.wh-mock__kpis{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:1.6cqw;
}
.wh-mock__kpi{
  display:flex;
  flex-direction:column;
  gap:.2cqw;
  padding:1.8cqw 2cqw;
  border-radius:2cqw;
  background:#fff;
  box-shadow:0 0 0 1px var(--line);
}
.wh-mock__kpi span{
  font-size:1.7cqw;
  color:var(--muted);
}
.wh-mock__kpi strong{
  font-size:4.2cqw;
  line-height:1.15;
}
.wh-mock__kpi em{
  font-style:normal;
  font-size:1.5cqw;
  color:var(--muted);
}
.wh-mock__kpi em.up{
  color:#12a150;
}
.wh-mock__kpi:first-child{
  background:var(--lav);
}
.wh-mock__row{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:1.6cqw;
}
.wh-mock__card{
  padding:2cqw;
  border-radius:2cqw;
  background:#fff;
  box-shadow:0 0 0 1px var(--line);
}
.wh-mock__card-h{
  margin:0 0 1.4cqw;
  font-size:1.9cqw;
}
.wh-mock__bars{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:1.4cqw;
  height:16cqw;
}
.wh-mock__bar{
  flex:1;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:center;
  gap:.8cqw;
}
.wh-mock__bar i{
  display:block;
  width:100%;
  height:var(--h);
  border-radius:1cqw 1cqw .6cqw .6cqw;
  background:linear-gradient(180deg, #8f7bff, #5b4dff);
  transform-origin:bottom;
}
.wh-mock__bar:nth-child(4) i{
  background:var(--grad);
  box-shadow:0 1cqw 2.4cqw rgba(120, 60, 255, .35);
}
.wh-mock__bar span{
  font-size:1.5cqw;
  color:var(--muted);
}
.wh-mock__appr{
  display:flex;
  align-items:center;
  gap:1.2cqw;
  padding:1cqw 0;
}
.wh-mock__appr + .wh-mock__appr{
  border-top:1px solid var(--line);
}
.wh-mock__appr .wh-mock__avatar{
  width:4.2cqw;
  height:4.2cqw;
  font-size:1.4cqw;
}
.wh-mock__appr-txt{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  font-size:1.5cqw;
  color:var(--muted);
  line-height:1.3;
}
.wh-mock__appr-txt b{
  font-size:1.75cqw;
  color:var(--ink);
}
.wh-mock__pill{
  padding:.5cqw 1.4cqw;
  border-radius:99px;
  font-size:1.4cqw;
  color:#4b3df0;
  background:var(--lav);
}
.wh-mock__float{
  position:absolute;
  display:flex;
  align-items:center;
  gap:1.6cqw;
  padding:1.8cqw 1.8cqw 1.8cqw 2.4cqw;
  border-radius:2.4cqw;
  background:rgba(255, 255, 255, .9);
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  box-shadow:0 3cqw 6cqw rgba(35, 31, 120, .18), 0 0 0 1px rgba(255, 255, 255, .9) inset;
  font-size:1.7cqw;
  color:var(--muted);
  line-height:1.35;
  animation:wh-bob 6s ease-in-out infinite;
}
.wh-mock__float > span:last-child{
  display:flex;
  flex-direction:column;
}
.wh-mock__float b{
  font-size:2cqw;
  color:var(--ink);
}
.wh-mock__float--payroll{
  top:0;
  left:0;
  animation-delay:-1s;
}
.wh-mock__float--leave{
  right:-3%;
  bottom:7%;
  animation-delay:-3s;
}
.wh-mock__float--onboard{
  left:-3%;
  bottom:4%;
  animation-delay:-4.5s;
}
.wh-mock__fi{
  display:grid;
  place-items:center;
  width:5cqw;
  height:5cqw;
  border-radius:1.6cqw;
  flex:none;
}
.wh-mock__fi svg{
  width:2.8cqw;
  height:2.8cqw;
}
.wh-mock__fi--ok{
  color:#fff;
  background:linear-gradient(135deg, #2bd37d, #12a150);
  box-shadow:0 1cqw 2cqw rgba(18, 161, 80, .3);
}
.wh-mock__ring{
  --p:50;
  display:grid;
  place-items:center;
  flex:none;
  width:5.4cqw;
  height:5.4cqw;
  border-radius:50%;
  background:conic-gradient(#7b3dff calc(var(--p) * 1%), #ebe8ff 0);
}
.wh-mock__ring i{
  display:grid;
  place-items:center;
  width:4cqw;
  height:4cqw;
  border-radius:50%;
  background:#fff;
  font-style:normal;
  font-size:1.4cqw;
  color:var(--ink);
}
@keyframes wh-bob{
  50%{
    transform:translateY(-1.4cqw);
  }
}
.wh-js .wh-mock__bar i{
  transform:scaleY(0);
}
.wh-js .wh-hero.is-in .wh-mock__bar i{
  transform:none;
  transition:transform .9s cubic-bezier(.2,.7,.2,1) calc(.5s + var(--d) * .08s);
}
@media (max-width: 991.98px){
  .wh-hero__visual{
    max-width:620px;
    width:100%;
  }
}
@media (prefers-reduced-motion: reduce){
  .wh-mock__float{
    animation:none;
  }
  .wh-js .wh-mock__bar i{
    transform:none;
  }
}