:root{
    --ink:#091522;
    --navy:#0a2240;
    --blue:#114d8b;
    --steel:#d8e3ee;
    --mist:#eef4f8;
    --paper:#fbfcfe;
    --line:#cdd9e4;
    --accent:#f07d22;
    --accent-dark:#b95014;
    --teal:#28a6a6;
    --text:#233244;
    --muted:#647386;
    --shadow:0 24px 70px rgba(4, 23, 43, .14);
    --page-max:1920px;
    --max:1400px;
    --section-gap:90px
}
 *{
    box-sizing:border-box
}
 html{
    scroll-behavior:smooth
}
 body{
    max-width:var(--page-max);
    margin:0 auto;
    font-family:Montserrat,"Microsoft YaHei",sans-serif;
    color:#333;
    overflow-x:hidden
}
 body.nav-open{
    overflow:hidden
}
 body.modal-open{
    overflow:hidden
}
 img{
    display:block;
    max-width:100%
}
 a{
    color:#333;
    text-decoration:none
}
 b,strong{
    font-weight:700
}
 button,input,textarea{
    font:inherit
}
 .page-loader{
    position:fixed;
    inset:0;
    z-index:1000;
    display:grid;
    place-items:center;
    background:var(--navy);
    transition:opacity .45s ease,visibility .45s ease
}
 .page-loader.is-hidden{
    display:none;
    opacity:0;
    visibility:hidden
}
 .loader-mark{
    width:68px;
    aspect-ratio:1;
    border:4px solid rgba(255,255,255,.22);
    border-top-color:var(--accent);
    border-radius:50%;
    animation:spin 1s linear infinite
}
 @keyframes spin{
    to{
        transform:rotate(360deg)
    }
}
 .header{
    position:sticky;
    top:0;
    z-index:1000;
    width:100%;
    margin:0 auto;
    border-radius:0;
    background:#fff;
    box-shadow:0 5px 15px rgba(9,21,34,.05)!important;
    overflow:visible
}
 .header-top{
    display:grid;
    grid-template-columns:minmax(240px,1fr) auto;
    align-items:center;
    height:45px;
    min-height:45px;
    padding:0 max(22px,calc((min(100vw,var(--page-max)) - var(--max))/ 2));
    color:#fff;
    background:linear-gradient(90deg,#061a37 0,#08264d 48%,#0a2d5a 100%),radial-gradient(circle at 85% 20%,rgba(255,255,255,.16),transparent 288px)
}
 .header-slogan{
    position:relative;
    margin:0;
    padding-left:14px;
    color:#f6fbff;
    font-size:14px
}
 .header-slogan::before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:2px;
    height:18px;
    transform:translateY(-50%);
    background:var(--accent)
}
 .header-tools{
    display:flex;
    align-items:center;
    gap:16px
}
 .header-tools>*{
    position:relative
}
 .header-tools>*+::before{
    content:"";
    position:absolute;
    left:-9px;
    top:50%;
    width:1px;
    height:22px;
    transform:translateY(-50%);
    background:rgba(255,255,255,.22)
}
 .header-tool{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:34px;
    border:0;
    color:#fff;
    background:0 0;
    font-size:14px;
    cursor:pointer
}
 .header-search svg,.header-tool svg{
    width:20px;
    height:20px;
    fill:none;
    stroke:currentColor;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-width:2
}
 .header-whatsapp svg{
    color:#25d366
}
 .header-search{
    display:flex;
    align-items:center;
    gap:10px;
    width:min(280px,26vw);
    min-height:34px;
    padding:0 15px;
    border:1px solid rgba(255,255,255,.06);
    border-radius:2px;
    color:#d9e8f7;
    background:rgba(255,255,255,.08)
}
 .header-search input{
    min-width:0;
    width:100%;
    border:0;
    outline:0;
    color:#fff;
    background:0 0
}
 .header-search input::placeholder{
    color:#aebfd0
}
 .header-inquire{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    gap:8px;
    min-height:36px;
    min-width:130px;
    padding:0 22px;
    color:#fff;
    background:var(--accent);
    border-radius:4px;
    letter-spacing:.02em;
    clip-path:polygon(0 0,100% 0,92% 100%,0% 100%);
    transition:background .2s ease,transform .2s ease
}
 .header-inquire:hover{
    transform:translateY(-1px);
    background:var(--accent-dark)
}
.header-inquire .ui-arrow{
    font-size:21px;
    line-height:1
}
.header-inquire-count{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:18px;
    height:18px;
    padding:0 5px;
    border-radius:999px;
    background:rgba(255,255,255,.18);
    border:1px solid rgba(255,255,255,.34);
    color:#fff;
    font-size:11px;
    line-height:1;
    font-weight:700
}
.header-inquire-count[hidden]{
    display:none
}
.header-mobile-inquire{
    display:none
}
 .header-main{
    display:grid;
    grid-template-columns:minmax(340px,510px) 1fr;
    align-items:center;
    height:75px;
    min-height:75px;
    padding:0 max(22px,calc((min(100vw,var(--page-max)) - var(--max))/ 2));
    border-top:1px solid rgba(9,21,34,.08)
}
 .header-brand{
    display:inline-flex;
    align-items:center;
    min-width:0;
    gap:22px
}
 .header-brand img{
    width:85px;
    height:auto;
    object-fit:contain;
    padding-right:10px;
    border-right:1px solid #d3dce6
}
 .header-brand small,.header-brand strong{
    display:block
}
 .header-brand strong{
    font-family:Montserrat,"Microsoft YaHei",sans-serif;
    font-size:clamp(16px, 1vw, 18px);
    line-height:1.38
}
 .header-brand small{
    margin-top:3px;
    color:var(--accent);
    font-size:13px;
    line-height:1.25;
    text-transform:uppercase
}
 .header-nav{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:clamp(14px,2.4vw,29px)
}
 .header-nav-item{
    position:relative
}
 .header-nav a{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:6px;
    min-height:75px;
    padding:0;
    font-size:15px;
    font-weight:600;
    white-space:nowrap;
    transition:color .2s ease
}
 .header-nav a.is-active,.header-nav a:hover{
    color:var(--accent)
}
 .header-nav a::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:24px;
    height:3px;
    transform:scaleX(0);
    transform-origin:left;
    background:var(--accent);
    transition:transform .2s ease
}
 .header-nav a.is-active::after,.header-nav a:hover::after{
    transform:scaleX(1)
}
 .header-dropdown{
    position:absolute;
    top:calc(100% - 2px);
    left:50%;
    z-index:120;
    display:grid;
    visibility:hidden;
    opacity:0;
    transform:translate(-50%,10px);
    pointer-events:none;
    border:1px solid rgba(205,217,228,.92);
    border-radius:8px;
    background:rgba(255,255,255,.98);
    transition:opacity .18s ease,transform .18s ease,visibility .18s ease
}
 .header-nav-item.is-open>.header-dropdown,.header-nav-item:focus-within>.header-dropdown,.header-nav-item:hover>.header-dropdown{
    visibility:visible;
    opacity:1;
    transform:translate(-50%,0);
    pointer-events:auto
}
 .header-product-menu{
    grid-template-columns:280px 330px;
    gap:10px;
    padding:8px
}
 .header-solution-menu{
    width:max-content
}
 .header-menu-list,.header-submenus{
    display:grid;
    gap:2px
}
 .header-menu-list{
    align-content:start
}
 .header-menu-row,.header-solution-menu a,.header-submenu a{
    min-height:auto;
    font-size:16px;
    line-height:1.5;
    font-weight:500
}
 .header-menu-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:14px;
    padding:8px 16px;
    cursor:pointer;
    user-select:none;
    transition:background .18s ease,color .18s ease
}
 .header-menu-row-link{
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    align-items:center;
    gap:14px;
    min-height:44px;
    color:inherit
}
 .header-nav .header-menu-row-link{
    min-height:44px
}
 .header-row-toggle{
    display:grid;
    place-items:center;
    width:30px;
    height:30px;
    border:0;
    color:inherit;
    background:0 0;
    cursor:pointer
}
 .header-menu-row img,.header-menu-row svg,.header-solution-menu a svg{
    width:30px;
    height:30px;
    object-fit:contain
}
 .header-menu-row svg,.header-solution-menu a svg{
    fill:none;
    stroke:currentColor;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-width:2
}
 .header-menu-row b,.header-solution-menu a span,.header-submenu a span{
    color:var(--navy);
    font-size:18px;
    line-height:1
}
 .header-menu-row.is-active,.header-menu-row:hover{
    color:var(--accent)
}
 .header-submenus{
    position:relative;
    min-height:260px;
    border-left:1px solid #dbe4ec
}
 .header-submenu{
    position:absolute;
    inset:0;
    display:grid;
    align-content:start;
    visibility:hidden;
    opacity:0;
    transform:translateX(8px);
    transition:opacity .16s ease,transform .16s ease,visibility .16s ease
}
 .header-submenu.is-active{
    visibility:visible;
    opacity:1;
    transform:translateX(0)
}
 .header-submenu a{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:8px 20px;
    border-bottom:1px solid #e7edf3;
    transition:color .18s ease,background .18s ease
}
 .header-mobile-submenu{
    display:none
}
 .header-solution-menu a{
    display:block;
    padding:8px 18px;
    border-radius:6px;
    border-bottom:1px solid #e7edf3;
    transition:color .18s ease,background .18s ease
}
 .header-solution-menu a:last-child,.header-submenu a:last-child{
    border-bottom:0
}
 .header-solution-menu a.is-active,.header-submenu a.is-active,.header-solution-menu a:hover,.header-submenu a:hover{
    color:var(--accent);
    background:#f4f8fc
}
 .header-dropdown a::after,.header-menu-row::after,.header-solution-menu a::after,.header-submenu a::after{
    display:none
}
 .header-toggle{
    display:none;
    width:44px;
    height:44px;
    border:0;
    border-radius:8px;
    background:var(--navy);
    cursor:pointer
}
 .header-toggle span{
    display:block;
    width:20px;
    height:2px;
    margin:5px auto;
    background:#fff;
    transition:transform .2s ease,opacity .2s ease
}
 .header-sub-toggle{
    display:none
}
 .hero{
    position:relative;
    width:100%;
    max-width:none;
    min-height:calc(100vh - 110px);
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);
    gap:clamp(28px,5vw,70px);
    align-items:center;
    padding:clamp(46px,7vw,86px) max(16px,calc((min(100vw,var(--page-max)) - var(--max))/ 2)) clamp(54px,8vw,96px)
}
 .hero::before{
    content:"";
    position:absolute;
    left:min(-8vw,-40px);
    bottom:44px;
    width:46vw;
    height:46vw;
    max-width:620px;
    max-height:620px;
    background:linear-gradient(135deg,rgba(17,77,139,.16),rgba(240,125,34,.1)),repeating-linear-gradient(45deg,rgba(9,21,34,.08) 0 1px,transparent 1px 18px);
    clip-path:polygon(0 18%,76% 0,100% 82%,22% 100%);
    pointer-events:none
}
 .hero-copy{
    position:relative;
    z-index:1
}
 .eyebrow{
    margin:0 0 14px;
    color:var(--accent-dark);
    font-size:13px;
    text-transform:uppercase
}
 h1,h2,h3,p{
    margin-top:0
}
 h1,h2{
    font-family:Montserrat,"Microsoft YaHei",sans-serif;
    line-height:.98
}
 h1{
    margin-bottom:22px;
    font-size:clamp(50px, 5vw, 96px)
}
 h2{
    margin-bottom:16px;
    font-size:clamp(38px, 5vw, 83px)
}
 h3{
    color:#333;
    line-height:1.2
}
 .hero-lead{
    max-width:680px;
    margin-bottom:30px;
    color:#405166;
    font-size:clamp(16px, 2vw, 20px);
    line-height:1.72
}
 .hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px
}
 .hero-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding:14px 20px;
    border:1px solid transparent;
    border-radius:8px;
    transition:transform .2s ease,box-shadow .2s ease,background .2s ease
}
 .hero-btn:hover{
    transform:translateY(-2px)
}
 .hero-btn-primary{
    color:#fff;
    background:var(--accent);
    box-shadow:0 18px 35px rgba(240,125,34,.28)
}
 .hero-btn-primary:hover{
    background:var(--accent-dark)
}
 .hero-btn-secondary{
    border-color:var(--line);
    background:rgba(255,255,255,.72)
}
 .hero-metrics{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    margin:42px 0 0
}
 .hero-metrics div{
    padding-top:16px;
    border-top:2px solid rgba(17,77,139,.18)
}
 .hero-metrics dt{
    color:var(--blue);
    font-family:Montserrat,"Microsoft YaHei",sans-serif;
    font-size:clamp(32px, 4vw, 54px);
    font-weight:700
}
 .hero-metrics dd{
    margin:0;
    color:var(--muted);
    font-size:14px;
    font-weight:700
}
 .hero-stage{
    position:relative;
    min-height:620px
}
 .hero-stage::before{
    content:"";
    position:absolute;
    inset:34px 24px 38px 52px;
    background:linear-gradient(145deg,var(--navy),#0d385f 58%,#f6fbff 58%);
    border-radius:8px;
    box-shadow:var(--shadow)
}
 .hero-panel{
    position:absolute;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.72);
    border-radius:8px;
    background:#fff;
    box-shadow:0 24px 70px rgba(4,23,43,.2)
}
 .hero-panel img{
    width:100%;
    height:100%;
    object-fit:cover
}
 .hero-badge,.hero-panel span{
    position:absolute;
    left:16px;
    bottom:16px;
    padding:9px 12px;
    border-radius:8px;
    color:#fff;
    background:rgba(9,21,34,.8);
    font-size:12px;
    font-weight:700
}
 .hero-panel-wide{
    top:92px;
    left:0;
    right:24px;
    height:220px
}
 .hero-panel-small{
    right:0;
    bottom:18px;
    width:68%;
    height:360px
}
 .hero-badge{
    top:16px;
    right:32px;
    bottom:auto;
    left:auto;
    display:grid;
    place-items:center;
    width:138px;
    height:138px;
    border:1px solid rgba(255,255,255,.7);
    border-radius:50%;
    text-align:center;
    background:var(--accent);
    box-shadow:0 24px 55px rgba(185,80,20,.28)
}
 .hero-badge small,.hero-badge strong{
    display:block
}
 .hero-badge strong{
    font-family:Montserrat,"Microsoft YaHei",sans-serif;
    font-size:31px
}
 .hero-badge small{
    color:#fff7ec;
    font-weight:700
}
 .hero{
    display:block;
    aspect-ratio:12/5;
    min-height:0;
    padding:0;
    overflow:hidden;
    background:#eef5fb
}
 .hero::before,.hero>.hero-copy,.hero>.hero-stage{
    display:none
}
 .hero-carousel{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    contain:layout paint
}
 .hero-track{
    height:100%
}
 .hero-slide{
    position:relative;
    display:grid;
    align-items:center;
    width:100%;
    height:100%;
    padding:clamp(52px,6vw,86px) max(22px,calc((min(100vw,var(--page-max)) - var(--max))/ 2));
    overflow:hidden;
    background:#eef5fb
}
 .hero-slide::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none
}
 .hero-bg{
    position:absolute;
    inset:0;
    z-index:0;
    display:block;
    overflow:hidden
}
 .hero-bg img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
    display:block
}
 .hero-slide-center{
    align-items:start;
    justify-items:center;
    padding-top:clamp(64px,6.8vw,96px);
    text-align:center
}
 .hero-slide-weights::before{
    background:linear-gradient(180deg,rgba(247,250,253,.06) 0,rgba(247,250,253,.08) 56%,rgba(247,250,253,0) 100%)
}
 .hero-slide-card{
    justify-items:end;
    padding-top:clamp(56px,6vw,88px);
    padding-bottom:clamp(56px,6vw,88px)
}
 .hero-slide-valves{
    padding-right:5%
}
 .hero-slide .hero-copy{
    position:relative;
    z-index:2;
    max-width:700px
}
 .hero-slide-center .hero-copy{
    display:grid;
    justify-items:center;
    max-width:1120px
}
 .hero-slide-card .hero-copy{
    max-width:620px;
    padding:clamp(30px,3.4vw,48px);
    border:2px solid rgba(255,255,255,.82);
    border-radius:24px;
    background:rgba(242,247,252,.68);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.48),0 28px 68px rgba(15,45,82,.12);
    backdrop-filter:blur(3px)
}
 .hero .hero-copy h1,.hero .hero-copy h2,.hero .hero-copy .hero-heading{
    display:block;
    margin-top:0;
    margin-bottom:25px;
    font-weight:700;
    font-size:clamp(40px, 5vw, 54px);
    line-height:1.02
}
 .hero-slide-card .hero-copy h1::after,.hero-slide-card .hero-copy h2::after,.hero-slide-card .hero-copy .hero-heading::after{
    content:"";
    display:block;
    width:54px;
    height:3px;
    margin-top:22px;
    background:var(--blue)
}
 .hero .hero-lead{
    margin-bottom:46px;
    color:#263244;
    font-size:clamp(17px, 1vw, 21px);
    line-height:1.58
}
 .hero-slide-center .hero-lead{
    margin-bottom:30px;
    color:#41506a;
    font-size:clamp(18px, 2vw, 20px);
    line-height:1.38
}
 .hero-slide-card .hero-lead{
    max-width:500px;
    margin-bottom:28px;
    color:#54606f;
    font-size:clamp(18px, 1vw, 20px);
    line-height:1.55
}
 .hero .hero-actions{
    gap:20px;
    margin-bottom:52px
}
 .hero-slide-center .hero-actions{
    justify-content:center;
    margin-bottom:34px
}
 .hero-slide-card .hero-actions{
    flex-wrap:nowrap;
    gap:18px;
    margin-bottom:28px
}
 .hero-slide-card .hero-btn{
    min-width:0;
    flex:1 1 0
}
 .hero .hero-btn{
    gap:15px;
    min-width:190px;
    min-height:55px;
    padding:0 20px;
    border-radius:6px;
    font-size:16px
}
 .hero .hero-btn-primary{
    background:linear-gradient(90deg,#f06512 0,#f5841f 100%)
}
 .hero .hero-btn-secondary{
    background:rgba(255,255,255,.18)
}
 .hero .hero-btn span{
    font-size:29px;
    line-height:1
}
 .hero-dots{
    position:absolute;
    left:50%;
    bottom:48px;
    z-index:3;
    display:flex;
    align-items:center;
    justify-content:center;
    width:auto;
    gap:14px;
    transform:translateX(-50%)
}
 .hero .hero-dots.swiper-pagination-horizontal{
    left:50%;
    bottom:48px;
    width:auto;
    transform:translateX(-50%)
}
 .hero-dots .swiper-pagination-bullet{
    width:10px;
    height:10px;
    margin:0!important;
    padding:0;
    border:0;
    border-radius:50%;
    background:#cfd6df;
    opacity:1;
    cursor:pointer;
    transition:background .2s ease,transform .2s ease
}
 .hero-dots .swiper-pagination-bullet-active{
    background:var(--accent);
    transform:scale(1.08)
}
 .section{
    width:min(calc(100% - 32px),var(--max));
    margin:0 auto
}
 main section[id]{
    scroll-margin-top:240px
}
 .product.section-observe{
    padding-top:90px;
    padding-bottom:0
}
 .hot-head,.product-head{
    display:flex;
    align-items:start;
    justify-content:space-between;
    gap:25px;
    margin-bottom:38px
}
 .hot-view,.product-view{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:45px;
    padding:0 15px;
    border:1px solid #ddd;
    border-radius:4px;
    background:rgba(255,255,255,.78);
    font-size:12px;
    white-space:nowrap;
    transition:background .2s ease,color .2s ease,transform .2s ease
}
 .hot-view:hover,.product-view:hover{
    color:#fff;
    background:var(--navy);
    transform:translateY(-1px)
}
 .product-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    align-items:stretch;
    gap:22px;
    padding-top:10px;
}
 .faq-partner-swiper,.product-swiper,.solution-swiper,.why-swiper{
    overflow:visible;
    contain:layout paint
}
 .faq-partner-swiper.swiper-initialized{
    overflow:hidden
}
 .faq-partner-swiper.swiper-initialized .faq-partner-grid{
    display:flex;
    gap:0
}
 .faq-partner-card.swiper-slide,.hot-card.swiper-slide,.news-feature.swiper-slide,.news-item.swiper-slide,.product-card.swiper-slide,.solution-card.swiper-slide,.why-card.swiper-slide{
    height:auto
}
 .product-card{
    display:grid;
    grid-template-rows:auto 1fr auto;
    min-height:410px;
    padding:24px 28px 26px;
    border-radius:8px;
    border:1px solid #dbe4ee;
    transition:transform .24s ease,border-color .24s ease
}
 .product-card-link-wrap{
    grid-row:1 / -1;
    display:grid;
    grid-template-rows:auto 1fr auto;
    align-items:start;
    min-height:100%;
    color:inherit;
    text-decoration:none
}
 .product-card:hover{
    transform:translateY(-4px);
    border-color:rgba(255,108,0,.42)
}
 .product-copy{
    display:grid;
    grid-template-columns:58px minmax(0,1fr);
    gap:18px;
    align-items:start
}
 .product-copy>div{
    min-width:0
}
 .product-copy h3{
    margin-bottom:7px;
    font-size:25px;
    line-height:1.12;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
 .product-copy p{
    max-width:310px;
    margin:0;
    font-size:14px;
    line-height:1.5;
    font-weight:500;
    display:-webkit-box;
    min-height:42px;
    overflow:hidden;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
 .product-icon{
    display:grid;
    place-items:center;
    width:60px;
    height:59px;
    border:1px solid #d9e4ee;
    border-radius:50%;
    background:#fff
}
 .product-icon img{
    width:35px;
    height:35px;
    object-fit:contain
}
 .product-media{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    align-self:center;
    margin:20px 0;
    border-radius:8px
}
 .product-media img{
    width:100%;
    object-fit:contain
}
 .product-link{
    display:inline-flex;
    align-items:center;
    gap:9px;
    justify-self:start;
    min-height:42px;
    padding:0 16px;
    border-radius:4px;
    color:#fff;
    background:var(--accent);
    font-size:13px;
    font-weight:700
}
 .product-card-link-wrap:hover .product-link,.product-card-link-wrap:focus-visible .product-link,.product-link:hover{
    background:var(--navy)
}
 .product-link span{
    transition:transform .2s ease
}
 .product-link:hover span{
    transform:translateX(4px)
}
 .hot{
    padding-top:100px;
    padding-bottom:clamp(72px,8vw,104px)
}
 .hot-view span{
    transition:transform .2s ease
}
 .hot-view:hover span{
    transform:translateX(5px)
}
 .hot-tabs{
    display:flex;
    flex-wrap:wrap;
    gap:16px;
    margin-bottom:28px
}
 .hot-tab{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    min-width:170px;
    min-height:50px;
    padding:0 20px;
    border:1px solid #d5dde6;
    border-radius:999px;
    background:#fff;
    cursor:pointer;
    box-shadow:0 8px 18px rgba(9,21,34,.04);
    transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease
}
 .hot-tab img,.hot-tab svg{
    flex:0 0 auto;
    width:36px;
    height:36px;
    padding:4px
}
 .hot-tab.is-active img,.hot-tab:hover img{
    filter:brightness(0) invert(1)
}
 .hot-tab svg{
    fill:none;
    stroke:currentColor;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-width:1.8
}
 .hot-tab.is-active,.hot-tab:hover{
    color:#fff;
    border-color:var(--navy);
    background:var(--navy);
    transform:translateY(-1px)
}
 .hot-layout{
    display:none;
    overflow:visible
}
 .hot-layout.is-active{
    display:block
}
 .hot-track{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px
}
 .hot-products-swiper{
    width:100%;
    min-width:0;
    overflow:hidden;
    padding-bottom:38px;
    contain:layout paint
}
 .hot-products-swiper .hot-track{
    height:auto
}
 .hot-products-swiper.swiper-initialized .hot-track{
    display:flex;
    gap:0;
    padding-top:10px;
}
 .hot-card{
    position:relative;
    overflow:hidden;
    border:1px solid #d6e0ea;
    border-radius:8px;
    background:#fff;
    box-shadow:none;
    transition:transform .2s ease,border-color .2s ease
}
 .hot-card-inner{
    display:grid;
    grid-template-rows:334px 1fr;
    align-content:stretch;
    align-items:start;
    height:100%;
    min-height:100%;
    color:inherit;
    cursor:pointer;
    text-decoration:none
}
 .hot-card-inner:focus-visible{
    outline:2px solid var(--accent);
    outline-offset:-4px
}
 .hot-card:hover{
    transform:translateY(-4px);
    border-color:rgba(240,125,34,.38)
}
 .hot-card img{
    justify-self:center;
    width:100%;
    padding:0;
    object-fit:contain
}
 .hot-card-info{
    display:grid;
    grid-template-rows:auto 1fr auto;
    align-content:stretch;
    min-height:185px;
    padding:22px 26px 24px;
    background:#f3f7fb;
    border-top:1px solid #e1eaf2
}
 .hot-card h3{
    min-height:44px;
    margin-bottom:8px;
    font-size:18px;
    line-height:1.22;
    font-weight:700
}
 .hot-card p{
    display:-webkit-box;
    min-height:44px;
    margin-bottom:18px;
    overflow:hidden;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    font-size:15px;
    line-height:1.4
}
 .hot-products-swiper .hot-card h3{
    display:-webkit-box;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
 .hot-products-swiper .hot-card p{
    display:-webkit-box;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
.hot-card-link{
    justify-self:start;
    align-self:end;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    min-height:32px;
    padding:0 18px;
    border:1.5px solid var(--navy);
    border-radius:2px;
    font-size:13px;
    font-weight:600;
    transition:color .2s ease,background .2s ease
}
.hot-card:hover .hot-card-link{
    color:#fff;
    background:var(--navy)
}
.hot-card-link.is-added{
    color:#fff;
    background:var(--accent);
    border-color:var(--accent)
}
 .hot-products-swiper .hot-dots{
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:0
}
 .hot-products-swiper .hot-dots.swiper-pagination-lock,.hot-products-swiper .hot-dots.swiper-pagination-lock .swiper-pagination-bullet{
    display:flex!important
}
 .hot-products-swiper .hot-dots.swiper-pagination-lock .swiper-pagination-bullet{
    display:block!important
}
 .area-content{
    position:relative;
    z-index:1;
    min-width:0
}
 .area-content h2{
    max-width:680px;
    margin-bottom:18px
}
 .area-lead{
    max-width:560px;
    margin-bottom:18px
}
 .area-content .area-lead{
    margin-bottom:34px
}
 .area-list{
    display:grid;
    gap:20px
}
 .area-item{
    display:grid;
    grid-template-columns:66px minmax(0,1fr);
    align-items:center;
    gap:18px;
    width:100%;
    min-height:98px;
    padding:13px 26px 13px 18px;
    border:1px solid #dce5ee;
    border-radius:12px;
    background:rgba(255,255,255,.9);
    text-align:left;
    cursor:pointer;
    box-shadow:0 12px 34px rgba(9,21,34,.08);
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease
}
 .area-item+.area-item{
    margin-top:-1px
}
 .area-item.is-active,.area-item:hover{
    position:relative;
    z-index:2;
    border-color:rgba(240,125,34,.35);
    box-shadow:0 18px 42px rgba(9,21,34,.13);
    transform:translateX(-4px)
}
 .area-icon{
    display:grid;
    place-items:center;
    transition:color .2s ease,border-color .2s ease
}
 .area-icon img,.area-icon svg{
    width:42px;
    height:42px
}
 .area-icon svg{
    fill:none;
    stroke:currentColor;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-width:1.8
}
 .area-item>span:last-child{
    position:relative;
    display:grid;
    gap:7px;
    min-width:0;
    padding-left:24px
}
 .area-item>span:last-child::before{
    content:"";
    position:absolute;
    left:0;
    top:4px;
    bottom:4px;
    width:2px;
    background:var(--accent)
}
 .area-item small,.area-item strong{
    display:block
}
 .area-item strong{
    font-size:18px;
    line-height:1.15;
    font-weight:600
}
 .area-item small{
    color:#666;
    font-size:14px;
    line-height:1.35;
    font-weight:500
}
 .solution{
    width:min(calc(100% - 32px),var(--max));
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(540px,.9fr) minmax(0,1.38fr);
    overflow:hidden;
    box-shadow:0 18px 54px rgba(9,21,34,.11);
    display:none
}
 .solution-hero{
    position:relative;
    padding:clamp(48px,5vw,78px);
    color:#fff;
    overflow:hidden;
    isolation:isolate;
    background:url("../images/solution/solution-hero-bg.webp") center/cover
}
 .solution-hero h2{
    margin-bottom:28px;
    color:#fff
}
 .solution-hero h2 span,.solution-hero h2 strong{
    display:block
}
 .solution-hero h2 strong{
    color:var(--accent);
    font-weight:700
}
 .solution-hero h2::before{
    content:"";
    display:block;
    width:58px;
    height:3px;
    margin-bottom:30px;
    background:rgba(255,255,255,.82)
}
 .solution-hero p{
    max-width:440px;
    margin-bottom:44px;
    color:#d8e2ef
}
 .solution-cta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:28px;
    min-width:210px;
    min-height:64px;
    padding:0 30px;
    color:#fff;
    background:var(--accent);
    border-radius:7px;
    box-shadow:0 18px 34px rgba(240,125,34,.26);
    clip-path:polygon(0 0,100% 0,90% 100%,0 100%);
    transition:background .2s ease,transform .2s ease
}
 .solution-cta:hover{
    background:var(--accent-dark);
    transform:translateY(-2px)
}
 .solution-cta span{
    font-size:29px;
    line-height:1
}
 .solution-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
    align-content:center;
    padding:0 40px
}
 .solution-card{
    display:grid;
    justify-items:center;
    min-height:255px;
    padding:20px;
    border:1px solid rgba(226,233,240,.9);
    border-radius:8px;
    text-align:center;
    background:rgba(255,255,255,.92);
    transition:transform .22s ease,box-shadow .22s ease
}
 .solution-card:hover{
    transform:translateY(-5px)
}
 .solution-icon{
    display:grid;
    place-items:center;
    margin-bottom:10px
}
 .solution-icon img,.solution-icon svg{
    width:55px;
    height:55px
}
 .solution-icon svg{
    fill:none;
    stroke:currentColor;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-width:2.35
}
 .solution-icon svg circle:last-child,.solution-icon svg path:last-child{
    stroke:var(--accent)
}
 .solution-card h3{
    font-size:16px;
    line-height:1.18;
    font-weight:700
}
 .solution-card>span{
    display:block;
    width:40px;
    height:3px;
    background:var(--accent)
}
 .solution-card p{
    margin:0;
    font-size:15px;
    line-height:1.5;
    font-weight:500
}
 .why{
    width:min(calc(100% - 32px),var(--max));
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(540px,.78fr) minmax(0,1fr);
    gap:12px
}
 .why-hero{
    position:relative;
    order:1;
    padding:clamp(54px,5vw,80px);
    overflow:hidden;
    isolation:isolate;
    border-radius:8px;
    color:#fff;
    background:url("../images/section-bg/why-hero-bg.webp") center/cover;
    box-shadow:0 20px 58px rgba(9,21,34,.16)
}
 .why-swiper{
    order:2
}
 .why-hero h2{
    max-width:100%;
    margin:118px 0 26px;
    color:#fff
}
 .why-hero h2 span,.why-hero h2 strong{
    display:block
}
 .why-hero h2 strong{
    color:var(--accent);
    font-weight:700
}
 .why-hero h2::after{
    content:"";
    display:block;
    width:78px;
    height:4px;
    margin-top:22px;
    background:var(--accent);
    box-shadow:22px 0 0 rgba(255,255,255,.86)
}
 .why-hero p{
    max-width:480px;
    margin-bottom:40px;
    color:#eef5fb
}
 .why-cta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:28px;
    min-width:182px;
    min-height:58px;
    padding:0 24px;
    border-radius:6px;
    color:#fff;
    background:var(--accent);
    box-shadow:0 18px 36px rgba(240,125,34,.28);
    transition:background .2s ease,transform .2s ease
}
 .why-cta:hover{
    background:var(--accent-dark);
    transform:translateY(-2px)
}
 .why-cta span{
    font-size:24px;
    line-height:1
}
 .why-grid{
    order:1;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px
}
 .why-card{
    display:grid;
    grid-template-columns:70px minmax(0,1fr);
    gap:26px;
    align-items:center;
    min-height:215px;
    padding:20px;
    border:1px solid rgba(222,230,239,.9);
    border-radius:8px;
    background:rgba(255,255,255,.95);
    transition:transform .22s ease,box-shadow .22s ease
}
 .why-card:hover{
    transform:translateY(-4px)
}
 .why-icon{
    display:grid;
    place-items:center
}
 .why-icon img,.why-icon svg{
    width:60px;
    height:60px
}
 .why-icon svg{
    fill:none;
    stroke:currentColor;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-width:2.6
}
 .why-icon svg circle:last-child,.why-icon svg path:last-child{
    stroke:var(--accent)
}
 .why-card h3{
    margin-bottom:13px;
    font-size:clamp(18px, 1vw, 20px);
    line-height:1.08;
    font-weight:600
}
 .why-card span{
    display:block;
    width:34px;
    height:3px;
    margin-bottom:16px;
    background:var(--accent)
}
 .why-card p{
    margin:0;
    font-size:15px;
    line-height:1.5;
    font-weight:500
}
 .about{
    position:relative;
    width:min(calc(100% - 32px),var(--max));
    min-height:760px;
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(420px,.82fr) minmax(520px,1fr);
    align-items:stretch;
    overflow:hidden;
    border-radius:8px
}
 .about::before{
    content:"";
    position:absolute;
    left:-80px;
    bottom:-112px;
    width:330px;
    height:260px;
    background:repeating-linear-gradient(26deg,rgba(10,34,64,.08) 0 2px,transparent 2px 15px);
    clip-path:polygon(0 16%,74% 0,100% 100%,0 82%);
    opacity:.8;
    pointer-events:none;
    display:none
}
 .about-content{
    position:relative;
    z-index:2;
    min-width:0
}
 .about-content::before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    z-index:0;
    width:430px;
    height:360px;
    background:url("../images/about/about-content.webp") left bottom/contain no-repeat;
    opacity:.34;
    pointer-events:none
}
 .about-content>*{
    position:relative;
    z-index:1
}
 .about-content h2{
    max-width:560px;
    margin-bottom:28px
}
 .about-content h2::after{
    content:"";
    display:block;
    width:68px;
    height:4px;
    margin-top:24px;
    border-radius:999px;
    background:var(--accent)
}
 .about-lead{
    max-width:560px;
    margin-bottom:40px
}
 .about-stats{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    margin-bottom:42px
}
 .about-stat{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    align-items:start;
    min-width:0;
    padding-right:18px
}
 .about-stat+.about-stat{
    padding-left:18px;
    border-left:1px solid #ccd7e3
}
 .about-stat-icon{
    display:grid;
    place-items:center;
    width:56px;
    height:56px;
    border-radius:50%;
    color:#fff;
    overflow:hidden;
    background:0 0;
    box-shadow:none
}
 .about-stat-icon svg{
    width:28px;
    height:28px;
    fill:none;
    stroke:currentColor;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-width:2.15
}
 .about-stat-icon img{
    display:block;
    width:56px;
    max-width:100%;
    height:56px;
    object-fit:contain
}
 .about-stat small{
    display:block;
    margin-bottom:2px;
    color:var(--navy);
    font-size:11px;
    line-height:1;
    font-weight:700
}
 .about-stat strong{
    display:block;
    margin-bottom:7px;
    color:var(--accent);
    font-size:clamp(23px, 2vw, 30px);
    line-height:1.2;
    font-weight:700
}
 .about-stat p{
    margin:0;
    font-size:14px;
    line-height:1.35;
    font-weight:500;
    min-height:38px
}
 .about-actions{
    display:flex;
    flex-wrap:wrap;
    gap:28px
}
 .about-btn{
    border:0;
    font-family:inherit;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:16px;
    min-width:190px;
    min-height:54px;
    padding:0 24px;
    border-radius:4px;
    font-size:15px;
    appearance:none;
    transition:background .2s ease,color .2s ease,transform .2s ease
}
 .about-btn:hover{
    transform:translateY(-2px)
}
 .about-btn-primary{
    color:#fff;
    background:var(--accent);
    box-shadow:0 18px 34px rgba(240,125,34,.24)
}
 .about-btn-primary:hover{
    background:var(--accent-dark)
}
 .about-btn-video{
    color:var(--navy);
    border:1px solid #8fa0b4;
    background:rgba(255,255,255,.78)
}
 .about-btn-video:hover{
    color:#fff;
    background:var(--navy)
}
 .about-btn-video svg{
    width:24px;
    height:24px;
    fill:none;
    stroke:currentColor;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-width:2
}
 .video-modal{
    position:fixed;
    inset:0;
    z-index:1000;
    display:none;
    place-items:center;
    align-items:center;
    justify-items:center;
    padding:28px;
    visibility:hidden;
    opacity:0;
    transition:opacity .2s ease,visibility .2s ease
}
 .video-modal.is-open{
    display:grid;
    visibility:visible;
    opacity:1
}
 .video-modal-backdrop{
    position:absolute;
    inset:0;
    background:rgba(2,14,33,.82)
}
 .video-modal-dialog{
    position:relative;
    z-index:1;
    align-self:center;
    justify-self:center;
    width:min(100%,980px);
    max-height:calc(100vh - 56px);
    overflow:hidden;
    border:1px solid rgba(255,255,255,.18);
    border-radius:8px;
    background:#031329;
    transform:scale(.985);
    transition:transform .2s ease
}
 .video-modal.is-open .video-modal-dialog{
    transform:scale(1)
}
 .video-modal-close{
    position:absolute;
    top:14px;
    right:14px;
    z-index:2;
    width:42px;
    height:42px;
    border:1px solid rgba(255,255,255,.28);
    border-radius:50%;
    color:#fff;
    background:rgba(4,18,40,.72);
    cursor:pointer
}
 .video-modal-close span{
    position:absolute;
    top:50%;
    left:50%;
    width:18px;
    height:2px;
    background:currentColor;
    transform-origin:center
}
 .video-modal-close span:first-child{
    transform:translate(-50%,-50%) rotate(45deg)
}
 .video-modal-close span:last-child{
    transform:translate(-50%,-50%) rotate(-45deg)
}
 .video-modal-player{
    display:block;
    width:100%;
    max-height:min(74vh,720px);
    aspect-ratio:16/9;
    background:#000
}
 .about-media{
    position:relative
}
 .about-media img{
    width:100%;
    height:100%;
    min-height:760px;
    object-fit:cover
}
 .factory{
    position:relative;
    width:min(calc(100% - 32px),var(--max));
    margin:0 auto;
    overflow:hidden
}
 .factory-head{
    position:relative;
    z-index:1;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:28px;
    margin-bottom:36px
}
 .factory-head h2{
    display:flex;
    align-items:center;
    gap:18px;
    margin-bottom:26px
}
 .factory-head h2 span{
    width:38px;
    height:5px;
    border-radius:999px;
    background:var(--accent);
    box-shadow:0 32px 0 var(--accent)
}
 .factory-head p{
    margin:0
}
 .factory-actions{
    display:flex;
    align-items:center;
    gap:22px;
    padding-top:38px
}
 .factory-arrow{
    display:grid;
    place-items:center;
    width:48px;
    height:48px;
    border:1px solid var(--navy);
    border-radius:50%;
    color:var(--navy);
    background:0 0;
    font-size:24px;
    cursor:pointer;
    transition:color .2s ease,background .2s ease,transform .2s ease
}
 .factory-arrow:hover{
    color:#fff;
    background:var(--navy);
    transform:translateY(-2px)
}
 .factory-window{
    position:relative;
    z-index:1;
    overflow:hidden;
    contain:layout paint
}
 .factory-track{
    align-items:stretch
}
 .factory-card{
    position:relative;
    width:clamp(320px,29vw,405px);
    height:270px;
    overflow:hidden;
    border-radius:10px;
    background:var(--navy)
}
 .factory-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    filter:brightness(1.08) contrast(1.04) saturate(.92);
    transition:transform .3s ease
}
 .factory-card:hover img{
    transform:scale(1.04)
}
 .factory-dots{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    margin-top:42px
}
 .factory-dots .swiper-pagination-bullet,.factory-dots button{
    width:10px;
    height:10px;
    padding:0;
    border:0;
    border-radius:50%;
    background:#cfd6df;
    opacity:1;
    cursor:pointer;
    transition:background .2s ease,transform .2s ease
}
 .factory-dots .swiper-pagination-bullet-active,.factory-dots button.is-active{
    background:var(--accent);
    transform:scale(1.08)
}
 .cert{
    position:relative;
    width:100%;
    max-width:none;
    margin:0 auto;
    overflow:hidden;
    background:url("../images/certificates/cert-bg.webp") center/cover no-repeat
}
 .cert-inner{
    position:relative;
    z-index:1;
    width:min(calc(100% - 32px),var(--max));
    margin:0 auto
}
 .cert::before{
    content:"";
    position:absolute;
    right:-90px;
    top:70px;
    width:420px;
    height:260px;
    background:radial-gradient(circle at center,rgba(10,34,64,.12) 0 1px,transparent 1px 9px);
    mask-image:linear-gradient(90deg,transparent 0%,#000 34%,transparent 100%);
    opacity:.72;
    pointer-events:none;
    display:none
}
 .cert-head{
    position:relative;
    z-index:1;
    padding:90px 0;
    padding-bottom:40px;
    text-align:center
}
 .cert-head h2{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:20px;
    margin-bottom:8px
}
 .cert-head h2 span{
    display:block;
    width:48px;
    height:5px;
    border-radius:999px;
    background:var(--accent);
    box-shadow:16px 0 0 rgba(240,125,34,.82)
}
 .cert-head h2 span:last-child{
    box-shadow:-16px 0 0 rgba(240,125,34,.82)
}
 .cert-head p{
    margin:0
}
 .cert-list{
    position:relative;
    z-index:1;
    overflow:hidden;
    contain:layout paint
}
 .cert-track{
    align-items:stretch
}
 .cert-card{
    position:relative;
    display:grid;
    place-items:center;
    min-height:330px;
    margin:0;
    overflow:hidden;
    box-shadow:none
}
 .cert-list .cert-card{
    cursor:zoom-in
}
 .cert-list .cert-card:focus-visible{
    outline:2px solid var(--accent);
    outline-offset:3px
}
 .cert-card img{
    width:100%;
    cursor:zoom-in
}
 .global{
    position:relative;
    width:100%;
    max-width:none;
    margin:0 auto;
    overflow:hidden;
    color:#fff;
    background:url("../images/certificates/global-bg.webp") center/cover no-repeat
}
 .global::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    display:none
}
 .global-inner{
    position:relative;
    z-index:1;
    width:min(calc(100% - 32px),var(--max));
    margin:0 auto;
    padding-top:90px
}
 .global h3{
    position:relative;
    z-index:1;
    margin:0 0 40px;
    color:#fff;
    text-align:center;
    font-size:clamp(29px, 3vw, 48px);
    letter-spacing:.02em;
    font-weight:700
}
 .global h3::after{
    content:"";
    display:block;
    width:34px;
    height:3px;
    margin:6px auto 0;
    background:var(--accent)
}
 .cert-data{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr))
}
 .cert-data-card{
    display:grid;
    justify-items:center;
    align-content:start;
    min-height:142px;
    padding:0 clamp(12px,2vw,26px);
    text-align:center
}
 .cert-data-card+.cert-data-card{
    border-left:1px solid rgba(255,255,255,.24)
}
 .cert-data-icon{
    width:68px;
    height:68px;
    margin-bottom:8px;
    object-fit:contain;
    display:block
}
 .cert-data-card strong{
    display:block;
    color:#fff;
    font-family:Montserrat,"Microsoft YaHei",sans-serif;
    font-size:49px;
    line-height:.78;
    font-weight:700
}
 .cert-data-card h4{
    margin:10px 0;
    color:#fff;
    font-size:clamp(18px, 2vw, 20px);
    line-height:1.1;
    font-weight:600;
    min-height:26px
}
 .cert-data-card p{
    max-width:220px;
    margin:0;
    color:#d7e4f2;
    font-size:14px;
    line-height:1.35;
    font-weight:600;
    min-height:58px
}
 .news{
    width:min(calc(100% - 32px),var(--max));
    margin:0 auto;
    padding:90px 0
}
 .news-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    margin-bottom:36px
}
 .news-head h2{
    display:inline-flex;
    align-items:center;
    gap:16px;
    margin:0
}
 .news-head h2 span{
    width:5px;
    height:.9em;
    background:var(--accent)
}
 .news-head>a{
    display:inline-flex;
    align-items:center;
    gap:10px;
    min-height:44px;
    color:var(--navy);
    white-space:nowrap;
    transition:color .2s ease
}
 .news-head>a span{
    color:var(--accent);
    font-size:22px;
    transition:transform .2s ease
}
 .news-head>a:hover{
    color:var(--accent)
}
 .news-head>a:hover span{
    transform:translateX(5px)
}
 .news-layout{
    display:block;
    overflow:visible;
    contain:layout paint
}
 .news-track{
    display:grid;
    grid-template-columns:minmax(0,1.12fr) minmax(440px,.92fr);
    grid-template-rows:repeat(3,minmax(0,auto));
    gap:26px 32px
}
 .news-feature{
    grid-column:1;
    grid-row:1/span 3;
    overflow:hidden;
    border:1px solid #dbe4ee;
    border-radius:8px;
    background:#fff;
    box-shadow:0 18px 48px rgba(9,21,34,.11)
}
 .news-feature>img{
    width:100%;
    height:clamp(265px,8vw,288px);
    object-fit:cover;
    filter:saturate(.88) contrast(1.04) brightness(1.03)
}
 .news-body{
    padding:28px clamp(24px,3vw,34px) 30px
}
 .news-meta{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:18px;
    margin-bottom:17px
}
 .news-meta span{
    display:inline-flex;
    align-items:center;
    min-height:28px;
    padding:0 12px;
    border-radius:4px;
    color:#fff;
    background:var(--accent);
    font-size:12px;
    text-transform:uppercase;
    display:none
}
 .news-meta span.news-meta-blue{
    background:var(--navy)
}
 .news-meta time{
    color:#666;
    font-size:14px;
    font-weight:500
}
 .news-feature h3,.news-item h3{
    display:-webkit-box;
    min-height:calc(1.32em * 2);
    overflow:hidden;
    text-overflow:ellipsis;
    font-weight:500;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
 .news-feature h3{
    margin-bottom:14px;
    font-size:clamp(25px, 2vw, 26px);
    line-height:1.16;
    min-height:calc(1.16em * 2)
}
 .news-feature p{
    display:-webkit-box;
    min-height:calc(1.5em * 3);
    margin-bottom:22px;
    overflow:hidden;
    color:#666;
    font-size:16px;
    line-height:1.5;
    text-overflow:ellipsis;
    font-weight:500;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical
}
 .news-read{
    display:inline-flex;
    align-items:center;
    gap:12px;
    font-weight:500;
    transition:color .2s ease
}
 .news-read span{
    color:var(--accent);
    font-size:19px;
    transition:transform .2s ease
}
 .news-read:hover{
    color:var(--accent)
}
 .news-read:hover span{
    transform:translateX(4px)
}
 .news-item{
    grid-column:2;
    display:grid;
    grid-template-columns:minmax(210px,260px) minmax(0,1fr);
    gap:30px;
    align-items:center
}
 .news-item:last-child{
    border-bottom:0;
    padding-bottom:0
}
 .news-item img{
    width:100%;
    height:150px;
    object-fit:cover;
    border-radius:6px;
    filter:saturate(.88) contrast(1.04) brightness(1.03);
    box-shadow:0 14px 32px rgba(9,21,34,.1)
}
 .news-item h3{
    margin-bottom:24px;
    font-size:clamp(17px, 1vw, 18px);
    line-height:1.32
}
 .faq{
    position:relative;
    width:100%;
    max-width:none;
    margin:0 auto;
    padding:0;
    overflow:hidden;
    background:url("../images/faq/faq-partners-bg.webp") center/cover no-repeat
}
 .faq-inner{
    position:relative;
    z-index:1;
    width:min(calc(100% - 32px),var(--max));
    margin:0 auto;
    padding-top:90px
}
 .faq::after,.faq::before{
    content:"";
    position:absolute;
    pointer-events:none
}
 .faq::before{
    left:-92px;
    bottom:-86px;
    width:520px;
    height:280px;
    opacity:.44;
    background:repeating-linear-gradient(118deg,transparent 0 18px,rgba(9,21,34,.08) 18px 25px,transparent 25px 42px),repeating-linear-gradient(42deg,transparent 0 22px,rgba(9,21,34,.055) 22px 28px,transparent 28px 46px);
    transform:rotate(-8deg);
    mask-image:linear-gradient(90deg,#000 0%,transparent 92%);
    display:none
}
 .faq::after{
    top:20px;
    right:-18px;
    width:420px;
    height:230px;
    opacity:.42;
    background-image:radial-gradient(circle,rgba(9,21,34,.16) 1.4px,transparent 1.8px);
    background-size:11px 11px;
    clip-path:polygon(8% 12%,38% 0,62% 18%,96% 12%,92% 76%,64% 68%,48% 96%,20% 78%,0 54%);
    display:none
}
 .faq-layout{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:minmax(0,.93fr) minmax(0,1fr);
    gap:clamp(38px,5vw,72px)
}
 .faq-layout>*{
    min-width:0;
    max-width:100%
}
 .faq-partners{
    min-width:0;
    max-width:100%;
    padding-left:clamp(36px,4vw,64px);
    border-left:1px solid #d6e0ea
}
 .faq-partner-swiper{
    width:100%;
    max-width:100%;
    min-width:0
}
 .faq-partner-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:20px
}
 .cert-dots,.faq-partner-dots,.hot-dots,.news-dots,.product-dots,.solution-dots,.why-dots{
    display:none
}
 .cert-dots .swiper-pagination-bullet,.faq-partner-dots .swiper-pagination-bullet,.hot-dots .swiper-pagination-bullet,.news-dots .swiper-pagination-bullet,.product-dots .swiper-pagination-bullet,.solution-dots .swiper-pagination-bullet,.why-dots .swiper-pagination-bullet{
    width:9px;
    height:9px;
    margin:0 7px!important;
    border-radius:50%;
    background:#cfd7df;
    opacity:1
}
 .cert-dots .swiper-pagination-bullet-active,.faq-partner-dots .swiper-pagination-bullet-active,.hot-dots .swiper-pagination-bullet-active,.news-dots .swiper-pagination-bullet-active,.product-dots .swiper-pagination-bullet-active,.solution-dots .swiper-pagination-bullet-active,.why-dots .swiper-pagination-bullet-active{
    background:var(--accent)
}
 .faq-partner-card{
    display:grid;
    place-items:center;
    min-height:125px;
    padding:10px;
    border:1px solid #dfe7ef;
    border-radius:6px;
    background:rgba(255,255,255,.96);
    transition:transform .2s ease,box-shadow .2s ease
}
 .faq-partner-card:hover{
    transform:translateY(-4px)
}
 .cta{
    position:relative;
    width:100%;
    max-width:none;
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(360px,.92fr) minmax(620px,1.08fr);
    gap:70px;
    align-items:center;
    min-height:230px;
    padding:50px max(22px,calc((min(100vw,var(--page-max)) - var(--max))/ 2));
    overflow:hidden;
    color:#fff;
    background:url("../images/cta/cta-bg.webp") center/cover no-repeat;
    border-bottom:1px solid rgba(255,255,255,.12)
}
 .cta::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    display:block;
    background:rgba(6,45,82,.82)
}
 .cta::after{
    display:none
}
 .cta-copy,.cta-form{
    position:relative;
    z-index:1
}
 .cta-copy h2{
    max-width:640px;
    margin:0 0 12px;
    color:#fff;
    font-size:36px;
    line-height:1.2;
    font-weight:700
}
 .cta-copy h2 span,.cta-copy h2 strong{
    display:inline
}
 .cta-copy h2::after{
    content:none
}
 .cta-copy p{
    max-width:560px;
    margin:0;
    color:#fff;
    font-size:18px;
    line-height:1.55;
    font-weight:600
}
 .cta-form{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    width:100%;
    justify-self:end;
    padding:0;
    border:0;
    border-radius:0;
    background:0 0
}
 .cta-form label{
    display:block;
    margin:0
}
 .cta-form input,.cta-form textarea{
    width:100%;
    border:1px solid rgba(255,255,255,.12);
    border-radius:4px;
    outline:0;
    color:#fff;
    background:rgba(255,255,255,.24);
    font-size:16px;
    font-weight:500;
    transition:border-color .2s ease,background .2s ease
}
 .cta-form input{
    height:50px;
    padding:0 10px
}
 .cta-form textarea{
    height:84px;
    padding:12px 10px;
    resize:vertical
}
 .cta-form input::placeholder,.cta-form textarea::placeholder{
    color:#fff;
    opacity:1
}
 .cta-form input:focus,.cta-form textarea:focus{
    border-color:rgba(255,255,255,.55);
    background:rgba(255,255,255,.3)
}
 .cta-form button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    width:100%;
    height:84px;
    padding:0 20px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:4px;
    color:#fff;
    background:var(--orange);
    font-size:16px;
    cursor:pointer;
    transition:background .2s ease,border-color .2s ease
}
 .cta-form button:disabled,.cta-form button.is-loading{
    cursor:wait;
    pointer-events:none;
    opacity:.86;
    background:#073b7a;
    border-color:rgba(255,255,255,.08)
}
 .cta-form button.is-loading::before{
    content:"";
    width:15px;
    height:15px;
    border:2px solid rgba(255,255,255,.42);
    border-top-color:#fff;
    border-radius:50%;
    animation:contact-submit-spin .75s linear infinite
}
 .cta-message{
    grid-column:span 2
}
 .footer{
    position:relative;
    z-index:101;
    padding:0;
    color:#d7e5f3
}
 .footer-wrap{
    width:100%;
    max-width:none;
    margin:0 auto;
    padding-top:26px;
    overflow:hidden;
    border-radius:0;
    background:radial-gradient(circle at 80% 10%,rgba(24,89,160,.28),transparent 352px),linear-gradient(135deg,#061834 0,#08244c 54%,#05172f 100%);
    box-shadow:none
}
 .footer-contact{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    width:min(calc(100% - 64px),var(--max));
    margin:0 auto;
    padding:30px 0;
    border-radius:8px
}
 .footer-contact-item{
    display:flex;
    align-items:center;
    gap:18px;
    min-width:0;
    padding:0 clamp(14px,2vw,28px);
    color:#fff
}
 .footer-contact-item+.footer-contact-item{
    border-left:1px solid var(--accent)
}
 .footer-contact-icon{
    flex:0 0 auto;
    display:grid;
    place-items:center;
    width:76px;
    height:76px;
    border-radius:50%;
    color:#fff;
    background:var(--accent);
    box-shadow:inset 0 0 0 8px rgba(255,255,255,.08),0 16px 34px rgba(240,125,34,.22)
}
 .footer-contact-icon svg{
    width:38px;
    height:38px;
    fill:none;
    stroke:currentColor;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-width:1.9
}
 .footer-contact-item small,.footer-contact-item strong{
    display:block
}
 .footer-contact-item strong{
    margin-bottom:5px;
    color:#fff;
    font-size:clamp(18px, 2vw, 20px);
    line-height:1.1;
    font-weight:600
}
 .footer-contact-item small{
    color:#f4f8ff;
    font-size:14px;
    line-height:1.25;
    white-space:nowrap
}
 .footer-main{
    width:min(calc(100% - 64px),var(--max));
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(300px,1.12fr) minmax(240px,.88fr) minmax(200px,.68fr) minmax(230px,.72fr);
    gap:clamp(26px,4vw,44px);
    padding:40px 0;
    border-top:1px solid rgba(255,255,255,.12)
}
 .footer-col,.footer-company,.footer-qr{
    min-width:0
}
 .footer-main>*+*{
    border-left:1px solid rgba(255,255,255,.16);
    padding-left:clamp(24px,3vw,38px)
}
 .footer-logo{
    display:inline-flex;
    align-items:center;
    gap:18px;
    margin-bottom:24px;
    color:#fff
}
 .footer-logo img{
    height:60px;
    object-fit:contain
}
 .footer-logo span{
    padding-left:16px;
    border-left:2px solid var(--accent);
    color:#fff;
    font-size:19px;
    line-height:1.5;
    font-weight:600
}
 .footer-company h3{
    max-width:340px;
    margin-bottom:18px;
    color:#fff;
    font-size:18px;
    line-height:1.46;
    font-weight:500
}
 .footer-company address,.footer-company p,.footer-qr p{
    margin:0;
    color:#cbd8e8;
    font-style:normal;
    line-height:1.65;
    font-weight:500
}
 .footer-company address{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin-top:24px;
    font-size:14px
}
 .footer-company address svg{
    flex:0 0 auto;
    width:24px;
    height:24px;
    color:var(--accent);
    fill:currentColor
}
 .footer-col h3,.footer-qr h3{
    position:relative;
    margin-bottom:28px;
    color:#fff;
    font-size:19px;
    letter-spacing:.03em;
    font-weight:700
}
 .footer-col h3::after,.footer-qr h3::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-12px;
    width:38px;
    height:3px;
    background:var(--accent)
}
 .footer-col a{
    display:grid;
    grid-template-columns:42px minmax(0,1fr) auto;
    align-items:center;
    gap:14px;
    min-height:65px;
    color:#f3f7fc;
    border-bottom:1px solid rgba(255,255,255,.12);
    font-weight:500;
    transition:color .2s ease
}
 .footer-col a:hover,.footer-links a:hover{
    color:var(--accent)
}
 .footer-col a img,.footer-col a svg{
    width:38px;
    height:38px
}
 .footer-col a img{
    object-fit:contain;
    filter:brightness(0) invert(1)
}
 .footer-col a svg{
    fill:none;
    stroke:var(--accent);
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-width:1.8
}
 .footer-col a span{
    color:#fff;
    font-size:24px;
    line-height:1
}
 .footer-subscribe-form{
    margin-top:22px
}
 .footer-subscribe-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px
}
 .footer-subscribe-form input{
    width:100%;
    min-width:0;
    height:44px;
    padding:0 16px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:6px;
    color:#fff;
    background:rgba(255,255,255,.08);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
    transition:border-color .2s ease,background .2s ease,box-shadow .2s ease
}
 .footer-subscribe-form input::placeholder{
    color:#b8c8dc
}
 .footer-subscribe-form input:focus{
    outline:0;
    border-color:rgba(240,125,34,.88);
    background:rgba(255,255,255,.12);
    box-shadow:0 0 0 3px rgba(240,125,34,.16)
}
 .footer-subscribe-form button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-width:auto;
    height:44px;
    padding:0 10px;
    border:0;
    border-radius:6px;
    color:#fff;
    font-size:14px;
    font-weight:700;
    cursor:pointer;
    background:var(--accent);
    transition:background .2s ease,transform .2s ease,opacity .2s ease
}
 .footer-subscribe-form button:hover{
    background:var(--accent-dark);
    transform:translateY(-1px)
}
 .footer-subscribe-form button:disabled,.footer-subscribe-form button.is-loading{
    opacity:.78;
    cursor:wait;
    pointer-events:none;
    transform:none
}
 .footer-subscribe-form button.is-loading::before{
    content:"";
    width:13px;
    height:13px;
    flex:0 0 auto;
    border:2px solid rgba(255,255,255,.42);
    border-top-color:#fff;
    border-radius:50%;
    animation:contact-submit-spin .75s linear infinite
}
 .footer-subscribe-note{
    min-height:22px;
    margin:10px 0 0;
    color:#cbd8e8;
    font-size:13px;
    line-height:1.5
}
 .footer-subscribe-note.is-success{
    color:#8fe0b1
}
 .footer-subscribe-note.is-error{
    color:#ffb5a9
}
 .footer-subscribe-note.is-info{
    color:#a7c8f2
}
	 .footer-links a{
    display:flex;
    min-height:44px;
    gap:10px;
    color:#f3f7fc;
    border-bottom:1px solid rgba(255,255,255,.12);
    font-weight:500
}
 .footer-qr img{
    width:220px;
    max-width:100%;
    padding:10px;
    border-radius:8px;
    background:#fff;
    box-shadow:0 18px 34px rgba(0,0,0,.2)
}
 .footer-qr p{
    max-width:280px;
    margin-top:18px
}
 .footer-bottom{
    width:min(calc(100% - 64px),var(--max));
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:26px;
    padding:40px 0;
    border-top:2px solid var(--accent);
    color:#cbd8e8;
    text-align:center
}
 .footer-bottom p{
    margin:0;
    font-weight:500
}
 .footer-bottom p+p{
    position:relative;
    padding-left:26px
}
 .footer-bottom p+p::before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:1px;
    height:18px;
    transform:translateY(-50%);
    background:rgba(255,255,255,.38)
}
 .footer-copy-icon{
    display:inline-grid;
    place-items:center;
    width:22px;
    height:22px;
    margin-right:10px;
    border:1px solid currentColor;
    border-radius:50%
}
 .footer-bottom a,.footer-support{
    color:inherit;
    text-decoration:none;
    margin-right:10px
}
 .footer-bottom a:hover{
    color:var(--accent)
}
 .footer-bottom strong{
    color:var(--accent)
}
 .floatbar{
    position:fixed;
    right:14px;
    top:50%;
    z-index:160;
    display:grid;
    gap:0;
    border:1px solid rgba(255,255,255,.18);
    border-radius:8px;
    transform:translateY(-50%);
    backdrop-filter:blur(8px)
}
 .floatbar-item{
    position:relative;
    display:grid;
    grid-template-columns:52px;
    align-items:center;
    justify-content:center;
    width:52px;
    min-height:48px;
    overflow:hidden;
    border:0;
    border-radius:0;
    color:#fff;
    transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease
}
 .floatbar-item+.floatbar-item{
    border-top:1px solid rgba(255,255,255,.12)
}
 .floatbar-item:focus-visible,.floatbar-item:hover{
    color:#fff;
    border-color:transparent;
    transform:none
}
 .floatbar-item svg,.floatbar-top .ui-arrow{
    grid-column:1;
    grid-row:1;
    justify-self:center;
    width:21px;
    height:21px;
    fill:none;
    stroke:currentColor;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-width:2
}
 .floatbar-top .ui-arrow{
    display:block;
    align-self:center;
    justify-self:center;
    transform:rotate(-90deg)
}
 .floatbar-top .ui-arrow::after{
    left:50%;
    right:auto;
    top:50%;
    transform:translate(-50%,-50%) rotate(45deg)
}
 .floatbar-item span:last-child{
    display:none;
    grid-column:1;
    grid-row:1;
    padding:0 10px 0 18px;
    font-size:13px;
    white-space:nowrap
}
 .floatbar-whatsapp{
    color:#fff;
    background:#25d366;
    border-radius:8px 8px 0 0
}
 .floatbar-whatsapp:focus-visible,.floatbar-whatsapp:hover{
    background:#1ebe5d;
    border-color:transparent
}
 .floatbar-email{
    background:#2563eb
}
 .floatbar-email:focus-visible,.floatbar-email:hover{
    background:#1d4ed8
}
 .floatbar-tel{
    background:#f07d22
}
 .floatbar-tel:focus-visible,.floatbar-tel:hover{
    background:#d86413
}
 .floatbar-top{
    color:#fff;
    border-radius:0 0 8px 8px;
    background:#061a37
}
 .floatbar-top:focus-visible,.floatbar-top:hover{
    background:#0b2a55
}
 .section-observe{
    opacity:1;
    transform:none;
    transition:transform .35s ease,box-shadow .35s ease;
    padding-bottom:var(--section-gap)
}
 .section-observe.is-visible{
    opacity:1;
    transform:translateY(0)
}
 .ui-arrow{
    --arrow-size:16px;
    --arrow-stroke:2px;
    position:relative;
    display:inline-block;
    width:var(--arrow-size);
    height:var(--arrow-size);
    flex:0 0 auto;
    color:currentColor;
    font-size:0!important;
    line-height:0!important;
    vertical-align:middle;
    transform:translateY(1px);
    transition:transform .2s ease
}
 .ui-arrow::after{
    content:"";
    position:absolute;
    right:1px;
    top:50%;
    width:calc(var(--arrow-size) * .42);
    height:calc(var(--arrow-size) * .42);
    border-top:var(--arrow-stroke) solid currentColor;
    border-right:var(--arrow-stroke) solid currentColor;
    transform:translateY(-50%) rotate(45deg)
}
 .ui-arrow-left{
    transform:translateY(0) translateX(5px) rotate(180deg)
}
 .ui-arrow-down{
    --arrow-size:13px;
    transform:translateY(-1px) rotate(90deg)
}
 .ui-arrow-up{
    --arrow-size:15px;
    transform:translateY(2px) rotate(-90deg)
}
 a:hover .ui-arrow:not(.ui-arrow-left):not(.ui-arrow-down):not(.ui-arrow-up){
    transform:translate(4px,1px)
}
 .factory-arrow .ui-arrow{
    --arrow-size:20px;
    transform:translateY(0) translateX(-5px)
}
 .factory-arrow .ui-arrow-left{
    transform:translateY(0) translateX(5px) rotate(180deg)
}
 .footer-links a::before{
    content:"";
    width:10px;
    height:10px;
    border-top:2px solid currentColor;
    border-right:2px solid currentColor;
    color:var(--accent);
    font-size:0;
    line-height:1;
    transform:rotate(45deg)
}
 body *{
    box-shadow:none!important
}
 .about-content h2,.area-content h2,.cert-head h2,.cta-copy h2,.factory-head h2,.hot-head h2,.news-head h2,.product-head h2,.solution-hero h2,.why-hero h2{
    margin:0 0 12px;
    font-size:30px;
    line-height:1.25;
    letter-spacing:0;
    font-style:normal
}
 .cta-copy h2 span,.cta-copy h2 strong,.solution-hero h2 span,.solution-hero h2 strong,.why-hero h2 span,.why-hero h2 strong{
    display:block;
    font-size:inherit;
    line-height:inherit;
    font-weight:inherit;
    letter-spacing:inherit
}
 .about-lead,.area-lead,.cert-head p,.cta-copy p,.factory-head p,.hot-head p,.product-head p,.solution-hero p,.why-hero p{
    font-size:16px;
    line-height:1.65;
    font-weight:500;
    letter-spacing:0
}
 .solution-hero,.why-hero{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:70px;
    border-radius:8px;
    color:#fff
}
 .solution-hero h2,.why-hero h2{
    max-width:520px;
    margin:0 0 12px;
    color:#fff
}
 .solution-hero h2 strong,.why-hero h2 strong{
    color:var(--accent);
    font-weight:700
}
 .solution-hero h2::before{
    content:none
}
 .solution-hero h2::after,.why-hero h2::after{
    content:"";
    display:block;
    width:78px;
    height:4px;
    margin-top:18px;
    background:var(--accent);
    box-shadow:none
}
 .solution-hero p,.why-hero p{
    max-width:480px;
    margin:0 0 36px;
    color:#eef5fb
}
 .about-btn-primary,.solution-cta,.why-cta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    align-self:flex-start;
    gap:18px;
    min-width:176px;
    min-height:56px;
    padding:0 24px;
    border-radius:4px;
    clip-path:none;
    color:#fff;
    background:var(--accent);
    font-size:15px;
    line-height:1;
    transition:background .2s ease,transform .2s ease
}
 .about-btn-primary:hover,.solution-cta:hover,.why-cta:hover{
    background:var(--accent-dark);
    transform:translateY(-2px)
}
 .about-btn-primary span,.solution-cta span,.why-cta span{
    font-size:16px;
    line-height:1
}
 .factory-head,.hot-head,.news-head,.product-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:25px;
    margin-bottom:38px
}
 .cert-head{
    text-align:center
}
 .area-content h2,.cert-head h2,.factory-head h2,.hot-head h2,.news-head h2,.product-head h2{
    display:block;
    margin:0 0 12px;
    font-size:32px;
    line-height:1.25;
    font-weight:600;
    letter-spacing:0
}
 .cert-head h2 span,.factory-head h2 span,.news-head h2 span{
    display:none
}
 .area-lead,.cert-head p,.factory-head p,.hot-head p,.product-head p{
    margin:0;
    font-size:16px;
    line-height:1.65;
    font-weight:500;
    letter-spacing:0
}
 .hot-view,.news-head>a,.product-view{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:45px;
    padding:0 15px;
    border:1px solid #666;
    border-radius:4px;
    background:rgba(255,255,255,.78);
    font-size:12px;
    line-height:1;
    white-space:nowrap;
    transition:background .2s ease,color .2s ease,transform .2s ease
}
 .hot-view:hover,.news-head>a:hover,.product-view:hover{
    color:#fff;
    background:var(--navy);
    transform:translateY(-1px)
}
 .hot-view span,.news-head>a span,.product-view span{
    color:currentColor;
    font-size:16px;
    transition:transform .2s ease
}
 .hot-view:hover span,.news-head>a:hover span,.product-view:hover span{
    transform:translateX(4px)
}
 .about-content h2,.area-content h2,.cert-head h2,.factory-head h2,.hot-head h2,.news-head h2,.product-head h2{
    margin:0 0 40px;
    font-size:30px;
    line-height:1.25;
    font-weight:600;
    letter-spacing:0
}
 .about-content h2::after,.area-content h2::after,.cert-head h2::after,.factory-head h2::after,.hot-head h2::after,.news-head h2::after,.product-head h2::after{
    content:"";
    display:block;
    width:78px;
    height:4px;
    margin-top:18px;
    background:var(--accent)
}
 .cert-head h2::after{
    margin-right:auto;
    margin-left:auto
}
 .cta::before{
    display:block;
    background:linear-gradient(90deg,rgba(2,18,42,.82) 0,rgba(2,22,52,.64) 46%,rgba(2,22,52,.18) 72%,rgba(2,22,52,0) 100%)
}
 .cta-copy h2,.cta-copy h2 span{
    color:#fff
}
 .cta-copy p{
    color:#eef5fb
}
 :root{
    --blue:#073b7a;
    --blue-dark:#052a58;
    --red:#e3262d;
    --orange:#f47c20;
    --ink:#15213a;
    --muted:#67728a;
    --line:#e7eaf0;
    --soft:#f5f7fb;
    --white:#fff
}
 .auto-container{
    width:min(var(--max),calc(100% - 32px));
    margin:0 auto
}
 .list_products .auto-container{
    width:min(var(--max),calc(100% - 32px))
}
 .cta,.list_products .page_inside,.list_products section{
    scroll-margin-top:128px
}
 .site_topbar{
    color:rgba(255,255,255,.88);
    background:var(--blue-dark);
    font-size:12px
}
 .site_header .auto-container,.site_nav .auto-container,.site_topbar .auto-container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px
}
 .site_topbar .auto-container{
    min-height:34px
}
 .site_topbar .top_links{
    display:flex;
    align-items:center;
    gap:22px;
    white-space:nowrap
}
 .site_header{
    background:var(--white);
    border-bottom:1px solid var(--line)
}
 .site_header .auto-container{
    min-height:102px
}
 .site_logo{
    display:flex;
    align-items:center;
    gap:14px;
    min-width:260px
}
 .site_logo_mark{
    display:grid;
    width:58px;
    height:58px;
    place-items:center;
    border-radius:50%;
    color:var(--white);
    background:linear-gradient(135deg,var(--blue),#0b65b8);
    font-size:26px;
    font-weight:900
}
 .site_logo_text strong{
    display:block;
    color:var(--blue);
    font-size:24px;
    line-height:1;
    font-weight:900;
    text-transform:uppercase
}
 .site_logo_text span{
    display:block;
    margin-top:4px;
    color:var(--ink);
    font-size:13px;
    font-weight:800
}
 .site_stats{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:34px;
    flex:1
}
 .site_stat{
    display:grid;
    grid-template-columns:42px minmax(0,auto);
    gap:10px;
    align-items:center;
    color:var(--ink);
    font-size:12px
}
 .site_stat_icon{
    display:grid;
    width:42px;
    height:42px;
    place-items:center;
    border:1px solid #ccd5e4;
    border-radius:50%;
    color:var(--blue);
    font-size:18px;
    font-weight:900
}
 .site_stat strong{
    display:block;
    margin-bottom:3px;
    color:var(--ink);
    font-size:15px;
    font-weight:900
}
 .site_header .contact_btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:44px;
    padding:0 26px;
    border-radius:4px;
    color:var(--white);
    background:var(--orange);
    font-size:12px;
    font-weight:900;
    text-transform:uppercase
}
 .site_nav{
    background:var(--blue)
}
 .site_nav .auto-container{
    min-height:54px
}
 .main_nav{
    display:flex;
    align-items:center;
    gap:0;
    margin:0;
    padding:0;
    list-style:none
}
 .main_nav a{
    display:flex;
    min-height:54px;
    align-items:center;
    padding:0 18px;
    color:var(--white);
    font-size:13px;
    font-weight:900;
    text-transform:uppercase
}
 .main_nav a.active,.main_nav a:hover{
    background:rgba(255,255,255,.12)
}
 .nav_search{
    display:grid;
    grid-template-columns:minmax(0,1fr) 42px;
    width:230px;
    overflow:hidden;
    border-radius:4px;
    background:var(--white)
}
 .nav_search input{
    min-width:0;
    height:38px;
    padding:0 12px;
    border:0;
    outline:0;
    color:var(--ink);
    font-size:12px
}
 .nav_search button{
    border:0;
    color:var(--blue);
    background:0 0;
    cursor:pointer;
    font-size:16px
}
 .line-1,.line-2{
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical
}
 .line-1{
    -webkit-line-clamp:1
}
 .line-2{
    -webkit-line-clamp:2
}
 .btn_effect4{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:0 18px;
    border:1px solid #b7c3d5;
    border-radius:4px;
    color:var(--blue);
    background:var(--white);
    font-size:12px;
    text-transform:uppercase;
    transition:color .25s ease,background .25s ease,border-color .25s ease,transform .25s ease;
    cursor:pointer
}
 .btn_effect4:hover{
    color:var(--white);
    border-color:var(--orange);
    background:var(--orange);
    transform:translateY(-1px)
}
 .page_banner{
    position:relative;
    max-height:350px;
    overflow:hidden;
    background:#111
}
 .page_banner .page_banner_img img{
    width:100%;
    height:350px;
    object-fit:cover
}
 .page_banner .page_banner_content{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    text-align:left;
    background:linear-gradient(90deg,rgba(3,16,34,.78),rgba(3,16,34,.26) 48%,rgba(3,16,34,.08))
}
 .page_banner h1,.page_banner .page-banner-title{
    max-width:610px;
    margin:0;
    color:var(--white);
    font-size:40px;
    line-height:1.05;
    text-transform:uppercase
}
 .page_banner p{
    max-width:560px;
    margin:18px 0 0;
    color:rgba(255,255,255,.88);
    font-size:17px;
    line-height:1.7
}
 .page_inside{
    padding:20px 0;
    background:var(--white);
    border-bottom:1px solid var(--line);
    font-size:14px
}
 .page_inside_arrow{
    display:inline-flex;
    width:18px;
    justify-content:center;
    margin:0 7px;
    transform:scale(.68)
}
 .page_inside_arrow .ui-arrow{
    --arrow-size:12px;
    --arrow-stroke:2px;
    color:currentColor;
    transform:translateY(0)
}
 .page_content{
    padding:44px 0 54px
}
 .list_products .page_content>.auto-container{
    display:grid;
    grid-template-columns:minmax(0,1fr) 300px;
    gap:32px;
    align-items:start
}
 .list_products .page_content_box{
    min-width:0
}
 .list_products_head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin-bottom:24px
}
 .list_products_head .result_text{
    font-size:14px
}
 .list_products_tools{
    display:flex;
    align-items:center;
    gap:10px
}
 .list_products_tools button{
    height:40px;
    border:1px solid var(--line);
    border-radius:4px;
    background:var(--white);
    color:var(--ink);
    font-size:13px
}
 .view_btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-width:72px;
    padding:0 14px;
    cursor:pointer;
    font-weight:700
}
 .view_btn svg{
    width:17px;
    height:17px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round
}
 .view_btn svg path:first-child{
    fill:currentColor;
    stroke:currentColor
}
 .view_btn.active{
    border-color:var(--blue);
    color:var(--white);
    background:var(--blue)
}
 .product_grid{
    display:grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap:18px
}
 .list_products .product_grid .hot-card{
    min-width:0;
    height:100%
}
 .list_products .product_grid .hot-card-inner{
    grid-template-rows: 1fr
}
 .list_products .product_grid .hot-card img{
    /* height:210px */
}
 .list_products .product_grid .hot-card-info{
    min-height:178px;
    padding:20px 22px 22px
}
 .list_products .product_grid .hot-card h3{
    display:-webkit-box;
    min-height:44px;
    margin:0 0 8px;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
 .list_products .product_grid .hot-card p{
    min-height:44px;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
 .list_products .product_grid.is-list{
    grid-template-columns:1fr
}
 .list_products .product_grid.is-list .hot-card-inner{
    grid-template-columns:260px minmax(0,1fr);
    grid-template-rows:1fr
}
 .list_products .product_grid.is-list .hot-card img{
    height:230px;
    border-right:1px solid #d6e0ea
}
 .list_products .product_grid.is-list .hot-card-info{
    min-height:230px;
    border-top:0;
    align-content:center
}
 .inside-pagination ul{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:0;
    margin:0;
    list-style:none
}
 .inside-pagination a{
    display:flex;
    min-width:38px;
    height:38px;
    align-items:center;
    justify-content:center;
    border:1px solid var(--line);
    border-radius:4px;
    background:var(--white);
    color:var(--ink);
    font-size:14px;
    font-weight:800
}
 .inside-pagination .ui-arrow{
    --arrow-size:14px;
    color:currentColor;
    transform:translateY(0)
}
 .inside-pagination .ui-arrow-left{
    transform:translateY(0) translateX(3px) rotate(180deg)
}
 .inside-pagination .active a,.inside-pagination a:hover{
    border-color:var(--blue);
    color:var(--white);
    background:var(--blue)
}
 .sidebar{
    display:block;
    visibility:visible;
    min-width:0
}
 .list_products .sidebar{
    position:static;
    top:auto;
    align-self:auto;
    z-index:auto
}
 .sidebar .sidebar_box{
    position:static
}
 .sidebar_panel{
    max-width:100%;
    min-width:0;
    margin-bottom:16px;
    padding:22px;
    border:1px solid #dbe4ee;
    border-radius:8px;
    background:var(--white);
    border: 1px solid #dbe4ee;
}
 .sidebar_panel:first-child{
    padding:0;
    border:0;
    border-radius:0;
    background:0
}
 .sidebar_panel h2{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin:0;
    margin-bottom:20px;
    font-size:18px;
    line-height:1.2
}
 .sidebar_panel h3{
    margin:0 0 13px;
    padding-bottom:13px;
    border-bottom:1px solid var(--line);
    color:#f47c20;
    font-size:15px;
    font-weight:900;
    text-transform:uppercase
}
 .sidebar_search_box{
    display:grid;
    grid-template-columns:minmax(0,1fr) 46px;
    overflow:hidden;
    border:1px solid #c9d5e3;
    border-radius:8px;
    background:var(--white)
}
 .sidebar_search_box input{
    min-width:0;
    height:48px;
    padding:0 15px;
    border:0;
    outline:0;
    color:var(--ink)
}
 .sidebar_search_box .search_btn{
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    background:#f47c20;
    cursor:pointer;
    border:0
}
 .sidebar_search_box svg{
    width:19px;
    height:19px;
    fill:currentColor
}
 .filter_top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:18px;
    font-size:13px;
    font-weight:900
}
.filter_top h2{
    margin-bottom: 0;
}
 .clear_btn{
    border:0;
    background:0 0;
    cursor:pointer
}
 .active_tags{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:18px
}
 .active_tags span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 9px;
    border:1px solid rgba(240,125,34,.36);
    border-radius:3px;
    color:#f47c20;
    background:#fff8f1;
    font-size:12px
}
 .active_tag_remove{
    position:relative;
    flex:0 0 auto;
    width:16px;
    height:16px;
    border:0;
    border-radius:50%;
    background:rgba(244,124,32,.14);
    cursor:pointer
}
 .active_tag_remove i{
    position:absolute;
    left:4px;
    top:7px;
    width:8px;
    height:2px;
    border-radius:999px;
    background:#f47c20
}
 .active_tag_remove i:first-child{
    transform:rotate(45deg)
}
 .active_tag_remove i:last-child{
    transform:rotate(-45deg)
}
 .active_tag_remove:hover{
    background:#f47c20
}
 .active_tag_remove:hover i{
    background:#fff
}
 .filter_group{
    margin-top:14px;
    padding-top:16px;
    border-top:1px solid var(--line)
}
 .filter_group:first-of-type{
    margin-top:0;
    padding-top:0;
    border-top:0
}
 .filter_group h3{
    margin-bottom:0;
    padding-bottom:0;
    border-bottom:0
}
 .filter_group_toggle{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    width:100%;
    min-height:28px;
    padding:0 0 13px;
    border:0;
    border-bottom:1px solid var(--line);
    background:0 0;
    font:inherit;
    text-align:left;
    cursor:pointer
}
 .filter_group_toggle .ui-arrow{
    --arrow-size:12px;
    --arrow-stroke:2px;
    color:#8aa0b8;
    transform:translateY(0)
}
 .filter_group.is-open .filter_group_toggle .ui-arrow{
    color:var(--blue);
    transform:translateY(0) rotate(90deg)
}
 .filter_group label{
    display:flex;
    align-items:center;
    gap:8px;
    margin:10px 0;
    font-size:14px;
    cursor:pointer
}
 .filter_group:not(.is-open) label{
    display:none
}
 .filter_group.is-open label:first-of-type{
    margin-top:12px
}
 .filter_group label:has(input:checked){
    color:var(--blue);
    font-weight:800
}
 .filter_group input{
    position:relative;
    flex:0 0 auto;
    width:15px;
    height:15px;
    margin:0;
    border:1px solid #c6d3e2;
    border-radius:3px;
    appearance:none;
    background:#fff;
    cursor:pointer;
    transition:border-color .18s ease,background .18s ease
}
 .filter_group input::after{
    content:"";
    position:absolute;
    left:4px;
    top:1px;
    width:5px;
    height:9px;
    border:solid #fff;
    border-width:0 2px 2px 0;
    opacity:0;
    transform:rotate(45deg)
}
 .filter_group input:checked{
    color:var(--blue);
    background:#073b7a
}
 .filter_group input:checked::after{
    opacity:1
}
 .left_contact{
    color: #333333;
    /* border:0; */
    /* background:linear-gradient(145deg,#071f41 0,#073b7a 58%,#0a5fa8 100%); */
}
 .left_contact a,.left_contact h2,.left_contact p{
    /* color:var(--white); */
}
 .left_contact p{
    margin:8px 0;
    line-height:1.6
}
 .left_contact .contact_line{
    padding:10px 0;
    border-top:1px solid rgba(255,255,255,.18)
}
 .left_contact .btn_effect4{
    margin-top:12px;
    border-color:var(--orange);
    color:var(--white);
    background:var(--orange)
}
 .left_contact .btn_effect4:hover{
    background:#ff8c2f;
    color:var(--white)
}
 .list_products_editor{
    padding:66px 0;
    background:var(--white)
}
 .list_products_inquiry{
    padding:64px 0;
    color:var(--white);
    background:linear-gradient(135deg,#071f41 0,#073b7a 54%,#0d5aa3 100%)
}
 .site_footer{
    color:rgba(255,255,255,.78);
    background:#05316a
}
 .footer_main{
    padding:58px 0 38px
}
 .footer_grid{
    display:grid;
    grid-template-columns:1.35fr .8fr .9fr .9fr 1.25fr;
    gap:38px
}
 .footer_logo{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:18px;
    color:var(--white)
}
 .footer_logo .site_logo_mark{
    width:46px;
    height:46px;
    background:rgba(255,255,255,.14)
}
 .footer_logo strong{
    display:block;
    color:var(--white);
    font-size:19px;
    line-height:1;
    font-weight:900;
    text-transform:uppercase
}
 .footer_logo span{
    display:block;
    margin-top:4px;
    color:rgba(255,255,255,.86);
    font-size:12px;
    font-weight:800
}
 .site_footer p{
    margin:0;
    font-size:13px;
    line-height:1.75
}
 .site_footer h3{
    margin:0 0 18px;
    color:var(--white);
    font-size:15px;
    font-weight:900;
    text-transform:uppercase
}
 .footer_links{
    display:grid;
    gap:10px;
    margin:0;
    padding:0;
    list-style:none
}
 .footer_links a{
    color:rgba(255,255,255,.78);
    font-size:13px
}
 .footer_links a:hover{
    color:var(--white)
}
 .footer_contact p{
    margin-bottom:11px
}
 .footer_bottom{
    border-top:1px solid rgba(255,255,255,.14);
    padding:18px 0;
    font-size:12px
}
 .footer_bottom .auto-container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px
}
 .footer_policy{
    display:flex;
    gap:18px
}
 .inquiry_box{
    display:grid;
    grid-template-columns:360px minmax(0,1fr);
    gap:36px;
    align-items:start
}
 .inquiry_head h2{
    margin:0 0 14px;
    font-size:34px;
    line-height:1.15;
    font-weight:900
}
 .inquiry_head p{
    margin:0;
    color:rgba(255,255,255,.78);
    font-size:15px;
    line-height:1.8
}
 #FooterMessage .input{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px
}
 #FooterMessage input,#FooterMessage textarea{
    width:100%;
    border:1px solid rgba(255,255,255,.24);
    border-radius:4px;
    outline:0;
    color:var(--white);
    background:rgba(255,255,255,.08)
}
 #FooterMessage input{
    height:48px;
    padding:0 15px
}
 #FooterMessage textarea{
    min-height:86px;
    margin-top:14px;
    padding:14px 15px;
    resize:vertical
}
 #FooterMessage input::placeholder,#FooterMessage textarea::placeholder{
    color:rgba(255,255,255,.7)
}
 #FooterMessage .submit{
    margin-top:16px
}
 #FooterMessage .btn_effect4{
    border-color:var(--orange);
    color:var(--white);
    background:var(--orange)
}
 .list_products_editor .editor_content{
    /* color:#26324a; */
}
 .list_products_editor .editor_content h2{
    margin:0 0 18px;
    font-size:26px;
    line-height:1.18
}
 .list_products_editor .editor_content p{
    margin:0 0 18px;
    font-size:16px;
    line-height:1.8
}
 .list_products_editor .editor_media_row{
    display:grid;
    grid-template-columns: 300px minmax(0,1fr);
    gap:32px;
    align-items:center;
    margin-top:34px;
    padding:28px;
    border:1px solid #e7eaf0;
    border-radius:6px;
    background:#f8fafc
}
 .list_products_editor .editor_media_row.reverse{
    grid-template-columns:minmax(0,1fr) 280px
}
 .list_products_editor .editor_media_row.reverse figure{
    order:2
}
 .list_products_editor .editor_media_row figure{
    margin:0;
    padding:18px;
    border-radius:6px;
    background:#fff
}
 .list_products_editor .editor_media_text h3{
    margin:0 0 12px;
    font-size:20px;
    line-height:1.25
}
 .list_products_editor .editor_full_text{
    /* padding:22px 28px 0; */
    padding-top: 20px;
}
 .list_products_editor .editor_full_text ul{
    margin:0;
    padding-left:20px;
    color:#59657a;
    line-height:1.8
}
 .list_products_editor .editor_feature_grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
    margin:34px 0
}
 .list_products_editor .editor_feature_grid div{
    padding:24px;
    border-left:4px solid #f47c20;
    border-radius:6px;
    background:#f8fafc
}
 .list_products_editor .editor_feature_grid h3{
    margin:0 0 10px;
    font-size:18px;
    line-height:1.25
}
 .list_products_editor table{
    width:100%;
    margin:24px 0;
    border-collapse:collapse;
    overflow:hidden;
    border:1px solid #dbe4ee;
    border-radius:6px
}
 .list_products_editor td,.list_products_editor th{
    padding:15px 16px;
    border:1px solid #dbe4ee;
    text-align:left;
    vertical-align:top;
    font-size:15px;
    line-height:1.55
}
 .list_products_editor th{
    color:#fff;
    background:#073b7a;
    font-weight:800
}
 .header{
    position:sticky;
    top:0;
    z-index:1000;
    box-shadow:0 10px 30px rgba(8,36,76,.08)
}
 .list_blog{
    --ink:#0b2445;
    --brand:#0b4b91;
    --accent:#e31d2b;
    --line:#dbe5ef;
    --soft:#f4f7fb;
    --muted:#627087;
    background:#fff;
    /* color:var(--ink); */
}
 .list_blog .auto-container{
    width:min(var(--max),calc(100% - 32px));
    margin:0 auto
}
 .page-banner{
    position:relative;
    min-height:330px;
    display:flex;
    align-items:center;
    overflow:hidden;
    color:#fff;
    background:#0b2445
}
 .page-banner::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(3,22,51,.82),rgba(3,22,51,.36) 54%,rgba(3,22,51,.15));
    z-index:1
}
 .page-banner img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    transform:scale(1.02)
}
 .page-banner .auto-container{
    position:relative;
    z-index:2;
    padding:72px 0 62px
}
 .page-banner h1,.page-banner h2,.page-banner .page-banner-title{
    display:block;
    margin:0 0 16px;
    font-weight:700;
    font-size:clamp(38px,5vw,40px);
    line-height:1;
    color:#fff;
    letter-spacing:0
}
 .page-inside{
    border-bottom:1px solid var(--line);
    background:#fff;
    padding:18px 0
}
 .page-inside .auto-container{
    font-size:14px;
    line-height:2
}
 .page-inside a{
    /* color:var(--brand); */
    /* font-weight:600; */
    text-decoration:none
}
 .page-inside .ui-arrow{
    display:inline-flex;
    width:18px;
    justify-content:center;
    margin:0 7px;
    --arrow-size:12px;
    --arrow-stroke:2px;
    color:currentColor;
    transform:scale(.68) translateY(0)
}
 .page-inside .cur{
    color:var(--text);
    font-weight:600
}
 .blog-section{
    padding:56px 0 74px;
    background:linear-gradient(180deg,#f7f9fc 0,#fff 42%)
}
 .blog-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 330px;
    gap:36px;
    align-items:start
}
 .blog-list-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:24px;
    padding:0 2px;
    color:var(--muted);
    font-size:14px
}
 .blog-list-head strong{
    color:var(--ink);
    font-size:22px
}
 .blog-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:26px
}
 .blog-card{
    background:#fff;
    border:1px solid rgba(18,67,118,.14);
    border-radius:8px;
    overflow:hidden;
    box-shadow:0 16px 38px rgba(9,35,70,.08);
    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease
}
 .blog-card:hover{
    transform:translateY(-4px);
    box-shadow:0 22px 46px rgba(9,35,70,.14);
    border-color:rgba(11,75,145,.28)
}
 .blog-card-image{
    display:block;
    aspect-ratio:4/3;
    overflow:hidden;
    background:#eef3f8
}
 .blog-card-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .35s ease
}
 .blog-card:hover .blog-card-image img{
    transform:scale(1.05)
}
 .blog-card-body{
    padding:25px 27px 24px
}
 .blog-card h2{
    display:-webkit-box;
    min-height: 54px;
    margin:0 0 14px;
    overflow:hidden;
    /* color:#083b82; */
    font-size:20px;
    line-height:1.28;
    letter-spacing:0;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2
}
 .blog-card h2 a{
    text-decoration:none
}
 .blog-card h2 a:hover{
    color:#083b7d;
}
 .blog-card p{
    display:-webkit-box;
    min-height:77px;
    margin:0;
    overflow:hidden;
    font-size:15px;
    line-height:1.72;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3
}
 .blog-card-foot{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin-top:24px;
    font-size:14px;
    margin-bottom: 20px;
}
 .blog-date{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-weight:600;
    white-space:nowrap
}
 .blog-date svg{
    width:18px;
    height:18px;
    stroke:currentColor;
    fill:none;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round
}
 .blog-read{
    display:inline-flex;
    align-items:center;
    gap:9px;
    text-decoration:none;
    white-space:nowrap
}
 .blog-read .ui-arrow,.pagination-link .ui-arrow{
    --arrow-size:13px;
    --arrow-stroke:2px;
    color:currentColor;
    transform:translateY(0)
}
 .blog-read:hover{
    color:var(--accent)
}
 .list_blog .sidebar{
    display:block;
    visibility:visible;
    position:static;
    top:auto;
    align-self:auto;
    z-index:auto
}
 .category_tree,.category_tree ul{
    margin:0;
    padding:0;
    list-style:none
}
 .category_tree{
    border-top:1px solid #eef2f6
}
 .tree_row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-height:54px;
    border-bottom:1px solid #eef2f6
}
 .tree_row a:hover{
    color:var(--brand)
}
 .tree_toggle{
    width:34px;
    height:34px;
    border:0;
    background:0 0;
    display:grid;
    place-items:center;
    cursor:pointer;
    border-radius:50%;
    transition:background .18s ease,color .18s ease
}
 .tree_toggle .ui-arrow{
    --arrow-size:12px;
    --arrow-stroke:2px;
    color:currentColor;
    transform:translateY(0);
    transition:transform .18s ease
}
 .tree_item.open>.tree_row .tree_toggle .ui-arrow{
    transform:translateY(0) rotate(90deg)
}
 .tree_children{
    display:none;
    padding:6px 0 8px 16px;
    border-bottom:1px solid #eef2f6
}
 .tree_item.open>.tree_children{
    display:block
}
 .tree_children .tree_row{
    min-height:43px;
    border-bottom:0
}
 .tree_children .tree_row a{
    font-size:14px;
    font-weight:500
}
 .tree_children .tree_children{
    margin-left:4px;
    padding-left:14px;
    border-left:2px solid #e6edf5;
    border-bottom:0
}
 .inside-pagination{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;
    margin-top:42px
}
 .pagination-link{
    min-width:42px;
    height:42px;
    padding:0 14px;
    border:1px solid #d6e1ec;
    border-radius:6px;
    background:#fff;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    transition:background .18s ease,color .18s ease,border-color .18s ease
}
 .pagination-link.is-active,.pagination-link:hover{
    background:var(--brand);
    border-color:var(--brand);
    color:#fff
}
 .pagination-link.is-prev .ui-arrow{
    transform:translateY(0) rotate(180deg)
}
 .blog-empty{
    display:none;
    margin-top:18px;
    padding:24px;
    border:1px dashed #c6d4e3;
    border-radius:8px;
    background:#fff;
    text-align:center;
    font-weight:600
}
 .blog-empty.is-visible{
    display:block
}
 .header{
    position:sticky;
    top:0;
    z-index:1000;
    box-shadow:0 10px 30px rgba(8,36,76,.08)
}
 .list_applications{
    --ink:#0b2445;
    --brand:#0b4b91;
    --accent:#f47c20;
    --line:#dbe5ef;
    --soft:#f4f7fb;
    --muted:#627087;
    background:#fff
}
 .list_applications .auto-container{
    width:min(var(--max),calc(100% - 32px));
    margin:0 auto
}
 .page-banner p{
    max-width:660px;
    margin:0;
    font-size:18px;
    line-height:1.75;
    color:rgba(255,255,255,.86)
}
 .application-section{
    padding:56px 0 74px;
    background:linear-gradient(180deg,#f7f9fc 0,#fff 44%)
}
 .application-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 330px;
    gap:36px;
    align-items:start
}
 .application-list-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:24px;
    padding:0 2px;
    color:var(--muted);
    font-size:14px
}
 .application-list-head strong{
    color:var(--ink);
    font-size:22px
}
 .application-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:26px
}
 .application-card{
    position:relative;
    overflow:hidden;
    background:#fff;
    border:1px solid rgba(18,67,118,.14);
    border-radius:8px;
    box-shadow:0 16px 38px rgba(9,35,70,.08);
    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease
}
 .application-card:hover{
    transform:translateY(-4px);
    box-shadow:0 22px 46px rgba(9,35,70,.14);
    border-color:rgba(11,75,145,.28)
}
 .application-card-image{
    display:block;
    aspect-ratio:4/3;
    overflow:hidden;
    background:#eef3f8
}
 .application-card-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .35s ease
}
 .application-card:hover .application-card-image img{
    transform:scale(1.05)
}
 .application-card-body{
    position:relative;
    padding:32px 26px 25px
}
 .application-icon{
    position:absolute;
    left:26px;
    top:-28px;
    display:grid;
    place-items:center;
    width:58px;
    height:58px;
    border-radius:6px;
    background:#0b4b91
}
 .application-icon img{
    max-width:34px;
    max-height:34px;
    object-fit:contain;
    filter:brightness(0) invert(1)
}
 .application-card h2{
    display:-webkit-box;
    min-height:50px;
    margin:10px 0 8px;
    overflow:hidden;
    font-size:20px;
    line-height:1.25;
    letter-spacing:0;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2
}
 .application-card h2 a{
    text-decoration:none
}
 .application-card h2 a:hover{
    color:var(--accent)
}
 .application-card p{
    display:-webkit-box;
    min-height:72px;
    margin:0 0 20px;
    overflow:hidden;
    font-size:16px;
    line-height:1.5;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3
}
 .application-more{
    display:inline-flex;
    align-items:center;
    gap:9px;
    min-height:42px;
    padding:0 18px;
    border-radius:4px;
    color:#fff;
    background:#0b4b91;
    font-size:13px;
    text-decoration:none;
    box-shadow:0 8px 18px rgba(11,75,145,.18);
    transition:background .18s ease,transform .18s ease
}
 .application-more .ui-arrow{
    --arrow-size:13px;
    --arrow-stroke:2px;
    color:currentColor;
    transform:translateY(0)
}
 .application-more:hover{
    color:#fff;
    background:#f47c20;
    transform:translateY(-1px)
}
 .application-empty{
    display:none;
    margin-top:18px;
    padding:24px;
    border:1px dashed #c6d4e3;
    border-radius:8px;
    background:#fff;
    text-align:center;
    font-weight:600
}
 .application-empty.is-visible{
    display:block
}
 .pagination-link .ui-arrow{
    --arrow-size:13px;
    --arrow-stroke:2px;
    color:currentColor;
    transform:translateY(0)
}
 .list_applications .sidebar{
    display:block;
    visibility:visible;
    position:static;
    top:auto;
    align-self:auto;
    z-index:auto
}
 .tree_toggle:hover{
    background:#edf4fb;
    color:#f47c20
}
 .header{
    position:sticky;
    top:0;
    z-index:1000;
    box-shadow:0 10px 30px rgba(8,36,76,.08)
}
 .list_faq{
    --ink:#0b2445;
    --brand:#0b4b91;
    --deep:#073b7a;
    --accent:#f47c20;
    --line:#dbe5ef;
    --soft:#f6f8fb;
    --muted:#627087;
    background:#fff
}
 .list_faq .auto-container{
    width:min(var(--max),calc(100% - 32px));
    margin:0 auto
}
 .faq-home{
    padding:52px 0 72px;
    background:linear-gradient(180deg,#f7f9fc 0,#fff 48%)
}
 .faq-intro-card{
    display:grid;
    grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr);
    gap:32px;
    align-items:center;
    margin-bottom:36px;
    padding:34px;
    border:1px solid rgba(18,67,118,.14);
    border-radius:8px;
    background:#fff;
    box-shadow:0 18px 48px rgba(8,31,65,.08)
}
 .faq-kicker{
    display:block;
    margin-bottom:12px;
    color:var(--accent);
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.04em
}
 .faq-intro-copy h2{
    margin:0;
    font-size:clamp(31px,3.2vw,30px);
    line-height:1.08;
    letter-spacing:0
}
 .faq-title-mark{
    width:36px;
    height:3px;
    margin:18px 0;
    background:var(--accent)
}
 .faq-intro-copy p{
    margin:0 0 13px;
    font-size:16px;
    line-height:1.5
}
 .faq-contact-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    min-height:44px;
    margin-top:10px;
    padding:0 18px;
    border-radius:4px;
    background:var(--brand);
    color:#fff;
    font-size:14px;
    text-decoration:none
}
 .faq-contact-btn .ui-arrow{
    --arrow-size:13px;
    --arrow-stroke:2px;
    color:currentColor;
    transform:translateY(0)
}
 .faq-contact-btn:hover{
    color:#fff;
    background:var(--accent)
}
 .faq-intro-image{
    overflow:hidden;
    border-radius:8px;
    background:#eef3f8;
    box-shadow:inset 0 0 0 1px rgba(11,75,145,.12)
}
 .faq-intro-image img{
    display:block;
    width:100%;
    aspect-ratio:16/10;
    object-fit:cover
}
 .faq-category-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:26px
}
 .faq-category-card{
    display:flex;
    min-height:270px;
    flex-direction:column;
    padding:28px;
    border:1px solid rgba(18,67,118,.14);
    border-radius:8px;
    background:#fff;
    box-shadow:0 14px 34px rgba(8,31,65,.07);
    color:inherit;
    text-decoration:none;
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease
}
 .faq-category-card:focus-visible,.faq-category-card:hover{
    transform:translateY(-4px);
    border-color:rgba(11,75,145,.3);
    box-shadow:0 20px 44px rgba(8,31,65,.12);
    outline:0
}
 .faq-category-card:focus-visible{
    box-shadow:0 0 0 3px rgba(244,124,32,.22),0 20px 44px rgba(8,31,65,.12)
}
 .faq-category-head{
    display:grid;
    grid-template-columns:64px minmax(0,1fr);
    gap:16px;
    align-items:start;
    margin-bottom:18px
}
 .faq-category-icon{
    display:grid;
    place-items:center;
    width:58px;
    height:58px;
    border-radius:50%;
    background:#eef5ff;
    border:1px solid #d9e7f8
}
 .faq-category-icon img{
    max-width:34px;
    max-height:34px;
    object-fit:contain
}
 .faq-category-card h2{
    margin:0 0 6px;
    font-size:20px;
    line-height:1.25;
    letter-spacing:0
}
 .faq-category-head p{
    display:-webkit-box;
    margin:0;
    overflow:hidden;
    font-size:16px;
    line-height:1.55;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2
}
 .faq-category-card>p{
    display:-webkit-box;
    margin:0;
    font-size:16px;
    line-height:1.5;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4
}
 .faq-category-link{
    display:inline-flex;
    align-items:center;
    gap:9px;
    align-self:flex-start;
    margin-top:auto;
    padding-top:20px;
    color:var(--blue);
    font-size:16px;
    text-decoration:none
}
 .faq-category-link .ui-arrow{
    --arrow-size:13px;
    --arrow-stroke:2px;
    color:currentColor;
    transform:translateY(0)
}
 .faq-category-card:focus-visible .faq-category-link,.faq-category-card:hover .faq-category-link{
    color:var(--accent)
}
 .faq-quote-cta{
    position:relative;
    overflow:hidden;
    color:#fff;
    background:#073b7a
}
 .faq-quote-cta::before{
    content:"";
    position:absolute;
    inset:0;
    background:url('../faq/cta-bg.webp') center/cover no-repeat;
    opacity:.45
}
 .faq-quote-cta::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(2,45,105,.96),rgba(5,75,154,.9))
}
 .faq-quote-cta .auto-container{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:26px;
    align-items:center;
    min-height:150px;
    padding:26px 0
}
 .faq-cta-icon{
    display:grid;
    place-items:center;
    width:84px;
    height:84px;
    border-radius:50%;
    background:#fff;
    box-shadow:0 14px 34px rgba(0,0,0,.16)
}
 .faq-cta-icon img{
    width:48px;
    height:48px;
    object-fit:contain
}
 .faq-quote-cta h2{
    margin:0 0 8px;
    color:#fff;
    font-size:30px;
    line-height:1.2;
    letter-spacing:0
}
 .faq-quote-cta p{
    margin:0;
    color:rgba(255,255,255,.88);
    font-size:16px;
    line-height:1.6
}
 .faq-quote-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    min-height:62px;
    padding:0 42px;
    border-radius:4px;
    background:var(--accent);
    color:#fff;
    font-size:16px;
    text-decoration:none;
    text-transform:uppercase;
    box-shadow:0 14px 30px rgba(0,0,0,.16)
}
 .faq-quote-btn .ui-arrow{
    --arrow-size:15px;
    --arrow-stroke:2px;
    color:currentColor;
    transform:translateY(0)
}
 .faq-quote-btn:hover{
    color:#fff;
    background:#ff8c2f
}
 .header{
    position:sticky;
    top:0;
    z-index:1000;
    box-shadow:0 10px 30px rgba(8,36,76,.08)
}
 .faq-list-section{
    padding:52px 0 72px;
    background:linear-gradient(180deg,#f7f9fc 0,#fff 48%)
}
 .faq-list-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 330px;
    gap:36px;
    align-items:start
}
 .faq-list-wrap{
    min-width:0
}
 .faq-list-panel{
    overflow:hidden;
    border:1px solid rgba(18,67,118,.12);
    border-radius:10px;
    background:#fff;
    box-shadow:0 18px 52px rgba(8,31,65,.08)
}
 .faq-list-item{
    border-bottom:1px solid #e6edf5;
    background:#fff
}
 .faq-list-item:last-child{
    border-bottom:0
}
 .faq-list-question{
    width:100%;
    display:grid;
    grid-template-columns:42px minmax(0,1fr) 34px;
    gap:14px;
    align-items:center;
    padding:20px;
    border:0;
    background:#fff;
    color:#17263d;
    text-align:left;
    cursor:pointer;
    font:inherit
}
 .faq-list-question strong{
    font-size:16px;
    line-height:1.45;
    letter-spacing:0
}
 .faq-list-mark{
    display:grid;
    place-items:center;
    width:36px;
    height:36px;
    border-radius:50%;
    background:#eef5ff;
    color:#0b4b91;
    font-size:17px;
    font-weight:800
}
 .faq-list-toggle{
    display:grid;
    place-items:center;
    color:#0b4b91;
    font-size:24px;
    line-height:1
}
 .faq-list-toggle::before{
    content:"+"
}
 .faq-list-item.is-open .faq-list-toggle::before{
    content:"-"
}
 .faq-list-answer{
    display:none;
    padding:0 20px
}
 .faq-list-item.is-open .faq-list-answer{
    display:block
}
 .faq-list-answer-inner{
    position:relative;
    font-size:16px;
    line-height:1.72
}
 .faq-list-answer-inner .faq-list-mark{
    position:absolute;
    left:16px;
    top:18px;
    width:32px;
    height:32px;
    background:#dfeeff;
    font-size:15px
}
 .faq-list-answer-inner p{
    margin:0 0 8px
}
 .faq-list-answer-inner p:last-child{
    margin-bottom:0
}
 .faq-list-answer-inner ul{
    margin:8px 0 10px;
    padding:0;
    list-style:none
}
 .faq-list-answer-inner li{
    position:relative;
    margin:4px 0;
    padding-left:14px
}
 .faq-list-answer-inner li::before{
    content:"";
    position:absolute;
    left:0;
    top:.78em;
    width:5px;
    height:5px;
    border-radius:50%;
    background:#0b4b91
}
 .faq-list-contact{
    padding:26px;
    text-align:center;
    background:#fff
}
 .faq-list-contact a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:42px;
    padding:0 30px;
    border:1px solid #0b4b91;
    border-radius:6px;
    color:#0b4b91;
    font-size:13px;
    text-decoration:none
}
 .faq-list-contact a:hover{
    background:#0b4b91;
    color:#fff
}
 .faq-list-contact .ui-arrow{
    --arrow-size:13px;
    --arrow-stroke:2px;
    color:currentColor;
    transform:translateY(0)
}
 .list_faq .sidebar{
    display:block;
    visibility:visible;
    position:static;
    top:auto;
    align-self:auto;
    z-index:auto
}
 .tree_row a{
    display:flex;
    flex:1;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    text-decoration:none;
    font-weight:600;
    font-size:15px;
    line-height:1.35
}
 .tree_row a.is-active,.tree_row a:hover{
    color:var(--brand)
}
 .tree_row a .ui-arrow{
    --arrow-size:12px;
    --arrow-stroke:2px;
    flex:0 0 auto;
    color:currentColor;
    transform:translateY(0)
}
 .contact_page{
    --ink:#0b2445;
    --brand:#0b4b91;
    --deep:#073b7a;
    --accent:#f47c20;
    --line:#dbe5ef;
    --soft:#f6f8fb;
    --muted:#627087;
    background:#fff
}
 .contact_page .auto-container{
    width:min(var(--max),calc(100% - 32px));
    margin:0 auto
}
 .contact-section{
    padding:62px 0 52px;
    background:#fff
}
 .contact-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:24px
}
.contact-panel{
    padding:40px 38px;
    border:1px solid rgba(13,54,103,.12);
    border-radius:8px;
    background:#fff
}
.batch-inquiry-panel{
    grid-column:1/-1;
    display:grid;
    gap:24px
}
.batch-inquiry-panel .contact-section-title{
    margin-bottom:0
}
.batch-inquiry-list{
    display:grid;
    gap:16px
}
.batch-inquiry-item{
    display:grid;
    grid-template-columns:96px minmax(0,1fr) auto;
    gap:18px;
    align-items:center;
    padding:18px;
    border:1px solid #e2ebf3;
    border-radius:8px;
    background:#f7fbff
}
.batch-inquiry-thumb{
    display:grid;
    place-items:center;
    width:96px;
    height:96px;
    overflow:hidden;
    border-radius:6px;
    background:#fff
}
.batch-inquiry-thumb img{
    width:100%;
    height:100%;
    object-fit:cover
}
.batch-inquiry-thumb-placeholder{
    color:#7b8aa1;
    font-size:12px;
    font-weight:600;
    text-transform:uppercase
}
.batch-inquiry-copy{
    min-width:0
}
.batch-inquiry-copy a{
    color:inherit
}
.batch-inquiry-copy h3{
    margin:0 0 8px;
    font-size:18px;
    line-height:1.4;
    font-weight:700
}
.batch-inquiry-copy p{
    display:-webkit-box;
    overflow:hidden;
    margin:0;
    color:#50627a;
    font-size:14px;
    line-height:1.6;
    text-overflow:ellipsis;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
.batch-inquiry-remove,.batch-inquiry-browse,.batch-inquiry-clear{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:0 18px;
    border-radius:5px;
    font-size:14px;
    line-height:1;
    font-weight:700;
    cursor:pointer;
    transition:background .2s ease,color .2s ease,border-color .2s ease
}
.batch-inquiry-remove{
    border:1px solid #d6e0ea;
    color:var(--navy);
    background:#fff
}
.batch-inquiry-remove:hover{
    border-color:#c3d1df;
    background:#eef5fb
}
.batch-inquiry-actions{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    flex-wrap:wrap
}
.batch-inquiry-total{
    color:var(--navy);
    font-size:15px;
    line-height:1.5;
    font-weight:700
}
.batch-inquiry-action-buttons{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap
}
.batch-inquiry-browse{
    border:1px solid #d6e0ea;
    color:var(--navy);
    background:#fff
}
.batch-inquiry-browse:hover{
    border-color:#c3d1df;
    background:#eef5fb
}
.batch-inquiry-clear{
    border:0;
    color:#fff;
    background:var(--accent)
}
.batch-inquiry-clear:hover{
    background:var(--accent-dark)
}
.batch-inquiry-clear.is-disabled,.batch-inquiry-clear:disabled{
    cursor:not-allowed;
    opacity:.5
}
.batch-inquiry-empty{
    padding:24px;
    border:1px dashed #d4dfeb;
    border-radius:8px;
    color:#5b6c83;
    background:#fbfdff
}
.batch-inquiry-empty p{
    margin:0;
    font-size:15px;
    line-height:1.7
}
.batch-inquiry-form-note{
    margin:-6px 0 2px;
    color:#5b6c83;
    font-size:13px;
    line-height:1.6
}
.batch-inquiry-toast{
    position:fixed;
    left:50%;
    bottom:30px;
    z-index:4600;
    min-width:220px;
    max-width:min(calc(100vw - 32px),420px);
    padding:14px 18px;
    border-radius:8px;
    color:#fff;
    font-size:14px;
    line-height:1.5;
    text-align:center;
    background:rgba(9,21,34,.92);
    box-shadow:0 18px 44px rgba(9,21,34,.26);
    opacity:0;
    visibility:hidden;
    transform:translate(-50%,14px);
    transition:opacity .18s ease,transform .18s ease,visibility .18s ease
}
.batch-inquiry-toast.is-visible{
    opacity:1;
    visibility:visible;
    transform:translate(-50%,0)
}
.batch-inquiry-toast.is-success{
    background:rgba(10,122,59,.96)
}
.batch-inquiry-toast.is-info{
    background:rgba(9,21,34,.92)
}
.batch-inquiry-toast.is-error{
    background:rgba(168,34,34,.96)
}
 .contact-section-title{
    margin-bottom:26px
}
 .contact-section-title span{
    display:block;
    margin-bottom:10px;
    color:var(--accent);
    font-size:13px;
    line-height:1.2;
    text-transform:uppercase;
    letter-spacing:0
}
 .contact-section-title h2{
    position:relative;
    margin:0 0 24px;
    font-size:clamp(30px,3vw,30px);
    line-height:1.1;
    letter-spacing:0
}
 .contact-section-title h2::after{
    content:"";
    display:block;
    width:54px;
    height:3px;
    margin-top:18px;
    border-radius:999px;
    background:var(--accent)
}
 .contact-section-title p{
    max-width:590px;
    margin:0;
    font-size:16px;
    line-height:1.72
}
 .contact-info-list{
    display:grid;
    gap:0
}
 .contact-info-item{
    display:grid;
    grid-template-columns:72px minmax(0,1fr);
    gap:20px;
    align-items:center;
    padding:18px 0;
    border-bottom:1px solid #e3ebf3
}
 .contact-info-item:last-child{
    border-bottom:0
}
 .contact-info-icon{
    display:grid;
    place-items:center;
    width:65px;
    height:65px;
    border-radius:8px;
    background:#edf5fc;
    color:#06469b
}
 .contact-info-icon svg{
    width:34px;
    height:34px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round
}
 .contact-info-item strong{
    display:block;
    margin-bottom:6px;
    font-size:16px;
    line-height:1.35
}
 .contact-info-item p{
    margin:0;
    font-size:16px;
    line-height:1.62
}
 .contact-info-item p a{
    color:inherit;
    transition:color .2s ease
}
 .contact-info-item p a:hover{
    color:#0b4b91
}
 .contact-form{
    display:grid;
    gap:18px
}
 .contact-form label{
    display:block;
    font-size:14px;
    line-height:1.3
}
 .contact-form em{
    color:#f04438;
    font-style:normal
}
 .contact-form input,.contact-form select,.contact-form textarea{
    display:block;
    width:100%;
    min-width:0;
    margin-top:9px;
    border:1px solid #d6e0ea;
    border-radius:5px;
    background:#fff;
    font:inherit;
    font-weight:100;
    outline:0;
    transition:border-color .2s ease,box-shadow .2s ease
}
 .contact-form input,.contact-form select{
    height:54px;
    padding:0 18px
}
 .contact-form textarea{
    min-height:134px;
    padding:16px 18px;
    resize:vertical
}
 .contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{
    border-color:#0b4b91;
    box-shadow:0 0 0 3px rgba(11,75,145,.12)
}
 .contact-form input::placeholder,.contact-form textarea::placeholder{
    color:#8b98aa
}
 .contact-submit{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    width:100%;
    height:58px;
    margin-top:4px;
    border:0;
    border-radius:5px;
    background:var(--accent);
    color:#fff;
    font-size:18px;
    line-height:1;
    cursor:pointer;
    box-shadow:0 14px 28px rgba(244,124,32,.22);
    transition:background .2s ease,transform .2s ease
}
 .contact-submit:hover{
    background:#073b7a;
    transform:translateY(-2px)
}
 .contact-submit:disabled,.contact-submit.is-loading{
    cursor:wait;
    pointer-events:none;
    opacity:.86;
    background:#073b7a;
    transform:none;
    box-shadow:none
}
 .contact-submit.is-loading::before{
    content:"";
    width:16px;
    height:16px;
    border:2px solid rgba(255,255,255,.42);
    border-top-color:#fff;
    border-radius:50%;
    animation:contact-submit-spin .75s linear infinite
}
@keyframes contact-submit-spin{
    to{
        transform:rotate(360deg)
    }
}
 .contact-submit .ui-arrow{
    border-color:currentColor
}
 .contact-form-note{
    min-height:20px;
    margin:0;
    color:#0a7a3b;
    font-size:14px;
    font-weight:700
}
 .contact-form-note.is-info{
    color:#0b4b91
}
 .contact-form-note.is-error{
    color:#c92828
}
 .contact-form-note.is-success{
    color:#0a7a3b
}
 .contact-map-section{
    padding:0;
    background:#f7fbff
}
 .contact-map{
    position:relative;
    min-height:450px;
    overflow:hidden;
    background:#eef4fb
}
 .contact-map iframe{
    display:block;
    width:100%;
    height: 550px;
}
 .contact-map-card{
    position:absolute;
    left:calc((min(100vw,var(--page-max)) - min(var(--max),calc(100% - 32px)))/ 2);
    top:46px;
    z-index:2;
    width:min(360px,calc(100% - 32px));
    padding:24px;
    border:1px solid rgba(11,75,145,.12);
    border-left:4px solid #f47c20;
    border-radius:10px;
    background:rgba(255,255,255,.96);
    box-shadow:0 18px 40px rgba(9,35,70,.16)
}
 .contact-map-card strong{
    display:block;
    margin-bottom:12px;
    color:#0b2445;
    font-size:18px;
    line-height:1.38;
    font-weight:800
}
 .contact-map-card p{
    margin:0 0 14px;
    color:#26384f;
    font-size:15px;
    line-height:1.58
}
 .contact-map-card a{
    color:#0b4b91;
    font-size:15px;
    font-weight:800
}
 .contact-map-pin{
    position:absolute;
    left:50%;
    top:54%;
    z-index:3;
    width:14px;
    height:14px;
    border:3px solid #fff;
    border-radius:50%;
    background:#f47c20;
    box-shadow:0 0 0 7px rgba(244,124,32,.18),0 8px 18px rgba(9,35,70,.18);
    transform:translate(-50%,-50%)
}
 .contact-map-pin::after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:34px;
    height:34px;
    border-radius:50%;
    border:1px solid rgba(244,124,32,.38);
    transform:translate(-50%,-50%)
}
 .contact-map-label{
    position:absolute;
    left:calc(50% + 18px);
    top:calc(54% - 19px);
    z-index:2;
    max-width:260px;
    padding:9px 14px;
    border:1px solid rgba(11,75,145,.12);
    border-radius:999px;
    background:rgba(255,255,255,.96);
    box-shadow:0 14px 32px rgba(9,35,70,.14);
    color:#0b2445;
    font-size:13px;
    line-height:1.32;
    font-weight:800;
    white-space:nowrap
}
 .contact-social{
    padding:58px 0 64px;
    background:#fff
}
 .contact-social-inner{
    display:grid;
    grid-template-columns:minmax(0,.8fr) minmax(420px,1fr);
    gap:40px;
    align-items:center
}
 .contact-social .contact-section-title{
    margin:0
}
 .contact-social-links{
    display:flex;
    flex-wrap:wrap;
    gap:24px;
    align-items:center;
    justify-content:center
}
 .contact-social-links a{
    display:grid;
    place-items:center;
    width:72px;
    height:72px;
    border-radius:50%;
    background:#edf5fc;
    box-shadow:0 12px 28px rgba(9,35,70,.1);
    transition:background .2s ease,transform .2s ease
}
 .contact-social-links a img{
    display:block;
    width:34px;
    height:34px;
    object-fit:contain
}
 .contact-social-links a:hover{
    background:#fff;
    transform:translateY(-3px)
}
 .about_page{
    background:#fff
}
 .about_page .auto-container{
    width:min(var(--max),calc(100% - 32px));
    margin:0 auto
}
 .about-intro-section{
    overflow:hidden;
    padding:70px 0 82px;
    background:#fff
}
 .about-intro-layout{
    display:grid;
    grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);
    gap:58px;
    align-items:start
}
 .about-intro-layout>*{
    min-width:0
}
 .about-intro-copy{
    min-width:0
}
 .about-section-kicker{
    display:inline-block;
    margin-bottom:12px;
    color:var(--accent);
    font-size:18px;
    line-height:1.2;
    text-transform:uppercase
}
 .about-section-kicker::after{
    content:"";
    display:block;
    width:30px;
    height:3px;
    margin-top:8px;
    background:var(--accent)
}
 .about-intro-copy h2{
    position:relative;
    margin:0 0 24px;
    font-size: clamp(36px,4.2vw,36px);
    line-height:1.04;
    letter-spacing:0
}
 .about-intro-copy h2 span{
    display:block
}
 .about-intro-copy h2::after{
    content:"";
    display:block;
    width:72px;
    height:2px;
    margin-top:18px;
    background:var(--accent)
}
 .about-intro-copy h3{
    margin:0 0 18px;
    font-size:18px;
    line-height:1.35;
    letter-spacing:0
}
 .about-intro-copy p{
    margin:0 0 14px;
    font-size:16px;
    line-height:1.68
}
 .about-intro-copy h2,.about-intro-copy h3,.about-intro-copy p{
    max-width:100%;
    overflow-wrap:break-word
}
 .about-intro-media{
    overflow:hidden;
    margin:0;
    border-radius:10px;
    background:#edf3f8;
    box-shadow:0 18px 46px rgba(8,31,65,.09)
}
 .about-intro-media img{
    display:block;
    width:100%;
    aspect-ratio:1.16/1;
    object-fit:cover
}
 .about-intro-stats{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:24px;
    margin-top:36px
}
 .about-stat-card{
    min-height:150px;
    padding:25px 20px 22px;
    border:1px solid rgba(18,67,118,.12);
    border-radius:10px;
    background:#fff;
    text-align:center;
    box-shadow:0 13px 32px rgba(8,31,65,.08)
}
 .about-stat-card strong{
    display:block;
    position:relative;
    margin-bottom:17px;
    font-size:clamp(30px,3vw,30px);
    line-height:1.05;
    letter-spacing:0
}
 .about-stat-card strong .unit{
    white-space:nowrap;
    font-size:.72em
}
 .about-stat-card strong sup{
    font-size:.58em;
    line-height:0
}
 .about-stat-card strong::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-10px;
    width:30px;
    height:3px;
    background:var(--accent);
    transform:translateX(-50%)
}
 .about-stat-card p{
    max-width:230px;
    margin:0 auto;
    line-height:1.45
}
 .about-culture-section{
    position:relative;
    overflow:hidden;
    padding:78px 0 88px;
    background:linear-gradient(180deg,#fff 0,#f8fbff 100%)
}
 .about-culture-section::before{
    content:"";
    position:absolute;
    left:2.5%;
    top:26px;
    width:260px;
    height:150px;
    opacity:.22;
    background:radial-gradient(circle,#9eb3ca 1.4px,transparent 1.7px);
    background-size:12px 12px;
    mask-image:linear-gradient(90deg,#000,transparent)
}
 .about-culture-head{
    position:relative;
    z-index:1;
    max-width:1100px;
    margin:0 auto 40px;
    text-align:center
}
 .about-culture-head .about-section-kicker{
    margin-bottom:14px
}
 .about-culture-head .about-section-kicker::after,.about-culture-head .about-section-kicker::before{
    display:inline-block;
    vertical-align:middle;
    width:44px;
    height:2px;
    margin:0 18px;
    background:var(--accent);
    content:""
}
 .about-culture-head .about-section-kicker::after{
    display:inline-block;
    margin-top:0
}
 .about-culture-head h2{
    position:relative;
    margin:0 0 24px;
    font-size: clamp(36px,4.2vw,36px);
    line-height:1.04;
    letter-spacing:0
}
 .about-culture-head h2::after{
    content:"";
    display:block;
    width:60px;
    height:4px;
    margin:24px auto 0;
    border-radius:999px;
    background:var(--accent)
}
 .about-culture-head p{
    margin:0 auto;
    line-height:1.65
}
 .about-culture-feature-grid{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:34px;
    margin-top:36px
}
 .about-culture-feature{
    display:grid;
    grid-template-columns:152px minmax(0,1fr);
    align-items:center;
    min-height:208px;
    overflow:hidden;
    border-radius: 10px;
    background:#fff;
    box-shadow: 0 16px 38px rgba(9,35,70,.12) !important;
}
 .about-culture-feature-icon{
    display:grid;
    place-items:center;
    align-self:stretch;
    padding: 10px;
    border-radius: 10px 20px 20px 10px;
}
 .about-culture-feature.is-blue .about-culture-feature-icon{
    background:#073b7a
}
 .about-culture-feature.is-orange .about-culture-feature-icon{
    background:#ff7c17
}
 .about-culture-feature-icon img{
    width:96px;
    height:96px;
    object-fit:contain;
    filter:brightness(0) invert(1)
}
 .about-culture-feature-copy{
    padding:30px 34px
}
 .about-culture-feature-copy h3{
    position:relative;
    margin:0 0 26px;
    line-height:1.15;
    letter-spacing:.02em
}
 .about-culture-feature-copy h3::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-11px;
    width:44px;
    height:3px;
    background:var(--accent)
}
 .about-culture-feature-copy p{
    margin:0;
    color:#18243a;
    font-size:16px;
    line-height:1.64
}
 .about-culture-card-grid{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:20px;
    margin-top:58px
}
 .about-culture-card{
    position:relative;
    overflow:hidden;
    min-height:316px;
    padding:30px 20px 60px;
    border:1px solid rgba(13,54,103,.09);
    border-radius:10px;
    background:#fff;
    text-align:center
}
 .about-culture-card::after{
    content:"";
    position:absolute;
    right:0;
    bottom:0;
    width:62px;
    height:62px;
    border-radius:52px 0 0 0;
    background:#073b7a
}
 .about-culture-card-icon{
    display:grid;
    place-items:center;
    width: 70px;
    height: 70px;
    margin:0 auto 18px;
    border-radius:50%;
    background:#f0f4fa
}
 .about-culture-card-icon img{
    width: 40px;
    height: 40px;
    object-fit:contain
}
 .about-culture-card h3{
    position:relative;
    margin:0 0 24px;
    font-size:16px;
    line-height:1.22;
    letter-spacing:0
}
 .about-culture-card h3::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-12px;
    width:28px;
    height:2px;
    background:var(--accent);
    transform:translateX(-50%)
}
 .about-culture-card p{
    margin:0;
    font-size:16px;
    line-height:1.45
}
 .about-culture-no{
    position:absolute;
    right:13px;
    bottom:12px;
    z-index:1;
    color:#fff;
    font-size: 22px;
    line-height:1;
    font-weight: 600;
}
 .about-cert-section{
    position:relative;
    overflow:hidden;
    padding:90px 0;
    padding-bottom:0;
    background:#fff
}
 .about-cert-head{
    max-width:1100px;
    margin:0 auto 34px;
    text-align:center
}
 .about-cert-head .about-section-kicker{
    margin-bottom:14px
}
 .about-cert-head .about-section-kicker::after,.about-cert-head .about-section-kicker::before{
    display:inline-block;
    vertical-align:middle;
    width:44px;
    height:2px;
    margin:0 18px;
    background:var(--accent);
    content:""
}
 .about-cert-head .about-section-kicker::after{
    display:inline-block;
    margin-top:0
}
 .about-cert-head h2{
    position:relative;
    margin:0 0 24px;
    font-size: clamp(36px,4.2vw,36px);
    line-height:1.04;
    letter-spacing:0
}
 .about-cert-head h2::after{
    content:"";
    display:block;
    width:60px;
    height:4px;
    margin:24px auto 0;
    border-radius:999px;
    background:var(--accent)
}
 .about-cert-head p{
    margin:0 auto;
    font-size:16px;
    line-height:1.58
}
 .about-cert-stage{
    position:relative;
    max-width: 1400px;
    margin:0 auto;
    padding: 0
}
 .about-cert-swiper{
    overflow:hidden;
    padding: 0 0 70px;
    margin-bottom: 40px;
}
 .about-cert-grid{
    display:flex;
    align-items:start
}
 .about-cert-card{
    margin:0;
    overflow:visible;
    text-align:center;
    transition:opacity .3s ease,transform .3s ease
}
 .about-cert-img{
    aspect-ratio:3/4;
    overflow:hidden;
    border:6px solid #d8e5f4;
    border-radius:4px;
    background:#fff;
    box-shadow:0 12px 28px rgba(9,35,70,.12);
    cursor:pointer
}
 .about-cert-card img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .3s ease
}
 .about-cert-card:hover img{
    transform:scale(1.03)
}
 .about-cert-card figcaption{
    margin-top:12px;
    color:var(--blue);
    font-size:16px;
    line-height:1.2;
    text-align:center;
    text-transform:uppercase;
    text-shadow:0 1px 0 rgba(255,255,255,.65)
}
 .about-cert-dots{
    position:absolute;
    left:0;
    right:0;
    bottom:8px!important;
    display:flex!important;
    align-items:center;
    justify-content:center;
    gap:10px
}
 .about-cert-dots.swiper-pagination-lock{
    display:flex!important
}
 .about-cert-dots .swiper-pagination-bullet{
    display:inline-block!important;
    width:10px;
    height:10px;
    margin:0!important;
    border:0;
    border-radius:50%;
    background:#cfd8e5;
    opacity:1;
    transition:width .2s ease,background .2s ease
}
 .about-cert-dots .swiper-pagination-bullet-active{
    /* width:28px; */
    border-radius:999px;
    background:#0b4b91
}
 .about-partner-showcase{
    /* max-width:1240px; */
    margin: auto;
    /* padding:18px; */
    /* border-radius:18px; */
    /* background:rgba(248,251,255,.98); */
    /* box-shadow:0 18px 46px rgba(9,35,70,.08); */
}
 .about-partner-marquee{
    overflow:hidden
}
 .about-partner-track{
    display:flex;
    width:max-content;
    gap:18px;
    animation:aboutPartnerMarquee 42s linear infinite
}
 .about-partner-marquee:hover .about-partner-track{
    animation-play-state:paused
}
 .about-partner-card{
    display:grid;
    place-items:center;
    flex:0 0 185px;
    min-height:86px;
    padding: 10px;
    border:1px solid #dde6ef;
    border-radius:12px;
    background:#fff
}
 .about-partner-card img{
    /* max-width:150px; */
    /* max-height:48px; */
    object-fit:contain
}
 @keyframes aboutPartnerMarquee{
    from{
        transform:translateX(0)
    }
     to{
        transform:translateX(calc(-50% - 9px))
    }
}
 .about-history-section{
    position:relative;
    width:100%;
    max-width:none;
    overflow:hidden;
    padding: 90px 0;
    background:#f7fbff url("../about/history/history-bg.webp") center bottom/cover no-repeat
}
 .about-history-section::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.78) 46%,rgba(255,255,255,.9));
    pointer-events:none
}
 .about-history-section .auto-container{
    position:relative;
    z-index:1
}
 .about-history-head{
    max-width:1100px;
    margin:0 auto 48px;
    text-align:center
}
 .about-history-head .about-section-kicker{
    margin-bottom:14px
}
 .about-history-head .about-section-kicker::after,.about-history-head .about-section-kicker::before{
    display:inline-block;
    vertical-align:middle;
    width:44px;
    height:2px;
    margin:0 18px;
    background:var(--accent);
    content:""
}
 .about-history-head .about-section-kicker::after{
    display:inline-block;
    margin-top:0
}
 .about-history-head h2{
    position:relative;
    margin:0 0 24px;
    font-size: clamp(36px,4.2vw,36px);
    line-height:1.04;
    letter-spacing:0
}
 .about-history-head h2::after{
    content:"";
    display:block;
    width:60px;
    height:4px;
    margin:24px auto 0;
    border-radius:999px;
    background:var(--accent)
}
 .about-history-head p{
    margin:0 auto;
    font-size:16px;
    line-height:1.58
}
 .about-history-stage{
    position:relative
}
 .about-history-swiper{
    overflow:hidden;
    padding:0 0 56px
}
 .about-history-track{
    align-items:stretch
}
 .about-history-card{
    height:auto;
    overflow:hidden;
    border:1px solid rgba(14,55,104,.14);
    border-radius:13px;
    background:rgba(255,255,255,.95);
    box-shadow:0 18px 38px rgba(9,35,70,.11)
}
 .about-history-card>img{
    width:100%;
    aspect-ratio:1.27/1;
    object-fit:cover
}
 .about-history-body{
    position:relative;
    min-height: 275px;
    padding:30px 22px 32px;
    text-align:center
}
 .about-history-body strong{
    display:block;
    position:relative;
    margin-bottom:23px;
    font-size:26px;
    line-height:1;
    letter-spacing:0
}
 .about-history-body strong::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-13px;
    width:30px;
    height:3px;
    background:var(--accent);
    transform:translateX(-50%)
}
 .about-history-body h3{
    margin:0 0 22px;
    font-size: 16px;
    line-height:1.24;
    letter-spacing:0
}
 .about-history-body p{
    margin:0;
    color:#233244;
    font-size:15px;
    line-height:1.55
}
 .about-history-nav{
    position:absolute;
    top:41%;
    z-index:3;
    display:grid;
    place-items:center;
    width:52px;
    height:52px;
    border:0;
    border-radius:50%;
    background:#fff;
    color:var(--blue);
    box-shadow:0 12px 34px rgba(9,35,70,.16);
    cursor:pointer;
    transition:color .2s ease,transform .2s ease;
    display: none;
}
 .about-history-nav:hover{
    color:var(--accent);
    transform:translateY(-2px)
}
 .about-history-prev{
    left:-10px
}
 .about-history-next{
    right:-10px
}
 .about-history-prev .ui-arrow{
    transform:rotate(180deg)
}
 .about-history-dots{
    bottom:10px!important;
    display:flex!important;
    align-items:center;
    justify-content:center
}
 .about-history-dots .swiper-pagination-bullet{
    width:12px;
    height:12px;
    margin:0 10px!important;
    background:#c8d1db;
    opacity:1
}
 .about-history-dots .swiper-pagination-bullet-active{
    background:#073b7a
}
 .about-factory-section{
    position:relative;
    overflow:hidden;
    padding:86px 0 98px;
    background:linear-gradient(180deg,#fff 0,#f6f9fd 100%)
}
 .about-factory-head{
    max-width:930px;
    margin:0 auto 42px;
    text-align:center
}
 .about-factory-head .about-section-kicker{
    margin-bottom:14px
}
 .about-factory-head .about-section-kicker::after,.about-factory-head .about-section-kicker::before{
    display:inline-block;
    vertical-align:middle;
    width:44px;
    height:2px;
    margin:0 18px;
    background:var(--accent);
    content:""
}
 .about-factory-head .about-section-kicker::after{
    display:inline-block;
    margin-top:0
}
 .about-factory-head h2{
    position:relative;
    margin:0 0 24px;
    font-size:clamp(38px,4.2vw,40px);
    line-height:1.04;
    letter-spacing:0
}
 .about-factory-head h2::after{
    content:"";
    display:block;
    width:60px;
    height:4px;
    margin:24px auto 0;
    border-radius:999px;
    background:var(--accent)
}
 .about-factory-head p{
    max-width:1100px;
    margin:0 auto;
    font-size:16px;
    line-height:1.58
}
 .about-factory-stage{
    position:relative
}
 .about-factory-collage-swiper{
    overflow:hidden;
    padding:0 0 38px
}
 .about-factory-collage-slide{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr));
    grid-template-rows:repeat(3,235px);
    gap:14px;
    height:auto
}
 .about-factory-mobile-photo,.about-factory-photo{
    position:relative;
    overflow:hidden;
    margin:0;
    border-radius:6px
}
 .about-factory-photo-main{
    grid-column:span 2;
    grid-row:span 2
}
 .about-factory-mobile-photo img,.about-factory-photo img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .35s ease
}
 .about-factory-mobile-photo:hover img,.about-factory-photo:hover img{
    transform:scale(1.045)
}
 .about-factory-mobile-swiper{
    display:none;
    overflow:hidden;
    padding:0 0 38px
}
 .about-factory-mobile-photo{
    aspect-ratio:4/3
}
 .about-factory-dots,.about-factory-mobile-dots{
    bottom:0!important;
    display:flex!important;
    align-items:center;
    justify-content:center
}
 .about-factory-dots .swiper-pagination-bullet,.about-factory-mobile-dots .swiper-pagination-bullet{
    width:9px;
    height:9px;
    margin:0 7px!important;
    background:#c8d1db;
    opacity:1
}
 .about-factory-dots .swiper-pagination-bullet-active,.about-factory-mobile-dots .swiper-pagination-bullet-active{
    background:#073b7a
}
 .about-service-section{
    position:relative;
    overflow:hidden;
    padding:86px 0 96px;
    background:#fff
}
 .about-service-head{
    max-width:1100px;
    margin:0 auto 42px;
    text-align:center
}
 .about-service-head .about-section-kicker{
    margin-bottom:14px
}
 .about-service-head .about-section-kicker::after,.about-service-head .about-section-kicker::before{
    display:inline-block;
    vertical-align:middle;
    width:44px;
    height:2px;
    margin:0 18px;
    background:var(--accent);
    content:""
}
 .about-service-head .about-section-kicker::after{
    display:inline-block;
    margin-top:0
}
 .about-service-head h2{
    position:relative;
    margin:0 0 24px;
    font-size:clamp(38px,4.2vw,40px);
    line-height:1.04;
    letter-spacing:0
}
 .about-service-head h2::after{
    content:"";
    display:block;
    width:60px;
    height:4px;
    margin:24px auto 0;
    border-radius:999px;
    background:var(--accent)
}
 .about-service-head p{
    font-size:16px;
    line-height:1.58
}
 .about-service-label{
    display:grid;
    grid-template-columns:minmax(80px,1fr) auto minmax(80px,1fr);
    gap:30px;
    align-items:center;
    max-width:720px;
    margin:0 auto 28px;
    color:var(--blue);
    text-align:center
}
 .about-service-label span{
    height:1px;
    background:linear-gradient(90deg,transparent,#1c3f72)
}
 .about-service-label span:last-child{
    background:linear-gradient(90deg,#1c3f72,transparent)
}
 .about-service-label strong{
    position:relative;
    font-size:22px;
    line-height:1.2;
    font-weight:800
}
 .about-service-label strong::after,.about-service-label strong::before{
    content:"";
    position:absolute;
    top:50%;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#073b7a;
    transform:translateY(-50%)
}
 .about-service-label strong::before{
    left:-32px
}
 .about-service-label strong::after{
    right:-32px
}
 .about-service-coverage{
    display:grid;
    grid-template-columns:repeat(7,minmax(0,1fr));
    gap:12px;
    margin-bottom:30px
}
 .about-service-product{
    display:grid;
    grid-template-rows:76px minmax(0,1fr);
    place-items:center;
    min-height:172px;
    padding:24px 14px 20px;
    border:1px solid #d8e1eb;
    border-radius:10px;
    background:#fff;
    text-align:center;
    box-shadow:0 10px 26px rgba(9,35,70,.07)
}
 .about-service-product img{
    width: 50px;
    height: 50px;
    object-fit:contain
}
 .about-service-product h3{
    margin:0;
    /* color:#101a2b; */
    font-size: 15px;
    line-height:1.22;
    letter-spacing:0;
    min-height: 55px;
}
 .about-service-cards{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px
}
 .about-service-card{
    position:relative;
    overflow:hidden;
    min-height:382px;
    padding:34px 34px 32px;
    border:1px solid #d8e1eb;
    border-radius:12px;
    background:#fff;
    box-shadow:0 14px 34px rgba(9,35,70,.08)
}
 .about-service-bg{
    position:absolute;
    right:0;
    bottom:0;
    width:54%;
    max-width:none;
    opacity:.72;
    pointer-events:none
}
 .about-service-card-icon{
    position:relative;
    z-index:1;
    display:grid;
    place-items:center;
    width:60px;
    height:60px;
    margin-bottom:18px;
    border-radius:50%;
    background:var(--blue)
}
 .about-service-card-icon img{
    width: 36px;
    height: 36px;
    object-fit:contain;
    filter:brightness(0) invert(1)
}
 .about-service-card h3{
    position:relative;
    z-index:1;
    margin:0 0 30px;
    font-size:20px;
    line-height:1.14;
    letter-spacing:0
}
 .about-service-card ul{
    position:relative;
    z-index:1;
    display:grid;
    gap:14px;
    margin:0;
    padding:0;
    list-style:none;
    color:#1f2c3f;
    font-size:16px;
    line-height:1.35
}
 .about-service-card li{
    position:relative;
    min-height:20px;
    padding-left:31px
}
 .about-service-card li::before{
    content:"";
    position:absolute;
    left:0;
    top:.08em;
    width:18px;
    height:18px;
    border-radius:50%;
    background:var(--accent);
    box-shadow:0 5px 12px rgba(244,124,32,.2)
}
 .about-service-card li::after{
    content:"";
    position:absolute;
    left:6px;
    top:calc(.08em + 4px);
    width:5px;
    height:8px;
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    transform:rotate(45deg)
}
 .product_detail{
    --ink:#0b2445;
    --brand:#0b4b91;
    --deep:#073b7a;
    --accent:#f47c20;
    --line:#dbe5ef;
    --soft:#f6f8fb;
    --muted:#627087;
    background:#fff;
    /* color:var(--ink); */
}
 .product_detail .auto-container{
    width:min(var(--max),calc(100% - 32px));
    margin:0 auto
}
 .product-summary-section{
    padding:58px 0 64px;
    background:linear-gradient(180deg,#f7f9fc 0,#fff 48%)
}
 .product-summary{
    display:grid;
    grid-template-columns:minmax(0,.95fr) minmax(460px,1.05fr);
    gap:42px;
    align-items:start
}
 .product-summary>*,
 .product-gallery{
    min-width:0;
    max-width:100%
}
 .product-gallery-main{
    position:relative;
    width:100%;
    max-width:100%;
    min-width:0;
    min-height:520px;
    overflow:hidden;
    border:1px solid #dce6f0;
    border-radius:8px;
    background:#f2f6fa
}
 .product-gallery-track{
    align-items:stretch
}
 .product-gallery-slide{
    display:grid;
    place-items:center;
    height:auto
}
 .product-gallery-slide img{
    width:100%;
    height:100%;
    object-fit:contain
}
 .product-gallery-zoom{
    position:absolute;
    right:16px;
    bottom:16px;
    z-index:5;
    display:grid;
    place-items:center;
    width:48px;
    height:48px;
    border:0;
    border-radius:50%;
    background:#073b7a;
    color:#fff;
    box-shadow:0 14px 28px rgba(7,59,122,.22);
    cursor:pointer;
    transition:background .2s ease,transform .2s ease
}
 .product-gallery-zoom:hover{
    background:var(--accent);
    transform:translateY(-2px)
}
 .product-gallery-zoom svg{
    width:23px;
    height:23px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round
}
 .product-gallery-lightbox{
    position:fixed;
    inset:0;
    z-index:1200;
    display:grid;
    place-items:center;
    padding:34px;
    background:rgba(3,15,32,.86)
}
 .product-gallery-lightbox img{
    display:block;
    max-width:min(1100px,92vw);
    max-height:88vh;
    object-fit:contain;
    border-radius:8px;
    background:#fff;
    box-shadow:0 24px 80px rgba(0,0,0,.32)
}
 .product-gallery-lightbox-close{
    position:absolute;
    right:28px;
    top:24px;
    display:grid;
    place-items:center;
    width:48px;
    height:48px;
    border:0;
    border-radius:50%;
    background:#fff;
    color:var(--blue);
    cursor:pointer
}
 .product-gallery-lightbox-close span{
    position:absolute;
    width:22px;
    height:2px;
    background:currentColor
}
 .product-gallery-lightbox-close span:first-child{
    transform:rotate(45deg)
}
 .product-gallery-lightbox-close span:last-child{
    transform:rotate(-45deg)
}
 .product-gallery-arrow{
    position:absolute;
    top:50%;
    z-index:4;
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border:0;
    border-radius:50%;
    background:#fff;
    color:var(--blue);
    box-shadow:0 10px 22px rgba(9,35,70,.14);
    cursor:pointer;
    transition:color .2s ease,transform .2s ease
}
 .product-gallery-arrow:hover{
    color:var(--accent)
}
 .product-gallery-prev{
    left:14px;
    padding-left:13px;
    transform:translateY(-50%)
}
 .product-gallery-prev .ui-arrow{
    transform:rotate(180deg)
}
 .product-gallery-next{
    right:14px;
    padding-right:13px;
    transform:translateY(-50%)
}
 .product-gallery-thumbs{
    width:100%;
    max-width:100%;
    min-width:0;
    overflow:hidden;
    margin-top:14px
}
 .product-gallery-thumbs .swiper-wrapper{
    align-items:stretch;
    margin-top:1px
}
 .product-thumb{
    display:grid;
    place-items:center;
    aspect-ratio:1;
    border:1px solid #d9e4ee;
    border-radius:6px;
    background:#fff;
    cursor:pointer;
    overflow:hidden;
    transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease
}
 .product-thumb img{
    width:100%;
    height:100%;
    object-fit:cover
}
 .product-thumb.is-active,.product-thumb.swiper-slide-thumb-active,.product-thumb:hover{
    border-color:var(--accent);
    box-shadow:0 8px 20px rgba(244,124,32,.16);
    transform:translateY(-1px)
}
 .product-summary-info{
    min-width:0;
    padding:8px 0
}
 .product-summary-kicker{
    display:block;
    margin-bottom:12px;
    color:var(--accent);
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:.04em
}
 .product-summary-info h1,.product-summary-info h2{
    margin:0 0 18px;
    font-size:clamp(30px,3.6vw,30px);
    line-height:1.08;
    letter-spacing:0
}
 .product-summary-lead{
    margin:0 0 22px;
    font-size:16px;
    line-height:1.78
}
 .product-summary-points{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:11px 18px;
    margin:0 0 24px;
    padding:0;
    list-style:none
}
 .product-summary-points li{
    position:relative;
    padding-left:20px;
    color:#26384f;
    font-size:14px;
    line-height:1.55;
    font-weight:600
}
 .product-summary-points li::before{
    content:"";
    position:absolute;
    left:0;
    top:.62em;
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--accent)
}
 .product-quick-specs{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    margin:0 0 22px
}
 .product-quick-specs div{
    display:grid;
    grid-template-columns:135px minmax(0,1fr);
    gap:14px;
    align-items:center;
    min-width:0;
    padding:10px;
    background:#f8fbfe
}
 .product-quick-specs dt{
    margin:0;
    font-size:14px
}
 .product-quick-specs dd{
    margin:0;
    font-size:15px;
    line-height:1.35
}
 .product-summary-contact{
    display:grid;
    gap:10px;
    margin:0 0 22px
}
 .product-summary-contact a{
    display:grid;
    grid-template-columns:46px minmax(0,1fr);
    gap:13px;
    align-items:center;
    min-height:62px;
    padding:10px 14px;
    border:1px solid #dce6ef;
    border-radius:7px;
    background:#fff;
    color:#0b2445;
    text-decoration:none;
    transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease
}
 .product-summary-contact a:hover{
    border-color:#0b4b91;
    box-shadow:0 12px 28px rgba(9,35,70,.1);
    transform:translateY(-1px)
}
 .product-summary-contact svg{
    display:block;
    width:46px;
    height:46px;
    padding:10px;
    border-radius:50%;
    background:#edf5fc;
    fill:none;
    stroke:#0b4b91;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round
}
 .product-summary-contact small,.product-summary-contact strong{
    display:block;
    line-height:1.35
}
 .product-summary-contact strong{
    color:var(--blue);
    font-size:15px;
    font-weight:800
}
 .product-summary-contact small{
    font-size:16px
}
 .product-summary-actions{
    display:flex;
    flex-wrap:wrap;
    gap:13px
}
 .product-detail-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:50px;
    padding:0 24px;
    border:1px solid #0b4b91;
    border-radius:4px;
    color:#0b4b91;
    background:#fff;
    font-size:14px;
    text-decoration:none;
    transition:background .2s ease,color .2s ease,transform .2s ease
}
 .product-detail-btn-primary,.product-detail-btn:hover{
    color:#fff;
    background:#0b4b91;
    transform:translateY(-1px)
}
 .product-detail-btn-primary:hover{
    background:var(--accent);
    border-color:var(--accent)
}
 .product-detail-btn .ui-arrow{
    --arrow-size:13px;
    --arrow-stroke:2px;
    color:currentColor;
    transform:translateY(0)
}
 .product-detail-section{
    padding:0 0 72px;
    background:#fff
}
 .product-detail-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 330px;
    gap:36px;
    align-items:start
}
 .product-detail-content{
    display:grid;
    gap:22px;
    min-width:0;
    padding: 20px;
    background: #ffffff;
    border: 1px solid #dbe4ee;
    border-radius: 10px;
}
 .product-detail-panel{
    overflow:hidden
}
 .product-detail-head{
    margin-bottom:22px
}
 .product-detail-head span{
    display:block;
    margin-bottom:10px;
    color:var(--accent);
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:.04em
}
 .product-detail-head h1,.product-detail-head h2{
    margin:0;
    font-size:clamp(20px,2.5vw,20px);
    line-height:1.16;
    letter-spacing:0
}
 .article_detail .sidebar_panel.article-outline-panel{
    padding:22px;
    border:1px solid #dbe4ee;
    border-radius:8px;
    background:var(--white)
}
 .article_detail .sidebar_panel.sidebar_panel_search{
    padding:0;
    border:0;
    border-radius:0;
    background:transparent
}
 .article-outline-list,.article-outline-drawer-list{
    display:grid;
    gap:10px;
    margin:0;
    padding:0;
    list-style:none
}
 .article-outline-list{
    max-height:min(56vh,540px);
    overflow:auto;
    padding-right:4px
}
 .article-outline-list li,.article-outline-drawer-list li{
    margin:0
}
 .article-outline-link{
    position:relative;
    display:block;
    padding:0 0 0 14px;
    color:#38506c;
    font-size:14px;
    line-height:1.5;
    text-decoration:none;
    transition:color .2s ease,transform .2s ease
}
 .article-outline-link::before{
    content:"";
    position:absolute;
    left:0;
    top:.42em;
    width:6px;
    height:6px;
    border-radius:50%;
    background:#c7d4e2;
    transition:background .2s ease,transform .2s ease
}
 .article-outline-link:hover,.article-outline-link:focus-visible,.article-outline-link.is-active{
    color:#0b4b91;
    transform:translateX(2px)
}
 .article-outline-link:hover::before,.article-outline-link:focus-visible::before,.article-outline-link.is-active::before{
    background:#f47c20;
    transform:scale(1.1)
}
 .show_news_content h2{
    margin:1em 0;
    color:#333;
    font-family:inherit;
    font-size:1.17em;
    font-weight:700;
    line-height:1.2;
    letter-spacing:0
}
 .show_news_content h2:first-child{
    margin-top:0
}
 .show_news_content h2.article-outline-heading{
    scroll-margin-top:120px
}
.article-outline-toggle{
    position:fixed;
    top:50%;
    right:16px;
    z-index:4200;
    display:none;
    align-items:center;
    justify-content:center;
    width:48px;
    height:48px;
    padding:0;
    border:1px solid #0b4b91;
    border-radius:12px;
    background:#0b4b91;
    color:#fff;
    box-shadow:0 18px 34px rgba(9,35,70,.18);
    transform:translateY(-50%);
    cursor:pointer;
    transition:background .2s ease,border-color .2s ease,transform .2s ease
}
 .article-outline-toggle:hover{
    background:var(--accent);
    border-color:var(--accent)
}
 .article-outline-toggle svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-width:2
}
.article-outline-drawer{
    position:fixed;
    inset:0;
    z-index:4300;
    display:none;
    pointer-events:none
}
 .article-outline-drawer-backdrop{
    position:absolute;
    inset:0;
    border:0;
    background:rgba(6,18,32,.38);
    opacity:0;
    transition:opacity .22s ease
}
 .article-outline-drawer-panel{
    position:absolute;
    top:0;
    right:0;
    display:grid;
    grid-template-rows:auto minmax(0,1fr);
    width:min(86vw,340px);
    height:100%;
    padding:20px 18px 18px;
    background:#fff;
    box-shadow:-18px 0 48px rgba(7,22,39,.14);
    transform:translateX(100%);
    transition:transform .24s ease
}
 .article-outline-drawer-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding-bottom:14px;
    border-bottom:1px solid #dce5ef
}
 .article-outline-drawer-head h2{
    margin:0;
    font-size:20px;
    line-height:1.2
}
 .article-outline-drawer-close{
    position:relative;
    flex:0 0 auto;
    width:36px;
    height:36px;
    border:1px solid #d2dde8;
    border-radius:50%;
    background:#fff;
    cursor:pointer
}
 .article-outline-drawer-close span{
    position:absolute;
    top:50%;
    left:50%;
    width:16px;
    height:2px;
    background:#0b2445
}
 .article-outline-drawer-close span:first-child{
    transform:translate(-50%,-50%) rotate(45deg)
}
 .article-outline-drawer-close span:last-child{
    transform:translate(-50%,-50%) rotate(-45deg)
}
 .article-outline-drawer-body{
    min-height:0;
    padding-top:16px;
    overflow:auto
}
 .article-outline-drawer-list{
    padding-right:4px
}
 .article-outline-drawer.is-open{
    pointer-events:auto
}
 .article-outline-drawer.is-open .article-outline-drawer-backdrop{
    opacity:1
}
 .article-outline-drawer.is-open .article-outline-drawer-panel{
    transform:translateX(0)
}
 body.article-outline-open{
    overflow:hidden
}
 .product-detail-panel p{
    margin:0 0 15px;
    font-size:16px;
    line-height:1.5
}
 .show_pagination a{
    transition:color .2s ease
}
 .show_pagination a:hover,
 .show_pagination a:focus-visible{
    color:#f07d22
}
 .product-detail-highlight{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    margin:22px 0 4px
}
 .product-detail-highlight div{
    padding:18px;
    border:1px solid #dce6ef;
    border-radius:8px;
    background:linear-gradient(180deg,#f8fbff,#fff)
}
 .product-detail-highlight strong{
    display:block;
    margin-bottom:7px;
    line-height:1.3
}
 .product-detail-highlight span{
    display:block;
    line-height:1.58
}
 .product-detail-image-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    margin-top:22px
}
 .product-detail-image-grid-three{
    grid-template-columns:repeat(3,minmax(0,1fr))
}
 .product-detail-image-grid img{
    width:100%;
    aspect-ratio:4/3;
    object-fit:cover;
    border:1px solid #e0e8f1;
    border-radius:7px;
    background:#f3f7fb
}
 .product-spec-table-wrap{
    overflow-x:auto
}
 .product-spec-table{
    width:100%;
    border-collapse:collapse;
    border:1px solid #dce6ef;
    background:#fff
}
 .product-spec-table td,.product-spec-table th{
    padding:15px 18px;
    border:1px solid #dce6ef;
    text-align:left;
    vertical-align:top;
    font-size:15px;
    line-height:1.55
}
 .product-spec-table th{
    width:230px;
    background:#f2f7fc;
    font-weight:800
}
 .product-feature-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px
}
 .product-feature-grid div{
    padding:20px;
    border:1px solid #dde7f1;
    /* border-left:4px solid var(--accent); */
    border-radius:6px;
    background:#f8fbfe
}
 .product-feature-grid strong{
    display:block;
    margin-bottom:8px;
    /* color:var(--blue); */
    font-size:17px;
    line-height:1.3
}
 .product-feature-grid p{
    margin:0
}
 .product-split-block{
    display:grid;
    grid-template-columns:minmax(0,1fr) 42%;
    gap:26px;
    align-items:center
}
 .product-split-block h3{
    margin:0 0 14px;
    line-height:1.2
}
 .product-split-block ul{
    display:grid;
    gap:9px;
    margin:15px 0 0;
    padding:0;
    list-style:none
}
 .product-split-block li{
    position:relative;
    padding-left:20px;
    color:#334761;
    font-size:14px;
    line-height:1.55
}
 .product-split-block li::before{
    content:"";
    position:absolute;
    left:0;
    top:.68em;
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--accent)
}
 .product-split-block figure{
    margin:0;
    overflow:hidden;
    border:1px solid #dce6ef;
    border-radius:8px;
    background:#f3f7fb
}
 .product-split-block img{
    width:100%;
    aspect-ratio:4/3;
    object-fit:cover
}
 .product-tape-options{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
    margin-bottom:18px
}
 .product-tape-options div{
    position:relative;
    min-height:152px;
    padding:22px 20px;
    border:1px solid #dde7f1;
    border-radius:8px;
    background:#f8fbfe
}
 .product-tape-options strong{
    display:block;
    margin-bottom:10px;
    font-size:20px;
    line-height:1.25
}
 .product-tape-options p{
    margin:0;
    line-height:1.65
}
 .product-application-list{
    display:flex;
    flex-wrap:wrap;
    gap:10px
}
 .product-application-list span{
    display:inline-flex;
    align-items:center;
    min-height:38px;
    padding:0 15px;
    border:1px solid #dbe6f0;
    border-radius:999px;
    background:#f7fbff
}
 .product-package-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px
}
 .product-package-grid div{
    padding:24px 22px;
    border:1px solid #dce6ef;
    border-radius:8px;
    background:#fff;
    box-shadow:0 10px 24px rgba(9,35,70,.06)
}
 .product-package-grid b{
    display:block;
    margin-bottom:10px;
    line-height:1
}
 .product-package-grid strong{
    display:block;
    margin-bottom:8px;
    font-size:18px;
    line-height:1.28
}
 .product-install-steps{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px
}
 .product-install-steps div{
    min-height:172px;
    padding:22px;
    border:1px solid #dde7f1;
    border-radius:8px;
    background:#f8fbfe
}
 .product-install-steps b{
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    margin-bottom:16px;
    border-radius:50%;
    background:#073b7a;
    color:#fff;
    font-size:14px
}
 .product-install-steps strong{
    display:block;
    margin-bottom:9px;
    color:var(--blue);
    font-size:18px
}
 .product-install-steps p{
    margin:0;
    font-size:14px;
    line-height:1.62
}
 .product-tip{
    margin-top:18px!important;
    padding:16px 18px;
    border-left:4px solid var(--accent);
    border-radius:6px;
    background:#fff8f2;
    color:#27394f!important;
    font-weight:600
}
 .product-quality-list{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px
}
 .product-quality-list div{
    padding:20px 18px;
    border:1px solid #dde7f1;
    border-radius:8px;
    background:#f8fbfe
}
 .product-quality-list span{
    display:grid;
    place-items:center;
    width:36px;
    height:36px;
    margin-bottom:14px;
    border-radius:50%;
    background:#073b7a;
    color:#fff;
    font-size:13px;
    font-weight:800
}
 .product-quality-list strong{
    display:block;
    margin-bottom:8px;
    /* color:var(--blue); */
    font-size:17px;
    line-height:1.3
}
 .product-quality-list p{
    margin:0;
    font-size:14px;
    line-height:1.62
}
 .product-review-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:15px
}
 .product-review-grid img{
    width:100%;
    height:100%;
    /* min-height:140px; */
    object-fit:cover;
    border:1px solid #dce6ef;
    border-radius:7px;
    background:#f6f9fc
}
 .product-faq-list{
    display:grid;
    gap:12px
}
 .product-faq-list div{
    padding:18px 20px;
    border:1px solid #dde7f1;
    border-radius:6px;
    background:#f8fbfe
}
 .product-faq-list strong{
    display:block;
    margin-bottom:8px;
    font-size:16px;
    line-height:1.35
}
 .product-faq-list p{
    margin:0
}
 .product-detail-sidebar{
    display:block;
    visibility:visible;
    position:static;
    top:auto;
    align-self:auto;
    z-index:auto
}
 .related-products-section{
    padding:66px 0 76px;
    background:linear-gradient(180deg,#f7f9fc 0,#fff 44%)
}
 .related-products-head{
    display:block;
    margin-bottom:40px;
    text-align:center
}
 .related-products-head span{
    display:block;
    color:var(--accent);
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:.04em
}
 .related-products-head h2{
    margin:0;
    font-size:clamp(28px,3vw,30px);
    line-height:1.12
}
 .related-products-swiper{
    position:relative
}
 .related-products-swiper:not(.swiper-initialized){
    overflow:visible
}
 .related-product-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:22px
}
 .related-products-swiper.swiper-initialized .related-product-grid{
    display:flex;
    gap:0
}
 .related-products-dots{
    display:none;
    align-items:center;
    justify-content:center;
    margin-top:28px
}
 .related-products-swiper.is-slider .related-products-dots{
    display:flex
}
 .related-products-dots.swiper-pagination-lock{
    display:none!important
}