@keyframes marquee { 
    0% { transform: translateX(0); } 
    100% { transform: translateX(-50%); }
}


#header_ct{z-index: 10000;}

#ly_web_header_0001_0{top: 0;left: 0;width: 100%;z-index:10; background-color: #fff; transition: all 0.5s ease;} 

/* 顶部广告语 */
#ly_web_header_0001_0 .top_slogan{min-height: 38px; background-color: #000; gap: 0 8px; overflow: hidden;}
#ly_web_header_0001_0 .top_slogan ,
#ly_web_header_0001_0 .top_slogan .title{font-family: "Figtree"; font-size: 14px; line-height: 100%; color: #FBFBFD;}
#ly_web_header_0001_0 .top_slogan a{text-decoration: underline;}
#ly_web_header_0001_0 .top_slogan .countdown-grid,
#ly_web_header_0001_0 .top_slogan .countdown-item{gap: 0 5px;}
#ly_web_header_0001_0 .top_slogan .countdown-grid{margin: 0 5px;}
#ly_web_header_0001_0 .top_slogan .countdown-value{padding: 5px; border-radius: 5px; background-color: #fff; color: var(--color-text-primary); min-width: 26.5px; height: 30px; display: flex; align-items: center; justify-content: center;}
#ly_web_header_0001_0 .top_slogan .swiper{width: 100%; height: 38px;}
#ly_web_header_0001_0 .top_slogan .swiper-slide,
#ly_web_header_0001_0 .marquee-item{width: 100%; line-height: 38px; height: 38px; flex-shrink: 0; white-space: nowrap; display: flex; align-items: center; justify-content: center;}

/* 水平滚动 */
#ly_web_header_0001_0 .notice-swiper{ overflow: hidden; width: 100%;}
#ly_web_header_0001_0 .marquee-container { overflow: hidden; width: 100%;}
#ly_web_header_0001_0 .marquee-content { display: flex; width: max-content;}
#ly_web_header_0001_0 .marquee-item { width: max-content; margin-right: 80px; display: inline-flex; flex-shrink: 0; align-items: center;}
#ly_web_header_0001_0 .marquee-container.paused .marquee-content { animation-play-state: paused !important;}



/* 头部 */
#ly_web_header_0001_0 .header-box{height:48px;padding: 0 1.25%; }
#ly_web_header_0001_0 .logo{width:91px; height: auto;}
#ly_web_header_0001_0 .logo img:nth-child(2){opacity: 0;}

#ly_web_header_0001_0 .hnav .one-nav{height:100%; margin-right: 20px;}
#ly_web_header_0001_0 .hnav .one-nav:last-child{margin-right: 0px;}
#ly_web_header_0001_0 .hnav .one-nav .nav-a{font-family: "Figtree-Bold"; font-size: 14px; line-height: 48px; color: var(--color-text-primary);}

#ly_web_header_0001_0 .hnav .two-nav{height: 0; overflow: hidden; top: 100%; left: 0; z-index:3; background-color: rgba(255, 255, 255, .95); backdrop-filter: blur(48px)}
#ly_web_header_0001_0 .hnav .two-nav .hnavbg{height: auto;}
/* 产品下拉 */
#ly_web_header_0001_0 .hnav .pro-nav{width:100%; top: 48px;}
body:has(.top_slogan) #ly_web_header_0001_0 .hnav .pro-nav{top: 86px;}

#ly_web_header_0001_0 .hnav .pro-nav .box{width: 100%; padding: 64px 10.9375%;}
#ly_web_header_0001_0 .hnav .pro-nav .box>div{margin-top: 32px; }
#ly_web_header_0001_0 .hnav .pro-nav .box div:first-child{margin-top: 0; }
#ly_web_header_0001_0 .hnav .pro-nav .box .tnav-a{font-family: "Figtree-Medium"; font-size: 20px; line-height: 100%; color: var(--color-text-secondary);}
#ly_web_header_0001_0 .hnav .pro-nav .box .tnav-a:hover{text-decoration: underline; color: var(--color-text-primary);}

/* 其他下拉 */
#ly_web_header_0001_0 .hnav .other-nav {min-width: 127px; left: 50%; transform: translateX(-50%);}
#ly_web_header_0001_0 .hnav .other-nav .box{padding: 16px;}
#ly_web_header_0001_0 .hnav .other-nav .box .tnav-a{font-family: "Figtree-SemiBold"; font-size: 16px; line-height: 40px; text-align: center; white-space: nowrap;}

/* 右侧 */
#ly_web_header_0001_0 .hright{height:48px;}
#ly_web_header_0001_0 .hright .btn{margin-left: 24px; width: 24px; height: 24px; }
#ly_web_header_0001_0 .hright .btn:first-child{margin-left: 0;}
#ly_web_header_0001_0 .hright .btn .svg{fill: #000;}
#ly_web_header_0001_0 .hright .menu{margin-left: 24px; display:none;width: 24px;height: 24px;}


/* 头部滚动时样式和鼠标移入时样式 */
@media screen and (min-width:751px) {
    /* #ly_web_header_0001_0.none{transform: translate3d(0px,-100%,0);} */
    /* #ly_web_header_0001_0.none{transform: translate3d(0px,-124px,0);} */
    header.pro_none {transform: translate3d(0px,-86px,0);}
    #ly_web_header_0001_0.cur .hright .menu,
    #ly_web_header_0001_0:hover .hright .menu{background-image:url(/module/ly-web/header/0001/images/menu-icon.png);}
    #ly_web_header_0001_0.cur .hright .menu.cur,
    #ly_web_header_0001_0:hover .hright .menu.cur{background-image:url(/module/ly-web/header/0001/images/m_close.png);}
    #ly_web_header_0001_0 .hright .menu.cur{background-image:url(/module/ly-web/header/0001/images/m_close2.png);}	

    /* 透明底 样式 */
    #ly_web_header_0001_0.white{background: transparent;}
    #ly_web_header_0001_0.white .hnav .one-nav .nav-a{color: #fff;}
    #ly_web_header_0001_0.white .hright .btn .svg{fill: #fff;}
    #ly_web_header_0001_0.white .logo img:nth-child(1){opacity: 0;}
    #ly_web_header_0001_0.white .logo img:nth-child(2){opacity: 1;}

    #ly_web_header_0001_0.cur,
    #ly_web_header_0001_0:hover{background:#fff;}
    #ly_web_header_0001_0.white.cur .logo img:nth-child(1),
    #ly_web_header_0001_0.white:hover .logo img:nth-child(1){opacity: 1;}
    #ly_web_header_0001_0.white.cur .logo img:nth-child(2),
    #ly_web_header_0001_0.white:hover .logo img:nth-child(2){opacity: 0;}
    #ly_web_header_0001_0.white.cur .hnav .one-nav .nav-a,
    #ly_web_header_0001_0.white:hover .hnav .one-nav .nav-a{color: #000;}
    #ly_web_header_0001_0.white.cur .hright .btn .svg,
    #ly_web_header_0001_0.white:hover .hright .btn .svg{fill: #000;}
}
@media screen and (max-width: 1440px) {
    #ly_web_header_0001_0 .top_slogan{font-size: 12px;}
    
    /* #ly_web_header_0001_0 .header-box{height: 80px;} */
    #ly_web_header_0001_0 .logo{width: 73px;}
    #ly_web_header_0001_0 .hnav {margin-right: 16px;}
    #ly_web_header_0001_0 .hnav .one-nav .nav-a{font-size: 12px; }
    #ly_web_header_0001_0 .hright .btn{width: 20px; height: 20px; }
    
    /*#ly_web_header_0001_0 .hnav .pro-nav{width:100%; top: 118px;}*/
}
@media (max-width: 1034px) {
    #ly_web_header_0001_0 .header-box{padding: 0 3.25%; }
}
/* 头部移动端 */
#ly_web_header_0001_0_m-nav,#ly_web_header_0001_0_m-header-blank{display: none;}
@media screen and (max-width: 1024px) {
    #ly_web_header_0001_0{background:#fff !important;}
    #ly_web_header_0001_0 .hnav{display:none;}
    
    #ly_web_header_0001_0 .header-box{padding: 0 2.25%; }
    #ly_web_header_0001_0 .header-box,
    #ly_web_header_0001_0 .hright{height: 56px;}
    #ly_web_header_0001_0 .logo img:nth-child(1){opacity: 1 !important;}
    #ly_web_header_0001_0 .logo img:nth-child(2){opacity: 0 !important;}
    #ly_web_header_0001_0 .hright .btn .svg{fill: #000 !important;}
    #ly_web_header_0001_0 .hright .menu{display:block;}

    #ly_web_header_0001_0_m-nav{display: block;width: 36.62%;height: 0;z-index:50;right: 0;right: 0;top: 94px; background: #fff;overflow-y: auto;}
    #ly_web_header_0001_0_m-nav.cur{height: calc(100vh - 94px);}
    
    #ly_web_header_0001_0_m-nav .top{margin-bottom: 8px; width: 100%; height: max-content; }
    #ly_web_header_0001_0_m-nav .top .icon{width: 50px; height: 50px;}

    #ly_web_header_0001_0_m-nav .nav .one-nav{line-height: 54px;  margin: 0 15px;border-bottom: 1px solid rgba(0,0,0,0.2);}
    #ly_web_header_0001_0_m-nav .nav .one-nav .one{cursor:pointer; background: url(/module/ly-web/header/0001/images/head-jt.svg) no-repeat right;}
    #ly_web_header_0001_0_m-nav .nav .one-nav.nobg .one{background: none;}
    #ly_web_header_0001_0_m-nav .nav .one-nav.cur .one{background-image:url(/module/ly-web/header/0001/images/head-jt2.svg);}
    #ly_web_header_0001_0_m-nav .nav .one-nav.cur.nobg .one{background: none;}
    #ly_web_header_0001_0_m-nav .nav .one-nav .one-a{font-family: "Figtree-SemiBold"; font-size: 14px; text-transform: capitalize; color:#333;}
    #ly_web_header_0001_0_m-nav .nav .one-nav .two-nav{width: 100%; padding: 0 25px;}
    #ly_web_header_0001_0_m-nav .nav .one-nav .two-nav .two-a{font-family: "Figtree-SemiBold"; font-size: 12px; line-height: 40px; vertical-align: middle; }
}
/* @media screen and (max-width: 992px) {
    #ly_web_header_0001_0 .hright .btn,
    #ly_web_header_0001_0 .hright .menu{margin-left: .1818rem; width: .1818rem; height: .1818rem; }
    
    #ly_web_header_0001_0 .top_slogan .title,
    #ly_web_header_0001_0_m-nav .nav .one-nav .one-a{font-size: .1061rem;}
    
    #ly_web_header_0001_0_m-nav .nav .one-nav{line-height: .4091rem;}
    #ly_web_header_0001_0_m-nav .nav .one-nav .two-nav .two-a{font-size: .0909rem; line-height: .303rem;}
    
    #ly_web_header_0001_0_m-nav .top .icon{width: .3788rem; height: .3788rem;}
} */
@media screen and (max-width: 768px) {
    
    header.pro_none {transform: translate3d(0px,-72px,0);}

    /*#ly_web_header_0001_0 .top_slogan{min-height: 24px; font-size: 12px; gap: 0 16px;}*/
    /*#ly_web_header_0001_0 .top_slogan .title{font-size: 12px;}*/
    
    #ly_web_header_0001_0 .top_slogan{min-height: 24px; gap: 0 4px;}
    #ly_web_header_0001_0 .top_slogan ,
    #ly_web_header_0001_0 .top_slogan .title{font-size: 12px;}
    #ly_web_header_0001_0 .top_slogan .countdown-value{padding: 3px; min-width: max-content;}
    #ly_web_header_0001_0 .top_slogan .countdown-grid,
    #ly_web_header_0001_0 .top_slogan .countdown-item{gap: 0 3px;}
    #ly_web_header_0001_0 .top_slogan .swiper{height: 24px;}
    #ly_web_header_0001_0 .top_slogan .swiper-slide,
    #ly_web_header_0001_0 .marquee-item{ line-height: 100%; height: 24px;}
    #ly_web_header_0001_0 .top_slogan .swiper[data-mode="horizontal"] .swiper-slide,
    #ly_web_header_0001_0 .marquee-item{margin-right: 40px;}
    #ly_web_header_0001_0 .top_slogan .countdown-value{height: 20px; border-radius: 2px;}
    
    #ly_web_header_0001_0 .header-box,
    #ly_web_header_0001_0 .hright{height: 48px;}

    #ly_web_header_0001_0 .header-box{padding: 0 4.5%; box-shadow: 0px 2px 4px 0px #0000001A;}
    #ly_web_header_0001_0 .hright .btn,
    #ly_web_header_0001_0 .hright .menu{margin-left: 16px; width: 24px; height: 24px; }

    
    #ly_web_header_0001_0_m-nav{top: calc(24px + 48px); width: 100%;}
    #ly_web_header_0001_0_m-nav.cur{height: calc(100vh - 72px);}

    #ly_web_header_0001_0_m-nav .top{padding: 16px 4.5% 0; margin-top: 0;}
    #ly_web_header_0001_0_m-nav .top .icon{width: 40px; height: 40px;}

    #ly_web_header_0001_0_m-nav .nav .one-nav{line-height: 54px; margin: 0 4.5%;}
    #ly_web_header_0001_0_m-nav .nav .one-nav .one{}
    #ly_web_header_0001_0_m-nav .nav .one-nav .one-a{font-size: 16px;}
    #ly_web_header_0001_0_m-nav .nav .one-nav .two-nav .two-a{font-size: 12px; line-height: 40px;}
    
}










