/* People lead the hero; the product supports the comparison below. */
.vp-hero.vp-wrap{position:relative;isolation:isolate;width:100%;max-width:none;box-sizing:border-box;padding:66px max(40px,calc((100% - 1280px)/2)) 76px;background:#fff}
.vp-hero.vp-wrap::before{content:"";position:absolute;inset:0 0 0 38%;z-index:-1;pointer-events:none;background-image:linear-gradient(0deg,#fff 0%,rgba(255,255,255,.96) 8%,rgba(255,255,255,.55) 24%,rgba(255,255,255,0) 55%),linear-gradient(90deg,#fff 0%,rgba(255,255,255,.97) 8%,rgba(255,255,255,.76) 25%,rgba(255,255,255,.22) 55%,rgba(255,255,255,.12) 100%),var(--vp-human-image,url("recruitment-conversation.jpg"));background-size:100% 100%,100% 100%,cover;background-position:center,center,center 15%;background-repeat:no-repeat}

.vp-hero-product{padding-top:200px}
.vp-hero-product .vp-preview{transform:none;box-shadow:0 12px 35px #20233b20}
.vp-site .vp-hero-product .vp-caption{color:#534d56}
@media(min-width:1600px){.vp-hero.vp-wrap{padding-block:85px}}
@media(max-width:1100px){.vp-hero.vp-wrap{padding-inline:24px}}
@media(max-width:850px){.vp-hero.vp-wrap{padding-block:55px;background:linear-gradient(180deg,#f8f7fc 0%,#fff 100%)}.vp-hero.vp-wrap::before{content:none;background-image:none}.vp-hero-product{padding-top:0}}
@media(max-width:580px){.vp-hero.vp-wrap{padding:38px 18px 55px}}

.vp-comparison-three{grid-template-columns:1.3fr 1fr 1fr;align-items:stretch}
.vp-comparison-three>div{padding:28px;min-width:0}
.vp-comparison-three>div:nth-child(2){background:#fff}
.vp-comparison-three>.vp-comparison-product{padding:20px;background:#f0f4f8;display:flex;flex-direction:column;justify-content:center}
.vp-comparison-product .vp-app-preview{zoom:.7;transform:none;box-shadow:0 8px 25px #0f172a12}
.vp-site .vp-comparison-product .vp-caption{font-size:10px;margin:12px 0 0;text-align:center}
.vp-comparison-three h3{font-size:21px;gap:10px}
.vp-comparison-three li{font-size:14px}
@media(max-width:1100px){.vp-comparison-three{grid-template-columns:1fr 1fr}.vp-comparison-three>.vp-comparison-product{grid-column:1/-1;align-items:center}.vp-comparison-product .vp-app-preview{width:640px;max-width:100%;zoom:1}}
@media(max-width:580px){.vp-comparison-three{grid-template-columns:1fr}.vp-comparison-three>.vp-comparison-product{grid-column:auto;padding:0 0 16px;align-items:stretch}.vp-comparison-product .vp-app-preview{width:100%;max-width:100%;box-sizing:border-box;zoom:1;border-radius:0;border-inline:0;border-top:0;box-shadow:none}.vp-comparison-three>div{padding:24px}}
.vp-hero-headlines{position:relative;margin-bottom:24px}
.vp-hero-headlines h1{margin-bottom:0}
.vp-hero-hook{display:none}
.vp-hero-hook.is-current{display:block}
/* Read from the problem, through the product, to the benefits. */
@media(min-width:1101px){.vp-comparison-three{grid-template-columns:1fr 1fr 1.3fr}.vp-comparison-three>div:nth-child(2){order:0}.vp-comparison-three>div:last-child{order:1}.vp-comparison-three>.vp-comparison-product{order:2}}
