#biz-dot .pd-contact{font-size:20px;color:#fff;padding:15px 35px;background-color:#1574eb;border-radius:5px;transition:transform 300ms,box-shadow 300ms}#biz-dot .pd-contact:hover{transform:translateY(-2px);box-shadow:0 5px 25px rgba(21,116,235,.15)}#biz-dot .product-hero{display:flex;flex-direction:row;width:100%;position:relative;z-index:5}@media only screen and (max-width: 768px){#biz-dot .product-hero{flex-direction:column-reverse;gap:30px}}#biz-dot .product-hero-left{display:flex;align-items:center;width:55%;justify-content:center}@media only screen and (max-width: 768px){#biz-dot .product-hero-left{width:100%}}#biz-dot .product-hero-left-inner{flex:0 0 auto;width:fit-content;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:30px 0 30px 80px;gap:25px}@media only screen and (max-width: 768px){#biz-dot .product-hero-left-inner{align-items:center;padding:30px 0}}#biz-dot .product-hero-left-inner .hero-logos{display:flex;flex-direction:row;align-items:center;gap:15px;flex-wrap:nowrap}#biz-dot .product-hero-left-inner .hero-logos .hero-logo,#biz-dot .product-hero-left-inner .hero-logos .hero-connect{transition:opacity .8s cubic-bezier(0.22, 0.61, 0.36, 1),transform .8s cubic-bezier(0.22, 0.61, 0.36, 1)}#biz-dot .product-hero-left-inner .hero-logos .hero-logo:first-of-type{opacity:0;transform:translateX(-22px)}#biz-dot .product-hero-left-inner .hero-logos .hero-logo:last-of-type{opacity:1;transform:translateX(calc(-100% - 26px))}#biz-dot .product-hero-left-inner .hero-logos .hero-connect{opacity:0;transform:scale(0.6)}#biz-dot .product-hero-left-inner .hero-logos.hero-logos--phase2 .hero-logo:first-of-type{opacity:1;transform:translateX(0)}#biz-dot .product-hero-left-inner .hero-logos.hero-logos--phase2 .hero-logo:last-of-type{transform:translateX(0)}#biz-dot .product-hero-left-inner .hero-logos.hero-logos--phase3 .hero-connect{opacity:1;transform:scale(1)}@media only screen and (max-width: 768px){#biz-dot .product-hero-left-inner .hero-logos{flex-direction:column;flex-wrap:wrap}#biz-dot .product-hero-left-inner .hero-logos .hero-logo:first-of-type{transform:translateY(-14px)}#biz-dot .product-hero-left-inner .hero-logos .hero-logo:last-of-type{transform:translateY(calc(-100% - 22px))}#biz-dot .product-hero-left-inner .hero-logos.hero-logos--phase2 .hero-logo:first-of-type,#biz-dot .product-hero-left-inner .hero-logos.hero-logos--phase2 .hero-logo:last-of-type{transform:translateY(0)}}#biz-dot .product-hero-left-inner .hero-logo{height:60px}@media only screen and (max-width: 1024px){#biz-dot .product-hero-left-inner .hero-logo{height:55px}}#biz-dot .product-hero-left-inner .hero-connect{height:32px}@media only screen and (max-width: 1280px){#biz-dot .product-hero-left-inner .hero-connect{height:25px}}#biz-dot .product-hero-left-inner img{height:100%;width:auto}#biz-dot .product-hero-left-inner .hero-title{font-size:48px;font-weight:900;color:#1e1e1e;padding:10px 0}@media only screen and (max-width: 1280px){#biz-dot .product-hero-left-inner .hero-title{font-size:38px}}@media only screen and (max-width: 1024px){#biz-dot .product-hero-left-inner .hero-title{font-size:32px}}@media only screen and (max-width: 678px){#biz-dot .product-hero-left-inner .hero-title{padding:0}}#biz-dot .product-hero-left-inner .hero-subtitle{font-size:20px;font-weight:normal;color:#303949;line-height:1.5}@media only screen and (max-width: 1024px){#biz-dot .product-hero-left-inner .hero-subtitle{font-size:17px}}#biz-dot .product-hero-right{flex:1;display:flex;justify-content:flex-end}#biz-dot .product-hero-right img{width:100%;aspect-ratio:707/650;object-fit:contain;object-position:top right;display:block}@media only screen and (max-width: 768px){#biz-dot .product-hero-right img{width:65%}}@media only screen and (max-width: 551px){#biz-dot .product-hero-right img{width:80%}}@media only screen and (max-width: 425px){#biz-dot .product-hero-right img{width:100%}}#biz-dot .product-hero::before{display:none}#biz-dot .section-ft{position:relative;margin-top:-75px;padding:85px 0;z-index:3;background:url(../../../assets/images/product/vital-bizform/dot/bg_ft.avif) no-repeat center center/cover}#biz-dot .section-ft::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background-image:linear-gradient(rgba(0, 44, 255, 0.06) 1px, transparent 1px),linear-gradient(90deg, rgba(0, 44, 255, 0.06) 1px, transparent 1px);background-size:78px 78px}#biz-dot .section-ft .sec-heading{padding-top:75px}#biz-dot .section-ft::after{content:"";position:absolute;width:100%;height:95px;z-index:2;pointer-events:none;top:0;background:linear-gradient(to bottom, white, rgba(255, 255, 255, 0))}#biz-dot .section-ft-container{position:relative;z-index:2}#biz-dot .section-ft .ft-flows{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:50px 0;gap:30px}@media only screen and (max-width: 768px){#biz-dot .section-ft .ft-flows{flex-direction:column;gap:50px}}#biz-dot .section-ft .ft-flows-item{position:relative;opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s ease}#biz-dot .section-ft .ft-flows-item img{width:165px;aspect-ratio:1/1;position:relative;z-index:2}#biz-dot .section-ft .ft-flows-item:after{content:"";position:absolute;width:165px;height:165px;aspect-ratio:1/1;background-color:#aaa;border-radius:50%;left:0;top:0;filter:blur(30px);transform:translate(-30px, -5px)}#biz-dot .section-ft .ft-flows-item.crm:after{background:linear-gradient(to bottom, rgba(255, 230, 116, 0), rgb(255, 145, 43))}#biz-dot .section-ft .ft-flows-item.biz:after{background:linear-gradient(to bottom, rgba(116, 119, 255, 0), rgb(40, 112, 255))}#biz-dot .section-ft .ft-flows-item.dot:after{background:linear-gradient(to bottom, rgba(170, 239, 255, 0), rgb(77, 222, 255))}#biz-dot .section-ft .ft-flows-item .addon-logo{border-radius:5px;background-color:#fff;position:absolute;z-index:3;left:50%;transform:translate(-50%, -25px);opacity:0;transition:opacity .68s ease .22s,transform .68s ease .22s}#biz-dot .section-ft .ft-flows-item .addon-logo.crm{box-shadow:0 12px 21px rgba(255,155,55,.25)}#biz-dot .section-ft .ft-flows-item .addon-logo.biz{box-shadow:0 12px 21px rgba(82,40,197,.25)}#biz-dot .section-ft .ft-flows-item .addon-logo.dot{box-shadow:0 12px 21px rgba(60,195,243,.25)}#biz-dot .section-ft .ft-flows-item .addon-logo img{height:68px;width:auto;aspect-ratio:unset}#biz-dot .section-ft .ft-flows-item.is-revealed{opacity:1;transform:translateY(0)}#biz-dot .section-ft .ft-flows-item.is-revealed .addon-logo{opacity:1;transform:translate(-50%, -15px)}#biz-dot .section-ft .ft-flows-gap{opacity:0;transition:opacity .6s ease}#biz-dot .section-ft .ft-flows-gap img{width:55px;height:auto;transform:translateX(-28px);opacity:0;transition:transform .6s ease,opacity .6s ease}#biz-dot .section-ft .ft-flows-gap.is-revealed{opacity:1}#biz-dot .section-ft .ft-flows-gap.is-revealed img{transform:translateX(0);opacity:1}@media only screen and (max-width: 768px){#biz-dot .section-ft .ft-flows-gap{transform:rotate(90deg) translateX(25px);padding:10px 0}}#biz-dot .ft-keys{box-shadow:0 5px 10px rgba(0,0,0,.1);position:relative}#biz-dot .ft-keys::before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:linear-gradient(135deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none}@media only screen and (max-width: 551px){#biz-dot .ft-keys{max-width:350px;margin:50px auto}}#biz-dot .ft-keys-inner{z-index:3;display:grid;grid-template-columns:repeat(4, 1fr);gap:60px 25px;margin-top:70px;padding:50px;position:relative;background:url(../../../assets/images/product/vital-bizform/dot/img_paper.webp) no-repeat center center/cover,#fbf7ef;border-radius:5px}@media only screen and (max-width: 834px){#biz-dot .ft-keys-inner{grid-template-columns:repeat(2, 1fr)}}@media only screen and (max-width: 551px){#biz-dot .ft-keys-inner{grid-template-columns:1fr}}#biz-dot .ft-keys-deco{content:"";position:absolute;inset:0 20px 0 20px;transform:translateY(-2px);background:linear-gradient(to bottom, rgba(116, 119, 255, 0), rgb(40, 112, 255));filter:blur(30px);z-index:1;opacity:.5}#biz-dot .ft-keys-item{display:flex;flex-direction:column;gap:15px;justify-content:center;align-items:center}#biz-dot .ft-keys-item h3{font-size:clamp(24px,2.2vw,32px);font-weight:bold;color:#1574eb;margin:0;opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}#biz-dot .ft-keys-item h4{font-size:clamp(14px,1.2vw,18px);font-weight:normal;color:#303949;margin:0;opacity:0;transform:translateY(-16px);transition:opacity .55s ease .1s,transform .55s ease .1s}#biz-dot .ft-keys-item.is-revealed h3,#biz-dot .ft-keys-item.is-revealed h4{opacity:1;transform:translateY(0)}#biz-dot .key-functions{background:url(../../../assets/images/product/vital-bizform/dot/bg_func.avif) no-repeat center center/cover;padding:90px 0 135px}#biz-dot .key-functions__stage{position:relative;height:auto}#biz-dot .key-functions__container{max-width:1150px;width:100%;margin:0 auto;display:grid;grid-template-columns:35fr 65fr;gap:24px;align-items:start;padding:70px 25px 0;position:relative}#biz-dot .key-functions__container:before{content:"";position:absolute;width:150px;height:150px;inset:auto -50px -75px auto;z-index:5;background:url(../../../assets/images/product/vital-bizform/dot/vid_deco.png) no-repeat center center/contain;animation:key-functions-float-y 3.2s ease-in-out infinite}@media only screen and (max-width: 768px){#biz-dot .key-functions__container:before{inset:auto -15px -135px auto}}#biz-dot .key-functions__left{display:flex}#biz-dot .key-functions__right{position:relative;min-height:0;aspect-ratio:17/10;overflow:hidden;border-radius:20px;align-self:start;width:100%}#biz-dot .key-functions__steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;width:100%}#biz-dot .key-functions__step{display:flex;align-items:center;color:#fff;transition:background .3s ease,box-shadow .3s ease,border-color .3s ease,color .3s ease,align-items .3s ease;position:relative;border-radius:14px;border:1px solid #f1f3fb;background:rgba(241,243,251,.55);padding:16px 20px;cursor:pointer}#biz-dot .key-functions__step .key-functions__item{display:flex;flex-direction:column;gap:0;flex:1;min-width:0}#biz-dot .key-functions__step::before{content:attr(data-order);position:relative;flex:0 0 50px;width:50px;height:50px;border-radius:50%;border:3px solid #e1f2fd;display:inline-flex;align-items:center;justify-content:center;font-size:18px;font-weight:400;color:#fff;background:rgba(0,0,0,0);margin:0 16px 0 0;flex-shrink:0;align-self:center;transition:border-color .3s ease,color .3s ease,background .3s ease,align-self .3s ease}#biz-dot .key-functions__step h3{font-size:18px;font-weight:600;margin:0;line-height:1.3;color:#fff;transition:color .3s ease}#biz-dot .key-functions__step p{font-size:15px;margin:0;line-height:1.6;font-weight:400;color:#1e1e1e;overflow:hidden;opacity:0;height:0;transition:height .45s cubic-bezier(0.4, 0, 0.2, 1),opacity .35s ease,margin-top .35s ease}#biz-dot .key-functions__step.is-active{align-items:flex-start;color:#1e1e1e;background:#fff;border:1px solid #33cfff;box-shadow:0 4px 15px rgba(151,191,255,.7)}#biz-dot .key-functions__step.is-active::before{border:3px solid rgba(0,0,0,0);background:linear-gradient(#fff, #fff) padding-box,linear-gradient(to top right, #33CFFF, #0E86FE) border-box;color:#1e1e1e;font-weight:700;align-self:flex-start;margin-top:3px}#biz-dot .key-functions__step.is-active h3{color:#1e1e1e}#biz-dot .key-functions__step.is-active p{opacity:1;margin-top:10px}#biz-dot .key-functions__visual{position:absolute;inset:0;width:100%;height:100%;border-radius:20px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s linear}#biz-dot .key-functions__visual-video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit}#biz-dot .key-functions__visual.is-active{opacity:1}@media only screen and (max-width: 768px){#biz-dot .key-functions__container{display:block;max-width:600px;margin:0 auto}#biz-dot .key-functions__right{position:static;width:100%;min-height:0;aspect-ratio:unset;overflow:visible;border-radius:0}#biz-dot .key-functions__right--accordion{display:flex;flex-direction:column;gap:10px}#biz-dot .kf-acc-item{border-radius:14px;border:1px solid #f1f3fb;background:rgba(241,243,251,.5);backdrop-filter:blur(8px);overflow:hidden;transition:background .3s ease,box-shadow .3s ease,border-color .3s ease}#biz-dot .kf-acc-item.is-active{background:#fff;border:1px solid #33cfff;box-shadow:0 4px 15px rgba(151,191,255,.7)}#biz-dot .kf-acc-item.is-active .kf-acc-num{border:3px solid rgba(0,0,0,0);background:linear-gradient(#fff, #fff) padding-box,linear-gradient(to top right, #33CFFF, #0E86FE) border-box;color:#1e1e1e;font-weight:700}#biz-dot .kf-acc-item.is-active .kf-acc-title{color:#1e1e1e}#biz-dot .kf-acc-header{display:flex;align-items:center;padding:15px 20px 5px;cursor:pointer;gap:14px;user-select:none}#biz-dot .kf-acc-num{flex:0 0 46px;width:46px;height:46px;border-radius:50%;border:3px solid #e1f2fd;display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:400;color:#fff;background:rgba(0,0,0,0);transition:border-color .3s ease,color .3s ease,background .3s ease;flex-shrink:0}#biz-dot .kf-acc-title{font-size:17px;font-weight:600;color:#fff;line-height:1.3;transition:color .3s ease}#biz-dot .kf-acc-body{transition:height .45s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden}#biz-dot .kf-acc-desc{font-size:15px;line-height:1.6;color:#1e1e1e;padding:0 18px 20px 78px;margin:0}#biz-dot .kf-acc-visual{position:relative !important;inset:auto !important;width:100% !important;height:auto !important;aspect-ratio:16/9;border-radius:0 0 14px 14px;opacity:1 !important;overflow:hidden}#biz-dot .kf-acc-visual video{width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:0 0 14px 14px}}@media only screen and (max-width: 425px){#biz-dot .key-functions__container{padding:30px 15px}#biz-dot .kf-acc-desc{padding-left:18px}}#biz-dot .sec-heading{color:#1e1e1e;display:flex;flex-direction:column;justify-content:center;gap:35px;text-align:center}#biz-dot .sec-heading h2{font-size:clamp(28px,3vw,40px);line-height:1;font-weight:bold}#biz-dot .sec-heading h3{font-size:clamp(18px,1.8vw,24px);line-height:1;font-weight:bold}#biz-dot .sec-heading p{font-size:clamp(14px,1.2vw,18px);line-height:1.7;font-weight:400}#biz-dot .sec-heading.reverse *{color:#fff}#biz-dot .section-sign{position:relative;padding:110px 0 80px;background:url(../../../assets/images/product/vital-bizform/dot/bg_sign.avif) no-repeat center center/cover}#biz-dot .section-sign::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background-image:linear-gradient(rgba(0, 44, 255, 0.06) 1px, transparent 1px),linear-gradient(90deg, rgba(0, 44, 255, 0.06) 1px, transparent 1px);background-size:78px 78px}#biz-dot .section-sign-container{display:flex;flex-direction:row;position:relative;z-index:3;gap:30px}#biz-dot .section-sign-container .sign-left{width:25%;display:flex;align-items:flex-start;justify-content:flex-end;flex-direction:column}#biz-dot .section-sign-container .sign-left h2{font-size:clamp(24px,2.2vw,32px);color:#1e1e1e;font-weight:bold;line-height:1.3}#biz-dot .section-sign-container .sign-left h3{ffont-size:clamp(14px,1.2vw,18px);color:#1e1e1e;font-weight:normal;line-height:1.5;padding:20px 0}@media only screen and (max-width: 768px){#biz-dot .section-sign-container .sign-left{width:100%}}#biz-dot .section-sign-container .sign-right{flex:1;position:relative}#biz-dot .section-sign-container .sign-right img{width:100%;height:auto;opacity:0;transform:scale(0.78);transform-origin:center center}#biz-dot .section-sign-container .sign-right.is-revealed-img img{animation:sign-right-pop-in .86s cubic-bezier(0.22, 0.61, 0.36, 1) forwards}#biz-dot .section-sign-container .sign-right::before{content:"";position:absolute;inset:-85px 30% auto auto;width:50px;height:60px;background:url(../../../assets/images/product/vital-bizform/dot/ic_star_1.png) no-repeat center center/contain;opacity:0;transform:translateY(22px) scale(0.88)}#biz-dot .section-sign-container .sign-right.is-revealed-before::before{animation:sign-right-before-in .58s cubic-bezier(0.22, 0.61, 0.36, 1) forwards}#biz-dot .section-sign-container .sign-right::after{content:"";position:absolute;inset:-25px -25px auto auto;width:21px;height:21px;background:url(../../../assets/images/product/vital-bizform/dot/ic_star_2.png) no-repeat center center/contain;opacity:0;transform:translate(-18px, 18px) scale(0.84)}#biz-dot .section-sign-container .sign-right.is-revealed-after::after{animation:sign-right-after-in .52s cubic-bezier(0.22, 0.61, 0.36, 1) forwards}@media only screen and (max-width: 768px){#biz-dot .section-sign-container{flex-direction:column;gap:50px}}#biz-dot .section-sign-deco{position:absolute;z-index:2;inset:-35px 0 0 0;background:url(../../../assets/images/product/vital-bizform/dot/sign_deco.png) no-repeat top left/contain}@media only screen and (max-width: 768px){#biz-dot .section-sign-deco{background:url(../../../assets/images/product/vital-bizform/dot/sign_deco_mobile.png) no-repeat center bottom/contain;inset:0 0 25px 0}}@media only screen and (max-width: 768px){#biz-dot .section-sign{padding:70px 0 250px}}@keyframes key-functions-float-y{0%{transform:translateY(0)}50%{transform:translateY(-10px)}100%{transform:translateY(0)}}@keyframes sign-right-pop-in{0%{opacity:0;transform:scale(0.78)}62%{opacity:1;transform:scale(1.06)}100%{opacity:1;transform:scale(1)}}@keyframes sign-right-before-in{0%{opacity:0;transform:translateY(22px) scale(0.88)}65%{opacity:1;transform:translateY(-3px) scale(1.03)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes sign-right-after-in{0%{opacity:0;transform:translate(-18px, 18px) scale(0.84)}70%{opacity:1;transform:translate(2px, -1px) scale(1.03)}100%{opacity:1;transform:translate(0, 0) scale(1)}}