.ly_web_footer_0001_0Wrap{padding: 64px 0; background-color: #000;}

#ly_web_footer_0001_0Intro .logo{margin: 0 auto; width: 160px; height: 48px;}

#ly_web_footer_0001_0Top{padding: 40px 0 104px; gap: 0 6.837%;}
#ly_web_footer_0001_0Top .item{width: max-content; max-width: 19.39%;}
#ly_web_footer_0001_0Top .list_item{}
#ly_web_footer_0001_0Top .list_item .title{font-family: "Figtree-SemiBold"; font-size: 12px; line-height: 100%; color: var(--color-text-white);}
#ly_web_footer_0001_0Top .list_item .two_li{margin-top: 16px; font-family: "Figtree-Medium"; font-size: 12px; line-height: 100%;  color: #c1c1c1;}
#ly_web_footer_0001_0Top .contact{gap: 18px 0;}
#ly_web_footer_0001_0Top .contact .li{gap: 0 4px;}
#ly_web_footer_0001_0Top .contact .icon{width: 16px; height: 16px;}
#ly_web_footer_0001_0Top .contact .text{width: calc(100% - 20px);font-family: "Figtree-Medium"; font-size: 12px; line-height: 100%;  color: #c1c1c1;}
#ly_web_footer_0001_0Top .contact .text .dot{display: none;}

#ly_web_footer_0001_0Share{padding-bottom: 24px; gap: 0 12px; border-bottom: 1px solid rgba(123, 126, 134, 1);}
#ly_web_footer_0001_0Share .item{width: 24px; height: 24px;}
#ly_web_footer_0001_0Share .item .svg{width: 24px; height: 24px; fill: #fff;}


#ly_web_footer_0001_0Form{padding-top: 16px;}
#ly_web_footer_0001_0Form .left{gap: 10px 24px; max-width: 30%; flex-wrap: wrap;}
#ly_web_footer_0001_0Form .nav{font-family: "Figtree-Medium"; font-size: 12px; line-height: 100%; color: #C1C1C1; }
#ly_web_footer_0001_0Form .signup{gap: 0 16px;}
#ly_web_footer_0001_0Form .text{font-family: "Figtree-Bold"; font-size: 12px; line-height: 100%; color: var(--color-text-white);}
#ly_web_footer_0001_0Form .form{gap: 0 15px; padding: 2px 2px 2px 8px; min-width: 234px; height: max-content; background-color: var(--color-bg-card); border-radius: 100px;}
#ly_web_footer_0001_0Form .form label{display: block; width: 100%;}
#ly_web_footer_0001_0Form .form .input{width: 100%; height: 100%; padding-right: 8px; font-family: "Figtree-Medium"; font-size: 12px; line-height: 100%; }
#ly_web_footer_0001_0Form .signup .button{background:#000; color: var(--color-text-white); padding: 8px 16px; border-radius:100px; cursor: pointer; font-family: "Figtree-Medium"; font-size: 8px; line-height: 100%; white-space:nowrap; border: 0;}
#ly_web_footer_0001_0Form .world{gap: 0 4px; }
#ly_web_footer_0001_0Form .world span{font-family: "Figtree-Medium"; font-size: 12px; line-height: 100%; color: #C1C1C1;}
#ly_web_footer_0001_0Form .form-tip{left: 10px; top: calc(100% + 8px); z-index: 1;}
#ly_web_footer_0001_0Form .form-error{font-family: Poppins; font-size: 12px; line-height: 100%; color: #F94073;}
#ly_web_footer_0001_0Form .form-success{font-family: Poppins; font-size: 14px; line-height: 100%; color: #20B759;}

#ly_web_footer_0001_0_bottom{padding-top: 32px;}
#ly_web_footer_0001_0_bottom .box{flex-wrap: wrap;}
#ly_web_footer_0001_0_bottom *,
#ly_web_footer_0001_0_bottom a{font-family: "Figtree-Medium"; font-size: 12px; line-height: 100%;  text-align: center; color: #C1C1C1;}

@media (max-width: 1024px) {
    .ly_web_footer_0001_0Wrap .cw980{width: 74.6%;}
    
    #ly_web_footer_0001_0Top{padding: 40px 0 63px; gap: 0 1.837%;}
    #ly_web_footer_0001_0Top .item{width: 23.39%;}
    #ly_web_footer_0001_0Top .list_item .title{font-size: 14px;}
}
/* @media (max-width: 992px) {
    #ly_web_footer_0001_0Top{padding: .303rem 0 .4773rem;}
    #ly_web_footer_0001_0Top .list_item .title{font-size: .1061rem;}
    #ly_web_footer_0001_0Top .list_item .two_li{margin-top: .1212rem; font-size: 12px;}
    
    #ly_web_footer_0001_0Top .contact{gap: .1364rem 0;}
    #ly_web_footer_0001_0Top .contact .li{gap: 0 .0303rem;}
    #ly_web_footer_0001_0Top .contact .icon{width: .1212rem; height: .1212rem;}
    #ly_web_footer_0001_0Top .contact .text{width: calc(100% - .1515rem); font-size: .0909rem; }
    
    #ly_web_footer_0001_0Share{padding-bottom: .1818rem; gap: 0 .0909rem;}
    #ly_web_footer_0001_0Share .item{width: .1818rem; height: .1818rem;}
    #ly_web_footer_0001_0Share .item .svg{width: .1818rem; height: .1818rem; }
    
    #ly_web_footer_0001_0Form{padding-top: .1212rem;}
    #ly_web_footer_0001_0Form .left{gap: 0 .1818rem; }
    #ly_web_footer_0001_0Form .nav{font-size: .0909rem;}
    #ly_web_footer_0001_0Form .signup{gap: 0 .1212rem;}
    #ly_web_footer_0001_0Form .text{ font-size: .0909rem;}
    #ly_web_footer_0001_0Form .form{gap: 0 .1136rem; padding: .0152rem .0152rem .0152rem .0606rem; min-width: 1.7727rem; }
    #ly_web_footer_0001_0Form .form .input{padding-right: .0606rem; font-size: .0909rem;}
    #ly_web_footer_0001_0Form .signup .button{padding: .0606rem .1212rem; font-size: .0606rem; }
    #ly_web_footer_0001_0Form .world{gap: 0 .0303rem; }
    #ly_web_footer_0001_0Form .world span{font-size: .0909rem;}

    #ly_web_footer_0001_0_bottom{padding-top: .2424rem;}
    #ly_web_footer_0001_0_bottom *,
    #ly_web_footer_0001_0_bottom a{font-size: .0909rem;}
} */
@media (max-width: 768px) {
    .ly_web_footer_0001_0Wrap{padding: 48px 0;}
    .ly_web_footer_0001_0Wrap .cw980{width: 76.2%;}

    /* 列表 */
    #ly_web_footer_0001_0Top{padding: 20px 0; gap: 0; flex-wrap: wrap;}
    #ly_web_footer_0001_0Top .item{width: 100%; max-width: initial;}
    #ly_web_footer_0001_0Top .list_item {border-bottom: 1px solid rgba(255, 255, 255, .4); padding-bottom: 20px;}
    #ly_web_footer_0001_0Top .list_item .title{font-size: 14px; padding: 20px 0 0; display: flex; justify-content: space-between; align-items: center;}
    #ly_web_footer_0001_0Top .list_item .title .one-icon{display: block; width: 12px; height: 12px; position: relative;}
    #ly_web_footer_0001_0Top .list_item .title .one-icon i{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1;}
    #ly_web_footer_0001_0Top .list_item .title .one-icon i:nth-child(1){width: 100%; height: 2px; background-color: #fff; border-radius: 5px; transition: all .5s ease;}
    #ly_web_footer_0001_0Top .list_item .title .one-icon i:nth-child(2){width: 2px; height: 100%; background-color: #fff; border-radius: 5px;}
    #ly_web_footer_0001_0Top .list_item.cur .title .one-icon{transform: rotate(90deg);}
    #ly_web_footer_0001_0Top .list_item.cur .title .one-icon i:nth-child(1){opacity: 0;}
    #ly_web_footer_0001_0Top .list_item .two_list{height: 0; overflow: hidden; transition: all .5s ease-in-out;}
    #ly_web_footer_0001_0Top .list_item .two{padding: 16px 0 0;}
    #ly_web_footer_0001_0Top .list_item .two_li{font-size: 14px !important; line-height: 100% !important; }
    #ly_web_footer_0001_0Top .list_item .two_li:first-child{margin-top: 0;}
    
    /* 分享 */
    #ly_web_footer_0001_0Share{display: none;}
    #ly_web_footer_0001_0Share.mb{margin-top: 28px; padding-bottom: 0; gap: 0 12px; display: flex; border: 0; justify-content: center;}
    #ly_web_footer_0001_0Share .item{width: 32px; height: 32px;}
    #ly_web_footer_0001_0Share .item .svg{width: 73%; height: 73%;}

    /* 表单 */
    #ly_web_footer_0001_0Form.mb{display: block; width: 100%; margin-top: 24px;}
    #ly_web_footer_0001_0Form.pc .signup{display: none;}
    #ly_web_footer_0001_0Form .signup{width: 100%; flex-direction: column;}
    #ly_web_footer_0001_0Form .signup .text{width: 100%; font-size: 12px; text-align: center;}
    #ly_web_footer_0001_0Form .signup .formBox {width: 91.13%;}
    #ly_web_footer_0001_0Form .signup .form{width: 100%; margin-top: 16px; gap: 0 10px; padding: 3px 6px 3px 10px; min-width: initial; justify-content: space-between;}
    #ly_web_footer_0001_0Form .form .input { padding-right: 10px; font-size: 12px;}
    #ly_web_footer_0001_0Form .signup .button { padding: 6.5px 10.5px; font-size: 12px; line-height: 160%;}

    /* 联系 */
    #ly_web_footer_0001_0Top .contact{margin-top: 18px; gap: 12px 0;}
    #ly_web_footer_0001_0Top .contact .li{gap: 0 6px;}
    #ly_web_footer_0001_0Top .contact .icon{width: 18px; height: 18px;}
    #ly_web_footer_0001_0Top .contact .icon img{transform: scale(1.3);}
    #ly_web_footer_0001_0Top .contact .text{width: calc(100% - 18px - 6px); font-size: 14px;}

    #ly_web_footer_0001_0Form.pc{padding-top: 4px; flex-wrap: wrap;}
    #ly_web_footer_0001_0Form .left{gap: 10px; width: 100%; max-width: 100%;}
    #ly_web_footer_0001_0Form .nav{font-size: 12px; line-height: 160%;}

    /* 语言选择 */
    #ly_web_footer_0001_0Form .world{display: none; gap: 0 6px; margin-top: 24px; width: 100%; justify-content: flex-start;}
    #ly_web_footer_0001_0Form .world img{transform: scale(1.4);}
    #ly_web_footer_0001_0Form .world span{font-size: 15px; line-height: 160%;}
    
    #ly_web_footer_0001_0_bottom{padding-top: 27px;}
    #ly_web_footer_0001_0_bottom .box{justify-content: flex-start;}
    #ly_web_footer_0001_0_bottom *,
    #ly_web_footer_0001_0_bottom a{font-size: 12px;}

    #ly_web_footer_0001_0Form .form-error{font-size: 12px;}
    #ly_web_footer_0001_0Form .form-success{font-size: 12px;}
} 
#ly_web_sidebar_0001_1{ bottom: 14.96%; right: 48px; width: 64px; z-index: 100; gap: 40px;}
#ly_web_sidebar_0001_1 .btn{ width: 100%; height: 64px; background: rgba(0, 0, 0, .5); border-radius: 50%; transition: all 0.5s ease;}
#ly_web_sidebar_0001_1 .btn:hover{background: var(--color-primary);}

 #launcher,
.zendesk-messenger-launcher,
iframe[src*="zendesk"][title*="launcher"] {display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important;}
iframe[title*="Messaging window"]{z-index: 10000 !important; max-height: 65vh !important; bottom: calc( 14.96% + 104px) !important; right: 120px !important;}

@media (max-width: 1920px) {
    #ly_web_sidebar_0001_1{gap: 30px;}
}
@media (max-width: 1024px) { 
    #ly_web_sidebar_0001_1{width: 40px; gap: 20px; bottom: 8%; right: 40px;}
    #ly_web_sidebar_0001_1 .btn{height: 40px;}
    #ly_web_sidebar_0001_1 .btn img{transform: scale(.7);}
    
    iframe[title*="Messaging window"]{bottom: calc( 8% + 80px) !important; right: 80px !important;}
}
@media (max-width: 992px) { 
    #ly_web_sidebar_0001_1{width: .303rem; gap: .1515rem; bottom: 8%; right: .303rem;}
    #ly_web_sidebar_0001_1 .btn{height: .303rem;}
}
@media (max-width: 768px) { 
    #ly_web_sidebar_0001_1{width: .6rem; gap: .2rem; bottom: 5%; right: .32rem;}
    #ly_web_sidebar_0001_1 .btn{height: .6rem;}
    
    iframe[title*="Messaging window"]{bottom: 0 !important; right: 0 !important; top: inherit !important;}
}
.m30-page {
	--m30-pc-scale: 1;
	--m30-site-header-h: 70px;
	--m30-hero-design-h: calc(100vh - var(--m30-site-header-h));
	--m30-blue: #0071e3;
	overflow: hidden;
	background: #ffffff;
	color: #000000;
	font-family: Figtree, Arial, Helvetica, sans-serif;
}

@supports (height: 100svh) {
	.m30-page {
		--m30-hero-design-h: calc(100svh - var(--m30-site-header-h));
	}
}

.m30-page *,
.m30-page *::before,
.m30-page *::after {
	box-sizing: border-box;
}

.m30-visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.m30-subnav-holder {
	position: relative;
	width: 100%;
	height: 0;
	visibility: hidden;
	pointer-events: none;
	z-index: 50;
	background: #ffffff;
}

.m30-subnav-holder.is-revealed {
	height: 64px;
	visibility: visible;
	pointer-events: auto;
}

.m30-subnav {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 50;
	width: 100%;
	min-width: 320px;
	height: 64px;
	padding: 0 max(24px, calc((100vw - 1312px) / 2));
	background: rgba(255, 255, 255, 0.96);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

.m30-subnav.is-fixed {
	position: fixed;
	z-index: 100;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
}

#ly_web_header_0001_0.m30-subnav-site-header-hidden {
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none;
	transition: none !important;
}

.m30-subnav__inner {
	display: flex;
	align-items: center;
	gap: 32px;
	width: 100%;
	max-width: 1312px;
	height: 64px;
	margin: 0 auto;
}

.m30-subnav__brand {
	flex: 0 0 auto;
	margin: 0;
	color: #333333;
	font-size: 24px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: -0.04em;
	white-space: nowrap;
}

.m30-subnav__links-scroll {
	flex: 1 1 auto;
	min-width: 0;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}

.m30-subnav__links-scroll::-webkit-scrollbar {
	display: none;
}

.m30-subnav__links {
	display: flex;
	align-items: center;
	gap: 24px;
	width: max-content;
	margin: 0;
	padding: 0;
	list-style: none;
}

.m30-subnav__link {
	position: relative;
	display: block;
	padding: 24px 0;
	color: #999999;
	font-size: 16px;
	font-weight: 500;
	line-height: 16px;
	text-decoration: none;
	white-space: nowrap;
	transition: color 160ms ease;
}

.m30-subnav__link:hover,
.m30-subnav__link.is-active {
	color: #333333;
}

.m30-subnav__link.is-active::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 15px;
	height: 2px;
	border-radius: 2px;
	background: var(--m30-blue);
}

