.article-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(max(30%,350px),1fr));gap:2rem}.article-cards-container .article-card{display:flex;flex-direction:column;align-items:flex-end;gap:20px;border-radius:10px;overflow:hidden;border:1px solid #f3f3f3;background:var(--grayscale-color-1);box-shadow:0 8px 29px 0 rgba(154,154,166,0.08);text-decoration:none;color:var(--grayscale-color-10);transition:transform 0.3s ease-in-out,box-shadow 0.3s ease-in-out,rotate 0.3s ease-in-out;z-index:1;position:relative}.article-cards-container .article-card:hover{transform:scale(1.05) rotate(2deg);box-shadow:0 8px 29px 0 rgba(255,132,63,0.1)}.article-cards-container .article-card h4{font-size:1.375rem;font-style:normal;font-weight:700;line-height:130%;margin-bottom:0.875rem}.article-cards-container .article-card .info{padding:0 1.75rem 1.75rem}.article-cards-container .article-card img{width:100%;aspect-ratio:2 / 1;object-fit:cover;border-bottom:1px solid #f3f3f3}.article-cards-container .article-card .article-info{margin-bottom:1.125rem;display:flex;align-items:center;gap:1rem}.article-cards-container .article-card .article-info .tag{border-radius:100px;background:#fffaf8;color:#ff7322;font-size:var(--font-size-sm-1);font-style:normal;font-weight:600;line-height:140%;padding:0.5rem 1rem}.article-cards-container .article-card .article-info .date{color:var(--grayscale-color-6);font-size:var(--font-size-sm-1);font-style:normal;font-weight:400;line-height:140%}.widgets{width:100%;display:flex;align-items:center;justify-content:center;gap:3.5rem;margin-top:11.25rem}.widgets img{width:100%;max-width:130px!important}.widgets :nth-child(1) img{max-width:80px!important}.widgets :nth-child(2) img{max-width:100px!important}.widgets :nth-child(4) img{max-width:70px!important;min-width:none!important}.widgets :nth-child(5) img{max-width:115px!important;min-width:none!important}@media screen and (max-width:576px){.article-cards-container{grid-template-columns:1fr}.widgets{gap:1rem;flex-wrap:wrap;margin-top:6.25rem}}body{background-color:var(--grayscale-color-1);color:black}.article-container{min-height:100vh;padding-top:3.75rem}.article-container.section{position:relative}.article-body .content{position:relative}.article-body .content *{font-family:var(--main-font)!important;font-size:clamp(1rem,0.9697rem + 0.1294vw,1.125rem)!important;color:var(--grayscale-color-10);line-height:135%!important;text-align:justify;hyphens:auto;hyphenate-limit-chars:8}.article-body .content a[href],.article-body .content a[href] *{color:var(--primary-color-0);text-underline-offset:3px}.article-body .content a[href]:hover,.article-body .content a[href]:hover *{color:var(--primary-color-1)}.article-body .content h2,.article-body .content h2 *{font-size:clamp(1.125rem,1.034rem + 0.3883vw,1.5rem)!important;font-weight:700!important;line-height:135%!important;text-align:left!important;hyphens:none}.article-body .content h3,.article-body .content h3 *{font-weight:700!important;line-height:135%!important;text-align:left!important;hyphens:none}.article-body .content span:has(strong),.article-body .content span:has(strong) *{text-align:left!important;hyphens:none}.article-body .content img{width:100%!important;height:auto!important;object-fit:contain;border-radius:10px}.article-body .content>p:not(:has(a[href^="#"])):not(:has(+ .separator)):not(.separator){margin-bottom:1rem!important}.article-body .content .separator{line-height:100%!important}.article-body .content ul,.article-body .content ul *,.article-body .content ol,.article-body .content ol *,.article-body .content *[style*="margin-left"]{text-align:left!important}.article-body .content .feedback-in-article{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin:1.5rem 0}.article-body .content .feedback-in-article h3{font-weight:500!important}.article-body .content .feedback-in-article img{width:30%!important;height:auto;aspect-ratio:1 / 1;object-fit:cover;border-radius:10px;border:1px solid var(--grayscale-color-6)}.article-body .content.feedback-in-article p{margin-bottom:0}.article-body .content .feedback-in-article p:first-child{font-weight:400;font-size:1.5rem;margin-bottom:1.25rem;line-height:120%}.article-body .content .feedback-in-article p:first-child::before,.article-body .content .feedback-in-article p:first-child::after{content:'"'}.article-body .content .feedback-in-article p:nth-child(2){font-weight:700;font-size:1.25rem;font-style:italic}.article-body .content .feedback-in-article p:nth-child(3){font-style:italic}.article-body .content h1,.article-body .content p:first-child:has(img){display:none}.article-bnr{margin-bottom:2.5rem}.article-bnr h1{font-size:clamp(1.75rem,1.4466rem + 1.2945vw,3rem);font-style:normal;font-weight:600;line-height:120%;text-align:left;hyphens:none;margin-bottom:2.125rem}.article-bnr img{width:100%;height:auto;object-fit:cover;border-radius:10px}.article-body-wrapper{display:flex;align-items:flex-start;gap:clamp(2.25rem,-2.0259rem + 6.8966vw,6.25rem);position:relative}.article-body-wrapper aside{position:sticky;min-width:330px;top:calc(var(--big-header-height) + var(--cta-bnr-height) + 2.5rem);display:flex;flex-direction:column;gap:1.5rem}.article-body-wrapper aside .promotion-block{border-radius:10px;padding:1.75rem 1.375rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:0.875rem}.article-body-wrapper aside .promotion-block>div{display:flex;align-items:flex-start;flex-direction:column;gap:0.875rem}.article-body-wrapper aside .promotion-block h4{font-style:normal;font-weight:700;margin-bottom:0;font-size:clamp(1.375rem,1.3447rem + 0.1294vw,1.5rem)}.article-body-wrapper aside .promotion-block .link{font-size:var(--font-size-sm-1);font-style:normal;font-weight:600;line-height:140%;text-underline-offset:5px}.article-body-wrapper aside .ph-service{background:linear-gradient(338.06deg,#000000 -0.51%,#2e180c 37.54%,#ff7527 141.88%);color:var(--grayscale-color-1)}.article-body-wrapper aside .ph-service-logo{width:100%;max-width:38px}.article-body-wrapper aside .ph-service button{margin:0 auto;width:100%}.article-body-wrapper aside .ph-service-list{margin:0;padding:0;width:100%;margin-bottom:1rem}.article-body-wrapper aside .ph-service-list img{max-width:16px}.article-body-wrapper aside .ph-service-list li{display:flex;align-items:center;gap:0.5rem;font-size:clamp(0.875rem,0.8447rem + 0.1294vw,1rem);margin-bottom:0.875rem}.article-body-wrapper aside .ph-service-list li:last-child{margin-bottom:0}.article-body-wrapper aside .ph-guide{border:1px solid var(--primary-color-3);background:var(--grayscale-color-1);box-shadow:0 8px 29px 0 rgba(154,154,166,0.08)}.article-body-wrapper aside .ph-guide h4{color:var(--grayscale-color-8)}#guide-modal{color:white}.article-body .about-ph-demo{display:flex;padding:2.625rem 1.75rem;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;align-items:center;border-radius:10px;background:linear-gradient(175deg,rgba(0,0,0,0.8) 1.77%,#ff7527 122.74%);color:var(--grayscale-color-1)!important;text-align:left!important}.article-body .about-ph-demo h4{font-style:normal;font-weight:700;line-height:130%;margin-bottom:0.5rem}.article-body .about-ph-demo .primary-btn{white-space:nowrap;background:var(--grayscale-color-1);color:var(--grayscale-color-10)}.article-body .about-ph-demo .primary-btn:hover{background:var(--typography-orange)}.article-body .about-ph-demo .primary-btn:focus,.article-body .about-ph-demo .primary-btn:focus:not(:focus-visible){outline:2px solid #ffaf9b}.topic-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.topic-title h2{margin-bottom:0}.topic-title a{font-style:normal;font-weight:600;line-height:140%}@media screen and (max-width:1399px){.article-body-wrapper aside{top:calc(var(--small-header-height) + var(--cta-bnr-height) + 2.5rem)}}@media screen and (max-width:1150px){.article-body .content .feedback-in-article{flex-direction:column}.article-body .content .feedback-in-article *{text-align:center!important}.article-body .content .feedback-in-article img{min-width:300px;width:50%}.article-body .content .feedback-in-article p:first-child{margin-bottom:1rem}}@media screen and (max-width:992px){.article-body-wrapper{flex-direction:column-reverse}.article-body-wrapper aside{position:static;min-width:unset;width:100%}.article-body-wrapper aside .promotion-block{min-height:unset}}@media screen and (max-width:768px){.article-body .content ul,.article-body .content ol,.article-body .content *[style*="margin-left"]{margin-left:1.25rem!important}.article-body-wrapper aside .ph-service-logo{max-width:32px}}@media screen and (max-width:576px){.article-body .content ul,.article-body .content ol,.article-body .content *[style*="margin-left"]{margin-left:0!important}.article-body .content p[style*="margin-left"]{padding-left:1.5rem!important}}.article-header{padding:185px 0 60px;margin-bottom:0;border-bottom:1px solid var(--grayscale-color-2)}.article-header .inner{display:flex;justify-content:space-between;gap:0.875rem;width:85%;max-width:1350px;margin:0 auto}.article-header .form{padding:0!important}.article-header .search{max-width:520px;flex-grow:1}.article-header .input-search{position:relative;margin:0!important;min-width:300px;width:100%!important;background-color:#f2f2f3!important;border:none!important;transition:all 0.3s ease!important;height:50px!important}.article-header .btn-submit-search{position:absolute;top:50%;right:0;border:none;outline:none;background:#f2f2f3;transform:translate(-50%,-50%)}.article-header .sections-slider{display:flex;align-items:center}.article-header .sections-slider .tag{text-decoration:none;padding:0.875rem 2rem;display:block;transition:background 200ms ease;background:var(--primary-color-4);border-radius:100px}.article-header .sections-slider .tag.active{background:#f6d8cc}.article-header .sections-slider .tag:focus{background:#f6d8cc}.article-header .sections-slider .tag:hover{background:#ffede6}.article-header .splide__list{flex-wrap:wrap;gap:1.5rem}.article-info{margin-bottom:1.125rem;display:flex;align-items:center;gap:1rem}.article-info .tag{border-radius:100px;background:var(--primary-color-4);color:#ff7322;font-size:var(--font-size-sm-1);font-style:normal;font-weight:600;line-height:140%;padding:0.5rem 1rem}.article-info .date{color:var(--grayscale-color-6);font-size:var(--font-size-sm-1);font-style:normal;font-weight:400;line-height:140%}@media screen and (max-width:1150px){.article-header{padding:160px 0px 16px}.article-header .inner{flex-direction:column}.article-header .inner>*{flex-grow:1;max-width:unset;justify-content:center;width:100%}.article-header .input-search{min-width:unset}}@media screen and (max-width:480px){.article-header{padding:160px 15px 16px}.article-header .inner{width:100%}}