@layer reset, base, page, custom;:root{--l-header: 68px;--l-header--mobile: 56px;--l-services-logo: 44px;--l-btnH: 36px;--c-text: #272727;--c-heading: #1e1e1e;--c-nav: #494949;--c-brand-text: #848492;--c-primary: #1874EA;--c-primary-bg: #0371F9;--c-hightlight: #EC4E00;--c-primary-start: #054FED;--c-primary-stop: #378CFD;--c-secondary-start: #FFDC23;--c-secondary-stop: #FFE972;--c-vital-gray: #596476;--c-yellow: #FFE76B;--c-gray900: #272727;--c-gray800: #494949;--c-gray700: #686868;--c-gray600: #7C7C7C;--c-gray500: #A6A6A6;--c-gray400: #C4C4C4;--c-gray300: #E7E7E7;--c-gray200: #F1F1F1;--c-gray100: #F6F6F6;--c-primary900: #1F41B8;--c-primary800: #1B61D7;--c-primary700: #1773EA;--c-primary600: #0E86FE;--c-primary500: #0095FF;--c-primary400: #31A5FF;--c-primary300: #5BB5FF;--c-primary200: #8DCAFF;--c-primary100: #BADEFF;--f-services-title: 18px;--f-services-title-lh: 20px;--f-services-title--ch: 13px;--f-services-title--ch-lh: 16px;--fs-36: clamp(1.5rem, 0.6263rem + 2.537vw, 2.25rem);--fs-32: clamp(1.75rem, 1.4588rem + 0.8457vw, 2rem);--fs-28: clamp(1.5rem, 1.2088rem + 0.8457vw, 1.75rem);--z-nav: 9;--z-hero: 8;--z-main: 1}:root{--l-inner: 1280px}.services-news{background:url(../images/services-news_bg.webp) no-repeat center top/cover;height:56px}.services-news:has(.services-news__empty){height:0;display:none}.services-news .l-inner{display:flex;justify-content:center}.services-header{position:relative;z-index:2}.services-header__title{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-block:64px}.services-header__title__text{font-size:32px;line-height:52px;color:var(--c-heading);margin-block:40px}.services-header__logo{width:70px;aspect-ratio:1;position:relative;margin-bottom:20px}.services-header__logo img{width:100%;height:100%;object-fit:contain}.services-header__search{height:44px;max-width:580px;border-radius:5px;margin:0 auto}.services-doc{position:relative;z-index:1}.services-doc:after{content:"";position:absolute;inset:0 0 auto auto;transform:translateY(-36%);width:100%;aspect-ratio:720/706;background:url(../images/services_bg.webp) no-repeat center/contain;z-index:1}.services-doc .l-inner{display:grid;gap:20px;grid-template-columns:repeat(3, 1fr);position:relative;z-index:2}.services-doc .l-inner .card{margin-top:100px;display:flex;flex-direction:column}@media only screen and (max-width: 768px){.services-doc .l-inner{grid-template-columns:repeat(1, 1fr)}.services-doc .l-inner .card{margin-top:50px}}.services-doc__title{font-size:20px;line-height:30px;color:var(--c-heading);margin-bottom:10px}.services-doc__summary{font-size:14px;line-height:26px;color:var(--c-brand-text);margin-bottom:16px}.services-doc__list{flex:1 1 auto}.services-doc__item{font-size:14px;color:var(--c-text);text-decoration:none;display:block;padding-block:6px;border-bottom:1px solid #f4f4f4;transition:color var(--transition-timing),border var(--transition-timing),box-shadow var(--transition-timing)}.services-doc__item:hover{color:var(--c-primary);border-bottom:1px solid var(--c-primary);box-shadow:0 1px 0 0 var(--c-primary)}.services-doc__illustration{width:192px;aspect-ratio:192/136;background-size:contain;background-position:center;margin-bottom:10px;margin-top:-80px}.doc-getstart .services-doc__illustration{background-image:url(../images/services-topic_getstart.webp)}.doc-faq .services-doc__illustration{background-image:url(../images/services-topic_faq.webp)}.doc-tutorials .services-doc__illustration{background-image:url(../images/services-topic_course.webp)}.services-doc .btn-more{margin-bottom:0px}.services-intro{position:relative;z-index:4}.services-intro .l-inner{padding-block:140px 80px;position:relative}.services-intro .l-inner:before{content:"";position:absolute;inset:100px 0 auto 150px;height:70px;background-position:left top;background-repeat:no-repeat;background-size:auto 100%}.vital-crm .services-intro .l-inner:before{background-image:url(../images/services-release_logo--crm.webp)}.vital-bizform .services-intro .l-inner:before{background-image:url(../images/services-release_logo--bizform.webp)}.vital-od .services-intro .l-inner:before{background-image:url(../images/services-release_logo--od.webp)}.vital-knowledge .services-intro .l-inner:before{background-image:url(../images/services-release_logo--knowledge.webp)}.vital-hcm .services-intro .l-inner:before{background-image:url(../images/services-release_logo--hcm.webp)}.vital-netzero .services-intro .l-inner:before{background-image:url(../images/services-release_logo--netzero.webp)}@media only screen and (max-width: 768px){.services-intro .l-inner:before{inset:110px 0 auto 0;height:50px}}@media only screen and (max-width: 551px){.services-intro .l-inner:before{inset:125px 0 auto 0;height:35px}}.intro{margin-top:-30px;padding:20px;padding-inline-start:0;align-items:flex-start;justify-content:flex-start}.intro__content{flex:1 1 40%;padding:40px;padding-inline-end:80px;background:#fff;border-radius:6px;box-shadow:0px 2px 16px rgba(0,0,0,.06);font-size:16px;line-height:28px;position:relative}.intro__content:after{content:"";position:absolute;inset:100% 20px auto auto;width:124px;aspect-ratio:124/105;background:url(../images/services-whatis_deco.webp) no-repeat center/contain}@media only screen and (max-width: 768px){.intro__content{width:100%;padding:20px;padding-inline-end:20px}}.intro__video{flex:0 0 60%;position:relative;margin:-20px;border-radius:6px;overflow:clip;box-shadow:0px 2px 16px rgba(0,0,0,.06)}@media only screen and (max-width: 768px){.intro__video{width:100%;margin:0;border-radius:6px 6px 0 0}}@media only screen and (max-width: 768px){.intro{flex-direction:column-reverse;margin-top:0;padding:0}}.services-releases{position:relative;z-index:5;background:url(../images/services-release_bg.webp) no-repeat center/100% 100%}.services-releases .l-inner{padding-block-end:120px}.services-releases .section__header{display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;align-content:center}@media only screen and (max-width: 551px){.services-releases .section__header{grid-template-columns:50% 50%;grid-template-rows:50% 50%}}.services-releases .section__illustration{width:325px;aspect-ratio:325/232;grid-area:1/1/3/2;background:url(../images/services-release_illustration.webp) no-repeat center/contain;margin-right:20px}@media only screen and (max-width: 678px){.services-releases .section__illustration{grid-area:1/2/3/3;justify-self:end;transform:scaleX(-1)}}@media only screen and (max-width: 551px){.services-releases .section__illustration{width:100%;grid-area:2/2/3/3;align-self:end}}.services-releases .section__title{grid-column:1/2;margin-bottom:0;grid-area:1/2/2/3;align-self:end}@media only screen and (max-width: 678px){.services-releases .section__title{grid-area:1/1/2/2}}@media only screen and (max-width: 551px){.services-releases .section__title{grid-area:1/1/2/3}}.services-releases .section__body{gap:30px}@media only screen and (max-width: 768px){.services-releases .section__body{gap:15px}}@media only screen and (max-width: 678px){.services-releases .section__body{flex-direction:column}}.services-releases .btn-more{grid-area:2/2/3/3;align-self:start;padding-bottom:30px}@media only screen and (max-width: 678px){.services-releases .btn-more{grid-area:2/1/3/2}}.services-releases__item.card{padding:15px;text-decoration:none;flex:1}.services-releases__item__img{position:relative;aspect-ratio:293/184;border-radius:4px;line-height:0;font-size:0;box-shadow:0 6px 20px rgba(0,0,0,.05);overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:cover}.services-releases__item__img img{width:100%;height:100%;object-fit:cover}.services-releases__item__title{text-decoration:none;color:var(--c-heading);font-size:16px;margin:1rem 0 .5rem}.services-releases__item__date{color:#a8a8b2;font-size:14px;line-height:20px}