.m30-subnav__link:focus-visible,
.m30-subnav__cta:focus-visible {
	outline: 2px solid var(--m30-blue);
	outline-offset: 3px;
}

.m30-subnav__cta {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	min-width: 132px;
	height: 46px;
	padding: 0 26px;
	border-radius: 100px;
	background: var(--m30-blue);
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
	transition: opacity 180ms ease, transform 180ms ease;
}

.m30-subnav__cta:hover {
	opacity: 0.88;
}

.m30-subnav__cta:active {
	transform: translateY(1px);
}

#m30-silence,
#m30-energy-saving,
#m30-ai-agent,
#m30-quote {
	scroll-margin-top: 64px;
}

@media (max-width: 767px) {
	.m30-subnav-holder.is-revealed {
		height: 84px;
	}

	.m30-subnav {
		height: 84px;
		padding: 0 15px;
	}

	.m30-subnav__inner {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		grid-template-rows: 48px 36px;
		gap: 0;
		height: 84px;
	}

	.m30-subnav__brand {
		grid-column: 1;
		grid-row: 1;
		align-self: start;
		min-width: 0;
		max-width: 100%;
		padding-top: 16px;
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: 16px;
		letter-spacing: -0.04em;
	}

	.m30-subnav__cta {
		grid-column: 2;
		grid-row: 1;
		align-self: start;
		justify-self: end;
		min-width: 0;
		height: 30px;
		margin-top: 9px;
		padding: 0 16px;
		font-size: 12px;
	}

	.m30-subnav__links-scroll {
		grid-column: 1 / -1;
		grid-row: 2;
		width: calc(100% + 15px);
		height: 36px;
		padding-top: 7px;
		-webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 48px), transparent 100%);
		mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 48px), transparent 100%);
	}

	.m30-subnav__links {
		gap: 18px;
		padding-right: 30px;
	}

	.m30-subnav__link {
		height: 28px;
		padding: 2px 0 12px;
		font-size: 14px;
		line-height: 14px;
	}

	.m30-subnav__link.is-active::after {
		bottom: 5px;
	}

	#m30-silence,
	#m30-energy-saving,
	#m30-ai-agent,
	#m30-quote {
		scroll-margin-top: 84px;
	}
}

.m30-hero {
	position: relative;
	width: 100%;
	height: var(--m30-hero-design-h);
	margin-top: var(--m30-site-header-h);
	overflow: hidden;
	background: #eaf5ff;
}

.m30-hero__stage {
	position: absolute;
	top: 0;
	left: 50%;
	width: 1920px;
	height: 1024px;
	transform: translateX(-50%) scale(var(--m30-pc-scale));
	transform-origin: top center;
	z-index: 1;
}

.m30-hero__bg {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center center;
	pointer-events: none;
	user-select: none;
}

.m30-hero__bg--mobile {
	display: none;
}

.m30-hero__content {
	position: absolute;
	top: 87px;
	left: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 960px;
	transform: translateX(-50%);
	text-align: center;
}

.m30-hero__title {
	margin: 0;
	color: #000000;
	font-size: 64px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0;
	white-space: nowrap;
}

.m30-hero__title span {
	display: inline;
}

.m30-hero__title span + span::before {
	content: ' ';
}

.m30-hero__subtitle {
	margin: 10px 0 0;
	color: #000000;
	font-size: 32px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0;
	white-space: nowrap;
}

.m30-hero__actions {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 32px;
	margin-top: 55px;
}

.m30-hero__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 56px;
	padding: 0 48px;
	border-radius: 100px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	transition: opacity 0.2s ease, transform 0.2s ease;
}

.m30-hero__button:hover {
	opacity: 0.88;
}

.m30-hero__button:active {
	transform: translateY(1px);
}

.m30-hero__button--watch {
	display: inline-flex;
	gap: 10px;
	min-width: 212px;
	border: 1px solid var(--m30-blue);
	background: var(--m30-blue);
	color: #ffffff;
}

.m30-hero__button--buy {
	min-width: 158px;
	border: 3px solid var(--m30-blue);
	background: transparent;
	color: var(--m30-blue);
}

.m30-hero__button-icon {
	display: block;
	width: 14px;
	height: 16px;
	flex: 0 0 auto;
}

.m30-hero__mobile-actions {
	display: none;
}

.m30-hero__mobile-watch {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-width: 152px;
	height: 40px;
	padding: 0 24px;
	border: 1px solid var(--m30-blue);
	border-radius: 100px;
	background: var(--m30-blue);
	color: #ffffff;
	font-family: inherit;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
	letter-spacing: 0;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	touch-action: manipulation;
	transition: opacity 0.2s ease, transform 0.2s ease;
}

.m30-hero__mobile-watch:hover {
	opacity: 0.88;
}

.m30-hero__mobile-watch:active {
	transform: translateY(1px);
}

.m30-hero__mobile-watch-icon {
	display: block;
	width: 10px;
	height: 12px;
	flex: 0 0 auto;
}

.m30-hero__mobile-buy {
	display: none;
}

.m30-feature-grid {
	position: relative;
	width: 100%;
	padding-top: 99px;
	padding-bottom: 97px;
	overflow: hidden;
	background: #f5f5f7;
}

.m30-feature-grid__stage {
	position: relative;
	left: 50%;
	display: grid;
	grid-template-columns: 590px 590px;
	grid-template-rows: 407px 400px;
	gap: 12.93px 20.17px;
	width: 1920px;
	height: auto;
	padding: 0 359px;
	transform: translateX(-50%);
	transform-origin: top center;
}

.m30-feature-card {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 24px;
	color: #ffffff;
	text-decoration: none;
	background: #d9e4f1;
	scroll-margin-top: calc(var(--m30-site-header-h) + 16px);
}

.m30-feature-card--silence {
	grid-column: 1 / 3;
	width: 100%;
	height: 407px;
}

.m30-feature-card--energy {
	width: 590px;
	height: 400px;
}

.m30-feature-card--agent {
	width: 590px;
	height: 400px;
	background: #ffffff;
}

.m30-feature-card__image {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center center;
	transition: transform 0.45s ease;
}

.m30-feature-card picture,
.m30-silence-detail__media picture,
.m30-ai-agent picture {
	display: block;
	width: 100%;
}

.m30-feature-card:hover .m30-feature-card__image,
.m30-feature-card:focus-visible .m30-feature-card__image {
	transform: scale(1.045);
}

.m30-feature-card__copy {
	position: absolute;
	left: 33.83px;
	bottom: 35.5px;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	color: #ffffff;
}

.m30-feature-card--agent .m30-feature-card__copy {
	left: 30.72px;
	bottom: 35.86px;
}

.m30-feature-card__title {
	display: block;
	font-size: 40px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0;
	white-space: nowrap;
}

.m30-feature-card__desc {
	display: block;
	margin-top: 0;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0;
	white-space: nowrap;
}

.m30-feature-card__desc--mobile {
	display: none;
}

.m30-feature-card__arrow {
	position: absolute;
	right: 32px;
	bottom: 32px;
	z-index: 1;
	display: block;
	width: 32px;
	height: 32px;
	max-width: none;
	pointer-events: none;
}

.m30-feature-grid__note {
	grid-column: 1 / 3;
	justify-self: center;
	width: 600px;
	max-width: 100%;
	margin: 28px auto 0;
	color: #666666;
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: 0;
	text-align: center;
	white-space: nowrap;
}

.m30-feature-grid__note p {
	margin: 0;
}

.m30-feature-grid__note strong {
	color: #000000;
	font-weight: 500;
}

.m30-silence-detail {
	width: 100%;
	overflow: hidden;
	background: #f5f5f7;
	scroll-margin-top: calc(var(--m30-site-header-h) + 16px);
}

.m30-silence-detail__heading {
	padding-top: 99px;
	text-align: center;
}

.m30-silence-detail__title {
	margin: 0;
	color: #171717;
	font-size: 64px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0;
}

.m30-silence-detail__subtitle {
	margin: 2px 0 0;
	color: #000000;
	font-size: 32px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0;
}

.m30-silence-detail__media {
	position: relative;
	width: 100%;
	margin-top: 57px;
}

.m30-silence-detail__image {
	display: block;
	width: 100%;
	height: auto;
	max-width: none;
}

.m30-silence-detail__glass {
	position: absolute;
	top: 76.74%;
	left: 50.82%;
	z-index: 1;
	display: flex;
	width: 31.25%;
	height: 16.67%;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: min(20px, calc(20 / 1920 * 100vw)) min(32px, calc(32 / 1920 * 100vw));
	border-radius: min(24px, calc(24 / 1920 * 100vw));
	background: rgba(0, 0, 0, 0.1);
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
	color: #ffffff;
	text-align: center;
	transform: translateX(-50%);
}

.m30-silence-detail__metric {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: min(8px, calc(8 / 1920 * 100vw));
	font-size: min(32px, calc(32 / 1920 * 100vw));
	font-weight: 600;
	line-height: 1.2;
}

.m30-silence-detail__icon {
	display: block;
	width: min(39px, calc(39 / 1920 * 100vw));
	height: auto;
	flex: 0 0 auto;
}

.m30-silence-detail__metric sup {
	font-size: 64.5%;
	line-height: 0;
}

.m30-silence-detail__glass p {
	margin: 0;
	font-size: min(20px, calc(20 / 1920 * 100vw));
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0;
	white-space: nowrap;
}

.m30-ai-agent {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	padding: 96px 0 99px;
	background: #f5f5f7;
	overflow: hidden;
	scroll-margin-top: calc(var(--m30-site-header-h) + 16px);
}

.m30-ai-agent__heading {
	text-align: center;
}

.m30-ai-agent__title {
	margin: 0;
	color: #171717;
	font-size: 64px;
	font-weight: 600;
	line-height: 56px;
	letter-spacing: 0;
}

.m30-ai-agent__subtitle {
	margin: 0;
	color: #000000;
	font-size: 32px;
	font-weight: 400;
	line-height: 56px;
	letter-spacing: 0;
}

.m30-ai-agent__panel {
	width: 1440px;
	margin-top: 51px;
	padding: 60px 120px 96px;
	border-radius: 24px;
	background: #ffffff;
}

.m30-ai-agent__block {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.m30-ai-agent__block + .m30-ai-agent__block {
	margin-top: 100px;
}

.m30-ai-agent__block-title {
	margin: 0;
	color: #000000;
	font-size: 32px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0;
	text-align: center;
}

.m30-ai-agent__block-copy {
	color: #666666;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0;
	text-align: center;
}

.m30-ai-agent__block-copy--wide {
	width: 1066px;
	margin: 18px auto 0;
}

.m30-ai-agent__block-copy p {
	margin: 0;
}

.m30-ai-agent__image {
	display: block;
	width: 100%;
	height: auto;
	max-width: none;
	border-radius: 24px;
}

.m30-ai-agent__image--smart {
	max-width: 1200px;
	margin-top: 29px;
}

.m30-ai-agent__entertainment-media {
	position: relative;
	width: 1200px;
}

.m30-ai-agent__entertainment-title {
	position: absolute;
	top: 40px;
	left: 0;
	z-index: 2;
	width: 100%;
	margin: 0;
	color: #ffffff;
	font-size: 32px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0;
	text-align: center;
}

.m30-ai-agent .m30-ai-agent__entertainment-overlay {
	position: absolute;
	top: unset;
	bottom: 0px;
	left: 50%;
	z-index: 1;
	display: block;
	width: 89.25%;
	height: auto;
	max-width: none;
	transform: translateX(-50%);
	pointer-events: none;
}

.m30-ai-agent__entertainment-overlay img {
	display: block;
	width: 100%;
	height: auto;
}

.m30-ai-agent__features {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 65px;
	width: 1068px;
	margin: 36px auto 0;
}

.m30-ai-agent__feature {
	text-align: center;
}

.m30-ai-agent__feature h4 {
	margin: 0;
	color: #000000;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0;
}

.m30-ai-agent__feature h4 sup {
	font-size: 64.5%;
	line-height: 0;
}

.m30-ai-agent__feature p {
	margin: 12px 0 0;
	color: #666666;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0;
}

.m30-ai-agent__block--voice {
	margin-top: 94px;
}

.m30-ai-agent__image--voice {
	max-width: 1198px;
	margin-top: 38px;
}

.m30-ecosystem {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	padding: 83px 0 156px;
	background: #f5f5f7;
	overflow: hidden;
}

.m30-ecosystem__heading {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	text-align: center;
}

.m30-ecosystem__title {
	margin: 0;
	color: #000000;
	font-size: 32px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0;
}

.m30-ecosystem__subtitle {
	width: 1066px;
	margin: 12px auto 0;
	color: #666666;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0;
	text-align: center;
}

.m30-ecosystem__picture {
	display: block;
	width: 1200px;
	margin-top: 70px;
	border-radius: 24px;
	overflow: hidden;
}

.m30-ecosystem__image {
	display: block;
	width: 100%;
	height: auto;
}

.m30-energy-saving {
	position: relative;
	width: 100%;
	height: auto;
	background: #bdbec4;
	overflow: hidden;
	scroll-margin-top: calc(var(--m30-site-header-h) + 16px);
}

.m30-energy-saving__bg {
	display: block;
	width: 100%;
	height: auto;
}

.m30-energy-saving__bg-image {
	display: block;
	width: 100%;
	height: auto;
}

.m30-energy-saving__content {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	padding-top: 90px;
	text-align: center;
}

.m30-energy-saving__title {
	margin: 0;
	color: #171717;
	font-size: 64px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0;
}

.m30-energy-saving__subtitle {
	margin: 10px 0 0;
	color: #000000;
	font-size: 32px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0;
}

.m30-energy-saving__glass {
	position: absolute;
	bottom: 61px;
	left: 50%;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 600px;
	height: 160px;
	padding: 23px 20px 0;
	border: 1px solid rgba(255, 255, 255, 0.36);
	border-radius: 24px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.04) 100%),
		rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
	-webkit-backdrop-filter: blur(18px) saturate(140%);
	backdrop-filter: blur(18px) saturate(140%);
	transform: translateX(-50%);
}

