/*jinbaixing global start*/
:root{--font-primary:'HarmonyOS Sans SC',sans-serif;--color-primary:#133C85;--color-accent:#DF9327;--color-text:#000000;--color-white:#ffffff;--content-width:75vw;}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:var(--font-primary);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;}
body.no-scroll{overflow:hidden;}
a{text-decoration:none;color:inherit;transition:color 0.3s ease;}
ul,ol{list-style:none;}
img{max-width:100%;height:auto;display:block;}
button{cursor:pointer;border:none;background:transparent;font-family:inherit;}
/*jinbaixing global end*/

/*navbar start*/
.navbar{width:100%;height:5.20833vw;background:#ffffff;position:relative;z-index:50;}
.navbar-mobile-search-item{display:none;}
.navbar-container{max-width:var(--content-width);height:100%;margin:0 auto;display:flex;align-items:center;}
.navbar-logo{flex-shrink:0;display:flex;align-items:center;}
.navbar-logo img{height:4.58333vw;width:auto;}
.navbar-menu{display:flex;align-items:stretch;height:100%;margin-left:10.3125vw;gap:3.125vw;flex-shrink:0;}
.navbar-menu-item{position:relative;display:flex;align-items:center;}
.navbar-menu-item.active::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%;height:0.26042vw;background:var(--color-primary);border-radius:0.26042vw;}
.navbar-menu-link{display:flex;align-items:center;gap:0.36458vw;font-family:var(--font-primary);font-weight:500;font-size:0.9375vw;color:#000000;text-decoration:none;white-space:nowrap;line-height:100%;text-transform:uppercase;transition:color 0.3s ease;}
.navbar-menu-link:hover{color:var(--color-primary);}
.navbar-menu-item.active .navbar-menu-link{color:var(--color-primary);}
.navbar-dropdown-arrow{height:0.36458vw;width:auto;flex-shrink:0;transition:transform 0.3s ease;}
.navbar-menu-item--dropdown:hover .navbar-dropdown-arrow{transform:rotate(180deg);}
.navbar-dropdown{list-style:none;margin:0;padding:0.41667vw 0;position:absolute;top:100%;left:0;min-width:12vw;background:#ffffff;box-shadow:0 0.41667vw 1.04167vw rgba(0,0,0,0.12);opacity:0;visibility:hidden;transform:translateY(0.41667vw);transition:opacity 0.3s ease,visibility 0.3s ease,transform 0.3s ease;z-index:200;border-radius:0 0 0.41667vw 0.41667vw;}
.navbar-menu-item--dropdown:hover .navbar-dropdown{opacity:1;visibility:visible;transform:translateY(0);}
.navbar-dropdown-item{position:relative;}
.navbar-dropdown-link{display:flex;align-items:center;justify-content:space-between;padding:0.52083vw 1.04167vw;font-family:var(--font-primary);font-weight:400;font-size:0.83333vw;color:#000000;text-decoration:none;white-space:nowrap;transition:background 0.2s ease,color 0.2s ease;gap:0.83333vw;}
.navbar-dropdown-link:hover{background:var(--color-primary);color:#ffffff;}
.navbar-dropdown-subarrow{width:0.36458vw;height:0.625vw;flex-shrink:0;opacity:0.4;transition:opacity 0.2s ease;}
.navbar-dropdown-link:hover .navbar-dropdown-subarrow{opacity:1;filter:brightness(0) invert(1);}
.navbar-subdropdown{list-style:none;margin:0;padding:0.41667vw 0;position:absolute;top:0;left:100%;min-width:11vw;background:#ffffff;box-shadow:0.20833vw 0.41667vw 1.04167vw rgba(0,0,0,0.12);opacity:0;visibility:hidden;transition:opacity 0.25s ease,visibility 0.25s ease;z-index:300;border-radius:0 0.41667vw 0.41667vw 0.41667vw;}
.navbar-dropdown-item--has-children:hover .navbar-subdropdown{opacity:1;visibility:visible;}
.navbar-search{margin-left:4.14583vw;flex:1;height:2.60417vw;display:flex;align-items:center;background:var(--color-primary);border-radius:0.10417vw;overflow:hidden;flex-shrink:0;}
.navbar-search-accent{width:0.3125vw;height:100%;background:var(--color-accent);flex-shrink:0;}
.navbar-search-input{flex:1;height:100%;border:none;outline:none;background:transparent;padding-left:0.67708vw;font-family:var(--font-primary);font-weight:400;font-size:1.04167vw;color:#ffffff;line-height:100%;}
.navbar-search-input::placeholder{color:rgba(255,255,255,0.75);}
.navbar-search-btn{height:100%;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 0.57292vw;flex-shrink:0;transition:opacity 0.3s ease;}
.navbar-search-btn:hover{opacity:0.7;}
.navbar-search-icon{height:0.98958vw;width:auto;}
.navbar-toggle{display:none;flex-direction:column;justify-content:space-between;width:25px;height:18px;cursor:pointer;background:transparent;border:none;padding:0;flex-shrink:0;margin-left:auto;}
.navbar-toggle span{display:block;width:100%;height:2px;background-color:#000000;border-radius:1px;transition:all 0.3s ease;transform-origin:center;}
.navbar-toggle.active span:nth-child(1){transform:translateY(8px) rotate(45deg);}
.navbar-toggle.active span:nth-child(2){opacity:0;}
.navbar-toggle.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg);}
/*navbar end*/

/*index_banner animations start*/
@keyframes ib-fadeUp{from{opacity:0;transform:translateY(2.08333vw);}to{opacity:1;transform:translateY(0);}}
.index_banner-title,.index_banner-desc,.index_banner-actions{opacity:0;transition:opacity 0.3s ease;}
.swiper-slide-active .index_banner-title{animation:ib-fadeUp 0.85s ease forwards;animation-delay:0.2s;}
.swiper-slide-active .index_banner-desc{animation:ib-fadeUp 0.85s ease forwards;animation-delay:0.55s;}
.swiper-slide-active .index_banner-actions{animation:ib-fadeUp 0.85s ease forwards;animation-delay:0.9s;}
/*index_banner animations end*/

/*index_banner start*/
.index_banner{position:relative;width:100%;height:44.27083vw;overflow:hidden;}
.index_banner-swiper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
.index_banner-swiper .swiper-slide{width:100%;height:100%;position:relative;}
.index_banner-swiper .swiper-slide .index_banner-bg{width:100%;height:100%;object-fit:cover;display:block;}
.index_banner-content{position:absolute;top:5.88542vw;left:50%;transform:translateX(-50%);z-index:3;width:47.03125vw;min-height:24.53125vw;border-radius:1.04167vw;background:rgba(245,245,245,0.2);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:3.28125vw 4.6875vw;display:flex;flex-direction:column;align-items:center;}
.index_banner-content--dark{background:rgba(10,20,50,0.52);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}
.index_banner-title{font-family:var(--font-primary);font-weight:700;font-size:3.33333vw;color:#ffffff;line-height:1.2;letter-spacing:0.02em;text-align:center;}
.index_banner-desc{font-family:var(--font-primary);font-weight:400;font-size:1.25vw;color:#ffffff;line-height:1.7;letter-spacing:0;text-align:center;margin-top:0.83333vw;}
.index_banner-actions{display:flex;align-items:center;margin-top:1.61458vw;}
.index_banner-btn{display:inline-flex;align-items:center;padding:0.26042vw;background:#ffffff;border-radius:2.60417vw;text-decoration:none;flex-shrink:0;}
.index_banner-btn-inner{display:flex;align-items:center;padding:0 0.41667vw 0 0;border-radius:2.34375vw;position:relative;overflow:hidden;gap:0.83333vw;}
.index_banner-btn-inner::before{content:'';position:absolute;top:0;left:0;width:0;height:100%;background:var(--color-primary);transition:width 0.45s ease-in-out;z-index:0;}
.index_banner-btn:hover .index_banner-btn-inner::before{width:100%;}
.index_banner-btn-iconwrap{position:relative;z-index:1;width:2.1875vw;height:2.1875vw;background:var(--color-primary);border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.index_banner-btn-arrows{position:relative;display:inline-flex;align-items:center;width:1.04167vw;height:1.04167vw;overflow:hidden;}
.ib-arrow{width:1.04167vw;height:1.04167vw;flex-shrink:0;transition:transform 0.4s ease-in-out;}
.ib-arrow--2{position:absolute;left:0;transform:translateX(-150%);}
.index_banner-btn:hover .ib-arrow--1{transform:translateX(150%);}
.index_banner-btn:hover .ib-arrow--2{transform:translateX(0);}
.index_banner-btn-text{position:relative;z-index:1;overflow:hidden;line-height:1;font-family:var(--font-primary);font-weight:500;font-size:0.83333vw;color:#000000;transition:color 0.4s ease-in-out 0.05s;white-space:nowrap;}
.index_banner-btn-text > span{display:block;transition:transform 0.5s ease-in-out;text-shadow:0 1.5em 0 #ffffff;}
.index_banner-btn:hover .index_banner-btn-text{color:#ffffff;}
.index_banner-btn:hover .index_banner-btn-text > span{transform:translateY(-1.5em);}
.index_banner-phone{display:inline-flex;align-items:center;margin-left:4.16667vw;flex-shrink:0;text-decoration:none;}
.index_banner-phone-icon{height:2.70833vw;width:2.70833vw;flex-shrink:0;object-fit:contain;}
.index_banner-phone-num{font-family:var(--font-primary);font-weight:400;font-size:1.04167vw;color:#ffffff;line-height:100%;letter-spacing:0;text-align:center;margin-left:0.78125vw;white-space:nowrap;position:relative;}
.index_banner-phone-num::before{content:'';position:absolute;bottom:-2px;right:0;width:0;height:1px;background:#ffffff;transition:width 0.3s ease-in-out,right 0.3s ease-in-out,left 0.3s ease-in-out;}
.index_banner-phone:hover .index_banner-phone-num::before{width:100%;right:auto;left:0;}
.index_banner-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:2.91667vw;height:2.91667vw;background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background 0.4s ease;}
.index_banner-arrow:hover{background:rgba(217,217,217,0.25);}
.index_banner-arrow--prev{left:3.75vw;}
.index_banner-arrow--next{right:3.75vw;}
.banner-arrow-ring{position:absolute;top:0;left:0;width:100%;height:100%;}
.ring-bg{fill:none;stroke:rgba(255,255,255,0.4);stroke-width:1;}
.ring-stroke{fill:none;stroke:#ffffff;stroke-width:1.5;stroke-dasharray:172.79;stroke-dashoffset:172.79;transform:rotate(-90deg);transform-origin:28px 28px;transition:stroke-dashoffset 0.6s ease;}
.index_banner-arrow:hover .ring-stroke{stroke-dashoffset:0;}
.banner-arrow-icon{position:relative;z-index:1;width:100%;height:100%;}
/*index_banner end*/

/*navbar tablet start*/
@media screen and (max-width:1024px){
.navbar{height:60px;position:relative;}
.navbar-container{width:92%;max-width:100%;margin:0 auto;padding:0;}
.navbar-logo img{height:44px;}
.navbar-search{display:none;}
.navbar-toggle{display:flex;}
.navbar-menu{
    display:block;
    position:fixed;
    top:60px;left:0;
    width:100vw;
    max-height:calc(100vh - 60px);
    overflow-y:auto;
    background:#ffffff;
    padding:20px;
    margin-left:0;
    z-index:100;
    transform:translateX(-100%);
    transition:transform 0.35s cubic-bezier(0.4,0,0.2,1);
    box-shadow:4px 4px 20px rgba(0,0,0,0.10);
}
.navbar-menu.active{transform:translateX(0);}
.navbar-menu-item{display:block;margin-bottom:8px;}
.navbar-menu-item:last-child{margin-bottom:0;}
.navbar-menu-item.active::after{display:none;}
.navbar-menu-link{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    padding:13px 15px;
    font-size:16px;
    font-weight:500;
    color:#333333;
    white-space:normal;
    border-radius:8px;
    transition:background 0.2s ease,color 0.2s ease;
}
.navbar-menu-link:hover{color:var(--color-primary);}
.navbar-menu-item.active .navbar-menu-link{background:var(--color-primary);color:#ffffff;}
.navbar-menu-item--dropdown .navbar-menu-link{justify-content:space-between;}
.navbar-menu-item--dropdown:hover .navbar-menu-link{background:transparent;color:#333333;}
.navbar-menu-item--dropdown:hover .navbar-dropdown-arrow{transform:rotate(0deg);}
.navbar-menu-item--dropdown.open .navbar-menu-link{background:var(--color-primary);color:#ffffff;}
.navbar-dropdown{
    position:static;
    background:transparent;
    box-shadow:none;
    opacity:1;visibility:visible;transform:none;
    min-width:unset;
    max-height:0;overflow:hidden;
    transition:max-height 0.3s ease;
    padding:0;margin:0;border-radius:0;
}
.navbar-menu-item--dropdown.open .navbar-dropdown{max-height:500px;}
.navbar-dropdown li{border-bottom:1px solid #f0f0f0;}
.navbar-dropdown li:last-child{border-bottom:none;}
.navbar-dropdown-link{display:block;padding:10px 15px 10px 30px;font-size:14px;color:#555555;}
.navbar-dropdown-link:hover{background:rgba(19,60,133,0.05);color:var(--color-primary);}
.navbar-dropdown-arrow{width:14px;height:10px;transform:rotate(0deg);transition:transform 0.3s ease;}
.navbar-menu-item--dropdown.open .navbar-dropdown-arrow{transform:rotate(180deg);filter:brightness(0) invert(1);}
.navbar-mobile-search-item{display:block;margin-top:10px;padding-top:15px;border-top:1px solid #e5e5e5;}
.navbar-mobile-search{
    display:flex;
    align-items:center;
    height:44px;
    border:1.5px solid var(--color-primary);
    border-radius:10px;
    overflow:hidden;
}
.navbar-mobile-search input{
    flex:1;height:100%;
    border:none;background:transparent;outline:none;
    padding:0 15px;
    font-family:var(--font-primary);font-size:14px;color:#333;
}
.navbar-mobile-search input::placeholder{color:#aaa;}
.navbar-mobile-search-btn{
    width:44px;height:100%;flex-shrink:0;
    background:var(--color-primary);
    border:none;cursor:pointer;
    display:flex;align-items:center;justify-content:center;
    transition:opacity 0.3s;
}
.navbar-mobile-search-btn:hover{opacity:0.85;}
.navbar-mobile-search-icon{height:16px;width:auto;filter:brightness(0) invert(1);}
}
/*navbar tablet end*/

/*navbar mobile start*/
@media screen and (max-width:768px){
.navbar{height:52px;}
.navbar-menu{top:52px;width:100vw;max-height:calc(100vh - 52px);padding:15px;}
.navbar-logo img{height:36px;}
.navbar-menu-link{font-size:15px;padding:12px 14px;}
.navbar-mobile-search{height:11vw;border-radius:2.5vw;}
.navbar-mobile-search input{font-size:3.5vw;padding:0 3vw;}
.navbar-mobile-search-btn{width:11vw;}
.navbar-mobile-search-icon{height:4vw;}
}
/*navbar mobile end*/

/*index_banner tablet start*/
@media screen and (max-width:1024px){
.index_banner{height:62vw;}
.index_banner-content{width:68vw;min-height:auto;top:6vw;padding:5vw 6vw;}
.index_banner-title{font-size:4.5vw;line-height:1.2;}
.index_banner-desc{font-size:1.8vw;margin-top:2vw;line-height:1.6;}
.index_banner-actions{margin-top:3vw;flex-wrap:wrap;justify-content:center;gap:3vw;}
.index_banner-btn{padding:0.5vw;}
.index_banner-btn-inner{gap:1.5vw;padding:0 1.5vw 0 0;}
.index_banner-btn-iconwrap{width:4vw;height:4vw;}
.index_banner-btn-arrows{width:2vw;height:2vw;}
.ib-arrow{width:2vw;height:2vw;}
.index_banner-btn-text{font-size:1.6vw;}
.index_banner-phone{margin-left:0;}
.index_banner-phone-icon{height:5.5vw;width:5.5vw;}
.index_banner-phone-num{font-size:2vw;}
.index_banner-arrow{width:5.5vw;height:5.5vw;}
.index_banner-arrow--prev{left:2vw;}
.index_banner-arrow--next{right:2vw;}
}
/*index_banner tablet end*/

/*index_banner mobile start*/
@media screen and (max-width:768px){
.index_banner{height:90vw;}
.index_banner-content{width:92vw;top:4vw;padding:7vw 6vw;}
.index_banner-title{font-size:6.5vw;line-height:1.25;}
.index_banner-title br,.index_banner-desc br{display:none;}
.index_banner-desc{font-size:3.2vw;margin-top:3vw;line-height:1.6;}
.index_banner-actions{margin-top:5vw;gap:4vw;}
.index_banner-btn{padding:1vw;border-radius:10vw;}
.index_banner-btn-inner{gap:2.5vw;padding:0 2.5vw 0 0;border-radius:9vw;}
.index_banner-btn-iconwrap{width:7vw;height:7vw;}
.index_banner-btn-arrows{width:3.5vw;height:3.5vw;}
.ib-arrow{width:3.5vw;height:3.5vw;}
.index_banner-btn-text{font-size:3vw;}
.index_banner-phone-icon{height:9vw;width:9vw;}
.index_banner-phone-num{font-size:3.5vw;margin-left:2vw;}
.index_banner-arrow{width:9vw;height:9vw;}
.index_banner-arrow--prev{left:2vw;}
.index_banner-arrow--next{right:2vw;}
}
/*index_banner mobile end*/

/*index_features start*/
.index_features{width:100%;height:5.20833vw;background:var(--color-primary);display:flex;align-items:center;}
.index_features-container{max-width:var(--content-width);width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;}
.index_features-item{display:flex;align-items:center;gap:0.36458vw;}
.index_features-text{font-family:var(--font-primary);font-weight:500;font-size:1.875vw;color:#ffffff;line-height:100%;letter-spacing:0;white-space:nowrap;}
.index_features-icon{height:0.83333vw;width:auto;flex-shrink:0;}
/*index_features end*/

/*index_features tablet start*/
@media screen and (max-width:1024px){
.index_features{height:auto;padding:4vw 0;}
.index_features-container{max-width:92%;margin:0 auto;flex-direction:column;gap:4vw;}
.index_features-text{font-size:3.5vw;}
.index_features-icon{height:1.6vw;}
}
/*index_features tablet end*/

/*index_features mobile start*/
@media screen and (max-width:768px){
.index_features{padding:0;}
.index_features-container{max-width:92%;margin:0 auto;gap:0;}
.index_features-item{justify-content:center;padding:5.5vw 0;border-bottom:1px solid rgba(255,255,255,0.18);}
.index_features-item:last-child{border-bottom:none;}
.index_features-text{font-size:4.5vw;}
.index_features-icon{height:4vw;}
}
/*index_features mobile end*/

/*index_product start*/
.index_product{width:100%;background:#ffffff;padding:4.16667vw 0 5.20833vw;}
.index_product-container{max-width:var(--content-width);margin:0 auto;}
.index_product-header{text-align:center;position:relative;margin-bottom:3.125vw;}
.index_product-header::before{content:'';position:absolute;width:32.60417vw;height:6.82292vw;background:url('../images/deco_product_title.svg') center/contain no-repeat;top:38%;left:50%;transform:translate(-50%,-50%);z-index:0;pointer-events:none;}
.index_product-title{font-family:var(--font-primary);font-weight:700;font-size:2.91667vw;color:#000000;line-height:100%;position:relative;z-index:1;}
.index_product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5625vw;}
.index_product-card{background:#ffffff;border-radius:0.52083vw;border:1px solid #e8e8e8;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow 0.3s ease;}
.index_product-card:hover{box-shadow:0 0.41667vw 1.5625vw rgba(0,0,0,0.1);}
.index_product-card-img{padding:1.5625vw 1.5625vw 0;display:flex;align-items:center;justify-content:center;}
.index_product-card-img img{width:100%;height:14.58333vw;object-fit:contain;}
.index_product-card-body{padding:0.83333vw 1.5625vw 1.5625vw;display:flex;flex-direction:column;flex:1;}
.index_product-card-name{font-family:var(--font-primary);font-weight:700;font-size:1.14583vw;color:#000000;line-height:130%;margin-bottom:0.41667vw;}
.index_product-card-desc{font-family:var(--font-primary);font-weight:400;font-size:0.72917vw;color:#666666;line-height:170%;flex:1;margin-bottom:0.83333vw;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.index_product-card-btn{display:inline-flex;align-items:center;justify-content:center;padding:0.36458vw 1.04167vw;border:1px solid #cccccc;border-radius:1.04167vw;font-family:var(--font-primary);font-weight:400;font-size:0.72917vw;color:#333333;text-decoration:none;align-self:flex-start;transition:background 0.3s ease,border-color 0.3s ease,color 0.3s ease;}
.index_product-card-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#ffffff;}
/*index_product end*/

/*index_product tablet start*/
@media screen and (max-width:1024px){
.index_product{padding:6vw 0 7vw;}
.index_product-container{max-width:92%;margin:0 auto;}
.index_product-header::before{width:55vw;height:11.5vw;}
.index_product-title{font-size:5vw;}
.index_product-header{margin-bottom:4vw;}
.index_product-grid{gap:3vw;}
.index_product-card-img img{height:24vw;}
.index_product-card-body{padding:2vw 3vw 3vw;}
.index_product-card-name{font-size:2vw;}
.index_product-card-desc{font-size:1.4vw;}
.index_product-card-btn{font-size:1.4vw;padding:0.8vw 2vw;}
}
/*index_product tablet end*/

/*index_product mobile start*/
@media screen and (max-width:768px){
.index_product{padding:8vw 0 10vw;}
.index_product-header::before{width:80vw;height:16.5vw;}
.index_product-title{font-size:7.5vw;}
.index_product-header{margin-bottom:6vw;}
.index_product-grid{grid-template-columns:1fr;gap:5vw;}
.index_product-card-img img{height:50vw;}
.index_product-card-body{padding:3vw 4vw 5vw;}
.index_product-card-name{font-size:4vw;margin-bottom:1.5vw;}
.index_product-card-desc{font-size:3vw;margin-bottom:3vw;}
.index_product-card-btn{font-size:3vw;padding:2vw 4vw;}
}
/*index_product mobile end*/

/*index_why start*/
.index_why,.about_why{width:100%;background:#EEF0F5;padding:2.60417vw 0;}
.index_why-container,.about_why-container{max-width:var(--content-width);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5625vw;}
.index_why-header,.about_why-header{grid-column:1/-1;text-align:center;margin-bottom:1.5625vw;}
.index_why-title,.about_why-title{font-family:var(--font-primary);font-weight:700;font-size:2.91667vw;color:#000000;line-height:100%;}
.index_why-card,.about_why-card{position:relative;aspect-ratio:459/189;cursor:pointer;}
.index_why-card-bg,.about_why-card-bg{position:absolute;top:0;left:0;width:100%;height:100%;display:block;filter:drop-shadow(0 0.10417vw 0.41667vw rgba(0,0,0,0.08));}
.index_why-card-shape,.about_why-card-shape{fill:#ffffff;transition:fill 0.35s ease;}
.index_why-card:hover .index_why-card-shape,
.index_why-card--active .index_why-card-shape,
.about_why-card:hover .about_why-card-shape,
.about_why-card--active .about_why-card-shape{fill:var(--color-primary);}
.index_why-content,.about_why-content{position:absolute;top:0;left:0;width:100%;height:100%;}
.index_why-icon-wrap,.about_why-icon-wrap{position:absolute;left:18.52%;top:35.98%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;}
.index_why-icon,.about_why-icon{width:3.64583vw;height:3.64583vw;flex-shrink:0;}
.index_why-text,.about_why-text{position:absolute;left:33%;right:0;top:0;bottom:0;padding:0 1.5625vw 0 0;display:flex;flex-direction:column;justify-content:center;gap:0.41667vw;}
.index_why-card-title,.about_why-card-title{font-family:var(--font-primary);font-weight:700;font-size:1.04167vw;color:#000000;line-height:130%;transition:color 0.35s ease;}
.index_why-card:hover .index_why-card-title,
.index_why-card--active .index_why-card-title,
.about_why-card:hover .about_why-card-title,
.about_why-card--active .about_why-card-title{color:#ffffff;}
.index_why-card-desc,.about_why-card-desc{font-family:var(--font-primary);font-weight:400;font-size:0.72917vw;color:#666666;line-height:165%;transition:color 0.35s ease;}
.index_why-card:hover .index_why-card-desc,
.index_why-card--active .index_why-card-desc,
.about_why-card:hover .about_why-card-desc,
.about_why-card--active .about_why-card-desc{color:rgba(255,255,255,0.8);}
/*index_why end*/

/*index_why tablet start*/
@media screen and (max-width:1024px){
.index_why,.about_why{padding:4vw 0;}
.index_why-container,.about_why-container{max-width:92%;margin:0 auto;gap:2.5vw;}
.index_why-title,.about_why-title{font-size:5vw;}
.index_why-icon,.about_why-icon{width:6.5vw;height:6.5vw;}
.index_why-card-title,.about_why-card-title{font-size:1.8vw;}
.index_why-card-desc,.about_why-card-desc{font-size:1.3vw;}
}
/*index_why tablet end*/

/*index_why mobile start*/
@media screen and (max-width:768px){
.index_why,.about_why{padding:6vw 0;}
.index_why-title,.about_why-title{font-size:7.5vw;}
.index_why-header,.about_why-header{margin-bottom:5vw;}
.index_why-container,.about_why-container{grid-template-columns:1fr;gap:4vw;}
.index_why-card,.about_why-card{aspect-ratio:auto;}
.index_why-card-bg,.about_why-card-bg{display:none;}
.index_why-content,.about_why-content{position:relative;display:flex;align-items:center;background:#ffffff;border-radius:8px;padding:5vw 4vw;filter:drop-shadow(0 1px 4px rgba(0,0,0,0.08));}
.index_why-card--active .index_why-content,.about_why-card--active .about_why-content{background:var(--color-primary);}
.index_why-card--active .index_why-icon,.about_why-card--active .about_why-icon{filter:brightness(0) invert(1);}
.index_why-icon-wrap,.about_why-icon-wrap{position:relative;left:auto;top:auto;transform:none;flex-shrink:0;margin-right:4vw;}
.index_why-icon,.about_why-icon{width:11vw;height:11vw;}
.index_why-text,.about_why-text{position:relative;left:auto;right:auto;top:auto;bottom:auto;padding:0;}
.index_why-card-title,.about_why-card-title{font-size:4.5vw;}
.index_why-card-desc,.about_why-card-desc{font-size:3vw;}
}
/*index_why mobile end*/

/*index_cases start*/
.index_cases{width:100%;background:#ffffff;padding:3.125vw 0;}
.index_cases-container{max-width:var(--content-width);margin:0 auto;}
.index_cases-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5625vw;}
.index_cases-title{font-family:var(--font-primary);font-weight:700;font-size:2.91667vw;color:#000000;line-height:100%;}
.index_cases-more{display:inline-flex;align-items:center;gap:0.3125vw;padding:0.36458vw 0.72917vw;border:1px solid #000000;border-radius:0.20833vw;font-family:var(--font-primary);font-weight:400;font-size:0.72917vw;color:#333333;text-decoration:none;white-space:nowrap;background:linear-gradient(var(--color-primary) 0 100%) left/0% 100% no-repeat;transition:background-size 0.4s cubic-bezier(0.4,0,0.2,1),color 0.35s ease,border-color 0.35s ease;}
.index_cases-more:hover{background-size:100% 100%;color:#ffffff;border-color:var(--color-primary);}
.index_cases-more svg{width:0.36458vw;height:0.57292vw;flex-shrink:0;transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);}
.index_cases-more:hover svg{transform:translateX(3px);}
.index_cases-more:hover svg path{stroke:#ffffff;}
.index_cases-swiper-outer{overflow-x:clip;width:100%;}
.index_cases-swiper{width:100%;overflow:visible!important;}
.index_cases-img{width:100%;height:auto;display:block;}
.index_cases-caption{font-family:var(--font-primary);font-weight:500;font-size:1.04167vw;color:#333333;margin-top:0.625vw;line-height:1;text-transform:capitalize;}
.index_cases-scrollbar{height:2px;background:#e0e0e0;border-radius:1px;margin-top:3.125vw;position:relative;}
.index_cases-scrollbar-fill{position:absolute;top:0;left:0;height:100%;width:16.67%;background:var(--color-primary);border-radius:1px;transition:width 0.3s ease;}
.index_cases-scrollbar-icon{position:absolute;right:-13px;top:50%;transform:translateY(-50%);width:27px;height:27px;display:block;}
/*index_cases end*/

/*index_cases tablet start*/
@media screen and (max-width:1024px){
.index_cases{padding:5vw 0;}
.index_cases-container{max-width:92%;margin:0 auto;}
.index_cases-title{font-size:5vw;}
.index_cases-more{font-size:1.4vw;padding:0.8vw 1.5vw;}
.index_cases-caption{font-size:2vw;}
.index_cases-scrollbar{height:2px;margin-top:5vw;}
.index_cases-scrollbar-icon{width:4vw;height:4vw;right:-2vw;}
}
/*index_cases tablet end*/

/*index_cases mobile start*/
@media screen and (max-width:768px){
.index_cases{padding:8vw 0;}
.index_cases-header{margin-bottom:5vw;}
.index_cases-title{font-size:7.5vw;}
.index_cases-more{font-size:3vw;padding:1.2vw 2.5vw;border-radius:1vw;}
.index_cases-more svg{width:2vw;height:3.2vw;}
.index_cases-caption{font-size:3.5vw;margin-top:2.5vw;}
.index_cases-scrollbar{margin-top:8vw;}
.index_cases-scrollbar-icon{width:7vw;height:7vw;right:-3.5vw;}
}
/*index_cases mobile end*/

/*index_cert start*/
.index_cert{width:100%;background:url('../images/cert_bg.webp') center bottom/100% auto no-repeat;padding:3.125vw 0 39.5vw;}
.index_cert-container{max-width:var(--content-width);margin:0 auto;}
.index_cert-header{text-align:center;position:relative;margin-bottom:2.08333vw;}
.index_cert-header::before{content:'';position:absolute;width:32.60417vw;height:6.82292vw;background:url('../images/deco_cert_title.svg') center/contain no-repeat;top:38%;left:50%;transform:translate(-50%,-50%);z-index:0;pointer-events:none;}
.index_cert-title{font-family:var(--font-primary);font-weight:700;font-size:2.91667vw;color:#000000;line-height:100%;position:relative;z-index:1;}
/*index_cert end*/

/*index_cert tablet start*/
@media screen and (max-width:1024px){
.index_cert{padding-top:5vw;padding-bottom:42vw;}
.index_cert-container{max-width:92%;margin:0 auto;}
.index_cert-header::before{width:55vw;height:11.5vw;}
.index_cert-title{font-size:5vw;}
.index_cert-header{margin-bottom:3vw;}
}
/*index_cert tablet end*/

/*index_cert mobile start*/
@media screen and (max-width:768px){
.index_cert{padding-top:8vw;padding-bottom:54vw;}
.index_cert-header::before{width:80vw;height:16.5vw;}
.index_cert-title{font-size:7.5vw;}
.index_cert-header{margin-bottom:5vw;}
}
/*index_cert mobile end*/

/*index_about start*/
.index_about{width:100%;background:#ffffff;padding:4.16667vw 0;position:relative;overflow:visible;}
.index_about-svg-clip{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;}
.index_about-deco-left{position:absolute;left:0;top:65%;transform:translateY(-50%);width:35.46875vw;height:auto;pointer-events:none;z-index:0;}
.index_about-deco-right{position:absolute;bottom:10%;right:0;width:19.63542vw;height:auto;pointer-events:none;z-index:0;}
.index_about-container{max-width:var(--content-width);margin:0 auto;display:flex;align-items:center;gap:4.16667vw;position:relative;z-index:1;}
.index_about-media{flex:0 0 31.25vw;position:relative;}
.index_about-media-cover{position:relative;transition:opacity 0.4s ease;}
.index_about-media-cover.hidden{opacity:0;pointer-events:none;}
.index_about-img{width:100%;height:auto;display:block;border-radius:0.625vw;}
.index_about-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:none;border:none;cursor:pointer;padding:0;transition:transform 0.3s ease,opacity 0.3s ease;}
.index_about-play:hover{transform:translate(-50%,-50%) scale(1.1);opacity:0.9;}
.index_about-play-icon{width:4.32292vw;height:4.32292vw;display:block;}
.index_about-media-video{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:0.625vw;overflow:hidden;opacity:0;pointer-events:none;transition:opacity 0.4s ease;}
.index_about-media-video.active{opacity:1;pointer-events:auto;}
.index_about-media-video iframe{width:100%;height:100%;display:block;border:none;}
.index_about-content{flex:1;position:relative;overflow:visible;}
.index_about-deco{position:absolute;top:-1.5vw;left:0;font-family:var(--font-primary);font-weight:700;font-size:7.03125vw;color:rgba(0,0,0,0.05);white-space:nowrap;pointer-events:none;user-select:none;line-height:1;z-index:0;}
.index_about-title{font-family:var(--font-primary);font-weight:700;font-size:2.91667vw;color:#000000;line-height:1.15;position:relative;z-index:1;margin-bottom:1.04167vw;}
.index_about-desc{font-family:var(--font-primary);font-weight:400;font-size:0.83333vw;color:#666666;line-height:175%;margin-bottom:1.5625vw;position:relative;z-index:1;}
.index_about-stats{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:0.72917vw 1.04167vw;margin-bottom:2.08333vw;position:relative;z-index:1;}
.index_about-stat{display:flex;align-items:center;gap:0.41667vw;}
.index_about-stat-icon{width:0.67708vw;height:0.67708vw;flex-shrink:0;}
.index_about-stat span{font-family:var(--font-primary);font-weight:400;font-size:0.83333vw;color:#333333;line-height:130%;}
.index_about-btn{display:inline-flex;align-items:center;background:var(--color-primary);border-radius:2.60417vw;text-decoration:none;padding:0.26042vw;position:relative;z-index:1;}
.index_about-btn-inner{display:flex;align-items:center;padding:0 0.83333vw 0 0;border-radius:2.34375vw;gap:0.625vw;}
.index_about-btn-iconwrap{width:2.08333vw;height:2.08333vw;background:#ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;}
.index_about-btn-arrows{position:relative;display:inline-flex;align-items:center;width:0.9375vw;height:0.9375vw;overflow:hidden;}
.ab-arrow{width:0.9375vw;height:0.9375vw;flex-shrink:0;transition:transform 0.4s ease-in-out;}
.ab-arrow--2{position:absolute;left:0;transform:translateX(-150%);}
.index_about-btn:hover .ab-arrow--1{transform:translateX(150%);}
.index_about-btn:hover .ab-arrow--2{transform:translateX(0);}
.index_about-btn-text{position:relative;z-index:1;overflow:hidden;line-height:1;font-family:var(--font-primary);font-weight:500;font-size:0.83333vw;color:#ffffff;white-space:nowrap;}
.index_about-btn-text > span{display:block;transition:transform 0.5s ease-in-out;text-shadow:0 1.5em 0 #ffffff;}
.index_about-btn:hover .index_about-btn-text > span{transform:translateY(-1.5em);}
/*index_about end*/

/*index_about tablet start*/
@media screen and (max-width:1024px){
.index_about{padding:6vw 0;}
.index_about-container{max-width:92%;margin:0 auto;flex-direction:column;gap:5vw;align-items:flex-start;}
.index_about-media{flex:0 0 auto;width:100%;}
.index_about-img{border-radius:1vw;}
.index_about-play-icon{width:8vw;height:8vw;}
.index_about-deco{font-size:10vw;}
.index_about-title{font-size:5vw;}
.index_about-desc{font-size:1.6vw;}
.index_about-stat span{font-size:1.6vw;}
.index_about-stat-icon{width:2vw;height:2vw;}
.index_about-btn-text{font-size:1.6vw;}
.index_about-btn-iconwrap{width:4vw;height:4vw;}
.index_about-btn-arrows{width:1.8vw;height:1.8vw;}
.ab-arrow{width:1.8vw;height:1.8vw;}
}
/*index_about tablet end*/

/*index_about mobile start*/
@media screen and (max-width:768px){
.index_about{padding:8vw 0;}
.index_about-container{gap:7vw;}
.index_about-play-icon{width:12vw;height:12vw;}
.index_about-deco{font-size:14vw;}
.index_about-title{font-size:7.5vw;margin-bottom:3vw;}
.index_about-desc{font-size:3vw;margin-bottom:4vw;}
.index_about-stats{grid-template-columns:1fr;gap:2.5vw;margin-bottom:5vw;}
.index_about-stat span{font-size:3vw;}
.index_about-stat-icon{width:4vw;height:4vw;}
.index_about-stat{gap:2vw;}
.index_about-btn-text{font-size:3.5vw;}
.index_about-btn-iconwrap{width:8vw;height:8vw;}
.index_about-btn-arrows{width:3.5vw;height:3.5vw;}
.ab-arrow{width:3.5vw;height:3.5vw;}
.index_about-btn{padding:1vw;border-radius:12vw;}.index_about-btn-inner{padding:0 3vw 0 0;gap:2vw;border-radius:11vw;}
}
/*index_about mobile end*/

/*index_contact start*/
.index_contact{width:100%;background:url('../images/contact_bg.webp') center/cover no-repeat;padding:4.16667vw 0;}
.index_contact-container{max-width:var(--content-width);margin:0 auto;display:flex;align-items:center;gap:3.125vw;}
.index_contact-left{flex:1;min-width:0;}
.index_contact-title{font-family:var(--font-primary);font-weight:700;font-size:3.33333vw;color:#000000;line-height:1.1;margin-bottom:1.04167vw;}
.index_contact-desc{font-family:var(--font-primary);font-weight:400;font-size:0.83333vw;color:#333333;line-height:1.6;margin-bottom:2.08333vw;max-width:22.91667vw;}
.index_contact-info{display:flex;flex-direction:column;gap:1.30208vw;margin-bottom:2.08333vw;}
.index_contact-info-item{display:flex;align-items:center;gap:0.9375vw;}
.index_contact-info-icon{width:2.86458vw;height:2.86458vw;flex-shrink:0;}
.index_contact-info-label{font-family:var(--font-primary);font-weight:700;font-size:0.83333vw;color:#000000;line-height:1;margin-bottom:0.26042vw;}
.index_contact-info-value{font-family:var(--font-primary);font-weight:400;font-size:0.83333vw;color:#333333;line-height:1;}
.index_contact-info-link{text-decoration:none;color:#333333;position:relative;display:inline-block;}
.index_contact-info-link::after{content:'';position:absolute;left:0;bottom:-2px;width:0;height:1px;background:var(--color-primary);transition:width 0.35s cubic-bezier(0.4,0,0.2,1);}
.index_contact-info-link:hover{color:var(--color-primary);}
.index_contact-info-link:hover::after{width:100%;}
.index_contact-social{display:flex;align-items:center;gap:0.9375vw;}
.index_contact-social-link{display:flex;align-items:center;justify-content:center;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),filter 0.3s ease;}
.index_contact-social-link:hover{transform:translateY(-3px) scale(1.1);filter:brightness(0.8);}
.index_contact-social-link img{width:1.77083vw;height:1.77083vw;display:block;}
.index_contact-right{width:27.08333vw;flex-shrink:0;}
.index_contact-card{background:#ffffff;border-radius:0.41667vw;padding:2.08333vw;box-shadow:0 0.52083vw 2.08333vw rgba(0,0,0,0.10);}
.index_contact-card-header{display:flex;align-items:center;gap:0.625vw;margin-bottom:0.78125vw;}
.index_contact-card-icon{width:1.77083vw;height:1.77083vw;flex-shrink:0;}
.index_contact-card-title{font-family:var(--font-primary);font-weight:700;font-size:1.25vw;color:#000000;line-height:1;}
.index_contact-card-desc{font-family:var(--font-primary);font-weight:400;font-size:0.72917vw;color:#666666;line-height:1.6;margin-bottom:1.30208vw;}
.index_contact-form{display:flex;flex-direction:column;gap:0.9375vw;}
.index_contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:0.9375vw;}
.index_contact-form-field{display:flex;flex-direction:column;gap:0.26042vw;}
.index_contact-form-field--full{grid-column:1/-1;}
.index_contact-form-label{font-family:var(--font-primary);font-weight:400;font-size:0.72917vw;color:#000000;line-height:1;}
.index_contact-form-required{color:#e53e3e;}
.index_contact-form-input{width:100%;height:2.5vw;padding:0 0.78125vw;border:1px solid #d0dcea;border-radius:0.20833vw;background:#f5f8fc;font-family:var(--font-primary);font-size:0.72917vw;color:#333333;outline:none;transition:border-color 0.3s ease,background 0.3s ease;box-sizing:border-box;}
.index_contact-form-input::placeholder{color:#aab4c4;}
.index_contact-form-input:focus{border-color:var(--color-primary);background:#ffffff;}
.index_contact-form-textarea{width:100%;padding:0.625vw 0.78125vw;border:1px solid #d0dcea;border-radius:0.20833vw;background:#f5f8fc;font-family:var(--font-primary);font-size:0.72917vw;color:#333333;outline:none;resize:vertical;transition:border-color 0.3s ease,background 0.3s ease;box-sizing:border-box;min-height:6.25vw;}
.index_contact-form-textarea::placeholder{color:#aab4c4;}
.index_contact-form-textarea:focus{border-color:var(--color-primary);background:#ffffff;}
.index_contact-form-btn{width:100%;height:2.70833vw;background-color:var(--color-primary);background-image:linear-gradient(#0d2d6b 0 100%);background-position:left;background-size:0% 100%;background-repeat:no-repeat;color:#ffffff;border:none;border-radius:2.60417vw;font-family:var(--font-primary);font-weight:500;font-size:0.9375vw;cursor:pointer;letter-spacing:0.02em;transition:background-size 0.4s cubic-bezier(0.4,0,0.2,1);}
.index_contact-form-btn:hover{background-size:100% 100%;}
/*index_contact end*/

/*index_contact tablet start*/
@media screen and (max-width:1024px){
.index_contact{padding:6vw 0;}
.index_contact-container{max-width:92%;margin:0 auto;gap:4vw;}
.index_contact-title{font-size:5vw;}
.index_contact-desc{font-size:1.5vw;max-width:100%;}
.index_contact-info-icon{width:5.5vw;height:5.5vw;}
.index_contact-info-label{font-size:1.4vw;}
.index_contact-info-value{font-size:1.4vw;}
.index_contact-social-link img{width:3.5vw;height:3.5vw;}
.index_contact-right{width:45vw;}
.index_contact-card{padding:3vw;}
.index_contact-card-icon{width:3vw;height:3vw;}
.index_contact-card-title{font-size:2.2vw;}
.index_contact-card-desc{font-size:1.4vw;}
.index_contact-form-label{font-size:1.4vw;}
.index_contact-form-input{height:4.5vw;font-size:1.4vw;padding:0 1.5vw;}
.index_contact-form-textarea{font-size:1.4vw;padding:1.2vw 1.5vw;min-height:12vw;}
.index_contact-form-btn{height:5.5vw;font-size:1.8vw;}
}
/*index_contact tablet end*/

/*index_contact mobile start*/
@media screen and (max-width:768px){
.index_contact{padding:8vw 0;}
.index_contact-container{flex-direction:column;gap:8vw;}
.index_contact-title{font-size:8vw;}
.index_contact-desc{font-size:3vw;max-width:100%;}
.index_contact-info{gap:4vw;margin-bottom:6vw;}
.index_contact-info-icon{width:10vw;height:10vw;}
.index_contact-info-item{gap:3vw;}
.index_contact-info-label{font-size:3vw;}
.index_contact-info-value{font-size:3vw;}
.index_contact-social{gap:4vw;}
.index_contact-social-link img{width:7vw;height:7vw;}
.index_contact-right{width:100%;}
.index_contact-card{padding:5vw;border-radius:3vw;}
.index_contact-card-header{gap:2vw;margin-bottom:2vw;}
.index_contact-card-icon{width:5.5vw;height:5.5vw;}
.index_contact-card-title{font-size:4.5vw;}
.index_contact-card-desc{font-size:3vw;margin-bottom:4vw;line-height:1.7;}
.index_contact-form{gap:3.5vw;}
.index_contact-form-row{grid-template-columns:1fr;gap:3.5vw;}
.index_contact-form-field{gap:1.5vw;}
.index_contact-form-label{font-size:3vw;}
.index_contact-form-input{height:11vw;font-size:3vw;padding:0 3vw;border-radius:2vw;}
.index_contact-form-textarea{font-size:3vw;padding:2.5vw 3vw;min-height:25vw;border-radius:2vw;}
.index_contact-form-btn{height:12vw;font-size:3.5vw;border-radius:8vw;}
}
/*index_contact mobile end*/

/*index_partners start*/
.index_partners{width:100%;background:#ffffff;border-top:1px solid #eeeeee;border-bottom:1px solid #eeeeee;padding:2.08333vw 0;}
.index_partners-container{max-width:var(--content-width);margin:0 auto;overflow:hidden;}
.index_partners-track{display:flex;align-items:center;width:max-content;animation:partners-marquee 14s linear infinite;}
@keyframes partners-marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.index_partners-item{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0 3.125vw;cursor:default;}
.index_partners-logo{max-height:2.60417vw;width:auto;object-fit:contain;display:block;transition:transform 0.3s ease,opacity 0.3s ease;opacity:0.85;}
.index_partners-item:hover .index_partners-logo{transform:scale(1.06);opacity:1;}
@media screen and (max-width:1024px){
.index_partners{padding:3vw 0;}
.index_partners-container{max-width:100%;}
.index_partners-item{padding:0 4vw;}
.index_partners-logo{max-height:4vw;}
}
@media screen and (max-width:768px){
.index_partners{padding:5vw 0;}
.index_partners-container{max-width:100%;}
.index_partners-item{padding:0 5vw;}
.index_partners-logo{max-height:7vw;}
}
/*index_partners end*/

/*about_partners start*/
.about_partners{width:100%;background:#ffffff;border-top:1px solid #eeeeee;border-bottom:1px solid #eeeeee;padding:2.08333vw 0;}
.about_partners-container{max-width:var(--content-width);margin:0 auto;overflow:hidden;}
.about_partners-track{display:flex;align-items:center;width:max-content;animation:partners-marquee 14s linear infinite;}
.about_partners-item{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0 3.125vw;cursor:default;}
.about_partners-logo{max-height:2.60417vw;width:auto;object-fit:contain;display:block;transition:transform 0.3s ease,opacity 0.3s ease;opacity:0.85;}
.about_partners-item:hover .about_partners-logo{transform:scale(1.06);opacity:1;}
@media screen and (max-width:1024px){
.about_partners{padding:3vw 0;}
.about_partners-container{max-width:100%;}
.about_partners-item{padding:0 4vw;}
.about_partners-logo{max-height:4vw;}
}
@media screen and (max-width:768px){
.about_partners{padding:5vw 0;}
.about_partners-container{max-width:100%;}
.about_partners-item{padding:0 5vw;}
.about_partners-logo{max-height:7vw;}
}
/*about_partners end*/

/*index_news start*/
.index_news{width:100%;background:#ffffff;padding:3.125vw 0;}
.index_news-container{max-width:var(--content-width);margin:0 auto;}
.index_news-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5625vw;}
.index_news-title{font-family:var(--font-primary);font-weight:700;font-size:2.91667vw;color:#000000;line-height:100%;}
.index_news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.04167vw;}
.index_news-card{display:flex;flex-direction:column;}
.index_news-card-img-wrap{display:block;position:relative;overflow:hidden;text-decoration:none;}
.index_news-card-img{width:100%;height:auto;display:block;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1);}
.index_news-card-img-wrap:hover .index_news-card-img{transform:scale(1.05);}
.index_news-card-date{position:absolute;top:0;left:0;background:rgba(19,60,133,0.85);padding:0.41667vw 0.625vw;display:flex;flex-direction:column;align-items:center;line-height:1;}
.index_news-card-date-year{font-family:var(--font-primary);font-weight:700;font-size:0.9375vw;color:#ffffff;display:block;}
.index_news-card-date-day{font-family:var(--font-primary);font-weight:400;font-size:0.72917vw;color:#ffffff;display:block;margin-top:0.15625vw;}
.index_news-card-body{padding:0.78125vw 0 0;display:flex;flex-direction:column;flex:1;}
.index_news-card-title{font-family:var(--font-primary);font-weight:700;font-size:0.9375vw;color:#000000;line-height:1.4;margin-bottom:0.52083vw;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.index_news-card-desc{font-family:var(--font-primary);font-weight:400;font-size:0.72917vw;color:#666666;line-height:1.6;margin-bottom:0.78125vw;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1;}
.index_news-card-link{display:inline-flex;align-items:center;gap:0.3125vw;font-family:var(--font-primary);font-weight:400;font-size:0.72917vw;color:var(--color-primary);text-decoration:none;transition:gap 0.3s ease;}
.index_news-card-link svg{flex-shrink:0;transition:transform 0.3s ease;}
.index_news-card-link:hover{gap:0.625vw;}
.index_news-card-link:hover svg{transform:translateX(3px);}
/*index_news tablet start*/
@media screen and (max-width:1024px){
.index_news{padding:5vw 0;}
.index_news-container{max-width:92%;margin:0 auto;}
.index_news-title{font-size:5vw;}
.index_news-grid{grid-template-columns:repeat(2,1fr);gap:3vw;}
.index_news-card-date-year{font-size:1.8vw;}
.index_news-card-date-day{font-size:1.4vw;}
.index_news-card-title{font-size:1.8vw;}
.index_news-card-desc{font-size:1.4vw;}
.index_news-card-link{font-size:1.4vw;}
}
/*index_news tablet end*/
/*index_news mobile start*/
@media screen and (max-width:768px){
.index_news{padding:8vw 0;}
.index_news-title{font-size:7.5vw;}
.index_news-header{margin-bottom:5vw;}
.index_news-grid{grid-template-columns:1fr;gap:6vw;}
.index_news-card-date{padding:1.5vw 2vw;}
.index_news-card-date-year{font-size:3.5vw;}
.index_news-card-date-day{font-size:3vw;}
.index_news-card-body{padding:2.5vw 0 0;}
.index_news-card-title{font-size:3.5vw;}
.index_news-card-desc{font-size:3vw;}
.index_news-card-link{font-size:3vw;}
}
/*index_news mobile end*/
/*index_news end*/

/*footer start*/
.site-footer{width:100%;}
.footer-top{background:#f5f5f5;padding:2.08333vw 0 2.60417vw;}
.footer-container{max-width:var(--content-width);margin:0 auto;}
.footer-brand{display:flex;align-items:center;justify-content:space-between;padding-bottom:1.5625vw;border-bottom:1px solid #e0e0e0;margin-bottom:1.5625vw;}
.footer-logo{height:4.6875vw;width:auto;display:block;}
.footer-social{display:flex;align-items:center;gap:0.78125vw;}
.footer-social-link{display:flex;transition:opacity 0.3s ease,transform 0.3s ease;}
.footer-social-link:hover{opacity:0.7;transform:scale(1.1);}
.footer-social-link img{width:2.08333vw;height:2.08333vw;display:block;}
.footer-cols{display:grid;grid-template-columns:2fr 1.2fr 1.2fr 1.6fr;gap:2.08333vw;}
.footer-col-title{font-family:var(--font-primary);font-weight:700;font-size:0.9375vw;color:#000000;letter-spacing:0.05em;margin-bottom:0.9375vw;line-height:1;}
.footer-about-desc{font-family:var(--font-primary);font-weight:400;font-size:0.72917vw;color:#555555;line-height:1.7;}
.footer-nav{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.52083vw;}
.footer-nav-link{display:inline-flex;align-items:center;gap:0.41667vw;font-family:var(--font-primary);font-weight:400;font-size:0.72917vw;color:#333333;text-decoration:none;transition:color 0.3s ease,gap 0.3s ease;}
.footer-nav-link span{color:#555555;font-size:0.9375vw;line-height:1;display:flex;align-items:center;}
.footer-nav-link:hover{color:var(--color-primary);gap:0.625vw;}
.footer-contact-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.78125vw;}
.footer-contact-item{display:flex;align-items:center;gap:0.41667vw;}
.footer-contact-icon{width:0.9375vw;height:auto;flex-shrink:0;margin-top:0.15625vw;}
.footer-contact-text{font-family:var(--font-primary);font-weight:400;font-size:0.72917vw;color:#333333;text-decoration:none;line-height:1.4;transition:color 0.3s ease;}
a.footer-contact-text:hover{color:var(--color-primary);}
.footer-form{display:flex;flex-direction:column;gap:0.52083vw;}
.footer-form-input,.footer-form-textarea{width:100%;padding:0.41667vw 0.625vw;border:none;border-bottom:1px solid #cccccc;background:#e8e8e8;font-family:var(--font-primary);font-size:0.72917vw;color:#333333;outline:none;transition:border-color 0.3s ease,background 0.3s ease;box-sizing:border-box;}
.footer-form-input::placeholder,.footer-form-textarea::placeholder{color:#888888;}
.footer-form-input:focus,.footer-form-textarea:focus{border-color:var(--color-primary);background:#dde8f5;}
.footer-form-textarea{resize:none;min-height:3.64583vw;}
.footer-form-btn{width:100%;padding:0.52083vw 0;background:var(--color-primary);color:#ffffff;border:none;font-family:var(--font-primary);font-weight:600;font-size:0.72917vw;letter-spacing:0.1em;cursor:pointer;background-color:var(--color-primary);background-image:linear-gradient(#0d2d6b 0 100%);background-position:left;background-size:0% 100%;background-repeat:no-repeat;transition:background-size 0.4s cubic-bezier(0.4,0,0.2,1);}
.footer-form-btn:hover{background-size:100% 100%;}
.footer-bottom{background:var(--color-primary);padding:0.9375vw 0;}
.footer-bottom .footer-container{display:flex;align-items:center;justify-content:space-between;}
.footer-copyright{font-family:var(--font-primary);font-weight:400;font-size:0.72917vw;color:rgba(255,255,255,0.7);line-height:1;}
.footer-links{display:flex;align-items:center;gap:1.04167vw;}
.footer-link{font-family:var(--font-primary);font-weight:400;font-size:0.72917vw;color:rgba(255,255,255,0.7);text-decoration:none;transition:color 0.3s ease;}
.footer-link:hover{color:#ffffff;}
.footer-copyright-link{color:rgba(255,255,255,0.7);text-decoration:underline;transition:color 0.3s ease;}
.footer-copyright-link:hover{color:#ffffff;}
/*footer tablet start*/
@media screen and (max-width:1024px){
.footer-top{padding:4vw 0;}
.footer-container{max-width:92%;margin:0 auto;}
.footer-logo{height:5vw;}
.footer-social-link img{width:3vw;height:3vw;}
.footer-cols{grid-template-columns:1fr 1fr;gap:4vw;}
.footer-col-title{font-size:1.8vw;margin-bottom:2vw;}
.footer-about-desc,.footer-nav-link,.footer-contact-text,.footer-form-input,.footer-form-textarea,.footer-form-btn,.footer-copyright,.footer-link{font-size:1.4vw;}
.footer-contact-icon{width:2vw;}
.footer-form-textarea{min-height:8vw;}
.footer-bottom{padding:2vw 0;}
}
/*footer tablet end*/
/*footer mobile start*/
@media screen and (max-width:768px){
.footer-top{padding:6vw 0;}
.footer-brand{flex-wrap:wrap;gap:4vw;padding-bottom:5vw;margin-bottom:5vw;}
.footer-logo{height:10vw;}
.footer-social{gap:3.5vw;}
.footer-social-link img{width:6.5vw;height:6.5vw;}
.footer-cols{grid-template-columns:1fr;gap:6vw;}
.footer-col-title{font-size:3.5vw;margin-bottom:3vw;}
.footer-about-desc{font-size:3vw;line-height:1.75;}
.footer-nav{gap:2.5vw;}
.footer-nav-link{font-size:3vw;gap:1.5vw;}
.footer-nav-link span{font-size:3.5vw;}
.footer-contact-list{gap:3vw;}
.footer-contact-item{gap:2.5vw;}
.footer-contact-icon{width:4vw;}
.footer-contact-text{font-size:3vw;}
.footer-form{gap:3vw;}
.footer-form-input{font-size:3vw;height:10vw;padding:0 3vw;}
.footer-form-textarea{font-size:3vw;min-height:18vw;padding:2.5vw 3vw;}
.footer-form-btn{font-size:3.5vw;padding:3.5vw 0;letter-spacing:0.08em;}
.footer-bottom{padding:4vw 0;}
.footer-bottom .footer-container{flex-direction:column;gap:3vw;text-align:center;}
.footer-copyright,.footer-link{font-size:3vw;}
}
/*footer mobile end*/
/*footer end*/

/*inner-banner start*/
.inner-banner{width:100%;height:36.45833vw;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;position:relative;}
.inner-banner::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,0.35);}
.inner-banner-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1.04167vw;}
.inner-banner-title{font-family:var(--font-primary);font-weight:700;font-size:2.60417vw;color:#ffffff;line-height:1;text-align:center;}
.inner-banner-breadcrumb{display:inline-flex;align-items:center;gap:0.52083vw;background:rgba(255,255,255,0.15);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:2.60417vw;padding:0.41667vw 1.30208vw;}
.inner-banner-breadcrumb-link{font-family:var(--font-primary);font-weight:400;font-size:0.9375vw;color:rgba(255,255,255,0.85);text-decoration:none;transition:color 0.3s ease;}
.inner-banner-breadcrumb-link:hover{color:#ffffff;}
.inner-banner-breadcrumb-sep{display:flex;align-items:center;}
.inner-banner-breadcrumb-current{font-family:var(--font-primary);font-weight:400;font-size:0.9375vw;color:rgba(255,255,255,0.85);}
@media screen and (max-width:1024px){
.inner-banner{height:45vw;}
.inner-banner-title{font-size:5vw;}
.inner-banner-breadcrumb{padding:1vw 3vw;}
.inner-banner-breadcrumb-link,.inner-banner-breadcrumb-current{font-size:1.8vw;}
}
@media screen and (max-width:768px){
.inner-banner{height:60vw;}
.inner-banner-content{gap:3.5vw;}
.inner-banner-title{font-size:10vw;}
.inner-banner-breadcrumb{padding:2.5vw 5vw;gap:2vw;}
.inner-banner-breadcrumb-link,.inner-banner-breadcrumb-current{font-size:3.5vw;}
}
/*inner-banner end*/

/*about_intro start*/
.about_intro{width:100%;background:#ffffff;padding:4.16667vw 0;}
.about_intro-container{max-width:var(--content-width);margin:0 auto;display:flex;align-items:center;gap:4.16667vw;}
.about_intro-img-wrap{flex-shrink:0;width:35.57292vw;}
.about_intro-img{width:100%;height:auto;display:block;}
.about_intro-content{flex:1;min-width:0;}
.about_intro-title{font-family:var(--font-primary);font-weight:700;font-size:2.91667vw;color:#000000;line-height:1.2;margin-bottom:1.5625vw;}
.about_intro-desc{font-family:var(--font-primary);font-weight:400;font-size:0.83333vw;color:#444444;line-height:1.8;margin-bottom:0.9375vw;}
.about_intro-desc:last-of-type{margin-bottom:1.82292vw;}
.about_intro-btn{display:inline-flex;align-items:center;background:var(--color-primary);border-radius:2.60417vw;text-decoration:none;padding:0.26042vw;position:relative;}
.about_intro-btn-iconwrap{width:2.08333vw;height:2.08333vw;background:#ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;}
.about_intro-btn-arrows{position:relative;width:0.9375vw;height:0.9375vw;flex-shrink:0;}
.about_intro-btn-inner{display:flex;align-items:center;padding:0 0.83333vw 0 0;border-radius:2.34375vw;}
.about_intro-btn-text{position:relative;z-index:1;overflow:hidden;line-height:1;font-family:var(--font-primary);font-weight:500;font-size:0.83333vw;color:#ffffff;white-space:nowrap;padding-left:0.52083vw;}
.about_intro-btn-text > span{display:block;transition:transform 0.5s ease-in-out;text-shadow:0 1.5em 0 #ffffff;}
.about_intro-btn:hover .about_intro-btn-text > span{transform:translateY(-1.5em);}
.about_intro-btn-arrows .ab-arrow{position:absolute;top:50%;left:50%;transition:transform 0.4s ease,opacity 0.4s ease;}
.about_intro-btn-arrows .ab-arrow--1{transform:translate(-50%,-50%);opacity:1;}
.about_intro-btn-arrows .ab-arrow--2{transform:translate(calc(-50% - 120%),-50%);opacity:0;}
.about_intro-btn:hover .about_intro-btn-arrows .ab-arrow--1{transform:translate(calc(-50% + 120%),-50%);opacity:0;}
.about_intro-btn:hover .about_intro-btn-arrows .ab-arrow--2{transform:translate(-50%,-50%);opacity:1;}
@media screen and (max-width:1024px){
.about_intro{padding:6vw 0;}
.about_intro-container{max-width:92%;margin:0 auto;gap:5vw;}
.about_intro-img-wrap{width:45vw;}
.about_intro-title{font-size:5vw;}
.about_intro-desc{font-size:1.5vw;}
.about_intro-btn{padding:0.6vw;border-radius:6vw;}
.about_intro-btn-inner{border-radius:5.5vw;}
.about_intro-btn-iconwrap{width:4vw;height:4vw;}
.about_intro-btn-arrows{width:1.8vw;height:1.8vw;}
.about_intro-btn-text{font-size:1.5vw;}
}
@media screen and (max-width:768px){
.about_intro{padding:8vw 0;}
.about_intro-container{flex-direction:column;gap:6vw;}
.about_intro-img-wrap{width:100%;}
.about_intro-title{font-size:7.5vw;}
.about_intro-desc{font-size:3vw;}
.about_intro-btn{padding:1.2vw;border-radius:12vw;}
.about_intro-btn-inner{padding:0 3vw 0 0;border-radius:11vw;}
.about_intro-btn-iconwrap{width:8vw;height:8vw;}
.about_intro-btn-arrows{width:3.5vw;height:3.5vw;}
.about_intro-btn-text{font-size:3vw;padding-left:2vw;}
}
/*about_intro end*/

/*about_history start*/
.about_history{width:100%;height:48.80208vw;background:url('../images/about_history_bg.webp') no-repeat center center;background-size:cover;position:relative;}
.about_history-container{width:var(--content-width);margin:0 auto;display:flex;flex-direction:column;align-items:center;}
.about_history-title{font-family:var(--font-primary);font-weight:700;font-size:2.91667vw;line-height:1;letter-spacing:0;color:#000000;text-align:center;margin-top:4.16667vw;}
.about_history-content{width:100%;display:flex;align-items:flex-start;margin-top:8.33333vw;padding:0 5vw;}
.about_history-year-display{display:flex;flex-direction:column;align-items:flex-start;}
.about_history-year-num{font-family:var(--font-primary);font-weight:500;font-size:6.875vw;line-height:1;letter-spacing:0;color:#000000;}
.about_history-year-text{font-family:var(--font-primary);font-weight:500;font-size:6.14583vw;line-height:1;letter-spacing:0;text-transform:uppercase;color:#000000;margin-top:3.64583vw;}
.about_history-info{margin-left:4.94792vw;flex:1;padding-right:5vw;}
.about_history-info-title{font-family:var(--font-primary);font-weight:500;font-size:2.08333vw;line-height:1.4;letter-spacing:0;color:#000000;}
.about_history-info-desc{font-family:var(--font-primary);font-weight:400;font-size:1.04167vw;line-height:1.6;letter-spacing:0;color:#656565;margin-top:2.08333vw;}
.about_history-timeline{width:72vw;position:absolute;bottom:8.48958vw;left:50%;transform:translateX(-50%);}
.about_history-nav-btn{width:3.69792vw;height:3.69792vw;border-radius:50%;background:#FFFFFF;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0px 2px 9.6px 0px rgba(0,0,0,0.25);transition:all 0.3s ease;color:var(--color-primary);flex-shrink:0;position:absolute;top:0;z-index:2;}
.about_history-nav-btn:hover:not(.disabled){background:var(--color-primary);color:#FFFFFF;}
.about_history-nav-btn.disabled{background:#E8E8E8;color:#AAAAAA;box-shadow:none;cursor:not-allowed;}
.about_history-nav-btn svg{width:0.57292vw;height:1.14583vw;}
.about_history-prev{left:0;transform:translateY(-50%) translateX(-50%);}
.about_history-next{right:0;transform:translateY(-50%) translateX(50%);}
.about_history-timeline-track{width:100%;position:relative;}
.about_history-timeline-line{width:100%;height:1px;background:#CCCCCC;}
.about_history-timeline-indicator{position:absolute;top:0;left:5.625vw;transform:translateX(-50%);width:1.25vw;height:0.625vw;transition:left 0.4s ease;}
.about_history-timeline-indicator img{width:100%;height:100%;}
.about_history-timeline-years{display:flex;justify-content:space-between;margin-top:1.45833vw;padding:0 5.625vw;}
.about_history-timeline-year{font-family:var(--font-primary);font-weight:500;font-size:1.25vw;line-height:1;letter-spacing:0;color:#333333;cursor:pointer;transition:color 0.3s ease;}
.about_history-timeline-year.active{color:var(--color-primary);}
/*about_history end*/

/*about_history tablet start*/
@media screen and (max-width:1024px){
.about_history{height:auto;padding:8vw 0 16vw;}
.about_history-container{width:88vw;}
.about_history-title{font-size:5vw;margin-top:0;}
.about_history-content{margin-top:5vw;padding:0 2vw;}
.about_history-year-num{font-size:9vw;}
.about_history-year-text{font-size:8vw;margin-top:2.5vw;}
.about_history-info-title{font-size:2.8vw;}
.about_history-info-desc{font-size:1.6vw;}
.about_history-timeline{width:80vw;bottom:5vw;}
.about_history-nav-btn{width:5vw;height:5vw;}
.about_history-nav-btn svg{width:0.8vw;height:1.6vw;}
.about_history-timeline-year{font-size:1.8vw;}
}
/*about_history tablet end*/

/*about_history mobile start*/
@media screen and (max-width:768px){
.about_history{height:auto;padding:10vw 0 24vw;}
.about_history-container{width:92vw;}
.about_history-title{font-size:7.5vw;line-height:1.2;margin-top:0;}
.about_history-content{flex-direction:column;margin-top:8vw;padding:0;}
.about_history-year-display{flex-direction:row;align-items:baseline;gap:3vw;}
.about_history-year-num{font-size:12vw;}
.about_history-year-text{font-size:8vw;margin-top:0;}
.about_history-info{margin-left:0;margin-top:6vw;padding-right:0;}
.about_history-info-title{font-size:5vw;line-height:1.2;}
.about_history-info-desc{font-size:3.5vw;margin-top:4vw;}
.about_history-timeline{width:82vw;bottom:8vw;}
.about_history-nav-btn{width:10vw;height:10vw;}
.about_history-nav-btn svg{width:2vw;height:4vw;}
.about_history-timeline-indicator{width:4vw;height:2vw;}
.about_history-timeline-years{padding:0 8vw;margin-top:3vw;}
.about_history-timeline-year{font-size:3vw;}
}
/*about_history mobile end*/

/*about_process start*/
.about_process{background:#f5f6f8;padding:5.20833vw 0;}
.about_process-container{max-width:var(--content-width);margin:0 auto;}
.about_process-title{text-align:center;font-family:var(--font-primary);font-size:2.91667vw;font-weight:700;color:#000000;line-height:1.2;margin:0 0 4.16667vw;}
.about_process-list{display:grid;grid-template-columns:repeat(5,1fr);gap:1.04167vw;position:relative;}
/* dotted connector line spanning from center of icon 1 to center of icon 5 */
.about_process-list::before{content:'';position:absolute;top:2.8125vw;left:calc(10% + 2.8125vw);right:calc(10% + 2.8125vw);border-top:2px dashed #c8cdd8;z-index:0;}
.about_process-item{display:flex;flex-direction:column;align-items:center;gap:0;cursor:pointer;}
.about_process-icon-wrap{position:relative;z-index:1;width:5.625vw;height:5.625vw;flex-shrink:0;}
.about_process-icon{width:100%;height:100%;display:block;transition:opacity 0.3s ease;}
.about_process-icon--on{display:none;}
.about_process-item--active .about_process-icon--on{display:block;}
.about_process-item--active .about_process-icon--default{display:none;}
.about_process-name{margin:1.04167vw 0 1.5625vw;font-family:var(--font-primary);font-size:0.9375vw;font-weight:600;color:#000000;text-align:center;line-height:1.4;min-height:2.5vw;display:flex;align-items:center;justify-content:center;}
.about_process-card{background:#104493;border-radius:0.625vw;padding:1.25vw 1.04167vw;flex:1;width:100%;box-sizing:border-box;transition:background 0.3s ease;}
.about_process-item--active .about_process-card{background:#DF9327;}
.about_process-desc{color:#ffffff;font-size:0.72917vw;line-height:1.7;margin:0;font-family:var(--font-primary);}
/* tablet */
@media(max-width:1024px){
.about_process{padding:5vw 0;}
.about_process-container{max-width:92%;margin:0 auto;}
.about_process-title{font-size:5vw;margin-bottom:5vw;}
.about_process-list{grid-template-columns:repeat(5,1fr);gap:1.5vw;}
.about_process-list::before{top:4.8vw;left:calc(10% + 4.8vw);right:calc(10% + 4.8vw);}
.about_process-icon-wrap{width:9.6vw;height:9.6vw;}
.about_process-name{font-size:1.5vw;margin:2vw 0 2.5vw;min-height:4vw;}
.about_process-card{border-radius:1vw;padding:2vw 1.5vw;}
.about_process-desc{font-size:1.4vw;}
}
/* mobile */
@media(max-width:768px){
.about_process{padding:10vw 0;}
.about_process-title{font-size:7.5vw;margin-bottom:8vw;}
.about_process-list{grid-template-columns:1fr 1fr;gap:4vw;row-gap:8vw;}
.about_process-list::before{display:none;}
.about_process-icon-wrap{width:18vw;height:18vw;}
.about_process-name{font-size:3.5vw;margin:3vw 0 3vw;min-height:auto;}
.about_process-card{border-radius:2.5vw;padding:4vw 3vw;}
.about_process-desc{font-size:3vw;}
}
/*about_process end*/

/*contact_reach start*/
.contact_reach{width:100%;background:#ffffff;padding:4.16667vw 0 3.125vw;}
.contact_reach-container{max-width:var(--content-width);margin:0 auto;}
.contact_reach-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1.5625vw;border-bottom:2px solid #EEF0F5;margin-bottom:2.60417vw;}
.contact_reach-title{font-family:var(--font-primary);font-weight:700;font-size:2.91667vw;color:#000000;line-height:1;}
.contact_reach-badge{display:inline-flex;align-items:center;gap:0.52083vw;background:var(--color-primary);border-radius:2.08333vw;padding:0.52083vw 1.30208vw;}
.contact_reach-badge-dot{width:0.41667vw;height:0.41667vw;background:var(--color-accent);border-radius:50%;flex-shrink:0;animation:badge-pulse 2.2s ease-in-out infinite;}
@keyframes badge-pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:0.5;transform:scale(0.7);}}
.contact_reach-badge-text{font-family:var(--font-primary);font-weight:500;font-size:0.72917vw;color:#ffffff;white-space:nowrap;line-height:1;}
.contact_reach-items{display:grid;grid-template-columns:repeat(3,1fr);}
.contact_reach-item{display:flex;align-items:flex-start;gap:1.04167vw;padding:0 2.08333vw;}
.contact_reach-item:first-child{padding-left:0;}
.contact_reach-item:last-child{padding-right:0;}
.contact_reach-item:not(:last-child){border-right:1px solid #e8ecf2;}
.contact_reach-icon-wrap{display:contents;}
.contact_reach-icon{width:2.86458vw;height:2.86458vw;flex-shrink:0;display:block;}
.contact_reach-type{font-family:var(--font-primary);font-weight:600;font-size:0.625vw;color:var(--color-accent);text-transform:uppercase;letter-spacing:0.12em;line-height:1;margin-bottom:0.36458vw;}
.contact_reach-label{font-family:var(--font-primary);font-weight:700;font-size:1.14583vw;color:#000000;line-height:1.2;margin-bottom:0.36458vw;}
.contact_reach-value{font-family:var(--font-primary);font-weight:400;font-size:0.83333vw;color:#555555;line-height:1.6;text-decoration:none;transition:color 0.3s ease;}
a.contact_reach-value:hover{color:var(--color-primary);}
.contact_reach-footer{display:flex;align-items:center;justify-content:space-between;margin-top:2.60417vw;padding-top:1.5625vw;border-top:1px solid #e8ecf2;}
.contact_reach-follow{font-family:var(--font-primary);font-weight:600;font-size:0.72917vw;color:#888888;text-transform:uppercase;letter-spacing:0.1em;}
.contact_reach-social{display:flex;align-items:center;gap:0.625vw;}
.contact_reach-social-link{width:2.08333vw;height:2.08333vw;background:#EEF0F5;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background 0.3s ease,transform 0.3s ease;}
.contact_reach-social-link:hover{background:var(--color-primary);transform:translateY(-2px);}
.contact_reach-social-link img{width:1.04167vw;height:1.04167vw;display:block;transition:filter 0.3s ease;}
.contact_reach-social-link:hover img{filter:brightness(0) invert(1);}
.contact_reach-hours{font-family:var(--font-primary);font-weight:400;font-size:0.72917vw;color:#888888;line-height:1;}
/*contact_reach tablet start*/
@media screen and (max-width:1024px){
.contact_reach{padding:5vw 0 4vw;}
.contact_reach-container{max-width:92%;margin:0 auto;}
.contact_reach-header{margin-bottom:4vw;padding-bottom:2.5vw;flex-wrap:wrap;gap:2vw;}
.contact_reach-title{font-size:5vw;}
.contact_reach-badge{padding:1vw 2.5vw;}
.contact_reach-badge-dot{width:0.8vw;height:0.8vw;}
.contact_reach-badge-text{font-size:1.4vw;}
.contact_reach-items{grid-template-columns:1fr;gap:0;}
.contact_reach-item{padding:2.5vw 0;border-right:none;border-bottom:1px solid #e8ecf2;gap:2vw;}
.contact_reach-item:last-child{border-bottom:none;}
.contact_reach-icon{width:5.5vw;height:5.5vw;}
.contact_reach-type{font-size:1.2vw;margin-bottom:0.8vw;}
.contact_reach-label{font-size:2vw;margin-bottom:0.6vw;}
.contact_reach-value{font-size:1.5vw;}
.contact_reach-footer{margin-top:3vw;padding-top:2.5vw;flex-wrap:wrap;gap:2vw;}
.contact_reach-follow{font-size:1.3vw;}
.contact_reach-social-link{width:4vw;height:4vw;}
.contact_reach-social-link img{width:2vw;height:2vw;}
.contact_reach-hours{font-size:1.3vw;}
}
/*contact_reach tablet end*/
/*contact_reach mobile start*/
@media screen and (max-width:768px){
.contact_reach{padding:8vw 0 6vw;}
.contact_reach-header{margin-bottom:6vw;padding-bottom:4vw;}
.contact_reach-title{font-size:7.5vw;}
.contact_reach-badge{padding:2vw 4vw;}
.contact_reach-badge-dot{width:1.5vw;height:1.5vw;}
.contact_reach-badge-text{font-size:2.8vw;}
.contact_reach-item{padding:5vw 0;gap:3.5vw;}
.contact_reach-icon{width:10vw;height:10vw;}
.contact_reach-type{font-size:2.5vw;margin-bottom:1.5vw;}
.contact_reach-label{font-size:4.5vw;margin-bottom:1vw;}
.contact_reach-value{font-size:3.5vw;}
.contact_reach-footer{margin-top:5vw;padding-top:4vw;flex-direction:column;align-items:flex-start;gap:3.5vw;}
.contact_reach-follow{font-size:3vw;}
.contact_reach-social{gap:2.5vw;}
.contact_reach-social-link{width:9vw;height:9vw;}
.contact_reach-social-link img{width:4.5vw;height:4.5vw;}
.contact_reach-hours{font-size:3vw;}
}
/*contact_reach mobile end*/
/*contact_reach end*/

/*contact_form-section start*/
.contact_form-section{width:100%;background:#EEF0F5;padding:5.20833vw 0;}
.contact_form-container{max-width:var(--content-width);margin:0 auto;display:grid;grid-template-columns:2fr 3fr;gap:4.16667vw;align-items:start;}
.contact_form-left{}
.contact_form-heading{font-family:var(--font-primary);font-weight:700;font-size:2.91667vw;color:#000000;line-height:1.2;margin-bottom:0.78125vw;}
.contact_form-subhead{font-family:var(--font-primary);font-weight:400;font-size:0.83333vw;color:#555555;line-height:1.75;margin-bottom:2.08333vw;}
.contact_form-stats{display:flex;flex-direction:column;border-top:1px solid #c8cdd8;}
.contact_form-stat{display:flex;align-items:center;gap:1.5625vw;padding:1.14583vw 0;border-bottom:1px solid #c8cdd8;background:transparent;border-radius:0;}
.contact_form-stat-num{font-family:var(--font-primary);font-weight:700;font-size:2.60417vw;line-height:1;color:var(--color-primary);flex-shrink:0;min-width:5.20833vw;}
.contact_form-stat:nth-child(2n) .contact_form-stat-num{color:var(--color-accent);}
.contact_form-stat-label{font-family:var(--font-primary);font-weight:400;font-size:0.83333vw;color:#555555;line-height:1.4;}
.contact_form-card{background:#ffffff;border-radius:0.625vw;padding:2.60417vw;box-shadow:0 0.52083vw 2.08333vw rgba(0,0,0,0.08);}
.contact_form-card-title{font-family:var(--font-primary);font-weight:700;font-size:1.5625vw;color:#000000;line-height:1;margin-bottom:0.52083vw;}
.contact_form-card-desc{font-family:var(--font-primary);font-weight:400;font-size:0.72917vw;color:#666666;line-height:1.6;margin-bottom:1.30208vw;padding-bottom:1.30208vw;border-bottom:1px solid #f0f0f0;}
.cform{display:flex;flex-direction:column;gap:0.9375vw;}
.cform-row{display:grid;grid-template-columns:1fr 1fr;gap:0.9375vw;}
.cform-field{display:flex;flex-direction:column;gap:0.26042vw;}
.cform-field--full{grid-column:1/-1;}
.cform-label{font-family:var(--font-primary);font-weight:400;font-size:0.72917vw;color:#000000;line-height:1;}
.cform-required{color:#e53e3e;}
.cform-input{width:100%;height:2.5vw;padding:0 0.78125vw;border:1px solid #d0dcea;border-radius:0.20833vw;background:#f5f8fc;font-family:var(--font-primary);font-size:0.72917vw;color:#333333;outline:none;transition:border-color 0.3s ease,background 0.3s ease;box-sizing:border-box;}
.cform-input::placeholder{color:#aab4c4;}
.cform-input:focus{border-color:var(--color-primary);background:#ffffff;}
.cform-textarea{width:100%;padding:0.625vw 0.78125vw;border:1px solid #d0dcea;border-radius:0.20833vw;background:#f5f8fc;font-family:var(--font-primary);font-size:0.72917vw;color:#333333;outline:none;resize:vertical;transition:border-color 0.3s ease,background 0.3s ease;box-sizing:border-box;min-height:6.25vw;}
.cform-textarea::placeholder{color:#aab4c4;}
.cform-textarea:focus{border-color:var(--color-primary);background:#ffffff;}
.cform-btn{width:100%;height:2.70833vw;background-color:var(--color-primary);background-image:linear-gradient(#0d2d6b 0 100%);background-position:left;background-size:0% 100%;background-repeat:no-repeat;color:#ffffff;border:none;border-radius:2.60417vw;font-family:var(--font-primary);font-weight:500;font-size:0.9375vw;cursor:pointer;letter-spacing:0.02em;transition:background-size 0.4s cubic-bezier(0.4,0,0.2,1);}
.cform-btn:hover{background-size:100% 100%;}
/*contact_form-section tablet start*/
@media screen and (max-width:1024px){
.contact_form-section{padding:6vw 0;}
.contact_form-container{max-width:92%;margin:0 auto;grid-template-columns:1fr;gap:5vw;}
.contact_form-heading{font-size:5vw;}
.contact_form-subhead{font-size:1.6vw;margin-bottom:3vw;}
.contact_form-stats{border-top-width:1px;}
.contact_form-stat{padding:2vw 0;gap:3vw;}
.contact_form-stat-num{font-size:5vw;min-width:9vw;}
.contact_form-stat-label{font-size:1.5vw;}
.contact_form-card{padding:3.5vw;border-radius:1vw;}
.contact_form-card-title{font-size:2.8vw;}
.contact_form-card-desc{font-size:1.4vw;margin-bottom:2.5vw;padding-bottom:2vw;}
.cform-label{font-size:1.4vw;}
.cform-input{height:4.5vw;font-size:1.4vw;padding:0 1.5vw;border-radius:0.5vw;}
.cform-textarea{font-size:1.4vw;padding:1.2vw 1.5vw;min-height:12vw;border-radius:0.5vw;}
.cform-btn{height:5.5vw;font-size:1.8vw;}
}
/*contact_form-section tablet end*/
/*contact_form-section mobile start*/
@media screen and (max-width:768px){
.contact_form-section{padding:8vw 0;}
.contact_form-heading{font-size:7.5vw;margin-bottom:3vw;}
.contact_form-subhead{font-size:3vw;margin-bottom:6vw;}
.contact_form-stat{padding:4vw 0;gap:5vw;}
.contact_form-stat-num{font-size:10vw;min-width:18vw;}
.contact_form-stat-label{font-size:3vw;}
.contact_form-card{padding:5vw;border-radius:2.5vw;}
.contact_form-card-title{font-size:5.5vw;}
.contact_form-card-desc{font-size:3vw;margin-bottom:4vw;padding-bottom:3.5vw;}
.cform{gap:3.5vw;}
.cform-row{grid-template-columns:1fr;gap:3.5vw;}
.cform-field{gap:1.5vw;}
.cform-label{font-size:3vw;}
.cform-input{height:11vw;font-size:3vw;padding:0 3vw;border-radius:2vw;}
.cform-textarea{font-size:3vw;padding:2.5vw 3vw;min-height:25vw;border-radius:2vw;}
.cform-btn{height:12vw;font-size:3.5vw;border-radius:8vw;}
}
/*contact_form-section mobile end*/
/*contact_form-section end*/

/*contact_faq start*/
.contact_faq{width:100%;background:#f5f6f8;padding:5.20833vw 0;}
.contact_faq-container{max-width:var(--content-width);margin:0 auto;}
.contact_faq-header{text-align:center;margin-bottom:3.125vw;}
.contact_faq-title{font-family:var(--font-primary);font-weight:700;font-size:2.91667vw;color:#000000;line-height:100%;}
.contact_faq-subtitle{font-family:var(--font-primary);font-weight:400;font-size:0.9375vw;color:#666666;line-height:1.6;margin-top:0.78125vw;}
.contact_faq-list{display:flex;flex-direction:column;gap:0.78125vw;}
.contact_faq-item{background:#ffffff;border-radius:0.52083vw;border:1px solid #e8ecf0;overflow:hidden;transition:box-shadow 0.3s ease;}
.contact_faq-item.open,.contact_faq-item:hover{box-shadow:0 0.20833vw 1.04167vw rgba(19,60,133,0.08);}
.contact_faq-question{display:flex;align-items:center;justify-content:space-between;padding:1.30208vw 1.5625vw;cursor:pointer;gap:1.04167vw;user-select:none;list-style:none;}
.contact_faq-question-text{font-family:var(--font-primary);font-weight:600;font-size:1.04167vw;color:#000000;line-height:1.4;flex:1;transition:color 0.3s ease;}
.contact_faq-item.open .contact_faq-question-text{color:var(--color-primary);}
.contact_faq-icon{width:1.5625vw;height:1.5625vw;flex-shrink:0;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background 0.3s ease;}
.contact_faq-item.open .contact_faq-icon{background:var(--color-accent);}
.contact_faq-icon svg{width:0.625vw;height:0.625vw;}
.contact_faq-icon .faq-icon-v{transition:opacity 0.25s ease;}
.contact_faq-item.open .contact_faq-icon .faq-icon-v{opacity:0;}
.contact_faq-answer{max-height:0;overflow:hidden;transition:max-height 0.4s cubic-bezier(0.4,0,0.2,1);}
.contact_faq-item.open .contact_faq-answer{max-height:500px;}
.contact_faq-answer-inner{padding:1.04167vw 1.5625vw 1.30208vw;font-family:var(--font-primary);font-weight:400;font-size:0.83333vw;color:#555555;line-height:1.85;border-top:1px solid #f0f0f0;}
/*contact_faq tablet start*/
@media screen and (max-width:1024px){
.contact_faq{padding:6vw 0;}
.contact_faq-container{max-width:92%;margin:0 auto;}
.contact_faq-header{margin-bottom:4vw;}
.contact_faq-title{font-size:5vw;}
.contact_faq-subtitle{font-size:1.6vw;margin-top:1.5vw;}
.contact_faq-list{gap:1.5vw;}
.contact_faq-item{border-radius:1vw;}
.contact_faq-question{padding:2.2vw 2.5vw;gap:2vw;}
.contact_faq-question-text{font-size:1.8vw;}
.contact_faq-icon{width:3vw;height:3vw;}
.contact_faq-icon svg{width:1.2vw;height:1.2vw;}
.contact_faq-answer-inner{font-size:1.5vw;padding:1.5vw 2.5vw 2.2vw;}
}
/*contact_faq tablet end*/
/*contact_faq mobile start*/
@media screen and (max-width:768px){
.contact_faq{padding:10vw 0;}
.contact_faq-header{margin-bottom:7vw;}
.contact_faq-title{font-size:7.5vw;}
.contact_faq-subtitle{font-size:3vw;margin-top:2vw;}
.contact_faq-list{gap:3vw;}
.contact_faq-item{border-radius:2.5vw;}
.contact_faq-question{padding:4.5vw 5vw;gap:3vw;}
.contact_faq-question-text{font-size:3.5vw;}
.contact_faq-icon{width:7vw;height:7vw;}
.contact_faq-icon svg{width:2.5vw;height:2.5vw;}
.contact_faq-answer-inner{font-size:3vw;padding:3vw 5vw 4.5vw;}
}
/*contact_faq mobile end*/
/*contact_faq end*/

/*contact_map start*/
.contact_map{width:100%;background:#ffffff;padding:4.16667vw 0;}
.contact_map-container{max-width:var(--content-width);margin:0 auto;}
.contact_map-header{text-align:center;margin-bottom:2.08333vw;}
.contact_map-title{font-family:var(--font-primary);font-weight:700;font-size:2.91667vw;color:#000000;line-height:100%;}
.contact_map-subtitle{font-family:var(--font-primary);font-weight:400;font-size:0.9375vw;color:#666666;line-height:1.6;margin-top:0.78125vw;}
.contact_map-embed{width:100%;height:25vw;border-radius:0.52083vw;overflow:hidden;border:none;display:block;}
@media screen and (max-width:1024px){
.contact_map{padding:6vw 0;}
.contact_map-container{max-width:92%;margin:0 auto;}
.contact_map-header{margin-bottom:3vw;}
.contact_map-title{font-size:5vw;}
.contact_map-subtitle{font-size:1.6vw;margin-top:1.5vw;}
.contact_map-embed{height:40vw;border-radius:1vw;}
}
@media screen and (max-width:768px){
.contact_map{padding:10vw 0;}
.contact_map-header{margin-bottom:5vw;}
.contact_map-title{font-size:7.5vw;}
.contact_map-subtitle{font-size:3vw;margin-top:2vw;}
.contact_map-embed{height:65vw;border-radius:2.5vw;}
}
/*contact_map end*/

/*scroll reveal animations start*/
[data-anim]{opacity:0;transition:opacity 1.1s cubic-bezier(0.4,0,0.2,1),transform 1.1s cubic-bezier(0.4,0,0.2,1);}
[data-anim="fade-up"]{transform:translateY(48px);}
[data-anim="fade-left"]{transform:translateX(-56px);}
[data-anim="fade-right"]{transform:translateX(56px);}
[data-anim="fade-in"]{transform:none;}
[data-anim].anim-in{opacity:1;transform:translate(0,0);}
@media(prefers-reduced-motion:reduce){[data-anim]{opacity:1;transform:none;transition:none;}}
/*scroll reveal animations end*/

/*mid-screen font floor: 1025px~1800px
  At 1440px vw-based fonts shrink to 75% of 1920px design.
  This block locks the smallest tiers to readable px minimums.
----------------------------------------------------------*/
@media screen and (min-width:1025px) and (max-width:1800px){

/* tier-1: 0.72917vw (14px@1920) → 10.5px@1440  →  floor 13px */
.navbar-dropdown-link,
.index_product-card-desc,.index_product-card-btn,
.index_why-card-desc,.about_why-card-desc,
.index_cases-more,
.index_news-card-date-day,.index_news-card-desc,.index_news-card-link,
.index_about-btn-text,
.index_contact-card-desc,.index_contact-form-label,
.index_contact-form-input,.index_contact-form-textarea,
.footer-about-desc,.footer-nav-link,.footer-contact-text,
.footer-form-input,.footer-form-textarea,.footer-form-btn,
.footer-copyright,.footer-link,
.inner-banner-breadcrumb-link,.inner-banner-breadcrumb-current,
.about_process-desc,
.contact_form-card-desc,.cform-label,.cform-input,.cform-textarea,
.contact_reach-badge-text,.contact_reach-hours,.contact_reach-follow,.contact_form-stat-label
{font-size:13px;}

/* tier-2: 0.83333vw (16px@1920) → 12px@1440  →  floor 14px */
.index_banner-btn-text,
.index_about-desc,.index_about-stat span,
.index_contact-desc,.index_contact-info-label,.index_contact-info-value,
.about_intro-desc,.about_intro-btn-text,
.contact_faq-subtitle,.contact_faq-answer-inner,.contact_map-subtitle,
.contact_form-subhead,.contact_reach-value
{font-size:14px;}

/* tier-3: 0.9375vw (18px@1920) → 13.5px@1440  →  floor 15px */
.footer-col-title,
.index_cases-caption,
.index_news-card-title,.index_news-card-date-year,
.index_contact-form-btn,
.about_process-name,
.cform-btn
{font-size:15px;}

/* tier-4: 1.04167vw (20px@1920) → 15px@1440  →  floor 16px */
.navbar-menu-link,.navbar-search-input,
.index_why-card-title,.about_why-card-title,
.index_banner-phone-num,.about_history-info-desc,
.contact_faq-question-text
{font-size:16px;}

/* tier-1 products page */
.products_catalog-tab,.products_catalog-card-badge,.products_catalog-card-desc,.products_catalog-card-btn,
.products_spotlight-eyebrow-text,.products_spotlight-feature-text,
.products_custom-label-text,.products_custom-gridcard-desc,.products_intro-label-text,.products_intro-stat-label
{font-size:13px;}
/* tier-2 products page */
.products_intro-desc,.products_catalog-desc,.products_spotlight-desc,.products_spotlight-img-label-text,
.products_custom-desc,.products_custom-btn
{font-size:14px;}
/* tier-3 products page */
.products_catalog-card-name,.products_custom-gridcard-title{font-size:15px;}
/* tier-4 products page */
.products_spotlight-title{font-size:16px;}
}
/*mid-screen font floor end*/

/*products_intro start*/
.products_intro{width:100%;background:#ffffff;padding:3.64583vw 0 3.125vw;}
.products_intro-container{max-width:var(--content-width);margin:0 auto;display:flex;align-items:flex-start;gap:5.20833vw;}
.products_intro-left{flex:1;min-width:0;}
.products_intro-label{display:inline-flex;align-items:center;gap:0.41667vw;margin-bottom:0.78125vw;}
.products_intro-label-line{width:2.08333vw;height:2px;background:var(--color-accent);}
.products_intro-label-text{font-family:var(--font-primary);font-weight:600;font-size:0.72917vw;color:var(--color-accent);text-transform:uppercase;letter-spacing:0.12em;line-height:1;}
.products_intro-title{font-family:var(--font-primary);font-weight:700;font-size:2.60417vw;color:#000000;line-height:1.2;margin-bottom:1.04167vw;}
.products_intro-desc{font-family:var(--font-primary);font-weight:400;font-size:0.83333vw;color:#555555;line-height:1.8;}
.products_intro-right{flex-shrink:0;display:flex;flex-direction:column;gap:1.04167vw;padding-top:1.04167vw;}
.products_intro-stat{display:flex;align-items:center;gap:0.9375vw;background:#EEF0F5;border-radius:0.41667vw;padding:1.04167vw 1.5625vw;}
.products_intro-stat-num{font-family:var(--font-primary);font-weight:700;font-size:2.08333vw;color:var(--color-primary);line-height:1;min-width:3.64583vw;}
.products_intro-stat:nth-child(2n) .products_intro-stat-num{color:var(--color-accent);}
.products_intro-stat-label{font-family:var(--font-primary);font-weight:400;font-size:0.72917vw;color:#555555;line-height:1.4;max-width:8.33333vw;}
@media screen and (max-width:1024px){
.products_intro{padding:5vw 0 4vw;}
.products_intro-container{max-width:92%;margin:0 auto;flex-direction:column;gap:4vw;}
.products_intro-title{font-size:4.5vw;}
.products_intro-desc{font-size:1.5vw;}
.products_intro-right{flex-direction:row;flex-wrap:wrap;padding-top:0;}
.products_intro-stat{flex:1;min-width:28vw;}
.products_intro-stat-num{font-size:3.5vw;}
.products_intro-stat-label{font-size:1.4vw;max-width:none;}
}
@media screen and (max-width:768px){
.products_intro{padding:8vw 0 6vw;}
.products_intro-container{max-width:92%;margin:0 auto;}
.products_intro-title{font-size:7.5vw;}
.products_intro-desc{font-size:3vw;}
.products_intro-right{flex-direction:column;}
.products_intro-stat{min-width:unset;}
.products_intro-stat-num{font-size:6vw;}
.products_intro-stat-label{font-size:3vw;max-width:none;}
}
/*products_intro end*/

/*products_catalog start*/
.products_catalog{width:100%;background:#f8f9fb;padding:4.16667vw 0 5.20833vw;}
.products_catalog-container{max-width:var(--content-width);margin:0 auto;}
.products_catalog-header{text-align:center;margin-bottom:2.60417vw;}
.products_catalog-title{font-family:var(--font-primary);font-weight:700;font-size:2.60417vw;color:#000000;line-height:1;}
.products_catalog-desc{font-family:var(--font-primary);font-weight:400;font-size:0.83333vw;color:#666666;line-height:1.7;margin-top:0.625vw;}
.products_catalog-body{display:grid;grid-template-columns:13.02083vw 1fr;gap:2.60417vw;align-items:start;}
/* sidebar */
.products_sidebar{background:#ffffff;border-radius:0.52083vw;border:1px solid #e8eaf0;overflow:hidden;position:sticky;top:1.04167vw;}
.products_sidebar-all{display:block;padding:0.78125vw 1.04167vw;font-family:var(--font-primary);font-weight:700;font-size:0.72917vw;color:#000000;cursor:pointer;border-bottom:1px solid #f0f2f5;transition:color 0.2s ease,background 0.2s ease;}
.products_sidebar-all:hover,.products_sidebar-all.active{color:var(--color-primary);background:#eef3fc;}
.products_sidebar-group{border-bottom:1px solid #f0f2f5;}
.products_sidebar-group:last-child{border-bottom:none;}
.products_sidebar-parent{display:flex;align-items:center;justify-content:space-between;padding:0.78125vw 1.04167vw;font-family:var(--font-primary);font-weight:600;font-size:0.72917vw;color:#000000;cursor:pointer;user-select:none;transition:color 0.2s ease,background 0.2s ease;}
.products_sidebar-parent:hover{color:var(--color-primary);background:#f8f9fb;}
.products_sidebar-parent.active{color:var(--color-primary);background:#eef3fc;}
.products_sidebar-parent-arrow{width:0.41667vw;height:0.625vw;flex-shrink:0;transition:transform 0.25s ease;opacity:0.4;}
.products_sidebar-parent.open .products_sidebar-parent-arrow{transform:rotate(90deg);opacity:1;}
.products_sidebar-subs{max-height:0;overflow:hidden;transition:max-height 0.3s ease;}
.products_sidebar-subs.open{max-height:20vw;}
.products_sidebar-sub{display:block;padding:0.52083vw 1.04167vw 0.52083vw 1.5625vw;font-family:var(--font-primary);font-weight:400;font-size:0.72917vw;color:#666666;cursor:pointer;transition:color 0.2s ease,background 0.2s ease;border-left:2px solid transparent;}
.products_sidebar-sub:hover{color:var(--color-primary);background:#f8f9fb;}
.products_sidebar-sub.active{color:var(--color-primary);background:#eef3fc;border-left-color:var(--color-primary);}
.products_sidebar-leaf{display:block;padding:0.78125vw 1.04167vw;font-family:var(--font-primary);font-weight:600;font-size:0.72917vw;color:#000000;cursor:pointer;transition:color 0.2s ease,background 0.2s ease;}
.products_sidebar-leaf:hover{color:var(--color-primary);background:#f8f9fb;}
.products_sidebar-leaf.active{color:var(--color-primary);background:#eef3fc;}
/* grid */
.products_catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5625vw;}
.products_catalog-card{background:#ffffff;border-radius:0.52083vw;border:1px solid #e8eaf0;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow 0.3s ease,transform 0.3s ease;}
.products_catalog-card:hover{box-shadow:0 0.52083vw 2.08333vw rgba(0,0,0,0.1);transform:translateY(-3px);}
.products_catalog-card.hidden{display:none;}
.products_catalog-card-imgwrap{position:relative;overflow:hidden;background:#f5f5f5;}
.products_catalog-card-img{width:100%;height:13.02083vw;object-fit:cover;display:block;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1);}
.products_catalog-card:hover .products_catalog-card-img{transform:scale(1.05);}
.products_catalog-card-badge{position:absolute;top:0.625vw;left:0.625vw;display:inline-flex;align-items:center;padding:0.20833vw 0.52083vw;background:var(--color-primary);border-radius:0.20833vw;font-family:var(--font-primary);font-weight:500;font-size:0.52083vw;color:#ffffff;text-transform:uppercase;letter-spacing:0.08em;line-height:1;}
.products_catalog-card-body{padding:0.9375vw 1.04167vw 1.04167vw;display:flex;flex-direction:column;flex:1;}
.products_catalog-card-name{font-family:var(--font-primary);font-weight:700;font-size:0.9375vw;color:#000000;line-height:1.3;margin-bottom:0.36458vw;}
.products_catalog-card-desc{font-family:var(--font-primary);font-weight:400;font-size:0.72917vw;color:#666666;line-height:1.65;flex:1;margin-bottom:0.78125vw;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.products_catalog-card-btn{display:inline-flex;align-items:center;gap:0.36458vw;font-family:var(--font-primary);font-weight:500;font-size:0.72917vw;color:var(--color-primary);text-decoration:none;align-self:flex-start;transition:gap 0.3s ease;}
.products_catalog-card-btn svg{flex-shrink:0;transition:transform 0.3s ease;}
.products_catalog-card-btn:hover{gap:0.625vw;}
.products_catalog-card-btn:hover svg{transform:translateX(3px);}
@media screen and (max-width:1024px){
.products_catalog{padding:5vw 0 6vw;}
.products_catalog-container{max-width:92%;margin:0 auto;}
.products_catalog-title{font-size:4.5vw;}
.products_catalog-desc{font-size:1.5vw;}
.products_catalog-body{grid-template-columns:22vw 1fr;gap:3vw;}
.products_sidebar-all{font-size:1.4vw;padding:1.5vw 2vw;}
.products_sidebar-parent{font-size:1.4vw;padding:1.5vw 2vw;}
.products_sidebar-parent-arrow{width:0.8vw;height:1.2vw;}
.products_sidebar-sub{font-size:1.3vw;padding:1vw 2vw 1vw 3vw;}
.products_sidebar-leaf{font-size:1.4vw;padding:1.5vw 2vw;}
.products_catalog-grid{grid-template-columns:repeat(2,1fr);gap:3vw;}
.products_catalog-card-img{height:22vw;}
.products_catalog-card-body{padding:2vw 2.5vw 2.5vw;}
.products_catalog-card-name{font-size:1.8vw;}
.products_catalog-card-desc{font-size:1.4vw;}
.products_catalog-card-btn{font-size:1.4vw;}
}
@media screen and (max-width:768px){
.products_catalog{padding:8vw 0 10vw;}
.products_catalog-title{font-size:7.5vw;}
.products_catalog-desc{font-size:3vw;margin-top:2vw;}
.products_catalog-body{grid-template-columns:1fr;gap:0;}
.products_sidebar{position:static;margin-bottom:5vw;border-radius:2vw;}
.products_sidebar-all{font-size:3.5vw;padding:3.5vw 4vw;}
.products_sidebar-parent{font-size:3.5vw;padding:3.5vw 4vw;}
.products_sidebar-parent-arrow{width:1.5vw;height:2.5vw;}
.products_sidebar-sub{font-size:3vw;padding:2.5vw 4vw 2.5vw 7vw;}
.products_sidebar-leaf{font-size:3.5vw;padding:3.5vw 4vw;}
.products_catalog-grid{grid-template-columns:1fr;gap:5vw;}
.products_catalog-card-img{height:55vw;}
.products_catalog-card-body{padding:4vw 4.5vw 4.5vw;}
.products_catalog-card-name{font-size:4.5vw;}
.products_catalog-card-desc{font-size:3vw;}
.products_catalog-card-btn{font-size:3vw;}
}
/* pagination */
.products_catalog-empty{grid-column:1/-1;text-align:center;padding:4.16667vw 0;font-family:var(--font-primary);font-weight:400;font-size:0.9375vw;color:#888888;}
.products_catalog-empty.hidden{display:none;}
.products_pagination{display:flex;align-items:center;justify-content:center;gap:0.41667vw;margin-top:2.08333vw;flex-wrap:wrap;}
.products_pagination-btn{display:inline-flex;align-items:center;justify-content:center;width:2.08333vw;height:2.08333vw;border-radius:50%;font-family:var(--font-primary);font-weight:500;font-size:0.72917vw;color:#555555;cursor:pointer;background:#ffffff;border:1.5px solid #d8dce6;transition:background 0.2s ease,border-color 0.2s ease,color 0.2s ease;flex-shrink:0;user-select:none;}
.products_pagination-btn:hover{border-color:var(--color-primary);color:var(--color-primary);}
.products_pagination-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#ffffff;}
.products_pagination-btn.dots{border:none;background:transparent;cursor:default;pointer-events:none;color:#aaaaaa;}
.products_pagination-nav{display:inline-flex;align-items:center;justify-content:center;width:2.08333vw;height:2.08333vw;border-radius:50%;background:#ffffff;border:1.5px solid #d8dce6;cursor:pointer;transition:background 0.2s ease,border-color 0.2s ease;flex-shrink:0;}
.products_pagination-nav svg{flex-shrink:0;transition:transform 0.2s ease;}
.products_pagination-nav:hover{border-color:var(--color-primary);background:#eef3fc;}
.products_pagination-nav:hover svg{transform:translateX(2px);}
.products_pagination-nav--prev:hover svg{transform:translateX(-2px);}
.products_pagination-nav.disabled{opacity:0.35;pointer-events:none;}
@media screen and (max-width:1024px){
.products_catalog-empty{font-size:2vw;padding:6vw 0;}
.products_pagination{gap:1vw;margin-top:4vw;}
.products_pagination-btn{width:4.5vw;height:4.5vw;font-size:1.6vw;}
.products_pagination-nav{width:4.5vw;height:4.5vw;}
}
@media screen and (max-width:768px){
.products_catalog-empty{font-size:3.5vw;padding:10vw 0;}
.products_pagination{gap:2vw;margin-top:6vw;}
.products_pagination-btn{width:9vw;height:9vw;font-size:3.5vw;}
.products_pagination-nav{width:9vw;height:9vw;}
}
/*products_catalog end*/

/*products_spotlight start*/
.products_spotlight{width:100%;background:#ffffff;padding:5.20833vw 0;}
.products_spotlight-container{max-width:var(--content-width);margin:0 auto;}
.products_spotlight-header{text-align:center;margin-bottom:4.16667vw;}
.products_spotlight-header-title{font-family:var(--font-primary);font-weight:700;font-size:2.60417vw;color:#000000;line-height:1;}
.products_spotlight-header-desc{font-family:var(--font-primary);font-weight:400;font-size:0.83333vw;color:#666666;line-height:1.7;margin-top:0.625vw;}
.products_spotlight-row{display:grid;grid-template-columns:1fr 1fr;gap:4.16667vw;align-items:center;margin-bottom:4.16667vw;padding-bottom:4.16667vw;border-bottom:1px solid #eee;}
.products_spotlight-row:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;}
.products_spotlight-row--reverse .products_spotlight-imgwrap{order:2;}
.products_spotlight-row--reverse .products_spotlight-content{order:1;}
.products_spotlight-imgwrap{position:relative;border-radius:0.625vw;overflow:hidden;}
.products_spotlight-img{width:100%;height:26.04167vw;object-fit:cover;display:block;transition:transform 0.6s ease;}
.products_spotlight-imgwrap:hover .products_spotlight-img{transform:scale(1.03);}
.products_spotlight-img-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,0.6) 0%,transparent 100%);padding:1.5625vw 1.5625vw 0.9375vw;pointer-events:none;}
.products_spotlight-img-label-text{font-family:var(--font-primary);font-weight:600;font-size:0.83333vw;color:#ffffff;letter-spacing:0.05em;text-transform:uppercase;}
.products_spotlight-eyebrow{display:inline-flex;align-items:center;gap:0.41667vw;margin-bottom:0.78125vw;}
.products_spotlight-eyebrow-line{width:1.5625vw;height:2px;background:var(--color-accent);}
.products_spotlight-eyebrow-text{font-family:var(--font-primary);font-weight:600;font-size:0.625vw;color:var(--color-accent);text-transform:uppercase;letter-spacing:0.12em;}
.products_spotlight-title{font-family:var(--font-primary);font-weight:700;font-size:1.875vw;color:#000000;line-height:1.25;margin-bottom:0.78125vw;}
.products_spotlight-desc{font-family:var(--font-primary);font-weight:400;font-size:0.83333vw;color:#555555;line-height:1.8;margin-bottom:1.5625vw;}
.products_spotlight-features{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0.52083vw 1.5625vw;margin-bottom:1.82292vw;}
.products_spotlight-feature{display:flex;align-items:flex-start;gap:0.41667vw;}
.products_spotlight-feature-dot{width:0.41667vw;height:0.41667vw;background:var(--color-accent);border-radius:50%;flex-shrink:0;margin-top:0.41667vw;}
.products_spotlight-feature-text{font-family:var(--font-primary);font-weight:400;font-size:0.72917vw;color:#333333;line-height:1.5;}
.products_spotlight-btn{display:inline-flex;align-items:center;gap:0.52083vw;padding:0.625vw 1.30208vw;background:var(--color-primary);border-radius:2.08333vw;font-family:var(--font-primary);font-weight:500;font-size:0.72917vw;color:#ffffff;text-decoration:none;transition:background 0.3s ease,transform 0.3s ease;}
.products_spotlight-btn:hover{background:var(--color-accent);transform:translateY(-2px);}
.products_spotlight-btn svg{flex-shrink:0;transition:transform 0.3s ease;}
.products_spotlight-btn:hover svg{transform:translateX(3px);}
@media screen and (max-width:1024px){
.products_spotlight{padding:6vw 0;}
.products_spotlight-container{max-width:92%;margin:0 auto;}
.products_spotlight-header-title{font-size:4.5vw;}
.products_spotlight-header-desc{font-size:1.5vw;}
.products_spotlight-row{gap:5vw;margin-bottom:5vw;padding-bottom:5vw;}
.products_spotlight-img{height:40vw;}
.products_spotlight-title{font-size:3vw;}
.products_spotlight-desc{font-size:1.5vw;}
.products_spotlight-feature-text{font-size:1.4vw;}
.products_spotlight-btn{font-size:1.4vw;padding:1vw 2.5vw;}
}
@media screen and (max-width:768px){
.products_spotlight{padding:8vw 0;}
.products_spotlight-header-title{font-size:7.5vw;}
.products_spotlight-header-desc{font-size:3vw;}
.products_spotlight-row{grid-template-columns:1fr;gap:5vw;margin-bottom:8vw;padding-bottom:8vw;}
.products_spotlight-row--reverse .products_spotlight-imgwrap{order:0;}
.products_spotlight-row--reverse .products_spotlight-content{order:0;}
.products_spotlight-img{height:55vw;}
.products_spotlight-title{font-size:6vw;}
.products_spotlight-desc{font-size:3vw;}
.products_spotlight-features{grid-template-columns:1fr;gap:2vw;}
.products_spotlight-feature-text{font-size:3vw;}
.products_spotlight-btn{font-size:3.5vw;padding:3vw 5vw;}
}
/*products_spotlight end*/

/*products_custom start*/
.products_custom{width:100%;background:var(--color-primary);padding:4.16667vw 0;}
.products_custom-container{max-width:var(--content-width);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:5.20833vw;align-items:center;}
.products_custom-label{display:inline-flex;align-items:center;gap:0.41667vw;margin-bottom:0.78125vw;}
.products_custom-label-line{width:1.5625vw;height:2px;background:var(--color-accent);}
.products_custom-label-text{font-family:var(--font-primary);font-weight:600;font-size:0.625vw;color:var(--color-accent);text-transform:uppercase;letter-spacing:0.12em;}
.products_custom-title{font-family:var(--font-primary);font-weight:700;font-size:2.60417vw;color:#ffffff;line-height:1.2;margin-bottom:0.78125vw;}
.products_custom-desc{font-family:var(--font-primary);font-weight:400;font-size:0.83333vw;color:rgba(255,255,255,0.8);line-height:1.8;margin-bottom:1.82292vw;}
.products_custom-btn{display:inline-flex;align-items:center;background:#ffffff;border-radius:2.60417vw;text-decoration:none;padding:0.26042vw;position:relative;}
.products_custom-btn-inner{display:flex;align-items:center;gap:0.72917vw;padding:0 0.9375vw 0 0.26042vw;border-radius:2.34375vw;position:relative;overflow:hidden;}
.products_custom-btn-inner::before{content:'';position:absolute;top:0;left:0;width:0;height:100%;background:var(--color-accent);transition:width 0.45s ease-in-out;z-index:0;}
.products_custom-btn:hover .products_custom-btn-inner::before{width:100%;}
.products_custom-btn-iconwrap{position:relative;z-index:1;width:2.08333vw;height:2.08333vw;background:var(--color-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;}
.products_custom-btn-arrows{position:relative;width:0.9375vw;height:0.9375vw;flex-shrink:0;}
.products_custom-btn-text{position:relative;z-index:1;overflow:hidden;line-height:1;font-family:var(--font-primary);font-weight:500;font-size:0.83333vw;color:var(--color-primary);transition:color 0.4s ease-in-out 0.05s;white-space:nowrap;}
.products_custom-btn-text > span{display:block;transition:transform 0.5s ease-in-out;text-shadow:0 1.5em 0 #ffffff;}
.products_custom-btn:hover .products_custom-btn-text{color:#ffffff;}
.products_custom-btn:hover .products_custom-btn-text > span{transform:translateY(-1.5em);}
.pc-arrow{width:0.9375vw;height:0.9375vw;flex-shrink:0;position:absolute;top:50%;left:50%;transition:transform 0.4s ease,opacity 0.4s ease;}
.pc-arrow--1{transform:translate(-50%,-50%);opacity:1;}
.pc-arrow--2{transform:translate(calc(-50% - 120%),-50%);opacity:0;}
.products_custom-btn:hover .pc-arrow--1{transform:translate(calc(-50% + 120%),-50%);opacity:0;}
.products_custom-btn:hover .pc-arrow--2{transform:translate(-50%,-50%);opacity:1;}
.products_custom-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,0.12);}
.products_custom-gridcard{background:var(--color-primary);padding:1.5625vw;display:flex;flex-direction:column;gap:0.52083vw;transition:background 0.25s ease;}
.products_custom-gridcard:hover{background:rgba(255,255,255,0.06);}
.products_custom-gridcard-icon{width:2.08333vw;height:2.08333vw;color:var(--color-accent);margin-bottom:0.26042vw;flex-shrink:0;}
.products_custom-gridcard-icon svg{width:100%;height:100%;display:block;}
.products_custom-gridcard-title{font-family:var(--font-primary);font-weight:700;font-size:0.83333vw;color:#ffffff;line-height:1.3;}
.products_custom-gridcard-desc{font-family:var(--font-primary);font-weight:400;font-size:0.72917vw;color:rgba(255,255,255,0.65);line-height:1.6;}
@media screen and (max-width:1024px){
.products_custom{padding:5vw 0;}
.products_custom-container{max-width:92%;margin:0 auto;gap:5vw;}
.products_custom-title{font-size:4.5vw;}
.products_custom-desc{font-size:1.5vw;}
.products_custom-btn{padding:0.6vw;border-radius:6vw;}
.products_custom-btn-inner{gap:1.5vw;padding:0 2vw 0 0.6vw;border-radius:5.5vw;}
.products_custom-btn-iconwrap{width:4vw;height:4vw;}
.products_custom-btn-arrows{width:1.8vw;height:1.8vw;}
.pc-arrow{width:1.8vw;height:1.8vw;}
.products_custom-btn-text{font-size:1.5vw;}
.products_custom-gridcard{padding:3vw;}
.products_custom-gridcard-icon{width:4vw;height:4vw;}
.products_custom-gridcard-title{font-size:1.5vw;}
.products_custom-gridcard-desc{font-size:1.3vw;}
}
@media screen and (max-width:768px){
.products_custom{padding:8vw 0;}
.products_custom-container{grid-template-columns:1fr;gap:6vw;}
.products_custom-title{font-size:7.5vw;}
.products_custom-desc{font-size:3vw;}
.products_custom-btn{padding:1.2vw;border-radius:12vw;}
.products_custom-btn-inner{gap:3vw;padding:0 4vw 0 1.2vw;border-radius:11vw;}
.products_custom-btn-iconwrap{width:8vw;height:8vw;}
.products_custom-btn-arrows{width:3.5vw;height:3.5vw;}
.pc-arrow{width:3.5vw;height:3.5vw;}
.products_custom-btn-text{font-size:3vw;}
.products_custom-gridcard{padding:6vw;}
.products_custom-gridcard-icon{width:7vw;height:7vw;}
.products_custom-gridcard-title{font-size:3.5vw;}
.products_custom-gridcard-desc{font-size:3vw;}
}
/*products_custom end*/

/*product detail page start*/
/* breadcrumb */
.pdetail_breadcrumb{width:100%;background:#f5f6fa;border-bottom:1px solid #eaedf3;border-left:3px solid var(--color-accent);padding:0.83333vw 0;}
.pdetail_breadcrumb-container{max-width:var(--content-width);margin:0 auto;display:flex;align-items:center;gap:0.52083vw;flex-wrap:wrap;}
.pdetail_breadcrumb-item{font-family:var(--font-primary);font-weight:400;font-size:0.72917vw;color:#999999;text-decoration:none;transition:color 0.2s ease;display:flex;align-items:center;gap:0.3125vw;}
.pdetail_breadcrumb-item:hover{color:var(--color-primary);}
.pdetail_breadcrumb-item--home{gap:0.26042vw;}
.pdetail_breadcrumb-home-icon{width:0.72917vw;height:0.72917vw;flex-shrink:0;}
.pdetail_breadcrumb-sep{width:0.36458vw;height:0.57292vw;color:#d0d3dc;flex-shrink:0;}
.pdetail_breadcrumb-current{font-family:var(--font-primary);font-weight:600;font-size:0.72917vw;color:var(--color-primary);}
/* core */
.pdetail_core{width:100%;background:#ffffff;padding:3.64583vw 0 4.16667vw;}
.pdetail_core-container{max-width:var(--content-width);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4.16667vw;align-items:start;}
/* gallery */
.pdetail_gallery{}
.pdetail_gallery-main{position:relative;border-radius:0.625vw;overflow:hidden;background:#f5f6fa;border:1px solid #eaedf3;aspect-ratio:4/3;}
.pdetail_gallery-main-img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity 0.3s ease;}
.pdetail_gallery-badge{position:absolute;top:0.78125vw;left:0.78125vw;display:inline-flex;align-items:center;padding:0.26042vw 0.625vw;background:var(--color-primary);border-radius:0.20833vw;font-family:var(--font-primary);font-weight:600;font-size:0.52083vw;color:#ffffff;text-transform:uppercase;letter-spacing:0.08em;}
.pdetail_gallery-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:0.52083vw;margin-top:0.52083vw;}
.pdetail_gallery-thumb{border-radius:0.36458vw;overflow:hidden;cursor:pointer;border:2px solid transparent;aspect-ratio:4/3;background:#f5f6fa;transition:border-color 0.2s ease;}
.pdetail_gallery-thumb:hover{border-color:var(--color-primary);}
.pdetail_gallery-thumb.active{border-color:var(--color-primary);}
.pdetail_gallery-thumb-img{width:100%;height:100%;object-fit:cover;display:block;}
/* product info */
.pdetail_info{}
.pdetail_info-cat{display:inline-flex;align-items:center;gap:0.52083vw;margin-bottom:0.52083vw;}
.pdetail_info-cat-link{font-family:var(--font-primary);font-weight:600;font-size:0.625vw;color:var(--color-accent);text-decoration:none;text-transform:uppercase;letter-spacing:0.12em;transition:opacity 0.2s ease;}
.pdetail_info-cat-link:hover{opacity:0.75;}
.pdetail_info-cat-sep{width:0.41667vw;height:0.625vw;color:var(--color-accent);flex-shrink:0;}
.pdetail_info-title{font-family:var(--font-primary);font-weight:700;font-size:2.08333vw;color:#000000;line-height:1.2;margin-bottom:0.83333vw;}
.pdetail_info-subtitle{font-family:var(--font-primary);font-weight:400;font-size:0.83333vw;color:#666666;line-height:1.75;margin-bottom:1.5625vw;}
.pdetail_info-highlights{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0.52083vw 1.04167vw;margin-bottom:1.5625vw;}
.pdetail_info-highlight{display:flex;align-items:flex-start;gap:0.41667vw;}
.pdetail_info-highlight-dot{width:0.41667vw;height:0.41667vw;background:var(--color-accent);border-radius:50%;flex-shrink:0;margin-top:0.41667vw;}
.pdetail_info-highlight-text{font-family:var(--font-primary);font-weight:400;font-size:0.72917vw;color:#333333;line-height:1.55;}
.pdetail_info-specs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:1.5625vw;border-top:1px solid #eaedf3;border-left:1px solid #eaedf3;}
.pdetail_info-spec{display:flex;flex-direction:column;gap:0.20833vw;padding:0.625vw 0.83333vw;border-right:1px solid #eaedf3;border-bottom:1px solid #eaedf3;}
.pdetail_info-spec-label{font-family:var(--font-primary);font-weight:500;font-size:0.52083vw;color:#999999;text-transform:uppercase;letter-spacing:0.09em;}
.pdetail_info-spec-value{font-family:var(--font-primary);font-weight:700;font-size:0.72917vw;color:#000000;line-height:1.4;}
.pdetail_info-actions{display:flex;align-items:center;gap:0.78125vw;}
.pdetail_info-cta{display:inline-flex;align-items:center;overflow:hidden;border-radius:2.08333vw;text-decoration:none;position:relative;}
.pdetail_info-cta-inner{display:inline-flex;align-items:center;gap:0.52083vw;padding:0.67708vw 1.5625vw;background:var(--color-primary);font-family:var(--font-primary);font-weight:600;font-size:0.72917vw;color:#ffffff;position:relative;z-index:1;transition:background 0.35s ease;}
.pdetail_info-cta:hover .pdetail_info-cta-inner{background:var(--color-accent);}
.pdetail_info-cta-secondary{display:inline-flex;align-items:center;gap:0.36458vw;padding:0.67708vw 1.30208vw;border:1.5px solid #d0d5e0;border-radius:2.08333vw;font-family:var(--font-primary);font-weight:500;font-size:0.72917vw;color:#555555;text-decoration:none;transition:border-color 0.25s ease,color 0.25s ease;}
.pdetail_info-cta-secondary:hover{border-color:var(--color-primary);color:var(--color-primary);}
/* rich text content block (WYSIWYG / ACF field output) */
.pdetail_content{width:100%;background:#ffffff;padding:4.16667vw 0;border-top:1px solid #eaedf3;}
.pdetail_content-container{max-width:var(--content-width);margin:0 auto;}
/* prose typography */
.pdetail_prose h2{font-family:var(--font-primary);font-weight:700;font-size:1.5625vw;color:#000000;line-height:1.3;margin:2.08333vw 0 0.625vw;padding-bottom:0.41667vw;border-bottom:2px solid #eaedf3;}
.pdetail_prose h2:first-child{margin-top:0;}
.pdetail_prose h3{font-family:var(--font-primary);font-weight:700;font-size:1.09375vw;color:#000000;line-height:1.35;margin:1.5625vw 0 0.41667vw;}
.pdetail_prose h4{font-family:var(--font-primary);font-weight:600;font-size:0.9375vw;color:#000000;line-height:1.4;margin:1.04167vw 0 0.31250vw;}
.pdetail_prose p{font-family:var(--font-primary);font-weight:400;font-size:0.83333vw;color:#444444;line-height:1.9;margin-bottom:0.83333vw;}
.pdetail_prose ul,.pdetail_prose ol{margin:0.52083vw 0 0.83333vw 1.14583vw;}
.pdetail_prose li{font-family:var(--font-primary);font-weight:400;font-size:0.83333vw;color:#444444;line-height:1.8;margin-bottom:0.26042vw;}
.pdetail_prose ul>li{list-style:disc;}
.pdetail_prose ol>li{list-style:decimal;}
.pdetail_prose ul>li::marker{color:var(--color-accent);}
.pdetail_prose strong{font-weight:700;color:#000000;}
.pdetail_prose em{font-style:italic;}
.pdetail_prose a{color:var(--color-primary);text-decoration:underline;transition:opacity 0.2s ease;}
.pdetail_prose a:hover{opacity:0.75;}
.pdetail_prose img{max-width:100%;height:auto;border-radius:0.41667vw;display:block;margin:1.04167vw 0;}
.pdetail_prose hr{border:none;border-top:1px solid #eaedf3;margin:1.5625vw 0;}
.pdetail_prose blockquote{border-left:3px solid var(--color-accent);padding:0.625vw 1.04167vw;background:#fff8ed;margin:1.04167vw 0;border-radius:0 0.36458vw 0.36458vw 0;}
.pdetail_prose blockquote p{margin-bottom:0;color:#7a5c00;font-style:italic;}
/* tables inside prose */
.pdetail_prose table{width:100%;border-collapse:collapse;margin:1.04167vw 0 1.5625vw;border-radius:0.41667vw;overflow:hidden;border:1px solid #eaedf3;font-size:0.72917vw;}
.pdetail_prose table th{background:var(--color-primary);font-family:var(--font-primary);font-weight:600;color:#ffffff;text-transform:uppercase;letter-spacing:0.07em;padding:0.625vw 0.9375vw;text-align:left;}
.pdetail_prose table td{font-family:var(--font-primary);font-weight:400;color:#333333;padding:0.52083vw 0.9375vw;border-bottom:1px solid #f0f2f5;vertical-align:top;line-height:1.6;}
.pdetail_prose table tr:last-child td{border-bottom:none;}
.pdetail_prose table tr:nth-child(even) td{background:#f9fafc;}
.pdetail_prose table td:first-child{font-weight:600;color:#000000;}
/* callout box utility (editor can use <div class="pdetail_callout">) */
.pdetail_callout{background:#eef3fc;border-left:3px solid var(--color-primary);border-radius:0 0.36458vw 0.36458vw 0;padding:0.78125vw 1.04167vw;margin:1.04167vw 0;}
.pdetail_callout p{margin-bottom:0;color:var(--color-primary);}
/* scenes */
.pdetail_scenes{width:100%;background:#f5f6fa;padding:4.16667vw 0;}
.pdetail_scenes-container{max-width:var(--content-width);margin:0 auto;}
.pdetail_scenes-header{text-align:center;margin-bottom:2.60417vw;}
.pdetail_scenes-title{font-family:var(--font-primary);font-weight:700;font-size:2.08333vw;color:#000000;line-height:1;}
.pdetail_scenes-desc{font-family:var(--font-primary);font-weight:400;font-size:0.83333vw;color:#666666;margin-top:0.52083vw;line-height:1.7;}
.pdetail_scenes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5625vw;}
.pdetail_scene-card{border-radius:0.625vw;overflow:hidden;position:relative;}
.pdetail_scene-card-img{width:100%;height:14.58333vw;object-fit:cover;display:block;transition:transform 0.6s ease;}
.pdetail_scene-card:hover .pdetail_scene-card-img{transform:scale(1.04);}
.pdetail_scene-card-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,0.65) 0%,transparent 100%);padding:1.5625vw 1.30208vw 0.9375vw;}
.pdetail_scene-card-label{font-family:var(--font-primary);font-weight:600;font-size:0.83333vw;color:#ffffff;line-height:1.4;}
.pdetail_scene-card-sub{font-family:var(--font-primary);font-weight:400;font-size:0.625vw;color:rgba(255,255,255,0.8);margin-top:0.15625vw;}
/* oem / custom */
.pdetail_oem{width:100%;position:relative;background:url('../images/oem_bg.webp') center/cover no-repeat;}
.pdetail_oem::before{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(8,20,60,0.88),rgba(8,20,60,0.75));}
.pdetail_oem-inner{position:relative;z-index:1;max-width:var(--content-width);margin:0 auto;padding:5.20833vw 0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:0.9375vw;}
.pdetail_oem-title{font-family:var(--font-primary);font-weight:700;font-size:2.34375vw;color:#ffffff;line-height:1.25;}
.pdetail_oem-desc{font-family:var(--font-primary);font-weight:400;font-size:0.83333vw;color:rgba(255,255,255,0.7);line-height:1.8;max-width:31.25vw;}
.pdetail_oem-btn{display:inline-flex;align-items:center;background:#ffffff;border-radius:2.60417vw;text-decoration:none;padding:0.26042vw;margin-top:0.72917vw;}
.pdetail_oem-btn-wrap{display:flex;align-items:center;gap:0.72917vw;padding:0 0.5375vw 0 0;border-radius:2.34375vw;position:relative;overflow:hidden;}
.pdetail_oem-btn-wrap::before{content:'';position:absolute;top:0;left:0;width:0;height:100%;background:var(--color-accent);transition:width 0.45s ease-in-out;z-index:0;}
.pdetail_oem-btn:hover .pdetail_oem-btn-wrap::before{width:100%;}
.pdetail_oem-btn-circle{position:relative;z-index:1;width:2.08333vw;height:2.08333vw;background:var(--color-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;}
.pdetail_oem-btn-arrow{position:absolute;top:50%;left:50%;width:0.9375vw;height:0.9375vw;transition:transform 0.4s ease,opacity 0.4s ease;}
.pdetail_oem-btn-arrow--1{transform:translate(-50%,-50%);opacity:1;}
.pdetail_oem-btn-arrow--2{transform:translate(calc(-50% - 120%),-50%);opacity:0;}
.pdetail_oem-btn:hover .pdetail_oem-btn-arrow--1{transform:translate(calc(-50% + 120%),-50%);opacity:0;}
.pdetail_oem-btn:hover .pdetail_oem-btn-arrow--2{transform:translate(-50%,-50%);opacity:1;}
.pdetail_oem-btn-text{position:relative;z-index:1;overflow:hidden;line-height:1;font-family:var(--font-primary);font-weight:500;font-size:0.83333vw;color:var(--color-primary);transition:color 0.4s ease-in-out 0.05s;white-space:nowrap;}
.pdetail_oem-btn-text>span{display:block;transition:transform 0.5s ease-in-out;text-shadow:0 1.5em 0 #ffffff;}
.pdetail_oem-btn:hover .pdetail_oem-btn-text{color:#ffffff;}
.pdetail_oem-btn:hover .pdetail_oem-btn-text>span{transform:translateY(-1.5em);}
/* related */
.pdetail_related{width:100%;background:#ffffff;padding:4.16667vw 0;}
.pdetail_related-container{max-width:var(--content-width);margin:0 auto;}
.pdetail_related-header{text-align:center;margin-bottom:2.08333vw;}
.pdetail_related-title{font-family:var(--font-primary);font-weight:700;font-size:2.08333vw;color:#000000;line-height:1;}
/* ── projects.html page styles ─────────────────────────────────────────── */
/* stats strip — dark band */
.proj_stats{width:100%;background:var(--color-primary);padding:0;}
.proj_stats-container{max-width:var(--content-width);margin:0 auto;display:flex;align-items:stretch;}
.proj_stat{flex:1;display:flex;flex-direction:column;justify-content:center;gap:0.20833vw;padding:1.5625vw 0;position:relative;}
.proj_stat + .proj_stat::before{content:'';position:absolute;left:0;top:20%;height:60%;width:1px;background:rgba(255,255,255,0.12);}
.proj_stat-num{font-family:var(--font-primary);font-weight:800;font-size:2.34375vw;color:#ffffff;line-height:1;text-align:center;}
.proj_stat-label{font-family:var(--font-primary);font-weight:400;font-size:0.67708vw;color:rgba(255,255,255,0.5);letter-spacing:0.08em;text-transform:uppercase;text-align:center;}
.proj_stat-divider{display:none;}
/* main section */
.proj_main{width:100%;background:#f3f4f8;padding:4.6875vw 0;}
.proj_main-container{max-width:var(--content-width);margin:0 auto;}
.proj_main-header{display:flex;align-items:center;justify-content:space-between;gap:2.08333vw;margin-bottom:2.34375vw;padding-bottom:1.5625vw;border-bottom:1px solid #e2e5ef;}
.proj_main-title{font-family:var(--font-primary);font-weight:700;font-size:1.5625vw;color:#000000;line-height:1;}
.proj_main-desc{font-family:var(--font-primary);font-weight:400;font-size:0.78125vw;color:#888888;line-height:1.6;margin-top:0.3125vw;}
/* filter — tab style, no pill */
.proj_filter{display:flex;align-items:center;gap:0;border:1px solid #dde1ed;border-radius:0.20833vw;overflow:hidden;flex-shrink:0;}
.proj_filter-btn{font-family:var(--font-primary);font-weight:500;font-size:0.67708vw;color:#777777;background:#ffffff;border:none;border-left:1px solid #dde1ed;padding:0.52083vw 1.14583vw;cursor:pointer;letter-spacing:0.06em;text-transform:uppercase;transition:background 0.18s,color 0.18s;}
.proj_filter-btn:first-child{border-left:none;}
.proj_filter-btn:hover{background:#f3f4f8;color:#333333;}
.proj_filter-btn.active{background:var(--color-primary);color:#ffffff;}
/* grid — 2-col horizontal cards */
.proj_grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.04167vw;}
/* card — horizontal layout: image left, content right */
.proj_card{background:#ffffff;overflow:hidden;border:1px solid #e5e8f0;transition:box-shadow 0.28s ease,transform 0.28s ease,opacity 0.3s ease;display:flex;flex-direction:row;height:17.1875vw;opacity:0;border-radius:0.26042vw;}
.proj_card--visible{opacity:1;}
.proj_card:hover{box-shadow:0 0.52083vw 2.08333vw rgba(13,45,107,0.1);transform:translateY(-0.15625vw);}
.proj_card-imgwrap{position:relative;overflow:hidden;width:41%;flex-shrink:0;height:100%;}
.proj_card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.5s cubic-bezier(0.25,0.46,0.45,0.94);}
.proj_card:hover .proj_card-img{transform:scale(1.06);}
/* overlay sits on the image */
.proj_card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,26,72,0.88) 0%,rgba(10,26,72,0.3) 100%);display:flex;align-items:flex-end;padding:1.04167vw;opacity:0;transition:opacity 0.3s ease;}
.proj_card:hover .proj_card-overlay{opacity:1;}
.proj_card-overlay-btn{display:inline-flex;align-items:center;gap:0.41667vw;font-family:var(--font-primary);font-weight:600;font-size:0.67708vw;color:#ffffff;border-bottom:1px solid rgba(255,255,255,0.5);padding-bottom:0.15625vw;text-decoration:none;transition:border-color 0.2s ease;}
.proj_card-overlay-btn svg{width:0.625vw;height:0.41667vw;}
.proj_card-overlay-btn:hover{border-color:#ffffff;}
/* card body */
.proj_card-body{padding:1.5625vw 1.30208vw;flex:1;display:flex;flex-direction:column;justify-content:space-between;min-width:0;}
.proj_card-meta{display:flex;align-items:center;gap:0.625vw;margin-bottom:0.625vw;}
.proj_card-region-tag{font-family:var(--font-primary);font-weight:600;font-size:0.52083vw;text-transform:uppercase;letter-spacing:0.1em;color:var(--color-accent);border-left:2px solid var(--color-accent);padding-left:0.41667vw;}
.proj_card-region-tag--europe{color:var(--color-accent);}
.proj_card-region-tag--asia{color:#0a7a5b;border-color:#0a7a5b;}
.proj_card-year{font-family:var(--font-primary);font-weight:400;font-size:0.67708vw;color:#bbbbbb;}
.proj_card-name{font-family:var(--font-primary);font-weight:700;font-size:1.04167vw;color:#111111;line-height:1.25;margin-bottom:0.52083vw;}
.proj_card-desc{font-family:var(--font-primary);font-weight:400;font-size:0.72917vw;color:#777777;line-height:1.7;flex:1;}
.proj_card-specs{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:0.3125vw 0.83333vw;padding-top:0.83333vw;border-top:1px solid #f0f2f7;}
.proj_card-specs li{display:flex;align-items:center;gap:0.20833vw;}
.proj_card-specs li span:first-child{font-family:var(--font-primary);font-weight:400;font-size:0.57292vw;color:#aaaaaa;text-transform:uppercase;letter-spacing:0.06em;}
.proj_card-specs li span:first-child::after{content:':'}
.proj_card-specs li span:last-child{font-family:var(--font-primary);font-weight:600;font-size:0.57292vw;color:#444444;}
/* cta — left/right split, actual project photo background */
.proj_cta{width:100%;background-image:linear-gradient(100deg,rgba(8,20,60,0.96) 0%,rgba(8,20,60,0.82) 50%,rgba(8,20,60,0.55) 100%),url('assets/images/proj_indonesia.webp');background-size:cover;background-position:center;padding:4.6875vw 0;}
.proj_cta-inner{max-width:var(--content-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:3.125vw;}
.proj_cta-left{flex:1;}
.proj_cta-right{flex-shrink:0;}
.proj_cta-title{font-family:var(--font-primary);font-weight:700;font-size:2.08333vw;color:#ffffff;line-height:1.2;margin-bottom:0.625vw;}
.proj_cta-desc{font-family:var(--font-primary);font-weight:400;font-size:0.83333vw;color:rgba(255,255,255,0.65);line-height:1.75;max-width:28.64583vw;}
/* ── pdetail_projects section (on product.html) ─────────────────────────── */
/* projects */
.pdetail_projects{width:100%;background:#f5f6fa;padding:4.6875vw 0;}
.pdetail_projects-container{max-width:var(--content-width);margin:0 auto;}
.pdetail_projects-header{text-align:center;margin-bottom:2.60417vw;}
.pdetail_projects-eyebrow{font-family:var(--font-primary);font-weight:600;font-size:0.625vw;color:var(--color-accent);text-transform:uppercase;letter-spacing:0.14em;margin-bottom:0.72917vw;display:flex;align-items:center;justify-content:center;gap:0.52083vw;}
.pdetail_projects-eyebrow::before{content:'';flex-shrink:0;width:1.5625vw;height:2px;background:var(--color-accent);}
.pdetail_projects-title{font-family:var(--font-primary);font-weight:700;font-size:2.08333vw;color:#000000;line-height:1;margin-bottom:0.625vw;}
.pdetail_projects-desc{font-family:var(--font-primary);font-weight:400;font-size:0.83333vw;color:#666666;line-height:1.7;max-width:38.02083vw;margin:0 auto;}
.pdetail_projects-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.04167vw;margin-bottom:2.08333vw;}
.pdetail_project-card{background:#ffffff;border-radius:0.52083vw;overflow:hidden;border:1px solid #eaedf3;transition:box-shadow 0.3s ease,transform 0.3s ease;display:flex;flex-direction:column;}
.pdetail_project-card:hover{box-shadow:0 0.78125vw 2.60417vw rgba(13,45,107,0.12);transform:translateY(-0.26042vw);}
.pdetail_project-card-imgwrap{width:100%;overflow:hidden;aspect-ratio:3/2;}
.pdetail_project-card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.45s cubic-bezier(0.25,0.46,0.45,0.94);}
.pdetail_project-card:hover .pdetail_project-card-img{transform:scale(1.04);}
.pdetail_project-card-body{padding:1.04167vw;flex:1;display:flex;flex-direction:column;}
.pdetail_project-card-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:0.52083vw;}
.pdetail_project-card-location{display:flex;align-items:center;gap:0.26042vw;font-family:var(--font-primary);font-weight:500;font-size:0.625vw;color:var(--color-primary);}
.pdetail_project-card-location svg{width:0.625vw;height:0.72917vw;flex-shrink:0;}
.pdetail_project-card-year{font-family:var(--font-primary);font-weight:600;font-size:0.57292vw;color:#ffffff;background:var(--color-accent);padding:0.15625vw 0.46875vw;border-radius:2.60417vw;letter-spacing:0.04em;}
.pdetail_project-card-name{font-family:var(--font-primary);font-weight:700;font-size:0.83333vw;color:#000000;line-height:1.3;margin-bottom:0.41667vw;}
.pdetail_project-card-desc{font-family:var(--font-primary);font-weight:400;font-size:0.72917vw;color:#777777;line-height:1.7;flex:1;}
.pdetail_projects-more{text-align:center;}
.pdetail_projects-more-link{display:inline-flex;align-items:center;gap:0.52083vw;font-family:var(--font-primary);font-weight:600;font-size:0.78125vw;color:var(--color-primary);text-decoration:none;border-bottom:1.5px solid var(--color-primary);padding-bottom:0.15625vw;transition:color 0.2s ease,border-color 0.2s ease;}
.pdetail_projects-more-link svg{width:0.72917vw;height:0.52083vw;transition:transform 0.2s ease;}
.pdetail_projects-more-link:hover{color:var(--color-accent);border-color:var(--color-accent);}
.pdetail_projects-more-link:hover svg{transform:translateX(0.26042vw);}
/* certifications */
.pdetail_certs{width:100%;background:#ffffff;padding:4.6875vw 0;border-top:1px solid #eaedf3;}
.pdetail_certs-container{max-width:var(--content-width);margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:5.72917vw;align-items:center;}
/* shared eyebrow line indicator */
.pdetail_certs-eyebrow,.pdetail_inquiry-eyebrow,.qmodal-left-eyebrow,.qmodal-right-eyebrow{display:flex;align-items:center;gap:0.52083vw;}
.pdetail_certs-eyebrow::before,.pdetail_inquiry-eyebrow::before,.qmodal-left-eyebrow::before,.qmodal-right-eyebrow::before{content:'';flex-shrink:0;width:1.5625vw;height:2px;background:var(--color-accent);}
.pdetail_certs-eyebrow{font-family:var(--font-primary);font-weight:600;font-size:0.625vw;color:var(--color-accent);text-transform:uppercase;letter-spacing:0.14em;margin-bottom:0.72917vw;}
.pdetail_certs-title{font-family:var(--font-primary);font-weight:700;font-size:2.08333vw;color:var(--color-dark);line-height:1.3;margin-bottom:0.83333vw;}
.pdetail_certs-desc{font-family:var(--font-primary);font-weight:400;font-size:0.78125vw;color:#666666;line-height:1.8;margin-bottom:1.5625vw;}
.pdetail_certs-badges{display:flex;flex-direction:column;gap:0.625vw;}
.pdetail_certs-badge{display:flex;align-items:center;gap:0.78125vw;padding:0.67708vw 0.83333vw;background:#f8f9fc;border-left:3px solid var(--color-accent);border-radius:0 4px 4px 0;}
.pdetail_certs-badge-name{font-family:var(--font-primary);font-weight:700;font-size:0.72917vw;color:var(--color-dark);white-space:nowrap;}
.pdetail_certs-badge-sub{font-family:var(--font-primary);font-weight:400;font-size:0.625vw;color:#999999;margin-left:0.41667vw;}
.pdetail_certs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0.78125vw;}
.pdetail_certs-card{background:#ffffff;border:1px solid #e8eaf0;border-radius:0.41667vw;overflow:hidden;transition:box-shadow 0.25s ease,transform 0.25s ease;cursor:zoom-in;}
.pdetail_certs-card:hover{box-shadow:0 0.52083vw 1.5625vw rgba(0,0,0,0.1);transform:translateY(-0.20833vw);}
.pdetail_certs-card-img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block;}
.pdetail_certs-card-label{font-family:var(--font-primary);font-weight:500;font-size:0.57292vw;color:#555555;text-align:center;padding:0.52083vw 0.41667vw;border-top:1px solid #eaedf3;line-height:1.4;}
/* faq reuses contact_faq */
.pdetail_faq{width:100%;background:#f5f6f8;padding:5.20833vw 0;}
.pdetail_faq-container{max-width:var(--content-width);margin:0 auto;}
.pdetail_faq-header{text-align:center;margin-bottom:3.125vw;}
.pdetail_faq-title{font-family:var(--font-primary);font-weight:700;font-size:2.08333vw;color:#000000;line-height:100%;}
.pdetail_faq-subtitle{font-family:var(--font-primary);font-weight:400;font-size:0.9375vw;color:#666666;line-height:1.6;margin-top:0.78125vw;}
.pdetail_faq-list{display:flex;flex-direction:column;gap:0.78125vw;}
.pdetail_faq-item{background:#ffffff;border-radius:0.52083vw;border:1px solid #e8ecf0;overflow:hidden;transition:box-shadow 0.3s ease;}
.pdetail_faq-item.open,.pdetail_faq-item:hover{box-shadow:0 0.20833vw 1.04167vw rgba(19,60,133,0.08);}
.pdetail_faq-question{display:flex;align-items:center;justify-content:space-between;padding:1.30208vw 1.5625vw;cursor:pointer;gap:1.04167vw;user-select:none;}
.pdetail_faq-question-text{font-family:var(--font-primary);font-weight:600;font-size:1.04167vw;color:#000000;line-height:1.4;flex:1;transition:color 0.3s ease;}
.pdetail_faq-item.open .pdetail_faq-question-text{color:var(--color-primary);}
.pdetail_faq-icon{width:1.5625vw;height:1.5625vw;flex-shrink:0;background:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background 0.3s ease;}
.pdetail_faq-item.open .pdetail_faq-icon{background:var(--color-accent);}
.pdetail_faq-icon svg{width:0.625vw;height:0.625vw;}
.pdetail_faq-icon .faq-icon-v{transition:opacity 0.25s ease;}
.pdetail_faq-item.open .pdetail_faq-icon .faq-icon-v{opacity:0;}
.pdetail_faq-answer{max-height:0;overflow:hidden;transition:max-height 0.4s cubic-bezier(0.4,0,0.2,1);}
.pdetail_faq-item.open .pdetail_faq-answer{max-height:500px;}
.pdetail_faq-answer-inner{padding:1.04167vw 1.5625vw 1.30208vw;font-family:var(--font-primary);font-weight:400;font-size:0.83333vw;color:#555555;line-height:1.85;border-top:1px solid #f0f0f0;}
/* responsive */
@media screen and (max-width:1024px){
.pdetail_breadcrumb-item,.pdetail_breadcrumb-current{font-size:1.5vw;}
.pdetail_breadcrumb-home-icon{width:1.5vw;height:1.5vw;}
.pdetail_breadcrumb-sep{width:0.8vw;height:1.2vw;}
.proj_stats-container{max-width:92%;}
.proj_stat-num{font-size:4vw;}
.proj_stat-label{font-size:1.3vw;}
.proj_main-container,.proj_cta-inner{max-width:92%;}
.proj_main-header{flex-direction:column;align-items:flex-start;gap:1.5vw;}
.proj_main-title{font-size:2.8vw;}
.proj_main-desc{font-size:1.4vw;}
.proj_filter-btn{font-size:1.3vw;padding:0.9vw 2vw;}
.proj_grid{grid-template-columns:1fr;gap:1.5vw;}
.proj_card{height:22vw;}
.proj_card-imgwrap{width:38%;}
.proj_card-name{font-size:2vw;}
.proj_card-desc{font-size:1.4vw;}
.proj_cta-inner{flex-direction:column;align-items:flex-start;gap:2.5vw;}
.proj_cta-title{font-size:3.5vw;}
.proj_cta-desc{font-size:1.5vw;max-width:100%;}
.pdetail_projects-container{max-width:92%;}
.pdetail_projects-eyebrow{font-size:1.2vw;}
.pdetail_projects-title{font-size:3.5vw;}
.pdetail_projects-desc{font-size:1.5vw;max-width:80%;}
.pdetail_projects-grid{grid-template-columns:1fr 1fr;gap:2vw;}
.pdetail_project-card-name{font-size:1.6vw;}
.pdetail_project-card-desc{font-size:1.4vw;}
.pdetail_project-card-location{font-size:1.2vw;}
.pdetail_project-card-location svg{width:1.2vw;height:1.4vw;}
.pdetail_project-card-year{font-size:1.1vw;}
.pdetail_projects-more-link{font-size:1.5vw;}
.pdetail_projects-more-link svg{width:1.5vw;height:1.1vw;}
.pdetail_certs-container{grid-template-columns:1fr;gap:4vw;max-width:92%;}
.pdetail_certs-eyebrow,.pdetail_inquiry-eyebrow,.qmodal-left-eyebrow,.qmodal-right-eyebrow{gap:1vw;}
.pdetail_certs-eyebrow::before,.pdetail_inquiry-eyebrow::before,.qmodal-left-eyebrow::before,.qmodal-right-eyebrow::before{width:3vw;}
.pdetail_certs-eyebrow{font-size:1.2vw;}
.pdetail_certs-title{font-size:3.5vw;}
.pdetail_certs-desc{font-size:1.5vw;}
.pdetail_certs-badge-name{font-size:1.4vw;}
.pdetail_certs-badge-sub{font-size:1.2vw;}
.pdetail_certs-card-label{font-size:1.2vw;}
.pdetail_core{padding:5vw 0;}
.pdetail_core-container{gap:4vw;}
.pdetail_info-cat-link{font-size:1.2vw;}
.pdetail_info-cat-sep{width:0.8vw;height:1.3vw;}
.pdetail_info-title{font-size:3.5vw;}
.pdetail_info-subtitle{font-size:1.5vw;}
.pdetail_info-highlight-text{font-size:1.4vw;}
.pdetail_info-spec-label{font-size:1.1vw;}
.pdetail_info-spec-value{font-size:1.5vw;}
.pdetail_info-cta-inner{font-size:1.5vw;padding:1.5vw 3vw;}
.pdetail_info-cta-secondary{font-size:1.5vw;padding:1.5vw 2.5vw;}
.pdetail_prose h2{font-size:2.8vw;}
.pdetail_prose h3{font-size:2vw;}
.pdetail_prose h4{font-size:1.7vw;}
.pdetail_prose p,.pdetail_prose li{font-size:1.5vw;}
.pdetail_prose table{font-size:1.4vw;}
.pdetail_prose table th,.pdetail_prose table td{padding:1.5vw 2vw;}
.pdetail_scenes-title{font-size:3.5vw;}
.pdetail_scenes-desc{font-size:1.5vw;}
.pdetail_scene-card-img{height:22vw;}
.pdetail_scene-card-label{font-size:1.5vw;}
.pdetail_oem-title{font-size:3.5vw;}
.pdetail_oem-desc{font-size:1.5vw;max-width:70%;}
.pdetail_oem-btn{border-radius:5vw;padding:0.5vw;}
.pdetail_oem-btn-wrap{border-radius:4.5vw;gap:1.5vw;padding:0 2vw 0 0.5vw;}
.pdetail_oem-btn-circle{width:4vw;height:4vw;}
.pdetail_oem-btn-arrow{width:1.8vw;height:1.8vw;}
.pdetail_oem-btn-text{font-size:1.5vw;}
.pdetail_related-title,.pdetail_faq-title{font-size:3.5vw;}
.pdetail_faq-container{max-width:92%;}
.pdetail_faq-question{padding:2.2vw 2.5vw;gap:2vw;}
.pdetail_faq-question-text{font-size:1.8vw;}
.pdetail_faq-icon{width:3vw;height:3vw;}
.pdetail_faq-icon svg{width:1.2vw;height:1.2vw;}
.pdetail_faq-answer-inner{font-size:1.5vw;padding:1.5vw 2.5vw 2.2vw;}
.pdetail_faq-subtitle{font-size:1.6vw;}
.pdetail_faq-list{gap:1.5vw;}
.pdetail_faq-item{border-radius:1vw;}
}
@media screen and (max-width:768px){
.pdetail_projects-grid{grid-template-columns:1fr 1fr;}
.pdetail_project-card-name{font-size:3vw;}
.pdetail_project-card-desc{font-size:2.8vw;}
.pdetail_project-card-location,.pdetail_project-card-location svg{font-size:2.5vw;}
.pdetail_project-card-year{font-size:2.2vw;}
.pdetail_projects-more-link{font-size:3vw;}
.pdetail_certs-container{max-width:92%;margin:0 auto;}
.pdetail_certs-title,.pdetail_inquiry-title{font-size:6vw;}
.pdetail_certs-desc{font-size:3vw;}
.pdetail_certs-badge-name{font-size:2.8vw;}
.pdetail_certs-badge-sub{font-size:2.4vw;}
.pdetail_certs-card-label{font-size:2.4vw;}
.pdetail_breadcrumb-container{max-width:92%;margin:0 auto;}
.pdetail_breadcrumb-item,.pdetail_breadcrumb-current{font-size:3vw;}
.pdetail_breadcrumb-home-icon{width:3vw;height:3vw;}
.pdetail_breadcrumb-sep{width:1.5vw;height:2.5vw;}
.pdetail_core-container{grid-template-columns:1fr;gap:5vw;max-width:92%;margin:0 auto;}
.pdetail_gallery-thumb{border-width:2px;}
.pdetail_info-cat-link{font-size:2.5vw;}
.pdetail_info-cat-sep{width:1.5vw;height:2.2vw;}
.pdetail_info-title{font-size:6vw;}
.pdetail_info-subtitle{font-size:3vw;}
.pdetail_info-highlights{grid-template-columns:1fr;}
.pdetail_info-highlight-text{font-size:3vw;}
.pdetail_info-specs{grid-template-columns:1fr 1fr;}
.pdetail_info-spec-label{font-size:2.5vw;}
.pdetail_info-spec-value{font-size:3vw;}
.pdetail_info-cta-inner{font-size:3vw;padding:3vw 5vw;}
.pdetail_info-cta-secondary{font-size:3vw;padding:3vw 4vw;}
.pdetail_content-container,.pdetail_scenes-container,.pdetail_related-container,.pdetail_faq-container{max-width:92%;margin:0 auto;}
.pdetail_scenes-title,.pdetail_oem-title,.pdetail_related-title,.pdetail_faq-title{font-size:6vw;}
.pdetail_faq-subtitle{font-size:3vw;}
.pdetail_faq-question{padding:4.5vw 5vw;gap:3vw;}
.pdetail_faq-question-text{font-size:3.5vw;}
.pdetail_faq-icon{width:7vw;height:7vw;}
.pdetail_faq-icon svg{width:2.5vw;height:2.5vw;}
.pdetail_faq-answer-inner{font-size:3vw;padding:3vw 5vw 4.5vw;}
.pdetail_faq-list{gap:3vw;}
.pdetail_faq-item{border-radius:2.5vw;}
.pdetail_scenes-desc,.pdetail_oem-desc{font-size:3vw;}
.pdetail_prose h2{font-size:5.5vw;}
.pdetail_prose h3{font-size:4.5vw;}
.pdetail_prose h4{font-size:4vw;}
.pdetail_prose p,.pdetail_prose li{font-size:3vw;}
.pdetail_prose table{font-size:3vw;}
.pdetail_prose table th,.pdetail_prose table td{padding:2.5vw 3vw;}
.pdetail_scenes-grid{grid-template-columns:1fr;gap:5vw;}
.pdetail_scene-card-img{height:55vw;}
.pdetail_scene-card-label{font-size:4vw;}
.pdetail_oem-inner{max-width:90%;padding:12vw 0;}
.pdetail_oem-title{font-size:6.5vw;}
.pdetail_oem-desc{font-size:3.2vw;max-width:90%;}
.pdetail_oem-btn{border-radius:12vw;padding:1.2vw;}
.pdetail_oem-btn-wrap{border-radius:11vw;gap:3vw;padding:0 4vw 0 1.2vw;}
.pdetail_oem-btn-circle{width:8vw;height:8vw;}
.pdetail_oem-btn-arrow{width:3.5vw;height:3.5vw;}
.pdetail_oem-btn-text{font-size:3.2vw;}
}
/* inquiry section */
.pdetail_inquiry{width:100%;background:var(--color-primary);}
.pdetail_inquiry-container{max-width:var(--content-width);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:5.20833vw;align-items:stretch;}
.pdetail_inquiry-left{display:flex;flex-direction:column;justify-content:center;padding:4.6875vw 0;}
.pdetail_inquiry-eyebrow{font-family:var(--font-primary);font-weight:600;font-size:0.625vw;color:var(--color-accent);text-transform:uppercase;letter-spacing:0.14em;margin-bottom:0.78125vw;}
.pdetail_inquiry-title{font-family:var(--font-primary);font-weight:700;font-size:2.08333vw;color:#ffffff;line-height:1.25;margin-bottom:0.83333vw;}
.pdetail_inquiry-desc{font-family:var(--font-primary);font-weight:400;font-size:0.83333vw;color:rgba(255,255,255,0.62);line-height:1.8;margin-bottom:1.5625vw;}
.pdetail_inquiry-features{display:flex;flex-direction:column;gap:0.72917vw;}
.pdetail_inquiry-feature{display:flex;align-items:center;gap:0.625vw;padding:0.52083vw 0;border-bottom:1px solid rgba(255,255,255,0.08);}
.pdetail_inquiry-feature:last-child{border-bottom:none;}
.pdetail_inquiry-feature-icon{width:0.72917vw;height:0.72917vw;flex-shrink:0;color:var(--color-accent);}
.pdetail_inquiry-feature-icon svg{width:100%;height:100%;}
.pdetail_inquiry-feature-text{font-family:var(--font-primary);font-weight:400;font-size:0.78125vw;color:rgba(255,255,255,0.78);}
.pdetail_inquiry-right{display:flex;align-items:stretch;}
.pdetail_inquiry-card{background:#ffffff;width:100%;padding:2.08333vw 2.08333vw 2.08333vw 2.34375vw;box-shadow:0 1.5625vw 4.6875vw rgba(0,0,0,0.25);display:flex;flex-direction:column;border-left:3px solid var(--color-accent);}
.pdetail_inquiry-card-title{font-family:var(--font-primary);font-weight:700;font-size:1.04167vw;color:#000000;margin-bottom:1.04167vw;padding-bottom:0.72917vw;border-bottom:1px solid #eaedf3;}
.pdetail_inquiry-form{display:flex;flex-direction:column;gap:0.78125vw;flex:1;}
.pdetail_inquiry-form .cform-btn{margin-top:auto;}
/* quote modal */
.qmodal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.65);z-index:900;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease;padding:2vw;}
.qmodal-overlay.open{opacity:1;visibility:visible;}
.qmodal{display:grid;grid-template-columns:5fr 6fr;width:54.6875vw;max-width:92vw;max-height:90vh;border-radius:0.72917vw;overflow:hidden;transform:translateY(1.5vw) scale(0.97);transition:transform 0.38s cubic-bezier(0.34,1.4,0.64,1);box-shadow:0 2.08333vw 5.20833vw rgba(0,0,0,0.35);}
.qmodal-overlay.open .qmodal{transform:translateY(0) scale(1);}
.qmodal-left{position:relative;background:url('../images/modal_bg.webp') center 65%/cover no-repeat;display:flex;flex-direction:column;justify-content:flex-end;min-height:28.64583vw;}
.qmodal-left::before{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(8,20,60,0.96) 35%,rgba(8,20,60,0.45) 100%);}
.qmodal-left-content{position:relative;z-index:1;padding:1.82292vw 1.5625vw;}
.qmodal-left-eyebrow{font-family:var(--font-primary);font-weight:600;font-size:0.52083vw;color:var(--color-accent);text-transform:uppercase;letter-spacing:0.14em;margin-bottom:0.72917vw;}
.qmodal-left-title{font-family:var(--font-primary);font-weight:700;font-size:1.71875vw;color:#ffffff;line-height:1.2;margin-bottom:0.72917vw;}
.qmodal-left-desc{font-family:var(--font-primary);font-size:0.72917vw;color:rgba(255,255,255,0.6);line-height:1.75;margin-bottom:1.30208vw;}
.qmodal-left-divider{width:3.125vw;height:2px;background:var(--color-accent);margin-bottom:1.30208vw;}
.qmodal-left-stats{display:flex;gap:1.5625vw;}
.qmodal-left-stat{display:flex;flex-direction:column;gap:0.15625vw;}
.qmodal-left-stat-num{font-family:var(--font-primary);font-weight:700;font-size:1.25vw;color:#ffffff;line-height:1;}
.qmodal-left-stat-label{font-family:var(--font-primary);font-size:0.52083vw;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:0.1em;margin-top:0.15625vw;}
.qmodal-right{background:#ffffff;padding:1.82292vw 1.82292vw;position:relative;overflow-y:auto;display:flex;flex-direction:column;justify-content:center;}
.qmodal-right .cform-row{grid-template-columns:1fr;gap:0.78125vw;}
.qmodal-right .cform-field{gap:0.3125vw;}
.qmodal-right .cform-input{height:2.34375vw;}
.qmodal-right .cform-label{font-weight:600;}
.qmodal-right .cform-textarea{min-height:5.20833vw;}
.qmodal-right-desc{margin-bottom:0.83333vw !important;}
.qmodal-close{position:absolute;top:0.9375vw;right:0.9375vw;width:1.5625vw;height:1.5625vw;display:flex;align-items:center;justify-content:center;color:#aaaaaa;cursor:pointer;border-radius:50%;transition:color 0.2s ease,background 0.2s ease;}
.qmodal-close:hover{color:#000000;background:#f2f2f2;}
.qmodal-right-eyebrow{font-family:var(--font-primary);font-weight:600;font-size:0.52083vw;color:var(--color-accent);text-transform:uppercase;letter-spacing:0.14em;margin-bottom:0.41667vw;}
.qmodal-right-title{font-family:var(--font-primary);font-weight:700;font-size:1.14583vw;color:#000000;margin-bottom:0.20833vw;}
.qmodal-right-desc{font-family:var(--font-primary);font-size:0.68750vw;color:#999999;margin-bottom:1.04167vw;line-height:1.5;}
/* button reset for pdetail_info-cta used as <button> */
button.pdetail_info-cta{background:none;border:none;cursor:pointer;padding:0;font:inherit;}
/* responsive */
@media screen and (max-width:1024px){
.pdetail_inquiry-container{grid-template-columns:1fr;gap:4vw;max-width:92%;}
.pdetail_inquiry-left{padding:4vw 0;}
.pdetail_inquiry-eyebrow{font-size:1.2vw;}
.pdetail_certs-eyebrow::before,.pdetail_inquiry-eyebrow::before,.qmodal-left-eyebrow::before,.qmodal-right-eyebrow::before{width:5vw;}
.pdetail_inquiry-title,.pdetail_certs-title{font-size:3.5vw;}
.pdetail_inquiry-desc{font-size:1.5vw;}
.pdetail_inquiry-feature-text{font-size:1.5vw;}
.pdetail_inquiry-feature-icon{width:1.5vw;height:1.5vw;}
.pdetail_inquiry-card{padding:2.5vw;}
.pdetail_inquiry-card-title{font-size:2vw;}
.qmodal{width:88vw;}
.qmodal-left{min-height:auto;}
.qmodal-left-eyebrow,.qmodal-right-eyebrow{font-size:1.2vw;}
.qmodal-left-title{font-size:2.8vw;}
.qmodal-left-desc,.qmodal-right-desc{font-size:1.4vw;}
.qmodal-left-stat-num{font-size:2.2vw;}
.qmodal-left-stat-label{font-size:1.1vw;}
.qmodal-right-title{font-size:2.2vw;}
.qmodal-close{width:3vw;height:3vw;}
}
@media screen and (max-width:768px){
.pdetail_inquiry-container{max-width:92%;margin:0 auto;}
.pdetail_inquiry-left{padding:5vw 0;}
.pdetail_inquiry-title{font-size:6vw;}
.pdetail_inquiry-desc{font-size:3vw;}
.pdetail_inquiry-feature-text{font-size:3vw;}
.pdetail_inquiry-feature-icon{width:2.5vw;height:2.5vw;}
.pdetail_inquiry-card{padding:5vw;}
.pdetail_inquiry-card-title{font-size:4vw;}
.qmodal{grid-template-columns:1fr;width:92vw;}
.qmodal-left{min-height:35vw;}
.qmodal-left-content{padding:5vw;}
.qmodal-left-eyebrow{font-size:2.5vw;}
.qmodal-left-title{font-size:6vw;}
.qmodal-left-desc{font-size:3vw;}
.qmodal-left-stat-num{font-size:5vw;}
.qmodal-left-stat-label{font-size:2.2vw;}
.qmodal-right{padding:6vw;}
.qmodal-right-eyebrow{font-size:2.5vw;}
.qmodal-right-title{font-size:5vw;}
.qmodal-right-desc{font-size:3vw;}
.qmodal-close{width:7vw;height:7vw;top:3vw;right:3vw;}
}
/*product detail page end*/

/* ── projects.html responsive ──────────────────────────────────────────── */
@media screen and (max-width:768px){
.proj_stats{padding:4vw 0;}
.proj_stats-container{padding:0 4vw;}
.proj_stat-num{font-size:7vw;}
.proj_stat-label{font-size:2.5vw;}
.proj_main{padding:8vw 0;}
.proj_main-title{font-size:6vw;}
.proj_main-desc{font-size:3vw;}
.proj_filter{width:100%;}
.proj_filter-btn{flex:1;font-size:2.8vw;padding:2vw 0;text-align:center;}
.proj_grid{grid-template-columns:1fr;gap:4vw;}
.proj_card{flex-direction:column;height:auto;}
.proj_card-imgwrap{width:100%;height:50vw;flex-shrink:0;}
.proj_card-body{padding:4vw;}
.proj_card-name{font-size:4.5vw;}
.proj_card-desc{font-size:3.2vw;}
.proj_card-meta{margin-bottom:2vw;}
.proj_card-region-tag{font-size:2.5vw;}
.proj_cta{padding:10vw 0;}
.proj_cta-title{font-size:6.5vw;}
.proj_cta-desc{font-size:3.2vw;max-width:100%;}
}

/* ── products_about (company intro) ──────────────────────────────────── */
.products_about{width:100%;background:#f3f4f8;padding:4.6875vw 0;}
.products_about-container{max-width:var(--content-width);margin:0 auto;display:grid;grid-template-columns:1fr 1.35fr;gap:5.20833vw;align-items:center;}
.products_about-kicker{font-family:var(--font-primary);font-weight:500;font-size:0.67708vw;color:var(--color-accent);text-transform:uppercase;letter-spacing:0.14em;margin-bottom:0.625vw;}
.products_about-title{font-family:var(--font-primary);font-weight:700;font-size:2.08333vw;color:#111827;line-height:1.15;margin-bottom:0.9375vw;}
.products_about-body{font-family:var(--font-primary);font-weight:400;font-size:0.83333vw;color:#555555;line-height:1.8;margin-bottom:2.08333vw;}
.products_about-facts{display:flex;gap:0;margin-bottom:1.82292vw;padding-bottom:1.82292vw;border-bottom:1px solid #dde1ec;}
.products_about-fact{display:flex;flex-direction:column;gap:0.20833vw;padding-right:1.82292vw;margin-right:1.82292vw;border-right:1px solid #dde1ec;}
.products_about-fact:last-child{border-right:none;padding-right:0;margin-right:0;}
.products_about-fact-num{font-family:var(--font-primary);font-weight:800;font-size:1.82292vw;color:var(--color-primary);line-height:1;display:block;}
.products_about-fact-num span{font-size:1.04167vw;color:var(--color-accent);font-weight:700;}
.products_about-fact-label{font-family:var(--font-primary);font-weight:400;font-size:0.625vw;color:#888888;text-transform:uppercase;letter-spacing:0.08em;display:block;}
.products_about-link{display:inline-flex;align-items:center;gap:0.52083vw;font-family:var(--font-primary);font-weight:600;font-size:0.78125vw;color:var(--color-primary);text-decoration:none;border-bottom:1.5px solid var(--color-primary);padding-bottom:0.15625vw;transition:color 0.2s,border-color 0.2s;}
.products_about-link svg{width:0.72917vw;height:0.52083vw;transition:transform 0.2s;}
.products_about-link:hover{color:var(--color-accent);border-color:var(--color-accent);}
.products_about-link:hover svg{transform:translateX(0.20833vw);}
/* mosaic */
.products_about-mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:0.52083vw;height:26.04167vw;}
.products_about-mosaic-main{grid-column:1;grid-row:1/3;overflow:hidden;border-radius:0.26042vw;}
.products_about-mosaic-main img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.5s ease;}
.products_about-mosaic-main:hover img{transform:scale(1.03);}
.products_about-mosaic-side{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;gap:0.52083vw;}
.products_about-mosaic-img{flex:1;overflow:hidden;border-radius:0.26042vw;}
.products_about-mosaic-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.5s ease;}
.products_about-mosaic-img:hover img{transform:scale(1.04);}

/* ── products_inquiry — bg-image + left stats + right card form ──────── */
.products_inquiry{width:100%;background:url('../images/oem_bg.webp') center/cover no-repeat;position:relative;padding:5.20833vw 0;}
.products_inquiry::before{content:'';position:absolute;inset:0;background:rgba(8,22,58,0.84);z-index:0;}
.products_inquiry-container{max-width:var(--content-width);margin:0 auto;display:flex;align-items:center;gap:4.16667vw;position:relative;z-index:1;}
/* left */
.products_inquiry-left{flex:1;min-width:0;}
.products_inquiry-kicker{font-family:var(--font-primary);font-weight:500;font-size:0.72917vw;color:var(--color-accent);text-transform:uppercase;letter-spacing:0.16em;margin-bottom:0.78125vw;}
.products_inquiry-title{font-family:var(--font-primary);font-weight:800;font-size:3.64583vw;color:#ffffff;line-height:1.05;margin-bottom:1.04167vw;}
.products_inquiry-desc{font-family:var(--font-primary);font-weight:400;font-size:0.83333vw;color:rgba(255,255,255,0.6);line-height:1.7;margin-bottom:2.60417vw;max-width:22.91667vw;}
.products_inquiry-stats{display:flex;align-items:center;}
.products_inquiry-stat{display:flex;flex-direction:column;gap:0.26042vw;padding:0 2.08333vw;}
.products_inquiry-stat:first-child{padding-left:0;}
.products_inquiry-stat-num{font-family:var(--font-primary);font-weight:800;font-size:2.29167vw;color:#ffffff;line-height:1;display:block;}
.products_inquiry-stat-num span{font-size:1.5625vw;color:var(--color-accent);}
.products_inquiry-stat-label{font-family:var(--font-primary);font-weight:400;font-size:0.72917vw;color:rgba(255,255,255,0.5);line-height:1.4;display:block;}
.products_inquiry-stat-divider{width:1px;height:2.60417vw;background:rgba(255,255,255,0.18);flex-shrink:0;}
/* right card */
.products_inquiry-card{width:29.16667vw;flex-shrink:0;background:#ffffff;border-radius:0.41667vw;padding:2.60417vw;box-shadow:0 1.04167vw 3.125vw rgba(0,0,0,0.28);}
.products_inquiry-card-title{font-family:var(--font-primary);font-weight:700;font-size:1.25vw;color:#000000;line-height:1.2;margin-bottom:0.36458vw;}
.products_inquiry-card-sub{font-family:var(--font-primary);font-weight:400;font-size:0.72917vw;color:#999999;margin-bottom:1.5625vw;}
/* form */
.products_inquiry-form{display:flex;flex-direction:column;gap:0.9375vw;}
.products_inquiry-row{display:grid;grid-template-columns:1fr 1fr;gap:0.9375vw;}
.products_inquiry-field{display:flex;flex-direction:column;gap:0.26042vw;}
.products_inquiry-field--full{grid-column:1/-1;}
.products_inquiry-label{font-family:var(--font-primary);font-weight:400;font-size:0.72917vw;color:#333333;line-height:1;}
.products_inquiry-label em{font-style:normal;color:#e53e3e;}
.products_inquiry-input{width:100%;height:2.5vw;padding:0 0.78125vw;border:1px solid #d0dcea;border-radius:0.20833vw;background:#f5f8fc;font-family:var(--font-primary);font-size:0.72917vw;color:#333333;outline:none;transition:border-color 0.3s ease,background 0.3s ease;box-sizing:border-box;}
.products_inquiry-input::placeholder{color:#aab4c4;}
.products_inquiry-input:focus{border-color:var(--color-primary);background:#ffffff;}
.products_inquiry-textarea{width:100%;padding:0.625vw 0.78125vw;border:1px solid #d0dcea;border-radius:0.20833vw;background:#f5f8fc;font-family:var(--font-primary);font-size:0.72917vw;color:#333333;outline:none;resize:vertical;transition:border-color 0.3s ease,background 0.3s ease;box-sizing:border-box;min-height:6.25vw;}
.products_inquiry-textarea::placeholder{color:#aab4c4;}
.products_inquiry-textarea:focus{border-color:var(--color-primary);background:#ffffff;}
.products_inquiry-submit{width:100%;height:2.70833vw;background-color:var(--color-primary);background-image:linear-gradient(#0d2d6b 0 100%);background-position:left;background-size:0% 100%;background-repeat:no-repeat;color:#ffffff;border:none;border-radius:2.60417vw;font-family:var(--font-primary);font-weight:500;font-size:0.9375vw;cursor:pointer;letter-spacing:0.02em;transition:background-size 0.4s cubic-bezier(0.4,0,0.2,1);}
.products_inquiry-submit:hover{background-size:100% 100%;}

/* responsive ── tablet 1024px */
@media screen and (max-width:1024px){
.products_about-container{max-width:92%;grid-template-columns:1fr;gap:4vw;}
.products_about-kicker{font-size:1.2vw;}
.products_about-title{font-size:3.5vw;}
.products_about-body{font-size:1.5vw;}
.products_about-fact-num{font-size:3vw;}
.products_about-fact-num span{font-size:2vw;}
.products_about-fact-label{font-size:1.2vw;}
.products_about-link{font-size:1.5vw;}
.products_about-mosaic{height:40vw;}
.products_inquiry{padding:6vw 0;}
.products_inquiry-container{max-width:92%;flex-direction:column;gap:5vw;}
.products_inquiry-kicker{font-size:1.3vw;}
.products_inquiry-title{font-size:6vw;}
.products_inquiry-desc{font-size:1.5vw;max-width:100%;}
.products_inquiry-stat-num{font-size:4vw;}
.products_inquiry-stat-num span{font-size:2.8vw;}
.products_inquiry-stat-label{font-size:1.3vw;}
.products_inquiry-stat{padding:0 3vw;}
.products_inquiry-stat-divider{height:4vw;}
.products_inquiry-card{width:100%;padding:4vw;}
.products_inquiry-card-title{font-size:2.2vw;}
.products_inquiry-card-sub{font-size:1.3vw;}
.products_inquiry-label{font-size:1.3vw;}
.products_inquiry-input{height:4.5vw;font-size:1.4vw;padding:0 1.5vw;}
.products_inquiry-textarea{font-size:1.4vw;padding:1.2vw 1.5vw;min-height:12vw;}
.products_inquiry-submit{height:5.5vw;font-size:1.8vw;}
}
/* responsive ── mobile 768px */
@media screen and (max-width:768px){
.products_about{padding:8vw 0;}
.products_about-container{max-width:92%;}
.products_about-kicker{font-size:2.5vw;}
.products_about-title{font-size:6.5vw;}
.products_about-body{font-size:3vw;}
.products_about-facts{flex-wrap:wrap;gap:4vw;}
.products_about-fact{border-right:none;padding-right:0;margin-right:0;}
.products_about-fact-num{font-size:7vw;}
.products_about-fact-num span{font-size:4.5vw;}
.products_about-fact-label{font-size:2.5vw;}
.products_about-link{font-size:3vw;}
.products_about-link svg{width:2.5vw;height:2vw;}
.products_about-mosaic{height:55vw;}
.products_inquiry{padding:10vw 0;}
.products_inquiry-container{max-width:88%;gap:8vw;}
.products_inquiry-kicker{font-size:2.5vw;}
.products_inquiry-title{font-size:10vw;}
.products_inquiry-desc{font-size:3vw;}
.products_inquiry-stats{flex-wrap:wrap;gap:5vw;}
.products_inquiry-stat{padding:0;}
.products_inquiry-stat-divider{display:none;}
.products_inquiry-stat-num{font-size:8vw;}
.products_inquiry-stat-num span{font-size:5vw;}
.products_inquiry-stat-label{font-size:2.5vw;}
.products_inquiry-card{padding:6vw;}
.products_inquiry-card-title{font-size:4vw;}
.products_inquiry-card-sub{font-size:2.5vw;}
.products_inquiry-row{grid-template-columns:1fr;}
.products_inquiry-label{font-size:2.8vw;}
.products_inquiry-input{height:10vw;font-size:3.2vw;padding:0 3vw;}
.products_inquiry-textarea{font-size:3.2vw;padding:2.5vw 3vw;min-height:22vw;}
.products_inquiry-submit{height:12vw;font-size:3.8vw;border-radius:6vw;}
}


/* ═══════════════════════════════════════════════════════════════
   news.html — editorial layout
   ═══════════════════════════════════════════════════════════════ */

/* ── news_feature (full-width featured story) ────────────────── */
.news_feature{width:100%;background:#ffffff;border-bottom:1px solid #e8ecf0;padding:3.64583vw 0;}
.news_feature-container{max-width:var(--content-width);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:22.91667vw;}
.news_feature-imgwrap{display:block;overflow:hidden;position:relative;text-decoration:none;}
.news_feature-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.6s cubic-bezier(0.4,0,0.2,1);}
.news_feature-imgwrap:hover .news_feature-img{transform:scale(1.04);}
.news_feature-body{padding:3.125vw 3.125vw 3.125vw 3.125vw;display:flex;flex-direction:column;justify-content:center;border-left:1px solid #e8ecf0;}
.news_feature-eyeline{font-family:var(--font-primary);font-weight:400;font-size:0.72917vw;color:#888888;display:flex;align-items:center;flex-wrap:wrap;gap:0;margin-bottom:1.04167vw;letter-spacing:0.02em;}
.news_feature-cat{font-weight:700;text-transform:uppercase;letter-spacing:0.08em;font-size:0.625vw;}
.news_feature-cat[data-cat="insights"]{color:var(--color-primary);}
.news_feature-cat[data-cat="guides"]{color:var(--color-accent);}
.news_feature-cat[data-cat="company"]{color:#1a7a52;}
.news_feature-cat[data-cat="product"]{color:#7c3fbf;}
.news_feature-sep,.news_feature-read{color:#cccccc;}
.news_feature-title{font-family:var(--font-primary);font-weight:800;font-size:1.82292vw;color:#111827;line-height:1.3;margin-bottom:1.04167vw;}
.news_feature-title a{text-decoration:none;color:inherit;transition:color 0.2s;}
.news_feature-title a:hover{color:var(--color-primary);}
.news_feature-desc{font-family:var(--font-primary);font-weight:400;font-size:0.83333vw;color:#555555;line-height:1.85;margin-bottom:1.5625vw;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}
.news_feature-link{display:inline-flex;align-items:center;gap:0.52083vw;font-family:var(--font-primary);font-weight:600;font-size:0.72917vw;color:var(--color-primary);text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:0.15625vw;align-self:flex-start;transition:color 0.2s,gap 0.2s;}
.news_feature-link svg{flex-shrink:0;transition:transform 0.2s;}
.news_feature-link:hover{color:var(--color-accent);gap:0.72917vw;}
.news_feature-link:hover svg{transform:translateX(3px);}

/* ── news_main (main + sidebar) ──────────────────────────────── */
.news_main{width:100%;background:#f5f6f8;padding:3.125vw 0 4.6875vw;}
.news_main-container{max-width:var(--content-width);margin:0 auto;display:grid;grid-template-columns:1fr 0.42fr;gap:2.60417vw;align-items:start;}

/* articles column */
.news_articles{background:#ffffff;border:1px solid #e8ecf0;}
.news_articles-head{display:flex;align-items:baseline;justify-content:space-between;padding:1.30208vw 1.82292vw;border-bottom:2px solid var(--color-primary);}
.news_articles-heading{font-family:var(--font-primary);font-weight:700;font-size:0.9375vw;color:#111827;line-height:1;text-transform:uppercase;letter-spacing:0.08em;}
.news_articles-total{font-family:var(--font-primary);font-weight:400;font-size:0.72917vw;color:#aaaaaa;letter-spacing:0.04em;}

/* article list */
.news_list{list-style:none;padding:0;margin:0;}
.news_item{padding:1.5625vw 1.82292vw;border-bottom:1px solid #eeeeee;transition:background 0.2s;}
.news_item:last-child{border-bottom:none;}
.news_item:hover{background:#fafbfc;}
.news_item--thumb{display:grid;grid-template-columns:7.8125vw 1fr;gap:1.30208vw;align-items:start;}
.news_item-thumb{display:block;overflow:hidden;border-radius:0.15625vw;text-decoration:none;aspect-ratio:4/3;background:#f0f0f0;}
.news_item-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.4s ease;}
.news_item:hover .news_item-thumb img{transform:scale(1.06);}
.news_item-body{min-width:0;}
.news_item-meta{font-family:var(--font-primary);font-weight:400;font-size:0.625vw;color:#999999;display:flex;align-items:center;flex-wrap:wrap;gap:0.41667vw;margin-bottom:0.41667vw;letter-spacing:0.02em;}
.news_item-cat{font-weight:700;text-transform:uppercase;letter-spacing:0.08em;font-size:0.57292vw;}
.news_item-cat[data-cat="insights"]{color:var(--color-primary);}
.news_item-cat[data-cat="guides"]{color:var(--color-accent);}
.news_item-cat[data-cat="company"]{color:#1a7a52;}
.news_item-cat[data-cat="product"]{color:#7c3fbf;}
.news_item-metasep{color:#dddddd;}
.news_item-read{color:#cccccc;}
.news_item-title{font-family:var(--font-primary);font-weight:700;font-size:0.9375vw;color:#111827;line-height:1.4;margin-bottom:0.41667vw;}
.news_item-title a{text-decoration:none;color:inherit;transition:color 0.2s;}
.news_item-title a:hover{color:var(--color-primary);}
.news_item-desc{font-family:var(--font-primary);font-weight:400;font-size:0.72917vw;color:#666666;line-height:1.75;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

/* pagination */
.news_pagination{display:flex;align-items:center;justify-content:center;gap:0.20833vw;padding:1.5625vw;}
.news_pagination-num,.news_pagination-prev,.news_pagination-next{display:inline-flex;align-items:center;justify-content:center;width:1.82292vw;height:1.82292vw;font-family:var(--font-primary);font-weight:500;font-size:0.78125vw;color:#666666;border:1px solid #dde1ec;text-decoration:none;transition:background 0.2s,border-color 0.2s,color 0.2s;background:#ffffff;}
.news_pagination-num:hover,.news_pagination-prev:hover,.news_pagination-next:hover{background:var(--color-primary);border-color:var(--color-primary);color:#ffffff;}
.news_pagination-num.active{background:var(--color-primary);border-color:var(--color-primary);color:#ffffff;pointer-events:none;}
.news_pagination-prev[aria-disabled="true"]{opacity:0.3;pointer-events:none;}

/* sidebar */
.news_sidebar{display:flex;flex-direction:column;gap:1px;position:sticky;top:5.20833vw;}
.news_sidebar-block{background:#ffffff;border:1px solid #e8ecf0;padding:1.5625vw;}
.news_sidebar-block + .news_sidebar-block{margin-top:1.04167vw;}
.news_sidebar-heading{font-family:var(--font-primary);font-weight:700;font-size:0.72917vw;color:#111827;text-transform:uppercase;letter-spacing:0.1em;padding-bottom:0.78125vw;border-bottom:2px solid var(--color-primary);margin-bottom:1.04167vw;}

/* topic list */
.news_sidebar-topics{list-style:none;padding:0;margin:0;}
.news_sidebar-topic{border-bottom:1px solid #f0f0f0;}
.news_sidebar-topic:last-child{border-bottom:none;}
.news_sidebar-topic-link{display:flex;align-items:center;justify-content:space-between;padding:0.625vw 0;text-decoration:none;transition:padding-left 0.2s;}
.news_sidebar-topic-link:hover{padding-left:0.3125vw;}
.news_sidebar-topic-name{font-family:var(--font-primary);font-weight:500;font-size:0.78125vw;color:#333333;transition:color 0.2s;}
.news_sidebar-topic-link:hover .news_sidebar-topic-name{color:var(--color-primary);}
.news_sidebar-topic-count{font-family:var(--font-primary);font-weight:400;font-size:0.72917vw;color:#bbbbbb;}
.news_sidebar-topic-link[data-cat="guides"]:hover .news_sidebar-topic-name{color:var(--color-accent);}
.news_sidebar-topic-link[data-cat="company"]:hover .news_sidebar-topic-name{color:#1a7a52;}
.news_sidebar-topic-link[data-cat="product"]:hover .news_sidebar-topic-name{color:#7c3fbf;}

/* cta block */
.news_sidebar-block--cta{background:var(--color-primary);border-color:var(--color-primary);}
.news_sidebar-cta-label{font-family:var(--font-primary);font-weight:700;font-size:0.57292vw;color:var(--color-accent);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:0.52083vw;}
.news_sidebar-cta-title{font-family:var(--font-primary);font-weight:700;font-size:0.9375vw;color:#ffffff;line-height:1.35;margin-bottom:0.625vw;}
.news_sidebar-cta-body{font-family:var(--font-primary);font-weight:400;font-size:0.72917vw;color:rgba(255,255,255,0.82);line-height:1.75;margin-bottom:1.30208vw;}
.news_sidebar-cta-pri,.news_sidebar-cta-sec{display:block;text-align:center;font-family:var(--font-primary);font-weight:600;font-size:0.72917vw;text-decoration:none;padding:0.625vw 1.04167vw;transition:background 0.2s,color 0.2s,border-color 0.2s;}
.news_sidebar-cta-pri{background:var(--color-accent);color:#ffffff;margin-top:0.52083vw;}
.news_sidebar-cta-pri:hover{background:#c7821f;}
.news_sidebar-cta-sec{border:1px solid rgba(255,255,255,0.6);color:rgba(255,255,255,0.9);}
.news_sidebar-cta-sec:hover{border-color:#ffffff;color:#ffffff;}

/* about block */
.news_sidebar-block--about{background:#fafbfc;}
.news_sidebar-about-name{font-family:var(--font-primary);font-weight:700;font-size:0.78125vw;color:#111827;margin-bottom:0.52083vw;}
.news_sidebar-about-body{font-family:var(--font-primary);font-weight:400;font-size:0.72917vw;color:#666666;line-height:1.75;margin-bottom:0.9375vw;}
.news_sidebar-about-link{display:inline-flex;align-items:center;gap:0.3125vw;font-family:var(--font-primary);font-weight:500;font-size:0.72917vw;color:var(--color-primary);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:0.10417vw;transition:color 0.2s,gap 0.2s;}
.news_sidebar-about-link svg{flex-shrink:0;transition:transform 0.2s;}
.news_sidebar-about-link:hover{color:var(--color-accent);gap:0.52083vw;}
.news_sidebar-about-link:hover svg{transform:translateX(2px);}

/* ══ RESPONSIVE — tablet 1024px ══════════════════════════════════ */
@media screen and (max-width:1024px){
.news_feature{padding:4vw 0;}
.news_feature-container{grid-template-columns:1fr;min-height:unset;}
.news_feature-imgwrap{aspect-ratio:16/9;}
.news_feature-body{padding:3vw 4vw;border-left:none;border-top:1px solid #e8ecf0;}
.news_feature-eyeline{font-size:1.4vw;}
.news_feature-cat{font-size:1.2vw;}
.news_feature-title{font-size:3.5vw;}
.news_feature-desc{font-size:1.5vw;}
.news_feature-link{font-size:1.4vw;}
.news_main{padding:4vw 0 6vw;}
.news_main-container{max-width:92%;margin:0 auto;grid-template-columns:1fr;gap:3vw;}
.news_sidebar{position:static;}
.news_articles-heading{font-size:1.8vw;}
.news_articles-total{font-size:1.4vw;}
.news_articles-head{padding:2.5vw 3vw;}
.news_item{padding:3vw;}
.news_item--thumb{grid-template-columns:15vw 1fr;gap:2.5vw;}
.news_item-meta{font-size:1.2vw;gap:0.8vw;}
.news_item-cat{font-size:1.1vw;}
.news_item-title{font-size:1.8vw;}
.news_item-desc{font-size:1.4vw;}
.news_pagination{padding:3vw;}
.news_pagination-num,.news_pagination-prev,.news_pagination-next{width:3.5vw;height:3.5vw;font-size:1.4vw;}
.news_sidebar-block{padding:3vw;}
.news_sidebar-heading{font-size:1.4vw;padding-bottom:1.5vw;margin-bottom:2vw;}
.news_sidebar-topic-name{font-size:1.5vw;}
.news_sidebar-topic-count{font-size:1.4vw;}
.news_sidebar-cta-label{font-size:1.1vw;}
.news_sidebar-cta-title{font-size:1.8vw;}
.news_sidebar-cta-body{font-size:1.4vw;}
.news_sidebar-cta-pri,.news_sidebar-cta-sec{font-size:1.4vw;padding:1.2vw 2vw;}
.news_sidebar-about-name{font-size:1.5vw;}
.news_sidebar-about-body{font-size:1.4vw;}
.news_sidebar-about-link{font-size:1.4vw;}
}

/* ══ RESPONSIVE — mobile 768px ═══════════════════════════════════ */
@media screen and (max-width:768px){
.news_feature{padding:6vw 0;}
.news_feature-body{padding:6vw 5vw;}
.news_feature-eyeline{font-size:2.5vw;}
.news_feature-cat{font-size:2.2vw;}
.news_feature-title{font-size:6vw;}
.news_feature-desc{font-size:3vw;}
.news_feature-link{font-size:3vw;}
.news_main{padding:6vw 0 10vw;}
.news_main-container{max-width:88%;margin:0 auto;}
.news_articles-head{padding:4vw 4.5vw;}
.news_articles-heading{font-size:3.5vw;}
.news_articles-total{font-size:2.5vw;}
.news_item{padding:5vw 4.5vw;}
.news_item--thumb{grid-template-columns:22vw 1fr;gap:3.5vw;}
.news_item-meta{font-size:2.2vw;gap:1.5vw;}
.news_item-cat{font-size:2vw;}
.news_item-title{font-size:3.5vw;}
.news_item-desc{font-size:2.8vw;}
.news_pagination{padding:5vw;}
.news_pagination-num,.news_pagination-prev,.news_pagination-next{width:8vw;height:8vw;font-size:3vw;}
.news_sidebar-block{padding:5vw;}
.news_sidebar-heading{font-size:2.8vw;padding-bottom:3vw;margin-bottom:3vw;}
.news_sidebar-topic-link{padding:1.5vw 0;}
.news_sidebar-topic-name{font-size:3vw;}
.news_sidebar-topic-count{font-size:2.8vw;}
.news_sidebar-cta-label{font-size:2.2vw;}
.news_sidebar-cta-title{font-size:3.5vw;}
.news_sidebar-cta-body{font-size:2.8vw;margin-bottom:4vw;}
.news_sidebar-cta-pri,.news_sidebar-cta-sec{font-size:3vw;padding:2.5vw;}
.news_sidebar-about-name{font-size:3vw;}
.news_sidebar-about-body{font-size:2.8vw;}
.news_sidebar-about-link{font-size:3vw;}
}

/* ═══════════════════════════════════════════════════════════════
   news-detail.html — article detail page
   ═══════════════════════════════════════════════════════════════ */

/* ── artc_header ─────────────────────────────────────────────── */
.artc_header{width:100%;background:#ffffff;border-bottom:1px solid #e8ecf0;padding-top:3.125vw;}
.artc_header-container{max-width:var(--content-width);margin:0 auto;}
.artc_breadcrumb{display:flex;align-items:center;gap:0.41667vw;margin-bottom:1.30208vw;}
.artc_breadcrumb-link{font-family:var(--font-primary);font-weight:400;font-size:0.72917vw;color:#888888;text-decoration:none;transition:color 0.2s;}
.artc_breadcrumb-link:hover{color:var(--color-primary);}
.artc_breadcrumb-cur{font-family:var(--font-primary);font-weight:400;font-size:0.72917vw;color:#bbbbbb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:20.83333vw;}
.artc_header-meta{display:flex;align-items:center;gap:0.41667vw;margin-bottom:0.83333vw;}
.artc_header-cat{font-family:var(--font-primary);font-weight:700;font-size:0.625vw;text-transform:uppercase;letter-spacing:0.1em;}
.artc_header-cat[data-cat="insights"]{color:var(--color-primary);}
.artc_header-cat[data-cat="guides"]{color:var(--color-accent);}
.artc_header-cat[data-cat="company"]{color:#1a7a52;}
.artc_header-cat[data-cat="product"]{color:#7c3fbf;}
.artc_header-metasep{color:#cccccc;font-size:0.72917vw;}
.artc_header-date,.artc_header-read{font-family:var(--font-primary);font-weight:400;font-size:0.72917vw;color:#999999;}
.artc_header-title{font-family:var(--font-primary);font-weight:800;font-size:2.60417vw;color:#111827;line-height:1.2;margin-bottom:0.9375vw;max-width:85%;}
.artc_header-byline{font-family:var(--font-primary);font-weight:400;font-size:0.78125vw;color:#888888;margin-bottom:2.08333vw;}
.artc_header-byline strong{color:#444444;}
.artc_header-hero{width:100%;max-width:var(--content-width);margin:0 auto;overflow:hidden;aspect-ratio:21/9;border-top:1px solid #e8ecf0;}
.artc_header-heroimg{width:100%;height:100%;object-fit:cover;display:block;}

/* ── artc_body (content + sidebar) ──────────────────────────── */
.artc_body{width:100%;background:#f5f6f8;padding:3.125vw 0 5.20833vw;}
.artc_body-container{max-width:var(--content-width);margin:0 auto;display:grid;grid-template-columns:1fr 0.42fr;gap:2.60417vw;align-items:start;}

/* article content area */
.artc_content{background:#ffffff;padding:2.60417vw 3.125vw;border:1px solid #e8ecf0;min-width:0;}
.artc_lead{font-family:var(--font-primary);font-weight:400;font-size:1.04167vw;color:#333333;line-height:1.9;margin-bottom:2.08333vw;border-left:3px solid var(--color-primary);padding-left:1.30208vw;}
.artc_content h2{font-family:var(--font-primary);font-weight:700;font-size:1.30208vw;color:#111827;line-height:1.3;margin:2.60417vw 0 0.9375vw;padding-top:0.52083vw;border-top:1px solid #f0f0f0;}
.artc_content h2:first-of-type{margin-top:0;border-top:none;padding-top:0;}
.artc_content h3{font-family:var(--font-primary);font-weight:700;font-size:1.04167vw;color:#111827;line-height:1.4;margin:1.5625vw 0 0.625vw;}
.artc_content p{font-family:var(--font-primary);font-weight:400;font-size:0.83333vw;color:#ffffff;line-height:1.9;margin-bottom:1.04167vw;}
.artc_list{padding-left:1.30208vw;margin-bottom:1.30208vw;}
.artc_list li{font-family:var(--font-primary);font-weight:400;font-size:0.83333vw;color:#444444;line-height:1.9;margin-bottom:0.36458vw;}
.artc_list--ordered{list-style:decimal;}
.artc_list--ordered li{padding-left:0.41667vw;}

/* inline figure */
.artc_figure{margin:2.08333vw 0;border:1px solid #e8ecf0;overflow:hidden;}
.artc_figure-img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;}
.artc_figure-caption{font-family:var(--font-primary);font-weight:400;font-size:0.67708vw;color:#888888;line-height:1.6;padding:0.625vw 0.9375vw;border-top:1px solid #e8ecf0;background:#fafafa;}

/* blockquote */
.artc_quote{margin:2.08333vw 0;padding:1.5625vw 1.82292vw;background:#f8f9fe;border-left:4px solid var(--color-primary);position:relative;}
.artc_quote p{font-family:var(--font-primary);font-weight:500;font-size:0.9375vw;color:#333333;line-height:1.8;margin:0 0 0.52083vw;font-style:italic;}
.artc_quote cite{font-family:var(--font-primary);font-weight:400;font-size:0.72917vw;color:#888888;font-style:normal;}

/* comparison table */
.artc_table-wrap{overflow-x:auto;margin:1.5625vw 0 2.08333vw;border:1px solid #e8ecf0;}
.artc_table{width:100%;border-collapse:collapse;}
.artc_table th{font-family:var(--font-primary);font-weight:700;font-size:0.72917vw;color:#ffffff;background:var(--color-primary);text-align:left;padding:0.72917vw 1.04167vw;text-transform:uppercase;letter-spacing:0.06em;}
.artc_table td{font-family:var(--font-primary);font-weight:400;font-size:0.78125vw;color:#444444;padding:0.72917vw 1.04167vw;border-bottom:1px solid #eeeeee;line-height:1.5;}
.artc_table tr:last-child td{border-bottom:none;}
.artc_table tr:nth-child(even) td{background:#fafbfc;}
.artc_table td:first-child{font-weight:600;color:#222222;}

/* formula highlight */
.artc_formula{display:flex;align-items:center;gap:0.9375vw;background:#f0f4ff;border:1px solid #c8d4f5;padding:0.9375vw 1.30208vw;margin:1.04167vw 0 1.5625vw;border-radius:0.15625vw;}
.artc_formula-label{font-family:var(--font-primary);font-weight:700;font-size:0.72917vw;color:var(--color-primary);text-transform:uppercase;letter-spacing:0.08em;white-space:nowrap;flex-shrink:0;}
.artc_formula-body{font-family:var(--font-primary);font-weight:500;font-size:0.9375vw;color:#1a2a5e;line-height:1.4;}
.artc_formula-body em{font-style:normal;color:var(--color-primary);font-weight:700;}

/* key takeaways box */
.artc_keybox{background:#fffbf3;border:1px solid #f0d99a;border-left:4px solid var(--color-accent);padding:1.30208vw 1.5625vw;margin:2.08333vw 0;}
.artc_keybox-label{font-family:var(--font-primary);font-weight:700;font-size:0.72917vw;color:var(--color-accent);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:0.625vw;}
.artc_keybox-list{list-style:none;padding:0;margin:0;}
.artc_keybox-list li{font-family:var(--font-primary);font-weight:400;font-size:0.78125vw;color:#444444;line-height:1.7;padding:0.26042vw 0 0.26042vw 1.04167vw;position:relative;}
.artc_keybox-list li::before{content:'✓';position:absolute;left:0;color:var(--color-accent);font-weight:700;}

/* inline product CTA */
.artc_productcta{display:flex;align-items:center;gap:2.08333vw;background:#111827;padding:2.08333vw 2.60417vw;margin:2.60417vw 0 2.08333vw;}
.artc_productcta-body{flex:1;min-width:0;}
.artc_productcta-title{font-family:var(--font-primary);font-weight:700;font-size:1.04167vw;color:#ffffff;line-height:1.3;margin-bottom:0.52083vw;}
.artc_productcta-desc{font-family:var(--font-primary);font-weight:400;font-size:0.72917vw;color:rgba(255,255,255,0.65);line-height:1.75;margin:0;}
.artc_productcta-btns{display:flex;flex-direction:column;gap:0.52083vw;flex-shrink:0;}
.artc_productcta-browse,.artc_productcta-quote{font-family:var(--font-primary);font-weight:600;font-size:0.72917vw;text-decoration:none;padding:0.625vw 1.30208vw;text-align:center;white-space:nowrap;transition:background 0.2s,color 0.2s,border-color 0.2s;}
.artc_productcta-browse{border:1px solid rgba(255,255,255,0.4);color:rgba(255,255,255,0.85);}
.artc_productcta-browse:hover{border-color:#ffffff;color:#ffffff;}
.artc_productcta-quote{background:var(--color-accent);color:#ffffff;}
.artc_productcta-quote:hover{background:#c7821f;}

/* tags */
.artc_tags{display:flex;align-items:center;flex-wrap:wrap;gap:0.41667vw;padding-top:1.5625vw;border-top:1px solid #eeeeee;margin-top:2.08333vw;}
.artc_tags-label{font-family:var(--font-primary);font-weight:700;font-size:0.67708vw;color:#888888;text-transform:uppercase;letter-spacing:0.08em;margin-right:0.20833vw;}
.artc_tag{font-family:var(--font-primary);font-weight:400;font-size:0.67708vw;color:#666666;background:#f5f5f5;border:1px solid #e5e5e5;padding:0.20833vw 0.625vw;text-decoration:none;transition:background 0.2s,border-color 0.2s,color 0.2s;}
.artc_tag:hover{background:var(--color-primary);border-color:var(--color-primary);color:#ffffff;}

/* ── article sidebar ─────────────────────────────────────────── */
.artc_sidebar{display:flex;flex-direction:column;gap:1.04167vw;position:sticky;top:5.20833vw;}
.artc_sidebar-block{background:#ffffff;border:1px solid #e8ecf0;padding:1.5625vw;}
.artc_sidebar-heading{font-family:var(--font-primary);font-weight:700;font-size:0.72917vw;color:#111827;text-transform:uppercase;letter-spacing:0.1em;padding-bottom:0.78125vw;border-bottom:2px solid var(--color-primary);margin-bottom:1.04167vw;}

/* table of contents */
.artc_toc-list{list-style:none;padding:0;margin:0;counter-reset:toc;}
.artc_toc-item{counter-increment:toc;border-bottom:1px solid #f0f0f0;}
.artc_toc-item:last-child{border-bottom:none;}
.artc_toc-link{display:flex;align-items:baseline;gap:0.52083vw;padding:0.52083vw 0;font-family:var(--font-primary);font-weight:400;font-size:0.72917vw;color:#555555;text-decoration:none;line-height:1.5;transition:color 0.2s,padding-left 0.2s;}
.artc_toc-link::before{content:counter(toc, decimal-leading-zero);font-size:0.57292vw;color:#cccccc;flex-shrink:0;font-weight:600;}
.artc_toc-link:hover,.artc_toc-link.active{color:var(--color-primary);padding-left:0.26042vw;}
.artc_toc-link.active{font-weight:600;}
.artc_toc-link.active::before{color:var(--color-primary);}

/* sidebar CTA */
.artc_sidebar-cta{background:var(--color-primary);border-color:var(--color-primary);}
.artc_sidebar-cta-label{font-family:var(--font-primary);font-weight:700;font-size:0.57292vw;color:var(--color-accent);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:0.52083vw;}
.artc_sidebar-cta-title{font-family:var(--font-primary);font-weight:700;font-size:0.9375vw;color:#ffffff;line-height:1.35;margin-bottom:0.625vw;}
.artc_sidebar-cta-body{font-family:var(--font-primary);font-weight:400;font-size:0.72917vw;color:rgba(255,255,255,0.82);line-height:1.75;margin-bottom:1.30208vw;}
.artc_sidebar-cta-pri,.artc_sidebar-cta-sec{display:block;text-align:center;font-family:var(--font-primary);font-weight:600;font-size:0.72917vw;text-decoration:none;padding:0.625vw 1.04167vw;transition:background 0.2s,color 0.2s,border-color 0.2s;}
.artc_sidebar-cta-pri{background:var(--color-accent);color:#ffffff;margin-top:0.52083vw;}
.artc_sidebar-cta-pri:hover{background:#c7821f;}
.artc_sidebar-cta-sec{border:1px solid rgba(255,255,255,0.6);color:rgba(255,255,255,0.9);}
.artc_sidebar-cta-sec:hover{border-color:#ffffff;color:#ffffff;}

/* related articles in sidebar */
.artc_related-list{list-style:none;padding:0;margin:0;}
.artc_related-item{display:flex;gap:0.625vw;padding:0.72917vw 0;border-bottom:1px solid #f0f0f0;}
.artc_related-item:last-child{border-bottom:none;padding-bottom:0;}
.artc_related-imgwrap{flex:0 0 4.16667vw;height:3.125vw;overflow:hidden;display:block;text-decoration:none;background:#f0f0f0;}
.artc_related-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.3s;}
.artc_related-item:hover .artc_related-img{transform:scale(1.06);}
.artc_related-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:0.20833vw;}
.artc_related-cat{font-family:var(--font-primary);font-weight:700;font-size:0.52083vw;text-transform:uppercase;letter-spacing:0.08em;}
.artc_related-cat[data-cat="insights"]{color:var(--color-primary);}
.artc_related-cat[data-cat="guides"]{color:var(--color-accent);}
.artc_related-cat[data-cat="product"]{color:#7c3fbf;}
.artc_related-title{font-family:var(--font-primary);font-weight:600;font-size:0.67708vw;color:#333333;text-decoration:none;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:color 0.2s;}
.artc_related-title:hover{color:var(--color-primary);}

/* ── artc_morefrom (3-col cards at bottom) ───────────────────── */
.artc_morefrom{width:100%;background:#ffffff;border-top:1px solid #e8ecf0;padding:3.64583vw 0;}
.artc_morefrom-container{max-width:var(--content-width);margin:0 auto;}
.artc_morefrom-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1.82292vw;}
.artc_morefrom-title{font-family:var(--font-primary);font-weight:700;font-size:1.30208vw;color:#111827;line-height:1;}
.artc_morefrom-all{display:inline-flex;align-items:center;gap:0.3125vw;font-family:var(--font-primary);font-weight:500;font-size:0.72917vw;color:var(--color-primary);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:0.10417vw;transition:color 0.2s,gap 0.2s;}
.artc_morefrom-all svg{flex-shrink:0;transition:transform 0.2s;}
.artc_morefrom-all:hover{color:var(--color-accent);gap:0.52083vw;}
.artc_morefrom-all:hover svg{transform:translateX(3px);}
.artc_morefrom-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5625vw;}
.artc_mcard{display:flex;flex-direction:column;background:#ffffff;border:1px solid #e8ecf0;overflow:hidden;transition:box-shadow 0.3s,transform 0.3s;}
.artc_mcard:hover{box-shadow:0 0.41667vw 1.5625vw rgba(0,0,0,0.09);transform:translateY(-0.20833vw);}
.artc_mcard-imgwrap{display:block;position:relative;overflow:hidden;text-decoration:none;aspect-ratio:16/9;}
.artc_mcard-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1);}
.artc_mcard:hover .artc_mcard-img{transform:scale(1.05);}
.artc_mcard-cat{position:absolute;bottom:0.78125vw;left:0.78125vw;font-family:var(--font-primary);font-weight:700;font-size:0.52083vw;padding:0.26042vw 0.52083vw;text-transform:uppercase;letter-spacing:0.08em;}
.artc_mcard-cat[data-cat="insights"]{background:var(--color-primary);color:#fff;}
.artc_mcard-cat[data-cat="guides"]{background:var(--color-accent);color:#fff;}
.artc_mcard-body{padding:1.04167vw 1.30208vw 1.5625vw;display:flex;flex-direction:column;flex:1;}
.artc_mcard-date{font-family:var(--font-primary);font-weight:400;font-size:0.625vw;color:#999999;margin-bottom:0.41667vw;text-transform:uppercase;letter-spacing:0.06em;}
.artc_mcard-title{font-family:var(--font-primary);font-weight:700;font-size:0.9375vw;color:#111827;line-height:1.4;margin-bottom:0.52083vw;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.artc_mcard-title a{text-decoration:none;color:inherit;transition:color 0.2s;}
.artc_mcard-title a:hover{color:var(--color-primary);}
.artc_mcard-desc{font-family:var(--font-primary);font-weight:400;font-size:0.72917vw;color:#666666;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

/* ══ RESPONSIVE — tablet 1024px ══════════════════════════════════ */
@media screen and (max-width:1024px){
.artc_header{padding-top:5vw;}
.artc_header-container{max-width:92%;margin:0 auto;}
.artc_breadcrumb{gap:1vw;margin-bottom:2.5vw;}
.artc_breadcrumb-link,.artc_breadcrumb-cur{font-size:1.4vw;}
.artc_header-meta{gap:1vw;margin-bottom:1.5vw;}
.artc_header-cat{font-size:1.2vw;}
.artc_header-date,.artc_header-read,.artc_header-metasep{font-size:1.4vw;}
.artc_header-title{font-size:4.5vw;max-width:100%;}
.artc_header-byline{font-size:1.5vw;margin-bottom:3vw;}
.artc_header-hero{max-width:92%;margin:0 auto;aspect-ratio:16/7;}
.artc_body{padding:4vw 0 7vw;}
.artc_body-container{max-width:92%;margin:0 auto;grid-template-columns:1fr;gap:3vw;}
.artc_sidebar{position:static;}
.artc_content{padding:3vw 4vw;}
.artc_lead{font-size:2vw;padding-left:2.5vw;}
.artc_content h2{font-size:2.5vw;margin:4vw 0 1.5vw;}
.artc_content p,.artc_list li{font-size:1.5vw;}
.artc_quote p{font-size:1.8vw;}
.artc_quote cite{font-size:1.4vw;}
.artc_table th,.artc_table td{font-size:1.4vw;padding:1.2vw 1.8vw;}
.artc_formula-label{font-size:1.3vw;}
.artc_formula-body{font-size:1.6vw;}
.artc_keybox-label{font-size:1.3vw;}
.artc_keybox-list li{font-size:1.4vw;}
.artc_productcta{flex-direction:column;align-items:flex-start;gap:2.5vw;padding:3vw 3.5vw;}
.artc_productcta-title{font-size:2vw;}
.artc_productcta-desc{font-size:1.4vw;}
.artc_productcta-btns{flex-direction:row;width:100%;}
.artc_productcta-browse,.artc_productcta-quote{flex:1;font-size:1.4vw;padding:1.2vw 2vw;}
.artc_tags-label{font-size:1.2vw;}
.artc_tag{font-size:1.2vw;padding:0.5vw 1.2vw;}
.artc_sidebar-block{padding:3vw;}
.artc_sidebar-heading{font-size:1.4vw;}
.artc_toc-link{font-size:1.4vw;padding:1vw 0;}
.artc_toc-link::before{font-size:1.1vw;}
.artc_sidebar-cta-label{font-size:1.1vw;}
.artc_sidebar-cta-title{font-size:1.8vw;}
.artc_sidebar-cta-body{font-size:1.4vw;}
.artc_sidebar-cta-pri,.artc_sidebar-cta-sec{font-size:1.4vw;padding:1.2vw 2vw;}
.artc_related-imgwrap{flex:0 0 9vw;height:6.5vw;}
.artc_related-cat{font-size:1vw;}
.artc_related-title{font-size:1.3vw;}
.artc_morefrom{padding:5vw 0;}
.artc_morefrom-container{max-width:92%;margin:0 auto;}
.artc_morefrom-title{font-size:2.5vw;}
.artc_morefrom-all{font-size:1.4vw;}
.artc_morefrom-grid{grid-template-columns:repeat(2,1fr);gap:2.5vw;}
.artc_mcard-date{font-size:1.2vw;}
.artc_mcard-title{font-size:1.8vw;}
.artc_mcard-desc{font-size:1.4vw;}
.artc_mcard-cat{font-size:1.1vw;padding:0.5vw 1vw;}
}

/* ══ RESPONSIVE — mobile 768px ═══════════════════════════════════ */
@media screen and (max-width:768px){
.artc_header{padding-top:8vw;}
.artc_header-container{max-width:88%;margin:0 auto;}
.artc_breadcrumb-link,.artc_breadcrumb-cur{font-size:2.5vw;}
.artc_header-cat{font-size:2.2vw;}
.artc_header-date,.artc_header-read,.artc_header-metasep{font-size:2.5vw;}
.artc_header-title{font-size:7.5vw;margin-bottom:2vw;}
.artc_header-byline{font-size:2.8vw;margin-bottom:5vw;}
.artc_header-hero{max-width:88%;aspect-ratio:16/9;}
.artc_body{padding:6vw 0 10vw;}
.artc_body-container{max-width:88%;margin:0 auto;}
.artc_content{padding:5vw 4.5vw;}
.artc_lead{font-size:3.5vw;padding-left:3.5vw;margin-bottom:5vw;}
.artc_content h2{font-size:5vw;margin:7vw 0 2.5vw;}
.artc_content p,.artc_list li{font-size:3vw;line-height:1.8;}
.artc_figure-caption{font-size:2.5vw;padding:1.5vw 2vw;}
.artc_quote p{font-size:3vw;}
.artc_quote cite{font-size:2.5vw;}
.artc_formula{flex-direction:column;align-items:flex-start;gap:1vw;padding:3vw 3.5vw;}
.artc_formula-label{font-size:2.2vw;}
.artc_formula-body{font-size:3vw;}
.artc_keybox{padding:3.5vw 4vw;}
.artc_keybox-label{font-size:2.2vw;}
.artc_keybox-list li{font-size:2.8vw;}
.artc_productcta{padding:5vw 4.5vw;}
.artc_productcta-title{font-size:3.5vw;}
.artc_productcta-desc{font-size:2.8vw;}
.artc_productcta-btns{flex-direction:column;}
.artc_productcta-browse,.artc_productcta-quote{font-size:3vw;padding:2.5vw 3vw;}
.artc_tags-label,.artc_tag{font-size:2.5vw;}
.artc_tag{padding:1vw 2vw;}
.artc_toc-link{font-size:3vw;padding:1.8vw 0;}
.artc_toc-link::before{font-size:2.2vw;}
.artc_sidebar-cta-title{font-size:3.5vw;}
.artc_sidebar-cta-body{font-size:2.8vw;}
.artc_sidebar-cta-pri,.artc_sidebar-cta-sec{font-size:3vw;padding:2.5vw;}
.artc_related-imgwrap{flex:0 0 18vw;height:13vw;}
.artc_morefrom{padding:8vw 0;}
.artc_morefrom-container{max-width:88%;margin:0 auto;}
.artc_morefrom-grid{grid-template-columns:1fr;gap:5vw;}
.artc_morefrom-title{font-size:5vw;}
.artc_mcard-date{font-size:2.5vw;}
.artc_mcard-title{font-size:3.5vw;}
.artc_mcard-desc{font-size:2.8vw;}
}