:root{--primary-900: #1f41b8;--primary-800: #1b61d7;--primary-700: #1773ea;--primary-600: #0e86fe;--primary-500: #0095ff;--primary-400: #31a5ff;--primary-300: #5bb5ff;--primary-200: #8dcaff;--primary-100: #badeff;--gray-900: #272727;--gray-800: #494949;--gray-700: #686868;--gray-600: #7c7c7c;--gray-500: #a6a6a6;--gray-400: #c4c4c4;--gray-300: #e7e7e7;--gray-200: #f1f1f1;--gray-100: #f6f6f6;--black: #1e1e1e;--white: #ffffff;--yellow: #ffe76b;--blue: #a0befa;--success-900: #00621d;--success-800: #008132;--success-700: #00933e;--success-600: #00a54a;--success-500: #00b554;--success-400: #00c16c;--success-300: #2bcd87;--success-200: #7ddbaa;--success-100: #b3e9cb;--warning-900: #eb4e00;--warning-800: #f46b00;--warning-700: #fa7b00;--warning-600: #ff8b00;--warning-500: #ff9700;--warning-400: #ffa724;--warning-300: #ffb74c;--warning-200: #ffcc7f;--warning-100: #ffe0b2}:root{interpolate-size:allow-keywords;--fs-48: clamp(32px, 13.3615px + 3.3827vw, 48px);--fs-40: clamp(24px, 5.3615px + 3.3827vw, 40px);--fs-24: clamp(15px, 4.5159px + 1.9027vw, 24px);--fs-20: clamp(16px, 11.3404px + 0.8457vw, 20px)}img,picture,svg,canvas{display:block;max-inline-size:100%;block-size:auto}strong,p,li,summary{text-wrap:pretty}main[data-type=estate]{--page-type: "estate"}main[data-type=veh-elec]{--page-type: "veh-elec"}.section-contactus__content .button[class*=white]{display:none}.hero{--z-level-1: 1;--z-level-2: 2;--z-level-3: 3;background:var(--primary-700);border-radius:0 0 0 clamp(100px,6.8076px + 16.9133vw,180px);overflow:hidden}@container style(--page-type: "estate"){.hero{background:url("../assets/images/solution/estate/bg_hero.webp") left center/cover no-repeat}@media only screen and (max-width: 551px){.hero{background:url("../assets/images/solution/estate/bg_hero_m.webp") no-repeat right bottom/cover}}}@container style(--page-type: "veh-elec"){.hero{background:url("../assets/images/solution/veh-elec/bg_hero.webp") no-repeat center/cover}@media only screen and (max-width: 551px){.hero{background:url("../assets/images/solution/veh-elec/bg_hero_m.webp") no-repeat right bottom/cover}}}.hero-container{position:relative;width:100%;display:grid;grid-template-columns:minmax(0, 1fr) min(570px,100%) min(570px,100%) minmax(0, 1fr);grid-template-rows:minmax(0, 1fr);padding:0;grid-template-areas:". content img img";height:600px}@media(width <= 1140px){.hero-container{grid-template-columns:65% minmax(0, 1fr);grid-template-areas:"content img"}}@media only screen and (max-width: 551px){.hero-container{grid-template-columns:100%;grid-template-rows:auto auto auto;grid-template-areas:"img" "content" "avatar";height:auto;gap:36px}}.hero-content{grid-area:content;display:grid;align-content:center;gap:10px;padding-inline:24px 0;z-index:var(--z-level-2)}@media only screen and (max-width: 551px){.hero-content{text-align:center;padding-inline:24px;justify-items:center}}@scope (.hero){[class*=bg-]{pointer-events:none;object-fit:cover}.bg-noise{position:absolute;inset:0;z-index:var(--z-level-1);background:url("../assets/images/solution/estate/bg_hero_noise.webp") left center/100px auto repeat;mix-blend-mode:overlay;opacity:.8}.bg-main{grid-area:img;justify-self:end;z-index:var(--z-level-2)}.bg-main img{height:100%;max-inline-size:max-content}@media only screen and (max-width: 551px){.bg-main{justify-self:center}.bg-main img{height:auto;max-inline-size:100%}}.bg-meteor{grid-column:2/4;grid-row:1/-1;z-index:var(--z-level-1)}@container style(--page-type: "estate"){.bg-meteor img{transform:translate3d(220px, 0, 0);inline-size:950px}}@container style(--page-type: "veh-elec"){.bg-meteor img{transform:translate3d(150px, -40px, 0px);inline-size:950px}}@media(width <= 1140px){.bg-meteor{grid-column:1/-1}}@media only screen and (max-width: 551px){.bg-meteor{justify-self:end}.bg-meteor img{transform:translate3d(0, 0, 0);max-inline-size:400px}}.bg-avatar{display:none}@media only screen and (max-width: 551px){.bg-avatar{display:block;grid-area:avatar;z-index:var(--z-level-3);justify-self:center;align-self:end}@container style(--page-type: "estate"){.bg-avatar{translate:20% 0;inline-size:58vw;margin-block-start:-13vw}}@container style(--page-type: "veh-elec"){.bg-avatar{translate:50% 0;inline-size:38vw}}}.title{font-size:var(--fs-48);font-weight:600;color:var(--white)}.title.sub{font-size:var(--fs-20);font-weight:400;line-height:1.5}.button{padding-block:14px;padding-inline:24px;width:fit-content;font-size:20px;font-weight:600;margin-block:20px 0}@media only screen and (max-width: 551px){.button{font-size:16px}}}.intro{overflow:hidden}.intro-container{padding-block:80px 40px}.intro-head{display:grid;gap:12px;padding-block:0 30px}@media only screen and (max-width: 768px){.intro-head{grid-template-rows:auto auto auto}}.intro-list{display:grid;gap:40px}@scope (.intro-head){.title{position:relative;font-size:40px;color:#14293d;line-height:1.2;width:fit-content;font-size:var(--fs-40)}@media only screen and (max-width: 768px){.title{display:grid;grid-template-rows:subgrid;grid-row:1/-1;grid-column:1/-1}}.vitalmark{position:absolute;inline-size:700px;top:50%;left:100%;transform:translate3d(0, -50%, 0);max-inline-size:fit-content}@media only screen and (max-width: 768px){.vitalmark{position:static;transform:translate3d(0, 0%, 0);max-inline-size:100%}}.desc{color:#1e1e1e;line-height:1.7;width:min(800px,100%)}@media only screen and (max-width: 768px){.desc{display:grid;grid-template-rows:subgrid;grid-row:2/3;grid-column:1/-1}}@media only screen and (max-width: 768px){img.bg{grid-row:3/4;grid-column:1/-1}}}:root{view-transition-name:none}@property --btn-color-percent{syntax:"<percentage>";inherits:false;initial-value:0%}@keyframes btn-percent{from{--btn-color-percent: initial}to{--btn-color-percent: 50%}}.card{container:card/inline-size;box-shadow:0px 8px 50px 0px rgba(56,75,123,.1);view-transition-class:card}.card-wrap{--padding-top: 75px;--padding-bottom: 45px;--padding-inline: clamp(10px, -54.0698px + 11.6279vw, 65px);position:relative;display:grid;grid-template-columns:27fr 24fr;border-radius:5px;padding-bottom:var(--padding-bottom);view-transition-class:cardwrap;overflow:hidden}.card-wrap::before{content:"";display:block;aspect-ratio:1;border-radius:50%;position:absolute;width:270px;rotate:-46deg;background:linear-gradient(191deg, #fff 17.54%, #00a1ff 121.86%);z-index:0;filter:blur(15px);inset:-70px auto auto -34px;pointer-events:none}.card-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.64) 100%);pointer-events:none}.card-wrap>:where(div){position:relative;z-index:1}@container card (width <= 700px){.card-wrap{--padding-bottom: 115px;grid-template-columns:1fr;grid-template-rows:auto auto}}.card-main{padding-block:var(--padding-top) 0;padding-inline:var(--padding-inline) 0;overflow-x:clip}@container card (width <= 700px){.card-main{padding-block:36px 0;padding-inline:0}}.card-side{overflow-x:clip}@container card (width <= 700px){.card-side{position:static;grid-row:1/2}}.card-img img{inline-size:100%}.card-point{background:hsla(0,0%,100%,.9);box-shadow:0px 9px 49px 0px rgba(56,75,123,.1);backdrop-filter:blur(2px);margin-inline:clamp(10px,-24.9471px + 6.3425vw,40px) var(--padding-inline);margin-block:-65px 0;padding-block:40px;padding-inline:30px;border-radius:10px;border:2px solid #fff}@container card (width <= 700px){.card-point{display:none}}.card-btn{display:flex;justify-content:space-between;align-items:center;padding-inline:20px 14px;padding-block:8px;color:#fff;border-radius:30px;background:linear-gradient(90deg, #2c3444 var(--btn-color-percent), #6e82aa 100%);backdrop-filter:blur(2px);width:clamp(220px,150.1057px + 12.685vw,280px);justify-self:end;margin-inline:0 var(--padding-inline);margin-block:-30px 0;transform:translate3d(10px, 0, 0);transition:--btn-color-percent .5s}.card-btn:hover{--btn-color-percent: 60%;transition:--btn-color-percent .4s}@container card (width <= 700px){.card-btn{position:absolute;bottom:36px;left:50%;transform:translate3d(-50%, 0px, 0px)}}.card-head{display:grid;grid-template-columns:100%;grid-template-rows:auto auto auto auto;grid-template-areas:"title" "row" "divide" "desc";gap:10px;padding-block:0 20px}.card-head::before{content:"";grid-area:divide;height:1px;background-color:#566478}@container card (width <= 700px){.card-head{padding-inline:20px 0}}.card-head strong{grid-area:title;font-weight:700;font-size:28px;line-height:1.2;color:#14293d}@container card (width <= 700px){.card-head strong{padding-inline:0 20px;font-size:24px}}.card-head span{grid-area:row;color:#14293d}@container card (width <= 700px){.card-head span{padding-inline:0 20px}}.card-head p,.card-head summary{grid-area:desc;font-size:14px;line-height:2}@container card (width <= 700px){.card-head p,.card-head summary{padding-inline:0 20px;font-size:13px}}.card-list{display:grid;gap:15px}@container card (width <= 700px){.card-list{padding-inline:var(--padding-inline)}}@scope (.card-list){.item{--input-check: "close";position:relative;border:1px solid #0014ff;padding-inline:20px;padding-block:18px;border-radius:5px;view-transition-class:item}.item:has(input:checked){--input-check: "open";background:rgba(0,80,255,.05);padding-block:20px;border:1px solid rgba(0,0,0,0)}.item-wrap{display:grid;grid-template-rows:auto 0 0 0;grid-template-columns:1fr;grid-template-areas:"title" "logo" "divide" "content";overflow:clip;gap:0}.item-wrap::before{content:"";grid-area:divide;height:1px;background-color:#333}.item-wrap:has(input:checked){gap:12px;grid-template-rows:auto auto auto auto;grid-template-areas:"logo" "title" "divide" "content"}.title{grid-area:title;display:flex;justify-content:space-between;align-items:center;font-size:20px;color:#566478;view-transition-class:title;cursor:pointer}.title .marker{display:grid;background-color:#0014ff;place-items:center;border-radius:50%;width:25px;aspect-ratio:1;font-size:14px;color:#fff;view-transition-class:marker;position:absolute;right:20px;top:16px}@container style(--input-check: "open"){.title{font-size:18px;font-weight:700;cursor:default}.title .marker{opacity:0}@container card (width <= 700px){.title{font-size:16px}}}@container card (width <= 700px){.title{font-size:18px}}input{position:absolute;inset:0;opacity:0;cursor:pointer}input:checked{inset:auto;cursor:default}figure{grid-area:logo;display:flex;flex-wrap:wrap;align-items:center;gap:16px;font-size:20px;margin:0;padding-block:0 8px}figure img{block-size:2em;view-transition-class:logo}figure .text{block-size:.9em}@container card (width <= 700px){figure{font-size:16px}}.content{grid-area:content;font-size:14px;line-height:2;color:#333;opacity:0;height:0;view-transition-class:content;overflow:hidden}.content em{color:#0014ff}@container card (width <= 700px){.content{font-size:13px}}@container style(--input-check: "open"){.content{opacity:1;height:auto}}}@scope (.card-point){strong{font-size:20px;line-height:1.6;color:#1f41b8;padding-block:0 20px}ul{list-style-type:disc;padding-inline:2ch 0}li{font-size:14px;line-height:1.7}li::marker{color:#0050ff}li span{color:#0050ff}}@scope (.card-btn){.marker{display:grid;place-items:center;border-radius:50%;border:1px solid #fff;width:34px;aspect-ratio:1;font-size:14px;color:#fff}}::view-transition-group(*){animation-duration:.5s}::view-transition-group(.item),::view-transition-group(.content),::view-transition-group(.logo){overflow:hidden}::view-transition-old(.item),::view-transition-new(.item),::view-transition-old(.card),::view-transition-new(.card),::view-transition-old(.cardwrap),::view-transition-new(.cardwrap){height:100%}::view-transition-old(.title),::view-transition-new(.title){height:100%}::view-transition-old(.marker):only-child{animation-name:rotate-marker}::view-transition-new(.marker):only-child{animation-name:rotate-marker;animation-direction:reverse}@supports not (view-transition-class: something){::view-transition-old(item-1),::view-transition-new(item-1){height:100%}::view-transition-old(item-2),::view-transition-new(item-2){height:100%}::view-transition-old(item-3),::view-transition-new(item-3){height:100%}::view-transition-old(item-4),::view-transition-new(item-4){height:100%}::view-transition-old(item-5),::view-transition-new(item-5){height:100%}::view-transition-old(item-6),::view-transition-new(item-6){height:100%}::view-transition-old(item-7),::view-transition-new(item-7){height:100%}::view-transition-old(item-8),::view-transition-new(item-8){height:100%}::view-transition-old(item-9),::view-transition-new(item-9){height:100%}::view-transition-old(item-10),::view-transition-new(item-10){height:100%}::view-transition-old(item-11),::view-transition-new(item-11){height:100%}::view-transition-old(item-12),::view-transition-new(item-12){height:100%}::view-transition-old(item-13),::view-transition-new(item-13){height:100%}::view-transition-old(item-14),::view-transition-new(item-14){height:100%}::view-transition-old(item-15),::view-transition-new(item-15){height:100%}::view-transition-old(item-16),::view-transition-new(item-16){height:100%}::view-transition-old(item-17),::view-transition-new(item-17){height:100%}::view-transition-old(item-18),::view-transition-new(item-18){height:100%}::view-transition-old(item-19),::view-transition-new(item-19){height:100%}::view-transition-old(item-20),::view-transition-new(item-20){height:100%}}@keyframes rotate-marker{from{rotate:90deg}to{rotate:270deg;opacity:1}}:where(.card:nth-child(1)) .deco.left{top:130px;left:-100px;inline-size:365px;z-index:-1}:where(.card:nth-child(1)) .deco.right{bottom:160px;left:calc(100% - clamp(10px,-59.8943px + 12.685vw,70px));inline-size:165px;z-index:1}:where(.card:nth-child(1)) .card-side::before{content:"";width:143px;background:linear-gradient(180deg in hsl, #4f7bff 0%, rgba(116, 230, 255, 0.1) 100%);filter:blur(15px);inset:auto -75px 90px auto;rotate:-46deg}:where(.card:nth-child(2)) .deco.left{top:130px;left:-100px;inline-size:130px;z-index:1}:where(.card:nth-child(2)) .deco.right{bottom:260px;left:calc(100% - 35px);inline-size:132px;z-index:1}:where(.card:nth-child(2)) .card-main::before{content:"";width:132px;background:linear-gradient(180deg in hsl, #ff912b 0%, rgba(255, 230, 116, 0.1) 100%);filter:blur(15px);rotate:-24deg;inset:180px auto auto -90px}:where(.card:nth-child(3)) .deco.left{bottom:-15px;left:-60px;inline-size:94px;z-index:1}:where(.card:nth-child(3)) .deco.right{bottom:170px;left:calc(100% - 40px);inline-size:165px;z-index:1}:where(.card:nth-child(3))::before{content:"";width:16px;background:radial-gradient(70.6% 70.6% at 45.09% 50.71%, #0048ff 0%, #84e0ff 63.5%);filter:blur(1px);backdrop-filter:blur(2px);inset:80px auto auto -48px}:where(.card:nth-child(3)) .card-main::before{content:"";width:126px;background:linear-gradient(180deg in hsl, #584fff 0%, rgba(176, 165, 255, 0.01) 100%);filter:blur(15px);rotate:-28deg;inset:auto auto -110px -50px}:where(.card:nth-child(3)) .card-side::before{content:"";display:block;aspect-ratio:1;border-radius:50%;position:absolute;width:143px;rotate:-46deg;background:linear-gradient(180deg in hsl, #4f7bff 0%, rgba(116, 230, 255, 0.01) 100%);filter:blur(15px);inset:auto -75px 90px auto;pointer-events:none}:where(.card:nth-child(4)) .deco.left{top:250px;left:-60px;inline-size:70px;z-index:1}:where(.card:nth-child(4)) .deco.right{bottom:50px;left:calc(100% - 40px);inline-size:150px;z-index:1}:where(.card:nth-child(4))::before{content:"";width:295px;rotate:-15deg;background:radial-gradient(89.41% 89.41% at 87.64% 18.9% in hsl, rgba(116, 230, 255, 0.2) 0%, #e9e2fb 100%);filter:blur(15px);inset:auto -145px 90px auto;pointer-events:none}@scope (.card){:scope{position:relative}:scope::before{display:block;aspect-ratio:1;border-radius:50%;position:absolute}.deco{position:absolute}.card-side::before,.card-main::before{display:block;aspect-ratio:1;border-radius:50%;position:absolute;pointer-events:none}@container card (width <= 700px){:scope::before{display:none}.deco{display:none}.card-side::before,.card-main::before{display:none}}}:root{--contactusbg: var(--bg)}.section-contactus{position:relative;overflow:hidden}.section-contactus::before{content:"";display:block;position:absolute;inset:0 0 0 0;background:url(../assets/images/bg-dot.png) #6275f0}.section-contactus__container{color:#fff;padding-top:clamp(30px,9.2592592593%,100px);padding-bottom:0 !important;display:grid;grid-template-columns:1fr 60%;grid-template-rows:auto 1fr;position:relative;z-index:5;grid-template-areas:"title img" "desc img"}#contactus2 .section-contactus__container{display:block;padding-block:clamp(20px,3.7037037037%,40px);text-align:center;color:#333}@media only screen and (max-width: 551px){.section-contactus__container{display:block;text-align:center}}.section-contactus__logo{width:180px;aspect-ratio:360/90;background:url(../assets/images/vital_logo_w.png) no-repeat center/contain;margin:10px auto;color:rgba(0,0,0,0)}.section-contactus__title{grid-area:title;font-size:2.5rem;line-height:3.25rem;font-weight:bold;color:#fff;margin-bottom:1.25rem;white-space:nowrap;margin-right:clamp(20px,5.5555555556%,60px)}@media only screen and (max-width: 551px){.section-contactus__title{margin:1.5rem 1rem 0;font-size:1.5rem}}#contactus2 .section-contactus__title{font-size:1.75rem;line-height:1.875rem;margin:.625rem auto;text-align:center}.section-contactus__content{grid-area:desc;font-size:1rem;line-height:1.75rem;padding-bottom:1.875rem}@media only screen and (max-width: 551px){.section-contactus__content{margin:0 1.875rem}}#contactus2 .section-contactus__content{color:#333;text-align:center}.section-contactus__content p{color:#fff}#contactus2 .section-contactus__content p{text-align:center}.section-contactus__content .button{display:inline-block;margin-top:2.5rem;padding:14px 33px;color:#fff;font-size:1.25rem;font-weight:600;line-height:1.1;text-align:center;border-radius:4px;background:#0e86fe;box-shadow:0 4px 10px rgba(27,97,215,.4)}#contactus2 .section-contactus__content .button{margin-top:1.25rem}@media only screen and (max-width: 551px){.section-contactus__content .button{margin-top:1.25rem}}.section-contactus__screen{grid-area:img;width:min(100%,650px);line-height:0;display:flex;align-items:flex-end}@media only screen and (max-width: 678px){.section-contactus__screen{display:none}}.section-contactus__screen img{width:min(100%,650px);height:auto}.section-contactus__deco-circle-l{width:150px;position:absolute;z-index:2;top:-40px;left:20px}@media only screen and (max-width: 1280px){.section-contactus__deco-circle-l{width:120px}}@media only screen and (max-width: 678px){.section-contactus__deco-circle-l{display:none}}.section-contactus__deco-circle-r{width:150px;position:absolute;z-index:2;bottom:-40px;right:30px}@media only screen and (max-width: 678px){.section-contactus__deco-circle-r{width:40px;top:20px;right:-10px}}.section-contactus__deco-wave{width:595px;height:335px;position:absolute;z-index:2;left:-60px;bottom:-50px}.section-contactus__deco-lightnoise{width:800px;position:absolute;z-index:1;top:-470px;right:-500px;opacity:.8;filter:grayscale(1)}.section-contactus__deco-darknoise{width:1200px;position:absolute;z-index:1;bottom:-570px;right:50%;transform:translate3d(550px, 0, 0)}.section-contactus__deco-logotype{width:760px;height:145px;position:absolute;z-index:2;right:30px;top:20px}@media only screen and (max-width: 1280px){.section-contactus__deco-logotype{display:none}}#contactus{--contactusbg: url(../assets/images/product_blue-right_bg.webp) no-repeat center / cover}#contactus2{--contactusbg: url(../assets/images/product_purple_bg.webp) no-repeat center / cover}:root{--bgleft: var(--isobgleft)}.section-iso{padding:clamp(20px,3.7037037037%,40px);background:url(../assets/images/product_purple_bg.webp) no-repeat center/cover}.section-iso__container{padding:clamp(20px,4.6296296296%,50px);margin-block:clamp(20px,3.7037037037%,40px);background:url(../assets/images/product_iso_bg.png) no-repeat right top/auto 100%;background-color:#fff;border-radius:6px;box-shadow:0 10px 16px rgba(186,135,106,.2);display:flex;position:relative}@media only screen and (max-width: 551px){.section-iso__container{display:block}}.section-iso__context{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}@media only screen and (max-width: 551px){.section-iso__context{align-items:center;text-align:center}}.section-iso__title{font-size:2rem;flex:0 0 auto;margin-bottom:1.25rem;font-weight:bold}@media only screen and (max-width: 551px){.section-iso__title{font-size:1.5rem}}.section-iso__content{font-size:1rem;line-height:1.75rem;flex:0 0 auto}.section-iso__logo{flex:0 0 auto;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center}@media only screen and (max-width: 551px){.section-iso__logo{margin-top:1.25rem}}@media only screen and (max-width: 425px){.section-iso__logo{gap:10px;justify-content:center}}.section-iso__logo img{margin:0 20px}@media only screen and (max-width: 425px){.section-iso__logo img{width:67px;height:66px;margin:0}}.vital-crm-bg::before{content:"";--bgleft: $vital-crm-bg}.vital-bizform-bg::before{content:"";--bgleft: $vital-bizform-bg}.vital-netzero-bg::before{content:"";--bgleft: $vital-netzero-bg}.vital-fin-bg::before{content:"";--bgleft: $vital-fin-bg}.vital-hcm-bg::before{content:"";--bgleft: $vital-hcm-bg}.vital-km-bg::before{content:"";--bgleft: $vital-km-bg}.vital-od-bg::before{content:"";--bgleft: $vital-od-bg}.vital-ttc-bg::before{content:"";--bgleft: $vital-ttc-bg}