.m30-energy-saving__metric {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	color: #ffffff;
	font-size: 32px;
	font-weight: 600;
	line-height: 38px;
	letter-spacing: 0;
	white-space: nowrap;
}

.m30-energy-saving__metric span {
	line-height: 38px;
}

.m30-energy-saving__metric span:first-of-type {
	margin-right: 11px;
}

.m30-energy-saving__metric-icon {
	display: block;
	height: auto;
}

.m30-energy-saving__metric-icon--bolt {
	width: 30px;
	margin-right: 6px;
}

.m30-energy-saving__metric-icon--heat {
	width: 29px;
	margin-right: 5px;
}

.m30-energy-saving__metric-arrow {
	display: block;
	width: 35px;
	height: auto;
	margin-right: 16px;
}

.m30-energy-saving__metric sup {
	font-size: 20px;
	line-height: 0;
}

.m30-energy-saving__glass p {
	width: 559px;
	margin: 11px auto 0;
	color: #ffffff;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0;
	text-align: center;
}

.m30-energy-saving__glass p + p {
	margin-top: 0;
}

.m30-refrigerant {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	padding: 172px 0 60px;
	background: #ffffff;
	overflow: hidden;
}

.m30-refrigerant__title {
	margin: 0;
	color: #171717;
	font-size: 64px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0;
	text-align: center;
	white-space: nowrap;
}

.m30-refrigerant__subtitle {
	margin: 9px 0 0;
	color: #000000;
	font-size: 32px;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0;
	text-align: center;
	white-space: nowrap;
}

.m30-refrigerant__scene {
	position: relative;
	width: 1200px;
	height: 640px;
	margin-top: 35px;
	border-radius: 24px;
}

.m30-refrigerant__picture,
.m30-refrigerant__image {
	display: block;
	width: 100%;
	height: 100%;
}

.m30-refrigerant__picture {
	border-radius: inherit;
	overflow: hidden;
}

.m30-refrigerant__image {
	object-fit: cover;
}

.m30-refrigerant__compare {
	position: absolute;
	left: 50%;
	bottom: 60px;
	width: 450px;
	height: 160px;
	color: #ffffff;
	transform: translateX(-50%);
}

.m30-refrigerant__compare-rail {
	position: absolute;
	bottom: 24px;
	left: 0;
	width: 450px;
	height: 111px;
	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: 24px;
	background: rgba(0, 0, 0, 0.1);
	-webkit-backdrop-filter: blur(16px) saturate(140%);
	backdrop-filter: blur(16px) saturate(140%);
}

.m30-refrigerant__compare-highlight {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 137px;
	height: 160px;
	border: 1px solid rgba(255, 255, 255, 0.24);
	border-radius: 24px;
	background: rgba(255, 255, 255, 0.1);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16);
	-webkit-backdrop-filter: blur(18px) saturate(140%);
	backdrop-filter: blur(18px) saturate(140%);
	transform: translateX(-50%);
}

.m30-refrigerant__compare::after {
	content: "";
	position: absolute;
	left: 29px;
	bottom: 85px;
	z-index: 1;
	display: block;
	width: 393px;
	height: 1px;
	background: rgba(255, 255, 255, 0.46);
	transform: rotate(0.29deg);
	pointer-events: none;
}

.m30-refrigerant__compare-item {
	position: absolute;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.m30-refrigerant__compare-item--left {
	bottom: 45px;
	left: 52px;
}

.m30-refrigerant__compare-item--center {
	bottom: 33px;
	left: 50%;
	transform: translateX(-50%);
}

.m30-refrigerant__compare-item--right {
	bottom: 45px;
	right: 52px;
}

.m30-refrigerant__compare-item span {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0;
}

.m30-refrigerant__compare-item strong {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 3px;
	margin-top: 28px;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0;
}

.m30-refrigerant__compare-item--center span,
.m30-refrigerant__compare-item--center strong {
	font-size: 32px;
}

.m30-refrigerant__compare-item img {
	display: block;
	width: 24px;
	height: auto;
}

.m30-refrigerant__insights {
	display: flex;
	justify-content: center;
	gap: 84px;
	width: 900px;
	margin-top: 96px;
}

.m30-refrigerant__insight {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 367px;
	color: #666666;
	text-align: center;
}

.m30-refrigerant__insight-heading {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	min-height: 49px;
	color: #2caaed;
	font-size: 32px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0;
	white-space: nowrap;
}

.m30-refrigerant__insight-heading img,
.m30-refrigerant__globe {
	display: block;
	width: 49px;
	height: auto;
}

.m30-refrigerant__insight-heading img {
	width: 38px;
}

.m30-refrigerant__insight-heading sup {
	font-size: 20px;
	line-height: 0;
}

.m30-refrigerant__insight p {
	width: 100%;
	margin: 24px auto 0;
	color: #666666;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0;
	text-align: center;
}

html.m30-video-modal-open,
body.m30-video-modal-open {
	overflow: hidden;
	overscroll-behavior: none;
}

.m30-video-modal {
	position: fixed;
	inset: 0;
	z-index: 10050;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 24px;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.6);
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
	touch-action: none;
}

.m30-video-modal.is-open {
	display: flex;
}

.m30-video-modal__dialog {
	display: flex;
	flex-direction: column;
	width: 1200px;
	max-width: 100%;
	overflow: hidden;
	border-radius: 20px;
	background: #1a1a1a;
}

.m30-video-modal__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 24px 24px 25px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.m30-video-modal__copy {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 8px;
}

.m30-video-modal__title {
	margin: 0;
	color: #ffffff;
	font-size: 24px;
	font-weight: 600;
	line-height: 28.8px;
	letter-spacing: 0;
}

.m30-video-modal__subtitle {
	margin: 0;
	color: rgba(255, 255, 255, 0.6);
	font-size: 16px;
	font-weight: 400;
	line-height: 19.2px;
	letter-spacing: 0;
}

.m30-video-modal__close {
	position: relative;
	width: 24px;
	height: 24px;
	flex: 0 0 auto;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}

.m30-video-modal__close::before,
.m30-video-modal__close::after {
	content: '';
	position: absolute;
	top: 11px;
	left: 2px;
	width: 20px;
	height: 2px;
	border-radius: 2px;
	background: #ffffff;
}

.m30-video-modal__close::before {
	transform: rotate(45deg);
}

.m30-video-modal__close::after {
	transform: rotate(-45deg);
}

.m30-video-modal__close-icon {
	display: none;
	width: 24px;
	height: 24px;
}

.m30-video-modal__frame-wrap {
	position: relative;
	width: 100%;
	height: 675px;
	background: #000000;
}

.m30-video-modal__frame {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.m30-video-modal__frame--native {
	display: block;
	object-fit: contain;
	background: #000000;
}

.m30-video-modal__frame--native[hidden],
.m30-video-modal__frame--embed[hidden] {
	display: none;
}

.m30-other-features {
	width: 100%;
	padding: 80px 0 100px;
	overflow: hidden;
	background: #f5f5f7;
}

.m30-other-features__title {
	margin: 0;
	color: #171717;
	font-size: 64px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -1.28px;
	text-align: center;
	white-space: nowrap;
}

.m30-other-features__stage {
	position: relative;
	left: 0;
	width: 100%;
	margin-top: 57px;
	transform: none;
	transform-origin: top center;
}

.m30-other-features__carousel {
	width: 100%;
	overflow: hidden;
	cursor: grab;
	touch-action: pan-y;
	user-select: none;
}

.m30-other-features__carousel.is-dragging {
	cursor: grabbing;
}

.m30-other-features__viewport {
	width: calc(50vw + 600px);
	margin-left: calc(50vw - 600px);
	overflow: hidden;
}

.m30-other-features__track {
	display: flex;
	gap: 60px;
	width: max-content;
	will-change: transform;
	transition: transform 520ms ease;
}

.m30-other-features__slide {
	position: relative;
	flex: 0 0 1200px;
	width: 1200px;
}

.m30-other-features__slide-media {
	position: relative;
	width: 100%;
	height: 617px;
	overflow: hidden;
	border-radius: 24px;
}

.m30-other-features__slide-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-user-drag: none;
	user-select: none;
	pointer-events: none;
}

.m30-other-features__slide-copy {
	position: absolute;
	top: 60px;
	left: 50%;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 760px;
	color: #ffffff;
	text-align: center;
	transform: translateX(-50%);
	pointer-events: none;
}

.m30-other-features__slide-copy h3 {
	margin: 0;
	font-size: 32px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0;
	white-space: nowrap;
}

.m30-other-features__slide-copy p {
	margin: 12px 0 0;
	font-size: 24px;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0;
}

.m30-other-features__slide-copy--dark {
	color: #000000;
}

.m30-other-features__controls {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 348px;
	height: 80px;
	margin: 40px auto 0;
	padding: 8px;
	border-radius: 100px;
	background: #ffffff;
}

.m30-other-features__arrow {
	--m30-other-features-arrow-stroke: #ffffff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	flex: 0 0 auto;
	padding: 0;
	border: 0;
	background: transparent;
	color: #666666;
	cursor: pointer;
	transition: opacity 0.2s ease, color 0.2s ease;
}

.m30-other-features__arrow-icon {
	display: block;
	width: 64px;
	height: 64px;
}

.m30-other-features__arrow.is-disabled,
.m30-other-features__arrow:disabled {
	color: #e5e5e5;
	cursor: default;
	pointer-events: none;
}

.m30-other-features__dots {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	flex: 0 0 auto;
}

.m30-other-features__dot {
	width: 12px;
	height: 12px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #d9d9d9;
	cursor: pointer;
	transition: background 0.2s ease, transform 0.2s ease;
}

.m30-other-features__dot.is-active {
	background: #171717;
}

.m30-other-features__grid {
	display: flex;
	justify-content: center;
	gap: 40px;
	width: 1200px;
	margin: 100px auto 0;
}

.m30-other-features__card {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 208px;
	height: auto;
	padding: 20px 16px 24px;
	border-radius: 24px;
	background: #ffffff;
	text-align: center;
}

.m30-other-features__icon-wrap {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 100px;
	flex: 0 0 auto;
	border: 5px solid #f5f6f8;
	border-radius: 50%;
	background: #ffffff;
}

.m30-other-features__icon {
	display: block;
	width: auto;
	height: auto;
	max-width: 72px;
	max-height: 58px;
	object-fit: contain;
}

.m30-other-features__icon--ota {
	width: 71px;
	height: 27px;
}

.m30-other-features__icon--wifi {
	width: 60px;
	height: 48px;
}

.m30-other-features__icon--compressor {
	width: 46px;
	height: 57px;
}

.m30-other-features__icon--heat-exchanger {
	width: 56px;
	height: 52px;
}

.m30-other-features__icon--evo {
	width: 66px;
	height: 26px;
}

.m30-other-features__card p {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	margin: 20px 0 0;
	color: #666666;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: -0.2px;
}

.m30-other-features__card p span {
	display: block;
}

@media (min-width: 768px) and (max-width: 1311px) {
	.m30-page {
		--m30-pc-scale: calc(100vw / 1312);
	}

	.m30-hero {
		height: var(--m30-hero-design-h);
	}

	.m30-hero__stage {
		left: 0;
		width: 100%;
		height: 100%;
		transform: none;
	}

	.m30-hero__content {
		top: calc(87 / 1312 * 100vw);
		left: 50%;
		width: calc(960 / 1312 * 100vw);
		transform: translateX(-50%);
	}

	.m30-hero__title {
		font-size: calc(64 / 1312 * 100vw);
		line-height: 1;
	}

	.m30-hero__subtitle {
		margin-top: calc(10 / 1312 * 100vw);
		font-size: calc(32 / 1312 * 100vw);
		line-height: 1.2;
	}

	.m30-hero__actions {
		gap: calc(32 / 1312 * 100vw);
		margin-top: calc(55 / 1312 * 100vw);
	}

	.m30-hero__button {
		height: calc(56 / 1312 * 100vw);
		padding-right: calc(48 / 1312 * 100vw);
		padding-left: calc(48 / 1312 * 100vw);
		border-radius: calc(100 / 1312 * 100vw);
		font-size: calc(16 / 1312 * 100vw);
	}

	.m30-hero__button--watch {
		gap: calc(10 / 1312 * 100vw);
		min-width: calc(212 / 1312 * 100vw);
		border-width: calc(1 / 1312 * 100vw);
	}

	.m30-hero__button--buy {
		min-width: calc(158 / 1312 * 100vw);
		border-width: calc(3 / 1312 * 100vw);
	}

	.m30-hero__button-icon {
		width: calc(14 / 1312 * 100vw);
		height: calc(16 / 1312 * 100vw);
	}

	.m30-feature-grid {
		padding-top: calc(99 / 1312 * 100vw);
		padding-bottom: calc(97 / 1312 * 100vw);
	}

	.m30-feature-grid__stage {
		left: 50%;
		grid-template-columns: calc(590 / 1312 * 100vw) calc(590 / 1312 * 100vw);
		grid-template-rows: calc(407 / 1312 * 100vw) calc(400 / 1312 * 100vw);
		gap: calc(12.93 / 1312 * 100vw) calc(20.17 / 1312 * 100vw);
		width: calc(1920 / 1312 * 100vw);
		height: auto;
		padding-right: calc(359 / 1312 * 100vw);
		padding-left: calc(359 / 1312 * 100vw);
		transform: translateX(-50%);
	}

	.m30-feature-card {
		border-radius: calc(24 / 1312 * 100vw);
	}

	.m30-feature-card--silence {
		width: 100%;
		height: calc(407 / 1312 * 100vw);
	}

	.m30-feature-card--energy {
		width: calc(590 / 1312 * 100vw);
		height: calc(400 / 1312 * 100vw);
	}

	.m30-feature-card--agent {
		width: calc(590 / 1312 * 100vw);
		height: calc(400 / 1312 * 100vw);
	}

	.m30-feature-card__copy {
		left: calc(33.83 / 1312 * 100vw);
		bottom: calc(35.5 / 1312 * 100vw);
	}

	.m30-feature-card--agent .m30-feature-card__copy {
		left: calc(30.72 / 1312 * 100vw);
		bottom: calc(35.86 / 1312 * 100vw);
	}

	.m30-feature-card__title {
		font-size: calc(40 / 1312 * 100vw);
	}

	.m30-feature-card__desc {
		font-size: calc(24 / 1312 * 100vw);
	}

	.m30-feature-card__arrow {
		right: calc(32 / 1312 * 100vw);
		bottom: calc(32 / 1312 * 100vw);
		width: calc(32 / 1312 * 100vw);
		height: calc(32 / 1312 * 100vw);
	}

	.m30-feature-grid__note {
		grid-column: 1 / 3;
		width: calc(600 / 1312 * 100vw);
		margin-top: calc(28 / 1312 * 100vw);
		font-size: calc(20 / 1312 * 100vw);
		line-height: calc(24 / 1312 * 100vw);
	}

	.m30-silence-detail__heading {
		padding-top: calc(99 / 1312 * 100vw);
	}

	.m30-silence-detail__title {
		font-size: calc(64 / 1312 * 100vw);
	}

	.m30-silence-detail__subtitle {
		margin-top: calc(2 / 1312 * 100vw);
		font-size: calc(32 / 1312 * 100vw);
	}

	.m30-silence-detail__media {
		margin-top: calc(57 / 1312 * 100vw);
	}

	.m30-silence-detail__glass {
		padding: calc(20 / 1920 * 100vw) calc(32 / 1920 * 100vw);
		border-radius: calc(24 / 1920 * 100vw);
	}

	.m30-silence-detail__metric {
		gap: calc(8 / 1920 * 100vw);
		font-size: calc(32 / 1920 * 100vw);
	}

	.m30-silence-detail__icon {
		width: calc(39 / 1920 * 100vw);
	}

	.m30-silence-detail__glass p {
		font-size: calc(20 / 1920 * 100vw);
	}

	.m30-ai-agent {
		padding-top: calc(96 / 1312 * 100vw);
		padding-bottom: calc(99 / 1312 * 100vw);
	}

	.m30-ai-agent__title {
		font-size: calc(64 / 1312 * 100vw);
		line-height: calc(56 / 1312 * 100vw);
	}

	.m30-ai-agent__subtitle {
		font-size: calc(32 / 1312 * 100vw);
		line-height: calc(56 / 1312 * 100vw);
	}

	.m30-ai-agent__panel {
		width: calc(1440 / 1312 * 100vw);
		margin-top: calc(51 / 1312 * 100vw);
		padding: calc(60 / 1312 * 100vw) calc(120 / 1312 * 100vw) calc(96 / 1312 * 100vw);
		border-radius: calc(24 / 1312 * 100vw);
	}

	.m30-ai-agent__block + .m30-ai-agent__block {
		margin-top: calc(100 / 1312 * 100vw);
	}

	.m30-ai-agent__block-title {
		font-size: calc(32 / 1312 * 100vw);
	}

	.m30-ai-agent__block-copy {
		font-size: calc(20 / 1312 * 100vw);
	}

	.m30-ai-agent__block-copy--wide {
		width: calc(1066 / 1312 * 100vw);
		margin-top: calc(18 / 1312 * 100vw);
	}

	.m30-ai-agent__image {
		border-radius: calc(24 / 1312 * 100vw);
	}

	.m30-ai-agent__image--smart {
		max-width: calc(1200 / 1312 * 100vw);
		margin-top: calc(29 / 1312 * 100vw);
	}

	.m30-ai-agent__entertainment-media {
		width: calc(1200 / 1312 * 100vw);
	}

	.m30-ai-agent__entertainment-title {
		top: calc(40 / 1312 * 100vw);
		font-size: calc(32 / 1312 * 100vw);
	}

	.m30-ai-agent .m30-ai-agent__entertainment-overlay {
		top: unset;
		bottom: 0px;
		width: 89.25%;
	}

	.m30-ai-agent__features {
		gap: calc(65 / 1312 * 100vw);
		width: calc(1068 / 1312 * 100vw);
		margin-top: calc(36 / 1312 * 100vw);
	}

	.m30-ai-agent__feature h4 {
		font-size: calc(24 / 1312 * 100vw);
	}

	.m30-ai-agent__feature p {
		margin-top: calc(12 / 1312 * 100vw);
		font-size: calc(20 / 1312 * 100vw);
	}

	.m30-ai-agent__block--voice {
		margin-top: calc(94 / 1312 * 100vw);
	}

	.m30-ai-agent__image--voice {
		max-width: calc(1198 / 1312 * 100vw);
		margin-top: calc(38 / 1312 * 100vw);
	}

	.m30-ecosystem {
		padding-top: calc(83 / 1312 * 100vw);
		padding-bottom: calc(156 / 1312 * 100vw);
	}

	.m30-ecosystem__title {
		font-size: calc(32 / 1312 * 100vw);
	}

	.m30-ecosystem__subtitle {
		width: calc(1066 / 1312 * 100vw);
		margin-top: calc(12 / 1312 * 100vw);
		font-size: calc(20 / 1312 * 100vw);
	}

	.m30-ecosystem__picture {
		width: calc(1200 / 1312 * 100vw);
		margin-top: calc(70 / 1312 * 100vw);
		border-radius: calc(24 / 1312 * 100vw);
	}

	.m30-energy-saving {
		scroll-margin-top: calc(var(--m30-site-header-h) + calc(16 / 1312 * 100vw));
	}

	.m30-energy-saving__content {
		padding-top: calc(90 / 1312 * 100vw);
	}

	.m30-energy-saving__title {
		font-size: calc(64 / 1312 * 100vw);
	}

	.m30-energy-saving__subtitle {
		margin-top: calc(10 / 1312 * 100vw);
		font-size: calc(32 / 1312 * 100vw);
	}

	.m30-energy-saving__glass {
		bottom: calc(61 / 1312 * 100vw);
		width: calc(600 / 1312 * 100vw);
		height: calc(160 / 1312 * 100vw);
		padding: calc(23 / 1312 * 100vw) calc(20 / 1312 * 100vw) 0;
		border-width: calc(1 / 1312 * 100vw);
		border-radius: calc(24 / 1312 * 100vw);
	}

	.m30-energy-saving__metric {
		font-size: calc(32 / 1312 * 100vw);
		line-height: calc(38 / 1312 * 100vw);
	}

	.m30-energy-saving__metric span {
		line-height: calc(38 / 1312 * 100vw);
	}

	.m30-energy-saving__metric span:first-of-type {
		margin-right: calc(11 / 1312 * 100vw);
	}

	.m30-energy-saving__metric-icon--bolt {
		width: calc(30 / 1312 * 100vw);
		margin-right: calc(6 / 1312 * 100vw);
	}

	.m30-energy-saving__metric-icon--heat {
		width: calc(29 / 1312 * 100vw);
		margin-right: calc(5 / 1312 * 100vw);
	}

	.m30-energy-saving__metric-arrow {
		width: calc(35 / 1312 * 100vw);
		margin-right: calc(16 / 1312 * 100vw);
	}

	.m30-energy-saving__metric sup {
		font-size: calc(20 / 1312 * 100vw);
	}

	.m30-energy-saving__glass p {
		width: calc(559 / 1312 * 100vw);
		margin-top: calc(11 / 1312 * 100vw);
		font-size: calc(20 / 1312 * 100vw);
	}

	.m30-refrigerant {
		padding-top: calc(172 / 1312 * 100vw);
		padding-bottom: calc(60 / 1312 * 100vw);
	}

	.m30-refrigerant__title {
		font-size: calc(64 / 1312 * 100vw);
	}

	.m30-refrigerant__subtitle {
		margin-top: calc(9 / 1312 * 100vw);
		font-size: calc(32 / 1312 * 100vw);
	}

	.m30-refrigerant__scene {
		width: calc(1200 / 1312 * 100vw);
		height: calc(640 / 1312 * 100vw);
		margin-top: calc(35 / 1312 * 100vw);
		border-radius: calc(24 / 1312 * 100vw);
	}

	.m30-refrigerant__compare {
		bottom: calc(60 / 1312 * 100vw);
		width: calc(450 / 1312 * 100vw);
		height: calc(160 / 1312 * 100vw);
	}

	.m30-refrigerant__compare-rail {
		bottom: calc(24 / 1312 * 100vw);
		width: calc(450 / 1312 * 100vw);
		height: calc(111 / 1312 * 100vw);
		border-radius: calc(24 / 1312 * 100vw);
	}

	.m30-refrigerant__compare-highlight {
		width: calc(137 / 1312 * 100vw);
		height: calc(160 / 1312 * 100vw);
		border-radius: calc(24 / 1312 * 100vw);
	}

	.m30-refrigerant__compare::after {
		left: calc(29 / 1312 * 100vw);
		bottom: calc(85 / 1312 * 100vw);
		width: calc(393 / 1312 * 100vw);
		height: calc(1 / 1312 * 100vw);
	}

	.m30-refrigerant__compare-item--left {
		bottom: calc(45 / 1312 * 100vw);
		left: calc(52 / 1312 * 100vw);
	}

	.m30-refrigerant__compare-item--center {
		bottom: calc(33 / 1312 * 100vw);
	}

	.m30-refrigerant__compare-item--right {
		bottom: calc(45 / 1312 * 100vw);
		right: calc(52 / 1312 * 100vw);
	}

	.m30-refrigerant__compare-item span,
	.m30-refrigerant__compare-item strong {
		font-size: calc(20 / 1312 * 100vw);
	}

	.m30-refrigerant__compare-item strong {
		gap: calc(3 / 1312 * 100vw);
		margin-top: calc(28 / 1312 * 100vw);
	}

	.m30-refrigerant__compare-item--center span,
	.m30-refrigerant__compare-item--center strong {
		font-size: calc(32 / 1312 * 100vw);
	}

	.m30-refrigerant__compare-item img {
		width: calc(24 / 1312 * 100vw);
	}

	.m30-refrigerant__insights {
		gap: calc(84 / 1312 * 100vw);
		width: calc(900 / 1312 * 100vw);
		margin-top: calc(96 / 1312 * 100vw);
	}

	.m30-refrigerant__insight {
		width: calc(367 / 1312 * 100vw);
	}

	.m30-refrigerant__insight-heading {
		gap: calc(15 / 1312 * 100vw);
		min-height: calc(49 / 1312 * 100vw);
		font-size: calc(32 / 1312 * 100vw);
	}

	.m30-refrigerant__insight-heading img,
	.m30-refrigerant__globe {
		width: calc(49 / 1312 * 100vw);
	}

	.m30-refrigerant__insight-heading img {
		width: calc(38 / 1312 * 100vw);
	}

	.m30-refrigerant__insight-heading sup {
		font-size: calc(20 / 1312 * 100vw);
	}

	.m30-refrigerant__insight p {
		margin-top: calc(24 / 1312 * 100vw);
		font-size: calc(20 / 1312 * 100vw);
	}

	.m30-video-modal {
		padding: calc(24 / 1312 * 100vw);
	}

	.m30-video-modal__dialog {
		width: min(calc(1200 / 1312 * 100vw), calc(100vw - (128 / 1312 * 100vw)));
		border-radius: calc(20 / 1312 * 100vw);
	}

	.m30-video-modal__header {
		gap: calc(24 / 1312 * 100vw);
		padding: calc(24 / 1312 * 100vw) calc(24 / 1312 * 100vw) calc(25 / 1312 * 100vw);
	}

	.m30-video-modal__copy {
		gap: calc(8 / 1312 * 100vw);
	}

	.m30-video-modal__title {
		font-size: calc(24 / 1312 * 100vw);
		line-height: calc(28.8 / 1312 * 100vw);
	}

	.m30-video-modal__subtitle {
		font-size: calc(16 / 1312 * 100vw);
		line-height: calc(19.2 / 1312 * 100vw);
	}

	.m30-video-modal__close,
	.m30-video-modal__close-icon {
		width: calc(24 / 1312 * 100vw);
		height: calc(24 / 1312 * 100vw);
	}

	.m30-video-modal__close::before,
	.m30-video-modal__close::after {
		top: calc(11 / 1312 * 100vw);
		left: calc(2 / 1312 * 100vw);
		width: calc(20 / 1312 * 100vw);
		height: calc(2 / 1312 * 100vw);
	}

	.m30-video-modal__frame-wrap {
		height: auto;
		aspect-ratio: 1200 / 675;
	}

	.m30-other-features {
		padding-top: calc(80 / 1312 * 100vw);
		padding-bottom: calc(100 / 1312 * 100vw);
	}

	.m30-other-features__title {
		font-size: calc(64 / 1312 * 100vw);
		letter-spacing: calc(-1.28 / 1312 * 100vw);
	}

	.m30-other-features__stage {
		left: 0;
		width: 100%;
		margin-top: calc(57 / 1312 * 100vw);
		transform: none;
	}

	.m30-other-features__viewport {
		width: calc(50vw + (600 / 1312 * 100vw));
		margin-left: calc(50vw - (600 / 1312 * 100vw));
	}

	.m30-other-features__track {
		gap: calc(60 / 1312 * 100vw);
	}

	.m30-other-features__slide {
		flex-basis: calc(1200 / 1312 * 100vw);
		width: calc(1200 / 1312 * 100vw);
	}

	.m30-other-features__slide-media {
		height: calc(617 / 1312 * 100vw);
		border-radius: calc(24 / 1312 * 100vw);
	}

	.m30-other-features__slide-copy {
		top: calc(60 / 1312 * 100vw);
		width: calc(760 / 1312 * 100vw);
	}

	.m30-other-features__slide-copy h3 {
		font-size: calc(32 / 1312 * 100vw);
	}

	.m30-other-features__slide-copy p {
		margin-top: calc(12 / 1312 * 100vw);
		font-size: calc(24 / 1312 * 100vw);
	}

	.m30-other-features__controls {
		width: calc(348 / 1312 * 100vw);
		height: calc(80 / 1312 * 100vw);
		margin-top: calc(40 / 1312 * 100vw);
		padding: calc(8 / 1312 * 100vw);
		border-radius: calc(100 / 1312 * 100vw);
	}

	.m30-other-features__arrow {
		width: calc(64 / 1312 * 100vw);
		height: calc(64 / 1312 * 100vw);
	}

	.m30-other-features__arrow-icon {
		width: calc(64 / 1312 * 100vw);
		height: calc(64 / 1312 * 100vw);
	}

	.m30-other-features__dots {
		gap: calc(12 / 1312 * 100vw);
	}

	.m30-other-features__dot {
		width: calc(12 / 1312 * 100vw);
		height: calc(12 / 1312 * 100vw);
	}

	.m30-other-features__grid {
		gap: calc(40 / 1312 * 100vw);
		width: calc(1200 / 1312 * 100vw);
		margin-top: calc(100 / 1312 * 100vw);
	}

	.m30-other-features__card {
		width: calc(208 / 1312 * 100vw);
		height: auto;
		padding: calc(20 / 1312 * 100vw) calc(16 / 1312 * 100vw) calc(24 / 1312 * 100vw);
		border-radius: calc(24 / 1312 * 100vw);
	}

	.m30-other-features__icon-wrap {
		width: calc(100 / 1312 * 100vw);
		height: calc(100 / 1312 * 100vw);
		border-width: calc(8 / 1312 * 100vw);
	}

	.m30-other-features__icon--ota {
		width: calc(71 / 1312 * 100vw);
		height: calc(27 / 1312 * 100vw);
	}

	.m30-other-features__icon--wifi {
		width: calc(60 / 1312 * 100vw);
		height: calc(48 / 1312 * 100vw);
	}

	.m30-other-features__icon--compressor {
		width: calc(46 / 1312 * 100vw);
		height: calc(57 / 1312 * 100vw);
	}

	.m30-other-features__icon--heat-exchanger {
		width: calc(56 / 1312 * 100vw);
		height: calc(52 / 1312 * 100vw);
	}

	.m30-other-features__icon--evo {
		width: calc(66 / 1312 * 100vw);
		height: calc(26 / 1312 * 100vw);
	}

	.m30-other-features__card p {
		margin-top: calc(20 / 1312 * 100vw);
		font-size: calc(20 / 1312 * 100vw);
		letter-spacing: calc(-0.2 / 1312 * 100vw);
	}
}

@media (max-width: 767px) {
	.m30-hero {
		--m30-site-header-h:70px;
		height: var(--m30-hero-design-h);
	}

	.m30-hero__bg {
		display: none;
	}

	.m30-hero__bg--mobile {
		display: block;
		object-position: center center;
	}

	.m30-hero__stage {
		left: 0;
		width: 100%;
		height: 100%;
		transform: none;
	}

	.m30-hero__content {
		top: 85px;
		left: 50%;
		width: calc(100% - 30px);
		max-width: none;
		transform: translateX(-50%);
		color: #ffffff;
	}

	.m30-hero__title {
		color: #ffffff;
		font-size: 24px;
		font-weight: 600;
		line-height: 24px;
		letter-spacing: 0;
		white-space: normal;
	}

	.m30-hero__title span {
		display: block;
	}

	.m30-hero__title span + span::before {
		content: '';
	}

	.m30-hero__subtitle {
		margin-top: 12px;
		color: #ffffff;
		font-family: Poppins, Figtree, Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: 400;
		line-height: 16px;
		letter-spacing: 0;
		white-space: normal;
	}

	.m30-hero__actions {
		display: none;
	}

	.m30-hero__mobile-actions {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		gap: 12px;
		margin-top: 29px;
	}

	.m30-hero__mobile-buy {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 152px;
		height: 40px;
		margin-top: 0;
		padding: 0 40px;
		border: 3px solid var(--m30-blue);
		border-radius: 100px;
		background: transparent;
		color: var(--m30-blue);
		font-size: 12px;
		font-weight: 500;
		line-height: 12px;
		letter-spacing: 0;
		text-align: center;
		text-decoration: none;
		white-space: nowrap;
	}

	.m30-feature-grid {
		padding: 23.72px 14.33px 39px;
		background: #ffffff;
	}

	.m30-feature-grid__stage {
		left: auto;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: none;
		gap: 12.9px;
		width: 100%;
		padding: 0;
		transform: none;
	}

	.m30-feature-card {
		width: 100%;
		height: auto;
		border-radius: 4px;
		background: transparent;
	}

	.m30-feature-card--silence,
	.m30-feature-card--energy,
	.m30-feature-card--agent {
		grid-column: auto;
		width: 100%;
		height: auto;
	}

	.m30-feature-card picture,
	.m30-feature-card__image {
		position: static;
		display: block;
		width: 100%;
		height: auto;
		border-radius: 4px;
		object-fit: unset;
	}

	.m30-feature-card:hover .m30-feature-card__image,
	.m30-feature-card:focus-visible .m30-feature-card__image {
		transform: none;
	}

	.m30-feature-card__arrow {
		display: none;
	}

	.m30-feature-card__copy {
		position: absolute;
		z-index: 1;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 0;
		left: 15.72px;
		bottom: 21px;
		color: #ffffff;
	}

	.m30-feature-card__title {
		font-size: 16px;
		font-weight: 600;
		line-height: 19.2px;
		letter-spacing: 0;
	}

	.m30-feature-card__desc {
		margin-top: 0;
		font-size: 8.6px;
		font-weight: 500;
		line-height: 10.03px;
		letter-spacing: 0;
	}

	.m30-feature-card__desc--pc {
		display: none;
	}

	.m30-feature-card__desc--mobile {
		display: block;
	}

	.m30-feature-card--silence .m30-feature-card__copy {
		bottom: 11px;
		color: #ffffff;
	}

	.m30-feature-card--energy .m30-feature-card__copy {
		bottom: 15px;
		color: #000000;
	}

	.m30-feature-card--agent .m30-feature-card__copy {
		bottom: 11px;
		left: 15.72px;
		color: #ffffff;
	}

	.m30-feature-grid__note {
		grid-column: auto;
		width: 100%;
		margin: 12.9px auto 0;
		color: #999999;
		font-size: 8.6px;
		font-weight: 500;
		line-height: 10.03px;
		letter-spacing: 0;
		white-space: normal;
	}

	.m30-feature-grid__note strong {
		color: #000000;
		font-weight: 500;
	}

	.m30-silence-detail {
		background: #ffffff;
	}

	.m30-silence-detail__heading {
		padding-top: 0px;
	}

	.m30-silence-detail__title {
		font-size: 24px;
		line-height: 29px;
		letter-spacing: 0;
	}

	.m30-silence-detail__subtitle {
		margin-top: 0;
		color: #333333;
		font-size: 20px;
		line-height: 24px;
	}

	.m30-silence-detail__media {
		margin-top: 12px;
	}

	.m30-silence-detail__image {
		width: 100%;
		height: auto;
	}

	.m30-silence-detail__glass {
		top: auto;
		bottom: 17px;
		left: 50%;
		width: 274px;
		height: 73px;
		padding: 12px 14px;
		border-radius: 17px;
	}

	.m30-silence-detail__metric {
		gap: 4px;
		font-size: 18.63px;
		line-height: 1.1;
		margin-bottom: 9px;
	}

	.m30-silence-detail__icon {
		width: 22px;
	}

	.m30-silence-detail__glass p {
		font-size: 10.03px;
		line-height: 1.08;
		white-space: normal;
	}

	.m30-ai-agent {
		padding: 0 0 30px;
		background: #f7f7f7;
	}

	.m30-ai-agent__heading {
		width: 100%;
		padding: 13px 15px 24px;
		background: #ffffff;
	}

	.m30-ai-agent__title {
		font-size: 24px;
		line-height: 40px;
		letter-spacing: 0;
	}

	.m30-ai-agent__subtitle {
		margin-top: -4px;
		color: #333333;
		font-size: 20px;
		font-weight: 500;
		line-height: 20px;
	}

	.m30-ai-agent__panel {
		width: 100%;
		margin-top: 24px;
		padding: 0 14px;
		border-radius: 0;
		background: #f7f7f7;
	}

	.m30-ai-agent__block + .m30-ai-agent__block {
		margin-top: 25px;
	}

	.m30-ai-agent__block-title {
		font-size: 20px;
		line-height: 24px;
	}

	.m30-ai-agent__block-copy {
		font-size: 8.6px;
		font-weight: 400;
		line-height: 1.16;
	}

	.m30-ai-agent__block-copy--wide {
		width: 100%;
		max-width: none;
		margin-top: 2px;
	}

	.m30-ai-agent__image {
		width: 100%;
		height: auto;
		border-radius: 4px;
	}

	.m30-ai-agent__image--smart {
		max-width: 100%;
		margin-top: 11px;
	}

	.m30-ai-agent__entertainment-media {
		width: 100%;
		margin-top: 0;
	}

	.m30-ai-agent__entertainment-title {
		top: 20px;
		font-size: 20px;
		line-height: 24px;
	}

	.m30-ai-agent .m30-ai-agent__entertainment-overlay {
		top: unset;
		bottom: 0px;
		width: 91.04%;
		max-width: none;
	}

	.m30-ai-agent__features {
		grid-template-columns: 1fr;
		gap: 20px;
		width: 100%;
		margin-top: 30px;
	}

	.m30-ai-agent__feature h4 {
		font-size: 14px;
		line-height: 1.2;
	}

	.m30-ai-agent__feature p {
		width: 100%;
		max-width: none;
		margin: 4px auto 0;
		color: #999999;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.15;
	}

	.m30-ai-agent__block--voice {
		margin-top: 23px;
	}

	.m30-ai-agent__image--voice {
		max-width: 100%;
		margin-top: 10px;
	}

	.m30-ecosystem {
		padding: 10px 15px 15px;
		background: #ffffff;
	}

	.m30-ecosystem__title {
		width: 100%;
		font-size: 20px;
		line-height: 24px;
	}

	.m30-ecosystem__subtitle {
		width: 100%;
		max-width: none;
		margin-top: 10px;
		color: #999999;
		font-size: 14px;
		font-weight: 400;
		line-height: 16.8px;
	}

	.m30-ecosystem__picture {
		max-width: 100%;
		margin-top: 25px;
		border-radius: 4px;
	}

	.m30-energy-saving {
		height: 466px;
		background: #ffffff;
		scroll-margin-top: calc(var(--m30-site-header-h) + 12px);
	}

	.m30-energy-saving__bg {
		position: absolute;
		inset: 91px 0 auto;
		height: 375px;
	}

	.m30-energy-saving__bg-image {
		height: 100%;
		object-fit: cover;
		object-position: center center;
	}

	.m30-energy-saving__content {
		padding-right: 15px;
		padding-top: 12px;
		padding-left: 15px;
	}

	.m30-energy-saving__title {
		font-size: 24px;
		line-height: 29px;
	}

	.m30-energy-saving__subtitle {
		margin-top: 5px;
		color: #333333;
		font-size: 20px;
		line-height: 20px;
	}

	.m30-energy-saving__glass {
		display: none;
	}

	.m30-energy-saving__metric {
		gap: 5px;
		font-size: 20px;
		line-height: 1.2;
	}

	.m30-energy-saving__metric span {
		line-height: 1.2;
	}

	.m30-energy-saving__metric span:first-of-type {
		margin-right: 0;
	}

	.m30-energy-saving__metric-icon--bolt,
	.m30-energy-saving__metric-icon--heat {
		width: 13px;
		margin-right: 0;
	}

	.m30-energy-saving__metric-arrow {
		width: 44px;
		margin-right: 0;
	}

	.m30-energy-saving__metric sup {
		font-size: 12px;
	}

	.m30-energy-saving__glass p {
		width: 100%;
		margin-top: 10px;
		font-size: 11px;
		line-height: 1.15;
	}

	.m30-refrigerant {
		height: auto;
		padding: 45px 0 35px;
		overflow: hidden;
	}

	.m30-refrigerant__title,
	.m30-refrigerant__subtitle,
	.m30-refrigerant__insights {
		position: static;
		transform: none;
	}

	.m30-refrigerant__title {
		width: calc(100% - 30px);
		font-size: 24px;
		line-height: 33px;
		white-space: normal;
	}

	.m30-refrigerant__subtitle {
		width: calc(100% - 30px);
		margin-top: 1px;
		color: #333333;
		font-size: 20px;
		line-height: 21px;
		white-space: normal;
	}

	.m30-refrigerant__scene {
		position: relative;
		width: 100%;
		height: 375px;
		margin-top: 23px;
		border-radius: 0;
	}

	.m30-refrigerant__image {
		height: 100%;
	}

	.m30-refrigerant__compare {
		bottom: 15px;
		width: 263.04px;
		height: 93.53px;
		max-width: none;
	}

	.m30-refrigerant__compare-rail {
		bottom: 14.56px;
		width: 263.04px;
		height: 64.88px;
		border-radius: 14.03px;
	}

	.m30-refrigerant__compare-highlight {
		width: 80.08px;
		height: 93.53px;
		border-radius: 14.03px;
	}

	.m30-refrigerant__compare::after {
		left: 16.95px;
		bottom: 50.85px;
		width: 229.72px;
		height: 1.17px;
	}

	.m30-refrigerant__compare-item--left {
		bottom: 25px;
		left: 28px;
	}

	.m30-refrigerant__compare-item--center {
		bottom: 18px;
	}

	.m30-refrigerant__compare-item--right {
		bottom: 25px;
		right: 28px;
	}

	.m30-refrigerant__compare-item span,
	.m30-refrigerant__compare-item strong {
		font-size: 11.69px;
	}

	.m30-refrigerant__compare-item strong {
		gap: 2px;
		margin-top: 15px;
	}

	.m30-refrigerant__compare-item--center span,
	.m30-refrigerant__compare-item--center strong {
		font-size: 18.71px;
	}

	.m30-refrigerant__compare-item img {
		width: 14px;
	}

	.m30-refrigerant__insights {
		display: flex;
		align-items: flex-start;
		justify-content: center;
		gap: 29px;
		width: calc(100% - 30px);
		margin-top: 23px;
	}

	.m30-refrigerant__insight {
		flex: 1 1 0;
		width: auto;
		min-width: 0;
	}

	.m30-refrigerant__insight:first-child {
		width: auto;
	}

	.m30-refrigerant__insight-heading {
		gap: 8px;
		min-height: 26.73px;
		font-size: 17.46px;
	}

	.m30-refrigerant__insight-heading img,
	.m30-refrigerant__globe {
		width: 26.73px;
	}

	.m30-refrigerant__insight-heading img {
		width: 20.73px;
	}

	.m30-refrigerant__insight-heading sup {
		font-size: 11.26px;
	}

	.m30-refrigerant__insight p {
		width: 100%;
		max-width: none;
		margin-top: 12.5px;
		color: #999999;
		font-size: 9.27px;
		font-weight: 400;
		line-height: 1.1;
	}

	.m30-video-modal {
		padding: 0;
	}

	.m30-video-modal__dialog {
		width: 100%;
		max-width: 100%;
		border-radius: 0;
		background: transparent;
	}

	.m30-video-modal__header {
		display: contents;
	}

	.m30-video-modal__copy {
		width: 100%;
		gap: 8px;
		padding: 20px 48px 20px 15px;
		background: #1a1a1a;
	}

	.m30-video-modal__title,
	.m30-video-modal__subtitle {
		font-size: 14px;
		line-height: 16.8px;
		white-space: normal;
	}

	.m30-video-modal__close {
		position: absolute;
		top: 20px;
		right: 15px;
		z-index: 2;
	}

	.m30-video-modal__frame-wrap {
		height: auto;
		aspect-ratio: 375 / 211;
		touch-action: auto;
	}

	.m30-other-features {
		padding: 10px 0 35px;
		background: #ffffff;
	}

	.m30-other-features__title {
		font-size: 24px;
		line-height: 29px;
		letter-spacing: 0;
	}

	.m30-other-features__stage {
		left: 0;
		width: 100%;
		margin-top: 14px;
		transform: none;
	}

	.m30-other-features__carousel {
		width: 100%;
		overflow: hidden;
		touch-action: pan-y;
		user-select: none;
	}

	.m30-other-features__viewport {
		width: calc(100% - 35px);
		/* max-width: 361px; */
		margin: 0 auto;
		padding: 0;
		overflow: hidden;
	}

	.m30-other-features__slide {
		display: block;
		flex: 0 0 100%;
		min-width: 100%;
		width: 100%;
		overflow: hidden;
	}

	.m30-other-features__track {
		display: flex;
		gap: 35px;
		width: 100%;
		will-change: transform;
	}

	.m30-other-features__slide-media {
		width: 100%;
		height: auto;
		overflow: hidden;
		border-radius: 4px;
		clip-path: inset(0 round 4px);
		background: #f5f5f7;
	}

	.m30-other-features__slide-image {
		display: block;
		width: 100%;
		height: auto;
		max-width: none;
		backface-visibility: hidden;
		transform: translateZ(0);
	}

	.m30-other-features__slide-copy {
		position: static;
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
		/* width: min(352px, 100%); */
		height: auto;
		margin: 20px auto 0;
		overflow: visible;
		clip: auto;
		color: #171717;
		text-align: left;
		transform: none;
		pointer-events: auto;
		white-space: normal;
	}

	.m30-other-features__slide-copy h3 {
		margin: 0;
		color: #333333;
		font-size: 20px;
		font-weight: 600;
		line-height: 20px;
		white-space: normal;
		text-align: left;
		width: 100%;
	}

	.m30-other-features__slide-copy p {
		margin: 8px 0 0;
		color: #666666;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.5;
		width: 100%;
		white-space: normal;
	}

	.m30-other-features__slide-copy--dark,
	.m30-other-features__slide-copy--dark p {
		color: #171717;
	}

	.m30-other-features__controls {
		display: flex;
		justify-content: center;
		width: auto;
		height: auto;
		margin-top: 24px;
		padding: 0;
		background: transparent;
	}

	.m30-other-features__arrow {
		display: none;
	}

	.m30-other-features__arrow {
		width: 32px;
		height: 32px;
	}

	.m30-other-features__arrow img {
		width: 6px;
		height: 12px;
	}

	.m30-other-features__dots {
		gap: 8px;
	}

	.m30-other-features__dot {
		width: 8px;
		height: 8px;
	}

	.m30-other-features__grid {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		column-gap: 41px;
		row-gap: 0;
		width: 315px;
		margin: 30px auto 0;
	}

	.m30-other-features__card {
		width: 76px;
		height: 76px;
		padding: 8px 4px 6px;
		border-radius: 8px;
	}

	.m30-other-features__card:nth-child(4),
	.m30-other-features__card:nth-child(5) {
		margin: 0;
	}

	.m30-other-features__icon-wrap {
		width: 37px;
		height: 37px;
		border-width: 3px;
	}

	.m30-other-features__icon--ota {
		width: 26px;
		height: 10px;
	}

	.m30-other-features__icon--wifi {
		width: 22px;
		height: 18px;
	}

	.m30-other-features__icon--compressor {
		width: 17px;
		height: 21px;
	}

	.m30-other-features__icon--heat-exchanger {
		width: 21px;
		height: 19px;
	}

	.m30-other-features__icon--evo {
		width: 24px;
		height: 10px;
	}

	.m30-other-features__card p {
		margin-top: 6px;
		color: #999999;
		font-size: 7.308px;
		line-height: normal;
		letter-spacing: 0;
	}
}

/* Figtree — /module/custom-web/products/m30 由模块加载时替换 */
@font-face {
	font-family: Figtree;
	src: url("/themes/default/css/font/Figtree-Regular.ttf") format("truetype");
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}
@font-face {
	font-family: Figtree;
	src: url("/themes/default/css/font//Figtree-Medium.ttf") format("truetype");
	font-style: normal;
	font-weight: 500;
	font-display: swap;
}
@font-face {
	font-family: Figtree;
	src: url("/themes/default/css/font//Figtree-SemiBold.ttf") format("truetype");
	font-style: normal;	
	font-weight: 600;
	font-display: swap;
}
@font-face {
	font-family: Figtree;
	src: url("/themes/default/css/font//Figtree-Bold.ttf") format("truetype");
	font-style: normal;
	font-weight: 700;
	font-display: swap;
}

/* M30 Product Page */
.m30-page,
.m30-page * {
	box-sizing: border-box;
	font-family: Figtree, sans-serif;
}

.m30-page {
	background: #fff;
	color: #333;
	--pc-u: 1px;
	--mobile-u: 1px;
}

@media (min-width: 768px) and (max-width: 1311px) {
	.m30-page {
		--pc-u: calc(100vw / 1312);
	}
}

@media (max-width: 767px) {
	.m30-page {
		--mobile-u: 1px;
	}
}

.m30-page img {
	max-width: 100%;
}

/* ── Turbo Technology Figma 14314:995 ── */
.m30-turbo {
	background: #fff;
}

.m30-turbo__inner {
	max-width: calc(768 * var(--mobile-u));
	margin: 0 auto;
	padding: calc(48 * var(--mobile-u)) calc(20 * var(--mobile-u)) calc(56 * var(--mobile-u));
}

.m30-turbo__header {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.m30-turbo__eyebrow {
	margin: 0;
	color: #0a0a0a;
	font-size: calc(20 * var(--mobile-u));
	font-weight: 500;
	line-height: 1.2;
}

.m30-turbo__brand {
	width: calc(320 * var(--mobile-u));
	height: auto;
	margin-top: calc(20 * var(--mobile-u));
}

.m30-turbo__list {
	display: flex;
	flex-direction: column;
	gap: calc(40 * var(--mobile-u));
	margin-top: calc(32 * var(--mobile-u));
}

.m30-turbo__row {
	display: flex;
	flex-direction: column;
	gap: calc(28 * var(--mobile-u));
}

.m30-turbo__media {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: auto;
	border-radius: calc(4 * var(--mobile-u));
	background: #eeeff2;
}

.m30-turbo__media picture {
	display: block;
	width: 100%;
	height: auto;
}

.m30-turbo__media-img {
	width: 100%;
	height: auto;
	max-width: none;
	object-fit: cover;
}

.m30-turbo__media-img--dc-inverter-tech {
	object-position: 42% 38%;
}

.m30-turbo__media-img--turbofan {
	object-position: 58% center;
}

.m30-turbo__media-img--pad-design {
	object-position: center 62%;
}

.m30-turbo__copy {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: calc(8 * var(--mobile-u));
	text-align: center;
}

.m30-turbo__title {
	margin: 0;
	color: #333;
	font-size: calc(20 * var(--mobile-u));
	font-weight: 600;
	line-height: 1;
	text-align: center;
}

.m30-turbo__desc {
	margin: 0;
	color: #666;
	font-size: calc(14 * var(--mobile-u));
	font-weight: 400;
	line-height: 1.5;
	text-align: center;
}

/* ── Testimonials Figma 14314:1038 ── */
.m30-testimonials {
	position: relative;
	overflow: hidden;
	background: #f5f5f7;
	--m30-testimonials-u: 1px;
}

.m30-testimonials__bg {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.m30-testimonials__bg-picture {
	display: block;
	width: 100%;
	height: 100%;
}

.m30-testimonials__bg-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center bottom;
}

@media (min-width: 768px) and (max-width: 1920px) {
	.m30-testimonials {
		--m30-testimonials-u: calc(100vw / 1920);
	}
}

@media (min-width: 768px) {
	.m30-testimonials__bg {
		position: relative;
		inset: auto;
	}

	.m30-testimonials__bg-picture,
	.m30-testimonials__bg-image {
		height: auto;
	}

	.m30-testimonials__bg-image {
		object-fit: unset;
	}

	.m30-testimonials__inner {
		position: absolute;
		inset: 0;
		z-index: 1;
	}
}

@media (max-width: 767px) {
	.m30-page .m30-hero{
		--m30-site-header-h:63px;
	}
	.m30-testimonials__bg-image {
		object-position: center center;
	}
}

.m30-testimonials__inner {
	position: relative;
	z-index: 1;
}

.m30-testimonials__track {
	display: flex;
	gap: calc(16 * var(--mobile-u));
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	scroll-padding-inline: calc((100% - 340 * var(--mobile-u)) / 2);
	padding: calc(80 * var(--mobile-u)) calc((100% - 340 * var(--mobile-u)) / 2) calc(64 * var(--mobile-u));
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.m30-testimonials__track::-webkit-scrollbar {
	display: none;
}

.m30-testimonials__pagination {
	display: none;
}

.m30-testimonial-card {
	position: relative;
	flex: 0 0 calc(247 * var(--mobile-u));
	min-height: calc(242 * var(--mobile-u));
	scroll-snap-align: center;
	overflow: hidden;
	border-radius: calc(16 * var(--mobile-u));
	background: rgba(0, 0, 0, 0.1);
	-webkit-backdrop-filter: blur(calc(12 * var(--mobile-u)));
	backdrop-filter: blur(calc(12 * var(--mobile-u)));
}

.m30-testimonial-card__head {
	position: relative;
	display: flex;
	align-items: center;
	min-height: calc(49 * var(--mobile-u));
	padding: calc(13 * var(--mobile-u)) calc(16 * var(--mobile-u)) calc(13 * var(--mobile-u)) calc(65 * var(--mobile-u));
	background: #fff;
}

.m30-testimonial-card__avatar {
	position: absolute;
	top: calc(9 * var(--mobile-u));
	left: calc(13 * var(--mobile-u));
	width: calc(31 * var(--mobile-u));
	height: calc(31 * var(--mobile-u));
	border-radius: 50%;
	object-fit: cover;
}

.m30-testimonial-card__name {
	margin: 0;
	color: #000;
	font-size: calc(13.265 * var(--mobile-u));
	font-weight: 500;
}

.m30-testimonial-card__body {
	padding: calc(16 * var(--mobile-u)) calc(20 * var(--mobile-u)) calc(24 * var(--mobile-u));
}

.m30-testimonial-card__quote {
	margin: 0;
	color: #fff;
	font-size: calc(13.265 * var(--mobile-u));
	font-weight: 500;
}

@media (max-width: 767px) {
	.m30-testimonials {
		background: #ffffff;
	}

	.m30-testimonials__bg {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		height: 325px;
	}

	.m30-testimonials__bg-picture,
	.m30-testimonials__bg-image {
		width: 100%;
		height: 100%;
	}

	.m30-testimonials__bg-image {
		object-fit: cover;
		object-position: center top;
	}

	.m30-testimonials__inner {
		position: relative;
		z-index: 1;
		overflow: hidden;
		padding-top: 73px;
		padding-bottom: 28px;
	}

	.m30-testimonials__track {
		width: max-content;
		gap: 82px;
		overflow: visible;
		scroll-snap-type: none;
		scroll-behavior: auto;
		scroll-padding-inline: 0;
		padding: 0 calc((100vw - 185px) / 2);
		transition: transform 520ms ease;
		touch-action: pan-y;
		will-change: transform;
		cursor: grab;
	}

	.m30-testimonials__track.is-dragging {
		transition: none;
		cursor: grabbing;
	}

	.m30-testimonial-card {
		flex: 0 0 185px;
		width: 185px;
		min-height: 168px;
		scroll-snap-align: none;
		border-radius: 8px;
	}

	.m30-testimonial-card__head {
		min-height: 34px;
		padding: 8px 10px 8px 42px;
	}

	.m30-testimonial-card__avatar {
		top: 7px;
		left: 10px;
		width: 20px;
		height: 20px;
	}

	.m30-testimonial-card__name {
		font-size: 10px;
		line-height: 1.2;
		white-space: nowrap;
	}

	.m30-testimonial-card__body {
		padding: 20px 18px 22px;
	}

	.m30-testimonial-card__quote {
		font-size: 10px;
		line-height: 1.15;
	}

	.m30-testimonials__pagination {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		margin-top: 18px;
	}

	.m30-testimonials__dot {
		display: block;
		width: 6px;
		height: 6px;
		padding: 0;
		border: 0;
		border-radius: 50%;
		background: rgba(0, 0, 0, 0.2);
		appearance: none;
		cursor: pointer;
	}

	.m30-testimonials__dot.is-active {
		background: #000000;
	}
}

/* ── Notes Figma 14314:1057 ── */
.m30-notes {
	background: #fff;
}

.m30-notes__inner {
	max-width: calc(768 * var(--mobile-u));
	margin: 0 auto;
	padding: calc(40 * var(--mobile-u)) calc(20 * var(--mobile-u));
}

.m30-notes__item {
	margin: 0;
	color: #999;
	font-size: calc(13 * var(--mobile-u));
	font-weight: 400;
	line-height: 1.45;
}

.m30-notes__item + .m30-notes__item {
	margin-top: calc(8 * var(--mobile-u));
}

/* ── PC 1920（768+）── */
@media (min-width: 768px) {
	.m30-turbo__inner {
		max-width: calc(1280 * var(--pc-u));
		padding: calc(80 * var(--pc-u)) calc(40 * var(--pc-u)) calc(96 * var(--pc-u));
	}

	.m30-turbo__eyebrow {
		font-size: calc(32 * var(--pc-u));
	}

	.m30-turbo__brand {
		width: calc(725 * var(--pc-u));
		margin-top: calc(24 * var(--pc-u));
	}

	.m30-turbo__list {
		gap: calc(40 * var(--pc-u));
		margin-top: calc(56 * var(--pc-u));
	}

	.m30-turbo__row {
		flex-direction: row;
		align-items: center;
		gap: calc(60 * var(--pc-u));
	}

	.m30-turbo__row--reverse {
		flex-direction: row-reverse;
	}

	.m30-turbo__media {
		flex: 0 0 calc(700 * var(--pc-u));
		width: calc(700 * var(--pc-u));
		height: calc(400 * var(--pc-u));
		border-radius: calc(24 * var(--pc-u));
	}

	.m30-turbo__copy {
		flex: 1 1 auto;
		min-width: 0;
		align-items: flex-start;
		gap: calc(12 * var(--pc-u));
		text-align: left;
	}

	.m30-turbo__title {
		font-size: calc(56 * var(--pc-u));
		line-height: 1.1;
		text-align: left;
		letter-spacing: calc(-1.12 * var(--pc-u));
	}

	.m30-turbo__desc {
		font-size: calc(20 * var(--pc-u));
		font-weight: 500;
		line-height: 1.2;
		text-align: left;
		letter-spacing: calc(-0.2 * var(--pc-u));
	}

	.m30-testimonials__inner {
		max-width: calc(1920 * var(--m30-testimonials-u));
		margin: 0 auto;
	}

	.m30-testimonial-card__head {
		min-height: calc(74 * var(--m30-testimonials-u));
		padding: calc(13 * var(--m30-testimonials-u)) calc(16 * var(--m30-testimonials-u)) calc(13 * var(--m30-testimonials-u)) calc(79 * var(--m30-testimonials-u));
	}

	.m30-testimonial-card__avatar {
		top: calc(13 * var(--m30-testimonials-u));
		left: calc(13 * var(--m30-testimonials-u));
		width: calc(48 * var(--m30-testimonials-u));
		height: calc(48 * var(--m30-testimonials-u));
	}

	.m30-testimonial-card__name {
		font-size: calc(20 * var(--m30-testimonials-u));
	}

	.m30-testimonial-card__body {
		padding: calc(40 * var(--m30-testimonials-u)) calc(40 * var(--m30-testimonials-u)) calc(28 * var(--m30-testimonials-u));
	}

	.m30-testimonial-card__quote {
		max-width: calc(293 * var(--m30-testimonials-u));
		font-size: calc(20 * var(--m30-testimonials-u));
		line-height: 1.2;
	}

	.m30-notes__inner {
		max-width: calc(1094 * var(--pc-u));
		padding: calc(80 * var(--pc-u)) calc(10 * var(--pc-u));
	}

	.m30-notes__item {
		font-size: calc(17 * var(--pc-u));
		line-height: 1.45;
	}

	.m30-notes__item + .m30-notes__item {
		margin-top: calc(4 * var(--pc-u));
	}
}

/* 768–1327：纵向排列（< 1328 非 PC 错落） */
@media (min-width: 768px) and (max-width: 1327px) {
	.m30-testimonials__track {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: calc(24 * var(--pc-u));
		position: relative;
		overflow: visible;
		min-height: 0;
		padding: calc(80 * var(--pc-u)) calc(40 * var(--pc-u)) calc(80 * var(--pc-u));
		scroll-padding-inline: 0;
	}

	.m30-testimonial-card {
		position: relative;
		left: auto;
		top: auto;
		flex: none;
		width: calc(373 * var(--pc-u));
		max-width: 100%;
		min-height: calc(365 * var(--pc-u));
		border-radius: calc(24 * var(--pc-u));
		transform: none;
		-webkit-backdrop-filter: blur(calc(12 * var(--pc-u)));
		backdrop-filter: blur(calc(12 * var(--pc-u)));
	}

	.m30-testimonial-card--top,
	.m30-testimonial-card--left,
	.m30-testimonial-card--right {
		left: auto;
		top: auto;
		transform: none;
	}
}

/* 1328–1761：横向错落三卡（同设计稿），两侧 flex-shrink 先挤压 */
@media (min-width: 1328px) and (max-width: 1761px) {
	.m30-testimonials__track {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: flex-start;
		gap: calc(40 * var(--m30-testimonials-u));
		box-sizing: border-box;
		width: 100%;
		max-width: calc(1920 * var(--m30-testimonials-u));
		margin: 0 auto;
		min-height: calc(700 * var(--m30-testimonials-u));
		padding: calc(80 * var(--m30-testimonials-u)) calc(40 * var(--m30-testimonials-u)) calc(80 * var(--m30-testimonials-u));
		overflow: visible;
	}

	.m30-testimonial-card {
		position: relative;
		left: auto;
		top: auto;
		transform: none;
		min-height: calc(365 * var(--m30-testimonials-u));
		border-radius: calc(24 * var(--m30-testimonials-u));
		-webkit-backdrop-filter: blur(calc(12 * var(--m30-testimonials-u)));
		backdrop-filter: blur(calc(12 * var(--m30-testimonials-u)));
	}

	/* 顶卡居中抬高，固定 373（同 turbo media flex: 0 0） */
	.m30-testimonial-card--top {
		order: 2;
		flex: 0 0 calc(373 * var(--m30-testimonials-u));
		width: calc(373 * var(--m30-testimonials-u));
		max-width: calc(373 * var(--m30-testimonials-u));
		margin-top: 0;
	}

	/* 左右卡略低错落，空间不足时先缩（同 turbo copy flex: 0 1; min-width: 0） */
	.m30-testimonial-card--left {
		order: 1;
		flex: 0 1 calc(373 * var(--m30-testimonials-u));
		width: calc(373 * var(--m30-testimonials-u));
		max-width: calc(373 * var(--m30-testimonials-u));
		min-width: 0;
		margin-top: calc(133 * var(--m30-testimonials-u));
	}

	.m30-testimonial-card--right {
		order: 3;
		flex: 0 1 calc(373 * var(--m30-testimonials-u));
		width: calc(373 * var(--m30-testimonials-u));
		max-width: calc(373 * var(--m30-testimonials-u));
		min-width: 0;
		margin-top: calc(133 * var(--m30-testimonials-u));
	}

	.m30-testimonial-card--left .m30-testimonial-card__quote,
	.m30-testimonial-card--right .m30-testimonial-card__quote {
		max-width: 100%;
	}
}

/* 1762+：1920 设计稿绝对错落 */
@media (min-width: 1762px) {
	.m30-testimonials__track {
		display: block;
		position: relative;
		min-height: calc(700 * var(--m30-testimonials-u));
		padding: 0 0 calc(80 * var(--m30-testimonials-u));
	}

	.m30-testimonial-card {
		position: absolute;
		width: calc(373 * var(--m30-testimonials-u));
		max-width: none;
		min-height: calc(365 * var(--m30-testimonials-u));
		border-radius: calc(24 * var(--m30-testimonials-u));
		transform: none;
		-webkit-backdrop-filter: blur(calc(12 * var(--m30-testimonials-u)));
		backdrop-filter: blur(calc(12 * var(--m30-testimonials-u)));
	}

	.m30-testimonial-card--top {
		left: 50%;
		top: calc(80 * var(--m30-testimonials-u));
		transform: translateX(-50%);
	}

	.m30-testimonial-card--left {
		left: 28.54%;
		top: calc(213 * var(--m30-testimonials-u));
		transform: translateX(-50%);
	}

	.m30-testimonial-card--right {
		left: 71.56%;
		top: calc(213 * var(--m30-testimonials-u));
		transform: translateX(-50%);
	}
}

@media (min-width: 1328px) {
	.m30-testimonials__track {
		position: absolute;
		inset: 0;
		display: block;
		width: 100%;
		max-width: none;
		min-height: 0;
		margin: 0;
		padding: 0;
		overflow: visible;
	}

	.m30-testimonial-card {
		position: absolute;
		width: calc(373 * var(--m30-testimonials-u));
		max-width: none;
		min-height: calc(365 * var(--m30-testimonials-u));
		border-radius: calc(24 * var(--m30-testimonials-u));
		transform: translateX(-50%);
		-webkit-backdrop-filter: blur(calc(12 * var(--m30-testimonials-u)));
		backdrop-filter: blur(calc(12 * var(--m30-testimonials-u)));
	}

	.m30-testimonial-card--top {
		left: calc(50% + calc(1.33 * var(--m30-testimonials-u)));
		top: calc(98.93 * var(--m30-testimonials-u));
		order: initial;
		margin-top: 0;
	}

	.m30-testimonial-card--left {
		left: calc(16.67% + calc(228.33 * var(--m30-testimonials-u)));
		top: calc(231.93 * var(--m30-testimonials-u));
		order: initial;
		margin-top: 0;
	}

	.m30-testimonial-card--right {
		left: calc(83.33% - calc(225.67 * var(--m30-testimonials-u)));
		top: calc(231.93 * var(--m30-testimonials-u));
		order: initial;
		margin-top: 0;
	}
}

@media (min-width: 768px) {
	.m30-testimonials__inner {
		position: absolute;
		inset: 0;
		z-index: 1;
		max-width: none;
		margin: 0;
	}

	.m30-testimonials__track {
		position: absolute;
		inset: 0;
		display: block;
		width: 100%;
		max-width: none;
		min-height: 0;
		margin: 0;
		padding: 0;
		overflow: visible;
	}

	.m30-testimonial-card {
		position: absolute;
		flex: none;
		width: calc(373 * var(--m30-testimonials-u));
		max-width: none;
		min-height: calc(365 * var(--m30-testimonials-u));
		border-radius: calc(24 * var(--m30-testimonials-u));
		transform: translateX(-50%);
		-webkit-backdrop-filter: blur(calc(12 * var(--m30-testimonials-u)));
		backdrop-filter: blur(calc(12 * var(--m30-testimonials-u)));
	}

	.m30-testimonial-card--top {
		left: calc(50% + calc(1.33 * var(--m30-testimonials-u)));
		top: calc(98.93 * var(--m30-testimonials-u));
		order: initial;
		margin-top: 0;
	}

	.m30-testimonial-card--left {
		left: calc(16.67% + calc(228.33 * var(--m30-testimonials-u)));
		top: calc(231.93 * var(--m30-testimonials-u));
		order: initial;
		margin-top: 0;
	}

	.m30-testimonial-card--right {
		left: calc(83.33% - calc(225.67 * var(--m30-testimonials-u)));
		top: calc(231.93 * var(--m30-testimonials-u));
		order: initial;
		margin-top: 0;
	}
}

.m30-page {
	--m30-site-header-h: 70px;
	--m30-hero-design-h: calc(100vh - var(--m30-site-header-h));
}

@supports (height: 100svh) {
	.m30-page {
		--m30-hero-design-h: calc(100svh - var(--m30-site-header-h));
	}
}

.m30-page .m30-hero {
	height: calc(100vh - 70px);
	height: var(--m30-hero-design-h);
	min-height: calc(100vh - 70px);
	min-height: var(--m30-hero-design-h);
}

.m30-page .m30-hero__bg {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
}

.m30-page .m30-hero__bg--mobile {
	display: none;
}

@media (max-width: 767px) {
	.m30-page .m30-hero__bg {
		display: none;
	}

	.m30-page .m30-hero__bg--mobile {
		display: block;
	}
}