@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;}
}
.x30-page {
	--x30-pc-u: 1px;
	--x30-blue: #0071e3;
	width: 100%;
	overflow: hidden;
	background: #ffffff;
	color: #ffffff;
	font-family: Figtree, Arial, Helvetica, sans-serif;
}

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

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

.x30-subnav-holder.is-revealed {
	height: 0;
	visibility: visible;
	pointer-events: auto;
}

.x30-subnav {
	position: absolute;
	top: 0;
	right: 0;
	left: 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);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
}

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

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

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

.x30-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;
}

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

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

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

.x30-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;
}

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

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

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

.x30-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(--x30-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;
}

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

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

#x30-turbo,
#x30-cop,
#x30-ai-control,
#x30-built-last,
#x30-quote {
	scroll-margin-top: 64px;
}

.x30-page #x30-quote .m30-quote__submit {
	background: var(--x30-blue);
}

.x30-hero {
	--x30-hero-u: min(1px, calc(100vw / 1920));
	--x30-hero-position-u: var(--x30-hero-u);
	--x30-hero-header: 48px;
	margin-top: var(--x30-hero-header);
	position: relative;
	width: 100%;
	/* height: calc(100vh - var(--x30-hero-header)); */
	height: 100vh;
	min-height: 0;
	overflow: hidden;
	background: linear-gradient(180deg, #fdfefe 0%, #b0b3b6 100%);
	color: #000000;
}

.x30-hero__media {
	position: absolute;
	inset: 0;
	overflow: hidden;
	pointer-events: none;
}

.x30-hero__image {
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	width: auto;
	height: 100%;
	min-width: 100%;
	max-width: none;
	object-fit: cover;
	object-position: top center;
	transform: translateX(-50%);
}

.x30-hero__content {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
}

.x30-hero__title {
	position: absolute;
	top: calc(133 * var(--x30-hero-position-u));
	/* left: calc(811 * var(--x30-hero-u)); */
	right: calc(100 * var(--x30-hero-position-u));
	margin: 0;
	font-family: "Figtree-Bold", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(64 * var(--x30-hero-u));
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0;
	white-space: nowrap;
	color: #000000;
}

.x30-hero__mobile-break {
	display: none;
}

.x30-hero__subtitle {
	position: absolute;
	top: calc(229 * var(--x30-hero-position-u));
	/* left: calc(1316 * var(--x30-hero-u)); */
	right: calc(259 * var(--x30-hero-position-u));
	margin: 0;
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(32 * var(--x30-hero-u));
	font-weight: 500;
	line-height: normal;
	white-space: nowrap;
	color: #000000;
}

.x30-hero__cta {
	position: absolute;
	top: calc(302 * var(--x30-hero-position-u));
	/* left: calc(1234 * var(--x30-hero-u)); */
	right: calc(514 * var(--x30-hero-position-u));
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: calc(180 * var(--x30-hero-u));
	min-width: 0;
	height: calc(54 * var(--x30-hero-u));
	margin: 0;
	padding: 0 calc(32 * var(--x30-hero-u));
	border-radius: 999px;
	background: #1d96ff;
	box-shadow: 0 4px 5px rgba(20, 96, 173, 0.1);
	color: #ffffff;
	font-family: "Figtree-Bold", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(16 * var(--x30-hero-u));
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
	transition: opacity 180ms ease, transform 180ms ease;
}

.x30-hero__cta:hover {
	opacity: 0.88;
}

.x30-hero__cta:active {
	transform: translateY(1px);
}

.x30-hero__cta:focus-visible {
	outline: 2px solid #ffffff;
	outline-offset: 4px;
}

.x30-ready {
	--x30-ready-u: min(1px, calc(100vw / 1920));
	position: relative;
	width: 100%;
	height: calc(1080 * var(--x30-ready-u));
	margin: 0 auto;
	overflow: hidden;
	background: #ffffff;
	color: #000000;
}

.x30-ready__picture {
	position: absolute;
	top: calc(32 * var(--x30-ready-u));
	left: calc(30 * var(--x30-ready-u));
	right: calc(30 * var(--x30-ready-u));
	display: block;
	height: calc(765 * var(--x30-ready-u));
	overflow: hidden;
	transform: none;
	transform-origin: center center;
}

.x30-ready__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.x30-ready__panel {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	color: #000000;
}

.x30-ready__heading-frame {
	position: absolute;
	top: calc(870 * var(--x30-ready-u));
	left: 50%;
	width: calc(851 * var(--x30-ready-u));
	height: calc(69 * var(--x30-ready-u));
	transform: translateX(-50%);
}

.x30-ready__heading-frame::before,
.x30-ready__heading-frame::after {
	display: none;
}

.x30-ready__title {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: "Figtree-Bold", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(56 * var(--x30-ready-u));
	font-weight: 700;
	line-height: calc(68.324 * var(--x30-ready-u));
	letter-spacing: 0;
	text-align: center;
	white-space: nowrap;
}

.x30-ready__title-mobile {
	display: none;
}

.x30-ready__title-pc br {
	display: none;
}

.x30-ready__intro {
	position: absolute;
	top: calc(844 * var(--x30-ready-u));
	left: 50%;
	width: calc(516 * var(--x30-ready-u));
	height: calc(25.289 * var(--x30-ready-u));
	margin: 0;
	padding: 0;
	font-family: "Figtree-SemiBold", "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(20 * var(--x30-ready-u));
	font-weight: 600;
	line-height: normal;
	letter-spacing: calc(-0.1 * var(--x30-ready-u));
	text-align: center;
	white-space: nowrap;
	transform: translateX(-50%);
}

.x30-ready__benefits {
	margin: 0;
	padding: 0;
	list-style: none;
}

.x30-ready__benefits::before,
.x30-ready__benefits::after {
	content: '';
	position: absolute;
	top: calc(994.5 * var(--x30-ready-u));
	z-index: 1;
	width: 1px;
	height: calc(29 * var(--x30-ready-u));
	background: rgba(0, 0, 0, 0.45);
}

.x30-ready__benefits::before {
	left: calc(664 * var(--x30-ready-u));
}

.x30-ready__benefits::after {
	left: calc(1256 * var(--x30-ready-u));
}

.x30-ready__benefit {
	position: absolute;
	top: calc(988 * var(--x30-ready-u));
	height: calc(40 * var(--x30-ready-u));
	margin: 0;
}

.x30-ready__benefit--one {
	left: calc(296 * var(--x30-ready-u));
	width: calc(313 * var(--x30-ready-u));
}

.x30-ready__benefit--two {
	left: calc(754 * var(--x30-ready-u));
	width: calc(472 * var(--x30-ready-u));
}

.x30-ready__benefit--three {
	left: calc(1327 * var(--x30-ready-u));
	width: calc(354 * var(--x30-ready-u));
}

.x30-ready__icon {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(40 * var(--x30-ready-u));
	height: calc(40 * var(--x30-ready-u));
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.x30-ready__icon--swim {
	background-image: url("/module/custom-web/products/x30/images/x30-ready__icon--swim.svg");
}

.x30-ready__icon--setup {
	background-image: url("/module/custom-web/products/x30/images/x30-ready__icon--setup.svg");
	/* width: calc(31 * var(--x30-ready-u));
	height: calc(31 * var(--x30-ready-u)); */
}

.x30-ready__icon--water {
	background-image: url("/module/custom-web/products/x30/images/x30-ready__icon--water.svg");
}

.x30-ready__benefit-text {
	position: absolute;
	top: calc(8 * var(--x30-ready-u));
	left: calc(50 * var(--x30-ready-u));
	width: auto;
	font-family: Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(20 * var(--x30-ready-u));
	font-weight: 400;
	line-height: normal;
	letter-spacing: calc(-0.4 * var(--x30-ready-u));
}

.x30-ready__benefit--two .x30-ready__benefit-text {
	top: calc(8 * var(--x30-ready-u));
	left: calc(42 * var(--x30-ready-u));
}

.x30-ready__benefit--three .x30-ready__benefit-text {
	top: calc(8 * var(--x30-ready-u));
}

@media (min-width: 768px) {
	.x30-ready__benefit-text {
		white-space: nowrap;
	}

	.x30-ready__benefit--two .x30-ready__benefit-text br {
		display: none;
	}

	.x30-ready__benefit--two .x30-ready__benefit-text {
		color: transparent;
	}

	.x30-ready__benefit--two .x30-ready__benefit-text::after {
		content: attr(data-x30-desktop-label);
		position: absolute;
		top: 0;
		left: 0;
		color: #000000;
		white-space: nowrap;
	}
}

.x30-turbo {
	--x30-turbo-u: min(1px, calc(100vw / 1920));
	position: relative;
	width: 100%;
	max-width: 1920px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	background: #ffffff;
	color: #000000;
}

.x30-turbo__picture,
.x30-turbo__image {
	display: block;
	width: 100%;
	height: auto;
}

.x30-turbo__image {
	object-fit: cover;
}

.x30-turbo__title,
.x30-turbo__subtitle,
.x30-turbo__description {
	position: absolute;
	left: calc(218 * var(--x30-turbo-u));
	margin: 0;
	padding: 0;
}

.x30-turbo__title {
	bottom: calc(890 * var(--x30-turbo-u));
	width: calc(447 * var(--x30-turbo-u));
	height: calc(58 * var(--x30-turbo-u));
	font-family: "Figtree-Bold", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(48 * var(--x30-turbo-u));
	font-weight: 400;
	line-height: calc(58 * var(--x30-turbo-u));
	letter-spacing: calc(-0.96 * var(--x30-turbo-u));
	white-space: nowrap;
}

.x30-turbo__subtitle {
	bottom: calc(832 * var(--x30-turbo-u));
	width: calc(287 * var(--x30-turbo-u));
	height: calc(38 * var(--x30-turbo-u));
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(32 * var(--x30-turbo-u));
	font-weight: 400;
	line-height: calc(38 * var(--x30-turbo-u));
	letter-spacing: calc(-0.64 * var(--x30-turbo-u));
	white-space: nowrap;
}

.x30-turbo__description {
	bottom: calc(628 * var(--x30-turbo-u));
	width: calc(492 * var(--x30-turbo-u));
	height: calc(195 * var(--x30-turbo-u));
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(20 * var(--x30-turbo-u));
	font-weight: 400;
	line-height: calc(30 * var(--x30-turbo-u));
	letter-spacing: calc(-0.4 * var(--x30-turbo-u));
	color: #242424;
}

/* X30 text exit motion is temporarily disabled. */

.x30-cop {
	--x30-cop-u: min(1px, calc(100vw / 1920));
	position: relative;
	width: 100%;
	max-width: 1920px;
	height: calc(1080 * var(--x30-cop-u));
	margin: 0 auto;
	overflow: hidden;
	background: #9f9f9f;
	color: #ffffff;
}

.x30-cop__picture {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.x30-cop__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.x30-cop__title,
.x30-cop__subtitle,
.x30-cop__description {
	position: absolute;
	left: 50%;
	z-index: 1;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000;
	transform: translateX(-50%);
}

.x30-cop__title {
	top: calc(105 * var(--x30-cop-u));
	width: calc(650 * var(--x30-cop-u));
	height: auto;
	font-family: "Figtree-Bold", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(48 * var(--x30-cop-u));
	font-weight: 700;
	line-height: normal;
	letter-spacing: calc(-0.96 * var(--x30-cop-u));
	white-space: nowrap;
}

.x30-cop__subtitle {
	top: calc(169 * var(--x30-cop-u));
	width: calc(480 * var(--x30-cop-u));
	height: auto;
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(32 * var(--x30-cop-u));
	font-weight: 400;
	line-height: normal;
	letter-spacing: calc(-0.64 * var(--x30-cop-u));
	white-space: nowrap;
}

.x30-cop__description {
	/* top: calc(882 * var(--x30-cop-u)); */
	bottom: 0px;
	width: calc(1114 * var(--x30-cop-u));
	height: calc(150 * var(--x30-cop-u));
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(20 * var(--x30-cop-u));
	font-weight: 500;
	line-height: normal;
	letter-spacing: calc(-0.4 * var(--x30-cop-u));
}

.x30-season {
	--x30-season-u: min(1px, calc(100vw / 1920));
	--x30-season-content-offset: 0px;
	--x30-season-image-height: calc(700 * var(--x30-season-u));
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 1920px;
	height: calc(var(--x30-season-image-height) + 380 * var(--x30-season-u));
	margin: 0 auto;
	overflow: hidden;
	background: #f5f5f7;
	color: #000000;
	touch-action: pan-y;
}

.x30-season__picture {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	height: var(--x30-season-image-height);
	overflow: hidden;
	touch-action: pan-y;
}

.x30-season__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
	user-select: none;
	-webkit-user-drag: none;
	touch-action: pan-y;
}

.x30-season__top-bg {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns:
		var(--x30-season-content-offset)
		calc(210 * var(--x30-season-u))
		calc(516 * var(--x30-season-u))
		calc(420 * var(--x30-season-u))
		calc(554 * var(--x30-season-u))
		minmax(0, 1fr);
	grid-template-rows:
		calc(86 * var(--x30-season-u))
		calc(69 * var(--x30-season-u))
		calc(34 * var(--x30-season-u))
		calc(95 * var(--x30-season-u))
		minmax(0, 1fr);
	width: 100%;
	height: calc(380 * var(--x30-season-u));
	background: #fcfcfc;
	touch-action: pan-y;
}

.x30-season__content {
	position: absolute;
	top: 0;
	bottom: 0;
	box-sizing: border-box;
	width: 50%;
	transition: background-color 0.2s ease;
}

.x30-season__content:hover {
	background: #eff1f5;
}

@media (hover: none), (pointer: coarse) {
	.x30-season__content {
		pointer-events: none;
	}

	.x30-season__content:hover {
		background: transparent;
	}
}

.x30-season__content--turbo {
	left: 0;
}

.x30-season__content--winter {
	right: 0;
}

.x30-season__title,
.x30-season__description {
	position: absolute;
	margin: 0;
	padding: 0;
	pointer-events: none;
}

.x30-season__title {
	top: calc(86 * var(--x30-season-u));
	height: calc(69 * var(--x30-season-u));
	line-height: normal;
}

.x30-season__title--turbo {
	left: calc(210 * var(--x30-season-u));
	width: calc(286 * var(--x30-season-u));
}

.x30-season__title--winter {
	left: calc(186 * var(--x30-season-u));
	width: calc(326 * var(--x30-season-u));
}

.x30-season__eyebrow,
.x30-season__heading {
	display: block;
	white-space: nowrap;
}

.x30-season__eyebrow {
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(24 * var(--x30-season-u));
	font-weight: 400;
	line-height: calc(29 * var(--x30-season-u));
	letter-spacing: calc(-0.48 * var(--x30-season-u));
}

.x30-season__heading {
	font-family: "Figtree-Bold", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(32 * var(--x30-season-u));
	font-weight: 700;
	line-height: calc(38 * var(--x30-season-u));
	letter-spacing: calc(-0.64 * var(--x30-season-u));
}

.x30-season__description {
	top: calc(189 * var(--x30-season-u));
	height: calc(95 * var(--x30-season-u));
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(20 * var(--x30-season-u));
	font-weight: 400;
	line-height: 1.1;
	letter-spacing: calc(-0.4 * var(--x30-season-u));
	color: #666666;
}

.x30-season__description--turbo {
	left: calc(210 * var(--x30-season-u));
	width: calc(516 * var(--x30-season-u));
}

.x30-season__description--winter {
	left: calc(188 * var(--x30-season-u));
	width: calc(554 * var(--x30-season-u));
}

.x30-r290 {
	--x30-r290-u: min(1px, calc(100vw / 1920));
	position: relative;
	width: 100%;
	max-width: 1920px;
	height: calc(1080 * var(--x30-r290-u));
	margin: 0 auto;
	overflow: hidden;
	background: #ffffff;
	color: #000000;
}

.x30-r290__picture {
	position: absolute;
	inset: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.x30-r290__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

.x30-r290__title,
.x30-r290__subtitle,
.x30-r290__description {
	position: absolute;
	left: 50%;
	z-index: 1;
	margin: 0;
	padding: 0;
	text-align: center;
	transform: translateX(-50%);
}

.x30-r290__title {
	top: calc(83 * var(--x30-r290-u));
	/* width: calc(881 * var(--x30-r290-u)); */
	height: auto;
	font-family: "Figtree-Bold", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(48 * var(--x30-r290-u));
	font-weight: 700;
	line-height: normal;
	letter-spacing: calc(-0.96 * var(--x30-r290-u));
}

.x30-r290__subtitle {
	top: calc(147 * var(--x30-r290-u));
	width: calc(755 * var(--x30-r290-u));
	height: auto;
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(32 * var(--x30-r290-u));
	font-weight: 500;
	line-height: normal;
	letter-spacing: calc(-0.64 * var(--x30-r290-u));
}

.x30-r290__description {
	top: calc(215 * var(--x30-r290-u));
	/* left: calc(1012.5 * var(--x30-r290-u)); */
	width: calc(1191 * var(--x30-r290-u));
	height: calc(72 * var(--x30-r290-u));
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(20 * var(--x30-r290-u));
	font-weight: 500;
	line-height: normal;
	letter-spacing: calc(-0.4 * var(--x30-r290-u));
	color: #666666;
}

.x30-ai-control {
	--x30-ai-u: min(1px, calc(100vw / 1920));
	position: relative;
	width: 100%;
	max-width: 1920px;
	height: calc(1540 * var(--x30-ai-u));
	margin: 0 auto;
	overflow: hidden;
	background: #d9d9d9;
	color: #000000;
}

.x30-ai-control__bg {
	position: absolute;
	inset: calc(-4 * var(--x30-ai-u)) 0 auto 0;
	height: calc(1648 * var(--x30-ai-u));
	background: #f5f5f5;
	/* background:
		radial-gradient(circle at 18% 24%, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0) 27%),
		radial-gradient(circle at 72% 12%, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0) 24%),
		linear-gradient(180deg, #f4f4f4 0%, #e5e5e5 46%, #d8d8d8 100%); */
}

.x30-ai-control__header {
	position: relative;
	z-index: 2;
	padding-top: calc(98 * var(--x30-ai-u));
	text-align: center;
}

.x30-ai-control__title,
.x30-ai-control__subtitle {
	margin: 0 auto;
	padding: 0;
	font-weight: 400;
	line-height: normal;
}

.x30-ai-control__title {
	width: calc(881 * var(--x30-ai-u));
	font-family: "Figtree-Bold", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(48 * var(--x30-ai-u));
	letter-spacing: calc(-0.96 * var(--x30-ai-u));
}

.x30-ai-control__subtitle {
	width: calc(755 * var(--x30-ai-u));
	margin-top: calc(8 * var(--x30-ai-u));
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(32 * var(--x30-ai-u));
	letter-spacing: calc(-0.64 * var(--x30-ai-u));
}

.x30-ai-control__swiper {
	position: absolute;
	top: calc(315 * var(--x30-ai-u));
	left: 50%;
	z-index: 2;
	width: calc(1160 * var(--x30-ai-u));
	overflow: visible;
	transform: translateX(-50%);
}

.x30-ai-control__swiper .swiper-wrapper {
	align-items: stretch;
}

.x30-ai-card {
	width: calc(1160 * var(--x30-ai-u));
	height: calc(930 * var(--x30-ai-u));
	margin-right: 0;
	overflow: hidden;
	border-radius: calc(20 * var(--x30-ai-u));
	background: #ffffff;
	box-shadow: none;
	transition: box-shadow 0.3s ease;
}

.x30-ai-card.swiper-slide-active,
.x30-ai-card:hover {
	box-shadow: 0 calc(4 * var(--x30-ai-u)) calc(20 * var(--x30-ai-u)) rgba(0, 0, 0, 0.05);
}

.x30-ai-card__media {
	position: relative;
	width: 100%;
	height: calc(640 * var(--x30-ai-u));
	overflow: hidden;
	border-radius: calc(20 * var(--x30-ai-u)) calc(20 * var(--x30-ai-u)) 0 0;
	background:
		linear-gradient(135deg, rgba(16, 95, 124, 0.1), rgba(172, 214, 222, 0.42)),
		#d8e4e8;
}

.x30-ai-card__media > picture,
.x30-ai-card__media > picture > img {
	display: block;
	width: 100%;
	height: 100%;
}

.x30-ai-card__media > picture > img {
	object-fit: cover;
}

.x30-ai-card__copy {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: calc(36 * var(--x30-ai-u));
	width: 100%;
	height: calc(290 * var(--x30-ai-u));
	padding: calc(72 * var(--x30-ai-u)) calc(64 * var(--x30-ai-u)) calc(49 * var(--x30-ai-u));
	text-align: center;
	background: #ffffff;
}

.x30-ai-card__copy h3 {
	width: calc(747 * var(--x30-ai-u));
	margin: 0;
	font-family: "Figtree-Bold", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(32 * var(--x30-ai-u));
	font-weight: 400;
	line-height: normal;
	letter-spacing: calc(-0.64 * var(--x30-ai-u));
}

.x30-ai-card__copy p {
	width: 100%;
	margin: 0;
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(20 * var(--x30-ai-u));
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: calc(-0.4 * var(--x30-ai-u));
	color: #666666;
}

.x30-ai-widget,
.x30-ai-mini,
.x30-ai-glass,
.x30-ai-report,
.x30-ai-ranking,
.x30-ai-voice {
	position: absolute;
	z-index: 2;
	background: rgba(255, 255, 255, 0.6);
	border: 1px solid rgba(255, 255, 255, 0.35);
	box-shadow: 0 calc(20 * var(--x30-ai-u)) calc(20 * var(--x30-ai-u)) rgba(0, 0, 0, 0.05);
	backdrop-filter: blur(calc(10 * var(--x30-ai-u)));
}

.x30-ai-widget--pump {
	top: calc(79 * var(--x30-ai-u));
	left: calc(70 * var(--x30-ai-u));
	width: calc(413 * var(--x30-ai-u));
	height: calc(480 * var(--x30-ai-u));
	border-radius: calc(16 * var(--x30-ai-u));
}

.x30-ai-widget--pump::after {
	content: '';
	position: absolute;
	top: calc(262 * var(--x30-ai-u));
	left: calc(30 * var(--x30-ai-u));
	z-index: 0;
	width: calc(354 * var(--x30-ai-u));
	height: calc(177 * var(--x30-ai-u));
	border-radius: calc(16 * var(--x30-ai-u));
	background: rgba(255, 255, 255, 0.6);
	box-shadow: 0 calc(20 * var(--x30-ai-u)) calc(20 * var(--x30-ai-u)) rgba(0, 0, 0, 0.05);
}

.x30-ai-widget--pump > * {
	z-index: 1;
}

.x30-ai-widget__temperature {
	position: absolute;
	top: calc(49 * var(--x30-ai-u));
	left: calc(64 * var(--x30-ai-u));
	font-family: "Figtree-Bold", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(92 * var(--x30-ai-u));
	line-height: 1;
	letter-spacing: calc(-1.84 * var(--x30-ai-u));
}

.x30-ai-widget__temperature sup {
	position: relative;
	top: calc(-32 * var(--x30-ai-u));
	margin-left: calc(4 * var(--x30-ai-u));
	font-family: Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(31 * var(--x30-ai-u));
	font-weight: 400;
}

.x30-ai-widget--pump h3 {
	position: absolute;
	top: calc(151 * var(--x30-ai-u));
	left: calc(18 * var(--x30-ai-u));
	width: calc(345 * var(--x30-ai-u));
	margin: 0;
	font-family: "Figtree-Bold", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(34 * var(--x30-ai-u));
	font-weight: 400;
	text-align: center;
}

.x30-ai-widget--pump p {
	position: absolute;
	top: calc(206 * var(--x30-ai-u));
	left: calc(68 * var(--x30-ai-u));
	margin: 0;
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(14 * var(--x30-ai-u));
	letter-spacing: calc(-0.14 * var(--x30-ai-u));
}

.x30-ai-widget__status {
	position: absolute;
	top: calc(284 * var(--x30-ai-u));
	left: calc(101 * var(--x30-ai-u));
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: calc(145 * var(--x30-ai-u));
	min-height: calc(33 * var(--x30-ai-u));
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(12 * var(--x30-ai-u));
	line-height: 1.35;
}

.x30-ai-widget__status b {
	font: inherit;
}

.x30-ai-widget__chart {
	position: absolute;
	left: calc(42 * var(--x30-ai-u));
	top: calc(344 * var(--x30-ai-u));
	width: calc(330 * var(--x30-ai-u));
	height: calc(41 * var(--x30-ai-u));
	overflow: visible;
}

.x30-ai-widget__chart-svg {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	overflow: visible;
}

.x30-ai-widget__chart-svg--back {
	top: calc(1 * var(--x30-ai-u));
	width: calc(328 * var(--x30-ai-u));
}

.x30-ai-widget__chart-line {
	fill: none;
	vector-effect: non-scaling-stroke;
	stroke-dasharray: 1;
	stroke-dashoffset: 1;
	transition: stroke-dashoffset 1000ms cubic-bezier(0.22, 1, 0.36, 1);
}

.x30-ai-widget__chart-line--back {
	stroke: #000000;
	stroke-width: 0.520593;
}

.x30-ai-widget__chart-line--main {
	stroke: #ff0000;
	stroke-width: 1.8;
}

.x30-ai-widget__chart-dot {
	opacity: 0;
	transform: scale(0.4);
	transform-box: fill-box;
	transform-origin: center;
	transition: opacity 260ms ease 1000ms, transform 420ms cubic-bezier(0.22, 1, 0.36, 1) 1000ms;
}

.x30-ai-widget__chart-dot--halo {
	fill: #ffffff;
	filter: drop-shadow(0 calc(3 * var(--x30-ai-u)) calc(3 * var(--x30-ai-u)) rgba(0, 0, 0, 0.25));
}

.x30-ai-widget__chart-dot--core {
	fill: #ff0000;
}

.x30-ai-card.is-counting .x30-ai-widget__chart-line {
	stroke-dashoffset: 0;
}

.x30-ai-card.is-counting .x30-ai-widget__chart-dot {
	opacity: 1;
	transform: scale(1);
}

.x30-ai-widget__times {
	position: absolute;
	right: calc(42 * var(--x30-ai-u));
	bottom: calc(57 * var(--x30-ai-u));
	left: calc(42 * var(--x30-ai-u));
	display: flex;
	justify-content: space-between;
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(10 * var(--x30-ai-u));
}

.x30-ai-mini {
	position: absolute;
	width: calc(223 * var(--x30-ai-u));
	height: calc(214 * var(--x30-ai-u));
	border-radius: calc(16 * var(--x30-ai-u));
	background: rgba(255, 255, 255, 0.6);
	box-shadow: 0 calc(20 * var(--x30-ai-u)) calc(20 * var(--x30-ai-u)) rgba(0, 0, 0, 0.05);
	font-family: Figtree, Arial, Helvetica, sans-serif;
}

.x30-ai-mini--eco {
	top: calc(79 * var(--x30-ai-u));
	left: calc(533 * var(--x30-ai-u));
}

.x30-ai-mini__eco-icon,
.x30-ai-mini__eco-svg,
.x30-ai-mini__cost-chart {
	position: absolute;
	z-index: 0;
	display: block;
	box-sizing: border-box;
	pointer-events: none;
	object-fit: contain;
}

.x30-ai-mini__eco-icon {
	border: 0;
	border-radius: 50%;
	background: transparent;
	box-shadow: none;
}

.x30-ai-mini__eco-icon::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 0;
	display: block;
	border-radius: inherit;
	border: calc(1.4 * var(--x30-ai-u)) solid rgba(213, 238, 240, 0.58);
	background: transparent;
	box-shadow:
		inset 0 0 0 calc(1.2 * var(--x30-ai-u)) rgba(213, 238, 240, 0.34),
		0 calc(1 * var(--x30-ai-u)) calc(3 * var(--x30-ai-u)) rgba(255, 255, 255, 0.22);
	pointer-events: none;
}

.x30-ai-mini__eco-icon--o2 {
	top: calc(24.35 * var(--x30-ai-u));
	left: calc(23.56 * var(--x30-ai-u));
	width: calc(47.12 * var(--x30-ai-u));
	height: calc(47.905 * var(--x30-ai-u));
}

.x30-ai-mini__eco-icon--co2 {
	top: calc(98.95 * var(--x30-ai-u));
	left: calc(23.56 * var(--x30-ai-u));
	width: calc(47.12 * var(--x30-ai-u));
	height: calc(46.334 * var(--x30-ai-u));
}

.x30-ai-mini__eco-icon .x30-ai-mini__eco-svg {
	inset: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	padding: 0;
	background: none;
	box-shadow: none;
}

.x30-ai-mini__eco-scale {
	position: absolute;
	z-index: 1;
	top: calc(159 * var(--x30-ai-u));
	left: 50%;
	transform: translateX(-50%);
	width: calc(162 * var(--x30-ai-u));
	height: calc(42 * var(--x30-ai-u));
	display: block;
	object-fit: contain;
	pointer-events: none;
}

.x30-ai-mini__cost-chart {
	top: calc(79.32 * var(--x30-ai-u));
	left: calc(30.63 * var(--x30-ai-u));
	width: calc(164.133 * var(--x30-ai-u));
	height: calc(82.459 * var(--x30-ai-u));
}

.x30-ai-mini__metric {
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	height: calc(55 * var(--x30-ai-u));
}

.x30-ai-mini__metric--o2 {
	top: calc(24 * var(--x30-ai-u));
}

.x30-ai-mini__metric--co2 {
	top: calc(99 * var(--x30-ai-u));
}

.x30-ai-mini__metric p,
.x30-ai-mini__cost-label,
.x30-ai-mini__cost-value {
	margin: 0;
	color: #010101;
	letter-spacing: calc(-0.1806 * var(--x30-ai-u));
	line-height: calc(18.062 * var(--x30-ai-u));
}

.x30-ai-mini__metric p {
	position: absolute;
	top: calc(3 * var(--x30-ai-u));
	left: calc(97 * var(--x30-ai-u));
	width: calc(116 * var(--x30-ai-u));
	font-size: 0;
}

.x30-ai-mini b,
.x30-ai-mini__cost-value b {
	font-family: "Figtree-SemiBold", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(18.848 * var(--x30-ai-u));
	font-weight: 600;
	line-height: calc(18.062 * var(--x30-ai-u));
}

.x30-ai-mini small,
.x30-ai-mini__cost-value small {
	font-family: Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(12 * var(--x30-ai-u));
	line-height: calc(18.062 * var(--x30-ai-u));
}

.x30-ai-mini__cost-value small {
	font-size: calc(14 * var(--x30-ai-u));
}

.x30-ai-mini__metric > span {
	position: absolute;
	top: calc(27 * var(--x30-ai-u));
	left: calc(100 * var(--x30-ai-u));
	width: calc(108 * var(--x30-ai-u));
	color: #010101;
	font-family: Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(12 * var(--x30-ai-u));
	font-weight: 400;
	line-height: calc(18.062 * var(--x30-ai-u));
	letter-spacing: calc(-0.1806 * var(--x30-ai-u));
}

.x30-ai-mini--cost {
	top: calc(345 * var(--x30-ai-u));
	left: calc(533 * var(--x30-ai-u));
}

.x30-ai-mini__cost-label {
	position: absolute;
	z-index: 1;
	top: calc(27 * var(--x30-ai-u));
	left: calc(34 * var(--x30-ai-u));
	width: calc(55 * var(--x30-ai-u));
	font-size: calc(18.848 * var(--x30-ai-u));
	font-weight: 400;
}

.x30-ai-mini__cost-value {
	position: absolute;
	z-index: 1;
	top: calc(27 * var(--x30-ai-u));
	left: calc(113 * var(--x30-ai-u));
	width: calc(96 * var(--x30-ai-u));
	font-size: 0;
}

.x30-ai-mini--cost em {
	position: absolute;
	z-index: 1;
	top: calc(168 * var(--x30-ai-u));
	width: calc(130 * var(--x30-ai-u));
	left: 50%;
	transform: translateX(-50%);
	font-style: normal;
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(14.136 * var(--x30-ai-u));
	font-weight: 500;
	line-height: calc(18.062 * var(--x30-ai-u));
	text-align: center;
	letter-spacing: calc(-0.1806 * var(--x30-ai-u));
	color: #010101;
}


.x30-ai-glass span,
.x30-ai-voice span {
	display: block;
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(16 * var(--x30-ai-u));
}

.x30-ai-glass strong,
.x30-ai-voice strong {
	display: block;
	margin-top: calc(112 * var(--x30-ai-u));
	font-family: "Figtree-SemiBold", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(20 * var(--x30-ai-u));
	font-weight: 400;
	text-align: right;
}

.x30-ai-report {
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
	background: transparent;
	box-shadow: none;
	backdrop-filter: none;
}

.x30-ai-report::before,
.x30-ai-report dl {
	content: '';
	position: absolute;
	top: calc(122 * var(--x30-ai-u));
	border-radius: calc(20 * var(--x30-ai-u));
	background: rgba(255, 255, 255, 0.2);
	box-shadow: 0 calc(19.97 * var(--x30-ai-u)) calc(19.97 * var(--x30-ai-u)) rgba(0, 0, 0, 0.05);
	backdrop-filter: blur(calc(14 * var(--x30-ai-u)));
}

.x30-ai-report::before {
	left: calc(65.49 * var(--x30-ai-u));
	width: calc(805.118 * var(--x30-ai-u));
	height: calc(426.041 * var(--x30-ai-u));
}

.x30-ai-report > span,
.x30-ai-report > strong {
	position: absolute;
	z-index: 1;
	left: calc(469.9 * var(--x30-ai-u));
	display: block;
	margin: 0;
	text-align: center;
	color: #ffffff;
	transform: translateX(-50%);
}

.x30-ai-report > span {
	top: calc(142.98 * var(--x30-ai-u));
	width: calc(83.866 * var(--x30-ai-u));
	height: calc(17.496 * var(--x30-ai-u));
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(13.419 * var(--x30-ai-u));
	font-weight: 500;
	line-height: normal;
}

.x30-ai-report > strong {
	top: calc(164.12 * var(--x30-ai-u));
	width: calc(193.228 * var(--x30-ai-u));
	height: calc(34.992 * var(--x30-ai-u));
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(26.837 * var(--x30-ai-u));
	font-weight: 500;
	line-height: normal;
}

.x30-ai-report__graph {
	position: absolute;
	z-index: 1;
	top: calc(210 * var(--x30-ai-u));
	left: calc(66.5 * var(--x30-ai-u));
	width: calc(805.745 * var(--x30-ai-u));
	height: calc(203.963 * var(--x30-ai-u));
	overflow: visible;
}

.x30-ai-report__area {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: calc(806 * var(--x30-ai-u));
	height: 100%;
}

.x30-ai-report__line-clip {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	overflow: hidden;
	transition: width 1800ms cubic-bezier(0.22, 1, 0.36, 1);
}

.x30-ai-card.is-report-line-played .x30-ai-report__line-clip {
	width: 100%;
	transition: none;
}

.x30-ai-card.is-report-line-counting .x30-ai-report__line-clip {
	width: 100%;
}

.x30-ai-report__line-svg {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: calc(806 * var(--x30-ai-u));
	height: calc(166 * var(--x30-ai-u));
	overflow: visible;
}

.x30-ai-report__dot {
	position: absolute;
	z-index: 2;
	top: calc(-5 * var(--x30-ai-u));
	left: calc(451 * var(--x30-ai-u));
	width: calc(24 * var(--x30-ai-u));
	height: calc(24 * var(--x30-ai-u));
	border: calc(6 * var(--x30-ai-u)) solid #ffffff;
	border-radius: 50%;
	background: #00c127;
	box-shadow: 0 calc(2 * var(--x30-ai-u)) calc(6 * var(--x30-ai-u)) rgba(0, 0, 0, 0.16);
	opacity: 0;
	transform: scale(0.4);
	transition: opacity 260ms ease 1260ms, transform 420ms cubic-bezier(0.22, 1, 0.36, 1) 1260ms;
}

.x30-ai-card.is-report-line-counting .x30-ai-report__dot,
.x30-ai-card.is-report-line-played .x30-ai-report__dot {
	opacity: 1;
	transform: scale(1);
}

.x30-ai-report__tip {
	position: absolute;
	z-index: 2;
	top: calc(224.63 * var(--x30-ai-u));
	left: calc(382.185 * var(--x30-ai-u));
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(85.879 * var(--x30-ai-u));
	height: calc(36 * var(--x30-ai-u));
	border-radius: calc(4 * var(--x30-ai-u));
	background: #ffffff;
	color: #049822;
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(14 * var(--x30-ai-u));
	font-weight: 500;
	line-height: normal;
	text-align: center;
}

.x30-ai-report__tip::after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: calc(-8 * var(--x30-ai-u));
	width: 0;
	height: 0;
	border-style: solid;
	border-width: calc(8 * var(--x30-ai-u)) calc(8 * var(--x30-ai-u)) 0 calc(8 * var(--x30-ai-u));
	border-color: #ffffff transparent transparent transparent;
	transform: translateX(-50%);
}

.x30-ai-report__months {
	position: absolute;
	z-index: 2;
	top: calc(448.14 * var(--x30-ai-u));
	left: calc(212 * var(--x30-ai-u));
	width: calc(516 * var(--x30-ai-u));
	height: calc(18 * var(--x30-ai-u));
	color: #ffffff;
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(13.419 * var(--x30-ai-u));
	font-weight: 500;
	line-height: normal;
}

.x30-ai-report__months span {
	position: absolute;
	top: 0;
	transform: translateX(-50%);
}

.x30-ai-report__months span:first-child {
	left: calc(34 * var(--x30-ai-u));
}

.x30-ai-report__months span:nth-child(2) {
	left: calc(302 * var(--x30-ai-u));
}

.x30-ai-report__months span:nth-child(3) {
	left: calc(484 * var(--x30-ai-u));
}

.x30-ai-report__range {
	position: absolute;
	z-index: 2;
	top: calc(482 * var(--x30-ai-u));
	left: calc(212 * var(--x30-ai-u));
	display: flex;
	align-items: center;
	width: calc(516 * var(--x30-ai-u));
	height: calc(36 * var(--x30-ai-u));
	border: calc(0.2 * var(--x30-ai-u)) solid #d1dece;
	border-radius: calc(134.186 * var(--x30-ai-u));
	background: rgba(217, 217, 217, 0.2);
	color: #ffffff;
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(13.419 * var(--x30-ai-u));
	font-weight: 500;
	line-height: normal;
	text-align: center;
	backdrop-filter: blur(calc(8 * var(--x30-ai-u)));
}

.x30-ai-report__range span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 25%;
	height: 100%;
	border-radius: inherit;
}

.x30-ai-report__range .is-active {
	border: calc(0.2 * var(--x30-ai-u)) solid #d1dece;
	background: rgba(217, 217, 217, 0.22);
	box-shadow: inset 0 0 calc(10 * var(--x30-ai-u)) rgba(255, 255, 255, 0.12);
}

.x30-ai-report dl {
	z-index: 1;
	left: calc(894 * var(--x30-ai-u));
	display: flex;
	flex-direction: column;
	gap: 0;
	width: calc(202 * var(--x30-ai-u));
	height: calc(426 * var(--x30-ai-u));
	margin: 0;
	padding: 0;
	color: #ffffff;
}

.x30-ai-report dl div {
	position: absolute;
	left: calc(34 * var(--x30-ai-u));
	width: calc(132 * var(--x30-ai-u));
}

.x30-ai-report dl div:first-child {
	top: calc(63 * var(--x30-ai-u));
}

.x30-ai-report dl div:nth-child(2) {
	top: calc(243.175 * var(--x30-ai-u));
}

.x30-ai-report dl div::after {
	content: attr(data-x30-last-year);
	display: block;
	margin-top: calc(2 * var(--x30-ai-u));
	font-family: Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(14 * var(--x30-ai-u));
	font-weight: 400;
	line-height: normal;
	color: #ffffff;
}

.x30-ai-report dl div:nth-child(2)::after {
	font-size: calc(16.578 * var(--x30-ai-u));
}

.x30-ai-report dt {
	margin: 0;
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(16.578 * var(--x30-ai-u));
	font-weight: 500;
	line-height: normal;
	color: #ffffff;
}

.x30-ai-report dd {
	display: flex;
	align-items: flex-end;
	margin: calc(2 * var(--x30-ai-u)) 0 0;
	font-family: "Figtree-Bold", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(53.051 * var(--x30-ai-u));
	font-weight: 700;
	line-height: 1;
	color: #ffffff;
}

.x30-ai-report dd small {
	margin-left: calc(4 * var(--x30-ai-u));
	margin-bottom: calc(8 * var(--x30-ai-u));
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(12 * var(--x30-ai-u));
	font-weight: 500;
	line-height: 1;
	color: #ffffff;
}

.x30-ai-ranking {
	top: calc(59 * var(--x30-ai-u));
	left: calc(65 * var(--x30-ai-u));
	width: calc(344 * var(--x30-ai-u));
	height: calc(526 * var(--x30-ai-u));
	border: 0;
	border-radius: calc(20 * var(--x30-ai-u));
	padding: 0;
	background: rgba(92, 93, 78, 0.72);
	box-shadow: 0 calc(20 * var(--x30-ai-u)) calc(20 * var(--x30-ai-u)) rgba(0, 0, 0, 0.05);
	backdrop-filter: blur(calc(12 * var(--x30-ai-u)));
	color: #ffffff;
}

.x30-ai-ranking__eyebrow {
	position: absolute;
	top: calc(30 * var(--x30-ai-u));
	left: 50%;
	margin: 0;
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(16 * var(--x30-ai-u));
	font-style: italic;
	font-weight: 500;
	line-height: normal;
	white-space: nowrap;
	transform: translateX(-50%);
}

.x30-ai-ranking h3 {
	position: absolute;
	top: calc(50 * var(--x30-ai-u));
	left: 50%;
	margin: 0;
	font-family: "Figtree-Bold", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(35.458 * var(--x30-ai-u));
	font-style: italic;
	font-weight: 800;
	line-height: normal;
	letter-spacing: calc(-0.7092 * var(--x30-ai-u));
	white-space: nowrap;
	transform: translateX(-50%);
}

.x30-ai-ranking ol {
	position: absolute;
	inset: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.x30-ai-ranking li {
	position: absolute;
	left: 0;
	width: 100%;
	height: calc(94 * var(--x30-ai-u));
	padding: 0;
}

.x30-ai-ranking li::before {
	content: counter(x30-rank);
	position: absolute;
	top: calc(17 * var(--x30-ai-u));
	left: calc(30 * var(--x30-ai-u));
	font-family: "Figtree-SemiBold", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(48 * var(--x30-ai-u));
	font-style: italic;
	font-weight: 600;
	line-height: normal;
	color: #ffffff;
	counter-increment: x30-rank;
}

.x30-ai-ranking ol {
	counter-reset: x30-rank;
}

.x30-ai-ranking li:first-child {
	top: calc(120 * var(--x30-ai-u));
}

.x30-ai-ranking li:nth-child(2) {
	top: calc(257 * var(--x30-ai-u));
}

.x30-ai-ranking li:nth-child(3) {
	top: calc(395 * var(--x30-ai-u));
}

.x30-ai-ranking li img {
	position: absolute;
	top: 0;
	left: calc(83 * var(--x30-ai-u));
	width: calc(94 * var(--x30-ai-u));
	height: calc(94 * var(--x30-ai-u));
	border-radius: 50%;
	object-fit: cover;
}

.x30-ai-ranking li > span {
	position: absolute;
	top: calc(11 * var(--x30-ai-u));
	left: calc(197 * var(--x30-ai-u));
	display: block;
	width: calc(130 * var(--x30-ai-u));
	padding: 0;
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(20 * var(--x30-ai-u));
	font-weight: 700;
	line-height: normal;
	color: #ffffff;
	white-space: nowrap;
}

.x30-ai-ranking b {
	position: absolute;
	top: calc(35 * var(--x30-ai-u));
	left: calc(197 * var(--x30-ai-u));
	display: flex;
	align-items: flex-end;
	margin: 0;
	font-family: "Figtree-Bold", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(36 * var(--x30-ai-u));
	font-weight: 700;
	line-height: normal;
	color: #ffffff;
}

.x30-ai-ranking small {
	margin-left: calc(4 * var(--x30-ai-u));
	margin-bottom: calc(7 * var(--x30-ai-u));
	font-family: Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(11.024 * var(--x30-ai-u));
	font-weight: 400;
	line-height: normal;
	color: #ffffff;
}

.x30-ai-voice {
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
	background: transparent;
	box-shadow: none;
	backdrop-filter: none;
}

.x30-ai-voice__bubble {
	--x30-voice-tail-left: calc(82 * var(--x30-ai-u));
	--x30-voice-bubble-bg: rgba(102, 103, 93, 0.88);
	--x30-voice-bubble-border: rgba(255, 255, 255, 0.48);
	position: absolute;
	z-index: 2;
	display: flex;
	align-items: center;
	height: calc(74.847 * var(--x30-ai-u));
	border: calc(1 * var(--x30-ai-u)) solid var(--x30-voice-bubble-border);
	border-radius: calc(999 * var(--x30-ai-u));
	background: var(--x30-voice-bubble-bg);
	box-shadow:
		inset 0 calc(1 * var(--x30-ai-u)) 0 rgba(255, 255, 255, 0.16),
		0 calc(19.97 * var(--x30-ai-u)) calc(19.97 * var(--x30-ai-u)) rgba(0, 0, 0, 0.05);
	color: #ffffff;
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(20 * var(--x30-ai-u));
	font-weight: 500;
	line-height: calc(28 * var(--x30-ai-u));
	letter-spacing: 0;
	white-space: nowrap;
	backdrop-filter: blur(calc(6 * var(--x30-ai-u)));
}

.x30-ai-voice__bubble::before,
.x30-ai-voice__bubble::after {
	content: '';
	position: absolute;
	left: var(--x30-voice-tail-left);
	clip-path: polygon(0 0, 100% 0, 58% 100%, 38% 100%);
}

.x30-ai-voice__bubble::before {
	bottom: calc(-15 * var(--x30-ai-u));
	width: calc(22 * var(--x30-ai-u));
	height: calc(18 * var(--x30-ai-u));
	background: var(--x30-voice-bubble-border);
}

.x30-ai-voice__bubble::after {
	bottom: calc(-13.2 * var(--x30-ai-u));
	width: calc(20 * var(--x30-ai-u));
	height: calc(16 * var(--x30-ai-u));
	margin-left: calc(1 * var(--x30-ai-u));
	background: var(--x30-voice-bubble-bg);
}

.x30-ai-voice__bubble--silence {
	--x30-voice-tail-left: calc(82 * var(--x30-ai-u));
	top: calc(46 * var(--x30-ai-u));
	left: calc(26 * var(--x30-ai-u));
	width: calc(275 * var(--x30-ai-u));
	padding-left: calc(31 * var(--x30-ai-u));
}

.x30-ai-voice__bubble--status {
	--x30-voice-tail-left: calc(82 * var(--x30-ai-u));
	top: calc(49 * var(--x30-ai-u));
	left: calc(381 * var(--x30-ai-u));
	width: calc(397 * var(--x30-ai-u));
	padding-left: calc(35 * var(--x30-ai-u));
}

.x30-ai-voice__bubble--off {
	--x30-voice-tail-left: calc(53 * var(--x30-ai-u));
	top: calc(49 * var(--x30-ai-u));
	left: calc(867 * var(--x30-ai-u));
	width: calc(257 * var(--x30-ai-u));
	padding-left: calc(20 * var(--x30-ai-u));
}

.x30-ai-voice__bubble--temperature {
	--x30-voice-tail-left: calc(40 * var(--x30-ai-u));
	top: calc(163 * var(--x30-ai-u));
	left: calc(109 * var(--x30-ai-u));
	width: calc(317 * var(--x30-ai-u));
	padding-left: calc(29 * var(--x30-ai-u));
}

.x30-ai-voice__bubble--schedule {
	--x30-voice-tail-left: calc(61 * var(--x30-ai-u));
	top: calc(151 * var(--x30-ai-u));
	left: calc(510 * var(--x30-ai-u));
	width: calc(605 * var(--x30-ai-u));
	height: calc(79.847 * var(--x30-ai-u));
	padding-left: calc(32 * var(--x30-ai-u));
	padding-right: calc(100 * var(--x30-ai-u));
	font-family: "Figtree-SemiBold", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(24 * var(--x30-ai-u));
	font-weight: 600;
	line-height: normal;
}

.x30-ai-voice__icon-video {
	position: absolute;
	z-index: 3;
	top: calc(150 * var(--x30-ai-u));
	left: calc(1037 * var(--x30-ai-u));
	width: calc(85.999 * var(--x30-ai-u));
	height: calc(85.999 * var(--x30-ai-u));
	border-radius: 50%;
	object-fit: contain;
	pointer-events: none;
}

.x30-ai-control__pagination {
	position: absolute;
	left: 50% !important;
	bottom: calc(115 * var(--x30-ai-u)) !important;
	z-index: 3;
	display: block;
	width: calc(312 * var(--x30-ai-u)) !important;
	height: calc(40 * var(--x30-ai-u)) !important;
	padding: 0;
	margin: 0;
	transform: translateX(-50%);
}

.x30-ai-control__pagination .swiper-pagination-bullet {
	--x30-dot-center: calc(20 * var(--x30-ai-u));
	position: absolute;
	top: calc(7.01 * var(--x30-ai-u));
	left: calc(var(--x30-dot-center) - 12.99 * var(--x30-ai-u));
	width: calc(25.98 * var(--x30-ai-u));
	height: calc(25.98 * var(--x30-ai-u));
	padding: 0;
	border: 0;
	border-radius: 50%;
	margin: 0 !important;
	opacity: 1;
	background: #dadada;
	box-shadow: none;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	transition: width 0.35s ease, height 0.35s ease, top 0.35s ease, left 0.35s ease, background-color 0.35s ease, border-color 0.35s ease;
}

.x30-ai-control__pagination .swiper-pagination-bullet:nth-child(2) { --x30-dot-center: calc(91.954 * var(--x30-ai-u)); }
.x30-ai-control__pagination .swiper-pagination-bullet:nth-child(3) { --x30-dot-center: calc(156.897 * var(--x30-ai-u)); }
.x30-ai-control__pagination .swiper-pagination-bullet:nth-child(4) { --x30-dot-center: calc(221.839 * var(--x30-ai-u)); }
.x30-ai-control__pagination .swiper-pagination-bullet:nth-child(5) { --x30-dot-center: calc(286.782 * var(--x30-ai-u)); }

.x30-ai-control__pagination .swiper-pagination-bullet-active {
	top: 0;
	left: calc(var(--x30-dot-center) - 20 * var(--x30-ai-u));
	width: calc(40 * var(--x30-ai-u));
	height: calc(40 * var(--x30-ai-u));
	border: calc(7.01 * var(--x30-ai-u)) solid #0976ff;
	background: #eff1f5;
}

.x30-ecosystem {
	--x30-eco-u: min(1px, calc(100vw / 1920));
	position: relative;
	width: 100%;
	max-width: 1920px;
	height: calc(1214 * var(--x30-eco-u));
	margin: 0 auto;
	overflow: hidden;
	background: linear-gradient(180deg, #edf1f2 0%, #d5dcdf 100%);
	color: #000000;
}

.x30-ecosystem__picture,
.x30-ecosystem__image {
	display: block;
	width: 100%;
	height: 100%;
}

.x30-ecosystem__picture {
	position: absolute;
	inset: 0;
}

.x30-ecosystem__image {
	object-fit: cover;
}

.x30-ecosystem__header {
	position: relative;
	z-index: 2;
	padding-top: calc(98 * var(--x30-eco-u));
	text-align: center;
}

.x30-ecosystem__title {
	width: calc(881 * var(--x30-eco-u));
	margin: 0 auto;
	font-family: "Figtree-Bold", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(48 * var(--x30-eco-u));
	font-weight: 400;
	line-height: normal;
	letter-spacing: calc(-0.96 * var(--x30-eco-u));
}

.x30-ecosystem__description {
	width: calc(888 * var(--x30-eco-u));
	margin: calc(40 * var(--x30-eco-u)) auto 0;
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(20 * var(--x30-eco-u));
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: calc(-0.4 * var(--x30-eco-u));
}

.x30-ecosystem-panel {
	position: absolute;
	top: calc(491 * var(--x30-eco-u));
	left: calc(124 * var(--x30-eco-u));
	z-index: 2;
	width: calc(613 * var(--x30-eco-u));
	height: calc(457 * var(--x30-eco-u));
	border-radius: calc(16.102 * var(--x30-eco-u));
	background: rgba(0, 0, 0, 0.3);
	box-shadow: 0 calc(20 * var(--x30-eco-u)) calc(20 * var(--x30-eco-u)) rgba(0, 0, 0, 0.05);
	-webkit-backdrop-filter: blur(calc(18 * var(--x30-eco-u))) saturate(120%);
	backdrop-filter: blur(calc(7 * var(--x30-eco-u))) saturate(120%);
}

.x30-ecosystem-panel__product {
	position: absolute;
	top: calc(59 * var(--x30-eco-u));
	left: calc(-2 * var(--x30-eco-u));
	display: block;
	width: calc(295 * var(--x30-eco-u));
	height: calc(174 * var(--x30-eco-u));
	object-fit: contain;
}

.x30-ecosystem-panel__content {
	position: absolute;
	inset: 0;
	color: #ffffff;
}

.x30-ecosystem-panel__content h3 {
	position: absolute;
	top: calc(59 * var(--x30-eco-u));
	left: calc(267 * var(--x30-eco-u));
	width: calc(301 * var(--x30-eco-u));
	height: calc(42 * var(--x30-eco-u));
	margin: 0;
	font-family: "Figtree-Bold", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(35 * var(--x30-eco-u));
	font-weight: 400;
	line-height: normal;
	white-space: nowrap;
}

.x30-ecosystem-panel__content p {
	position: absolute;
	top: calc(102 * var(--x30-eco-u));
	left: calc(267 * var(--x30-eco-u));
	width: calc(175 * var(--x30-eco-u));
	height: calc(24 * var(--x30-eco-u));
	margin: 0;
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(20 * var(--x30-eco-u));
	font-weight: 400;
	line-height: normal;
	white-space: nowrap;
}

.x30-ecosystem-panel__temperature {
	position: absolute;
	top: calc(133 * var(--x30-eco-u));
	left: calc(264 * var(--x30-eco-u));
	width: calc(160 * var(--x30-eco-u));
	height: calc(110 * var(--x30-eco-u));
	margin: 0;
	font-family: "Figtree-SemiBold", "Figtree-Bold", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(91.667 * var(--x30-eco-u));
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0;
}

.x30-ecosystem-panel__temperature sup {
	position: absolute;
	top: calc(18.333 * var(--x30-eco-u));
	left: calc(110.476 * var(--x30-eco-u));
	margin: 0;
	font-family: Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(31.429 * var(--x30-eco-u));
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0;
}

.x30-ecosystem-panel__temperature #x30-ecosystem-temp,
.x30-ecosystem-panel__temperature [data-x30-temp-count] {
	font-variant-numeric: tabular-nums;
}

.x30-count-odometer {
	display: inline-flex;
	align-items: flex-start;
	height: 1.08em;
	overflow: hidden;
	line-height: 1.08;
	font-variant-numeric: tabular-nums;
}

.x30-count-odometer__digit {
	display: block;
	width: 0.58em;
	height: 1.08em;
	overflow: hidden;
}

.x30-count-odometer__reel {
	display: flex;
	flex-direction: column;
	transform: translate3d(0, 0, 0);
	transition-property: transform;
	transition-timing-function: cubic-bezier(0.18, 0.86, 0.24, 1);
	will-change: transform;
}

.x30-count-odometer__reel span {
	display: block;
	height: 1.08em;
	line-height: 1.08;
}

.x30-ecosystem-panel__stats {
	position: absolute;
	inset: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.x30-ecosystem-panel__stat {
	position: absolute;
	left: calc(60 * var(--x30-eco-u));
	width: calc(403 * var(--x30-eco-u));
	height: calc(54 * var(--x30-eco-u));
	padding: 0;
	border-radius: calc(30 * var(--x30-eco-u));
	background: rgba(255, 255, 255, 0.2);
	color: #ffffff;
	font-family: Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(24 * var(--x30-eco-u));
	font-weight: 400;
	line-height: 1.2;
	white-space: nowrap;
}

.x30-ecosystem-panel__stat::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 0;
	padding: 1px;
	border-radius: inherit;
	background: linear-gradient(180deg, #ffffff 0%, #666666 100%);
	-webkit-mask:
		linear-gradient(#ffffff 0 0) content-box,
		linear-gradient(#ffffff 0 0);
	-webkit-mask-composite: xor;
	mask:
		linear-gradient(#ffffff 0 0) content-box,
		linear-gradient(#ffffff 0 0);
	mask-composite: exclude;
	pointer-events: none;
}

.x30-ecosystem-panel__stat--capacity {
	top: calc(268 * var(--x30-eco-u));
}

.x30-ecosystem-panel__stat--power {
	top: calc(337 * var(--x30-eco-u));
}

.x30-ecosystem-panel__icon {
	position: absolute;
	z-index: 1;
	display: block;
	object-fit: contain;
}

.x30-ecosystem-panel__stat--capacity .x30-ecosystem-panel__icon {
	top: calc(16 * var(--x30-eco-u));
	left: calc(20 * var(--x30-eco-u));
	width: calc(17 * var(--x30-eco-u));
	height: calc(18 * var(--x30-eco-u));
}

.x30-ecosystem-panel__stat--power .x30-ecosystem-panel__icon {
	top: calc(17 * var(--x30-eco-u));
	left: calc(14 * var(--x30-eco-u));
	width: calc(29 * var(--x30-eco-u));
	height: calc(29 * var(--x30-eco-u));
}

.x30-ecosystem-panel__stat > span {
	position: absolute;
	top: calc(12 * var(--x30-eco-u));
	left: calc(55 * var(--x30-eco-u));
	z-index: 1;
	display: inline-flex;
	align-items: baseline;
	gap: 0.18em;
}

.x30-ecosystem-panel__stat--power > span {
	top: calc(14 * var(--x30-eco-u));
}

.x30-connectivity {
	--x30-connect-u: min(1px, calc(100vw / 1920));
	position: relative;
	width: 100%;
	max-width: 1920px;
	height: calc(840 * var(--x30-connect-u));
	margin: 0 auto;
	overflow: hidden;
	background: #f2f2f2;
	color: #000000;
}

.x30-connectivity__copy {
	position: absolute;
	inset: 0;
	z-index: 2;
}

.x30-connectivity__item {
	position: absolute;
	left: calc(269 * var(--x30-connect-u));
	margin: 0;
	color: #000000;
}

.x30-connectivity__item--app {
	top: calc(162 * var(--x30-connect-u));
}

.x30-connectivity__item--voice {
	top: calc(308 * var(--x30-connect-u));
}

.x30-connectivity__item--ota {
	top: calc(491 * var(--x30-connect-u));
}

.x30-connectivity__item h2,
.x30-connectivity__item p {
	margin: 0;
	padding: 0;
	font-weight: 400;
	line-height: normal;
}

.x30-connectivity__item h2 {
	font-family: "Figtree-Bold", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(32 * var(--x30-connect-u));
	letter-spacing: calc(-0.64 * var(--x30-connect-u));
	white-space: nowrap;
}

.x30-connectivity__item p {
	margin-top: calc(20 * var(--x30-connect-u));
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(20 * var(--x30-connect-u));
	letter-spacing: calc(-0.4 * var(--x30-connect-u));
	color: #666666;
}

.x30-connectivity__item--app p {
	width: calc(221 * var(--x30-connect-u));
	text-align: center;
}

.x30-connectivity__item--voice p {
	width: calc(372 * var(--x30-connect-u));
}

.x30-connectivity__item--ota p {
	width: calc(396 * var(--x30-connect-u));
	margin-top: calc(23 * var(--x30-connect-u));
}

/* X30 connectivity text exit motion is temporarily disabled. */

.x30-connectivity__picture {
	position: absolute;
	top: calc(54 * var(--x30-connect-u));
	left: calc(960 * var(--x30-connect-u));
	z-index: 1;
	display: block;
	width: calc(552 * var(--x30-connect-u));
	height: auto;
}

.x30-connectivity__image {
	display: block;
	width: 100%;
	height: auto;
	object-fit: initial;
}

.x30-built-last {
	--x30-built-u: min(1px, calc(100vw / 1920));
	position: relative;
	width: 100%;
	max-width: 1920px;
	height: calc(887 * var(--x30-built-u));
	margin: 0 auto;
	overflow: hidden;
	background: linear-gradient(180deg, #ffffff 0%, #f5f5f5 100%);
	color: #000000;
}

.x30-built-last__picture {
	position: absolute;
	top: calc(-22.17 * var(--x30-built-u));
	left: calc(-82.06 * var(--x30-built-u));
	z-index: 1;
	display: block;
	width: calc(1360.121 * var(--x30-built-u));
	height: calc(888.348 * var(--x30-built-u));
	transform: rotate(0.27deg);
	transform-origin: center;
}

.x30-built-last__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.x30-built-last__content {
	position: absolute;
	inset: 0;
	z-index: 2;
}

.x30-built-last__content h2 {
	position: absolute;
	top: calc(144 * var(--x30-built-u));
	left: calc(1147 * var(--x30-built-u));
	/* width: calc(588 * var(--x30-built-u)); */
	margin: 0;
	font-family: "Figtree-Bold", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(48 * var(--x30-built-u));
	font-weight: 400;
	line-height: normal;
	letter-spacing: calc(-0.96 * var(--x30-built-u));
}

.x30-built-last__subtitle {
	position: absolute;
	top: calc(208 * var(--x30-built-u));
	left: calc(1147 * var(--x30-built-u));
	width: calc(441 * var(--x30-built-u));
	height: calc(42 * var(--x30-built-u));
	margin: 0;
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(32 * var(--x30-built-u));
	font-weight: 400;
	line-height: normal;
	letter-spacing: calc(-0.64 * var(--x30-built-u));
}

.x30-built-last__description {
	position: absolute;
	top: calc(286 * var(--x30-built-u));
	left: calc(1147 * var(--x30-built-u));
	width: calc(545 * var(--x30-built-u));
	height: calc(136 * var(--x30-built-u));
	margin: 0;
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(20 * var(--x30-built-u));
	font-weight: 400;
	line-height: normal;
	letter-spacing: calc(-0.4 * var(--x30-built-u));
	color: #666666;
}

.x30-built-last__badge {
	position: absolute;
	top: calc(496.2 * var(--x30-built-u));
	left: calc(1157 * var(--x30-built-u));
	width: calc(337.209 * var(--x30-built-u));
	height: calc(241.122 * var(--x30-built-u));
}

.x30-built-last__badge-icon {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.x30-owners {
	--x30-owners-u: min(1px, calc(100vw / 1920));
	position: relative;
	isolation: isolate;
	width: 100%;
	max-width: 1920px;
	height: calc(1080 * var(--x30-owners-u));
	margin: 0 auto;
	overflow: hidden;
	color: #000000;
	background: #ffffff;
}

.x30-owners__bg {
	position: absolute;
	top: calc(-43 * var(--x30-owners-u));
	left: calc(-146 * var(--x30-owners-u));
	width: calc(2066 * var(--x30-owners-u));
	height: calc(1166.429 * var(--x30-owners-u));
	background: #ffffff;
	/* background:
		radial-gradient(circle at 18% 18%, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0) 26%),
		radial-gradient(circle at 82% 16%, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 22%),
		linear-gradient(180deg, #f5f7f8 0%, #e3e7e9 48%, #d8dddf 100%); */
}

.x30-owners__header {
	position: relative;
	z-index: 2;
	padding-top: calc(111 * var(--x30-owners-u));
	text-align: center;
}

.x30-owners__title,
.x30-owners__subtitle {
	margin: 0 auto;
	font-weight: 400;
	line-height: normal;
	color: #000000;
}

.x30-owners__title {
	width: calc(881 * var(--x30-owners-u));
	font-family: "Figtree-Bold", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(48 * var(--x30-owners-u));
	letter-spacing: calc(-0.96 * var(--x30-owners-u));
}

.x30-owners__subtitle {
	width: calc(755 * var(--x30-owners-u));
	margin-top: calc(6 * var(--x30-owners-u));
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(32 * var(--x30-owners-u));
}

.x30-owners__swiper {
	--x30-owners-shadow-gutter: 0px;
	--x30-owners-shadow-bleed: calc(64 * var(--x30-owners-u));
	--x30-owners-edge-gap: calc(30 * var(--x30-owners-u));
	position: absolute;
	top: calc(316 * var(--x30-owners-u));
	left: calc(var(--x30-owners-edge-gap) - var(--x30-owners-shadow-gutter));
	z-index: 2;
	box-sizing: border-box;
	width: calc(4000* var(--x30-owners-u) + var(--x30-owners-shadow-gutter) * 2);
	padding: 0 var(--x30-owners-shadow-gutter) calc(56 * var(--x30-owners-u));
	overflow: hidden;
	filter: none;
	clip-path: inset(
		calc(-1 * var(--x30-owners-shadow-bleed))
		calc(-1 * var(--x30-owners-shadow-bleed))
		calc(-1 * var(--x30-owners-shadow-bleed))
		calc(-1 * var(--x30-owners-shadow-bleed))
	);
}

.x30-owners__swiper .swiper-wrapper {
	will-change: transform;
}

.x30-owner-card {
	position: relative;
	width: calc(584 * var(--x30-owners-u));
	height: calc(551 * var(--x30-owners-u));
	overflow: hidden;
	border-radius: calc(20 * var(--x30-owners-u));
	border: 0;
	background: rgba(255, 255, 255, 0.8);
	box-shadow: 0 calc(4 * var(--x30-owners-u)) calc(50 * var(--x30-owners-u)) rgba(0, 0, 0, 0.05);
	-webkit-backdrop-filter: blur(calc(2 * var(--x30-owners-u)));
	backdrop-filter: blur(calc(2 * var(--x30-owners-u)));
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: box-shadow 0.3s ease;
}

.x30-owner-card.swiper-slide-active,
.x30-owner-card:hover {
	box-shadow: 0 calc(4 * var(--x30-owners-u)) calc(50 * var(--x30-owners-u)) rgba(0, 0, 0, 0.05);
}

.x30-owner-card__media {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(318 * var(--x30-owners-u));
	overflow: hidden;
	background: linear-gradient(135deg, #e8ecef 0%, #cfd6d9 100%);
}

.x30-owner-card__media > picture {
	display: block;
	width: 100%;
	height: 100%;
}

.x30-owner-card__image {
	position: static;
	display: block;
	max-width: none;
	pointer-events: none;
	object-fit: cover;
}

.x30-owner-card__image--base {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.x30-owner-card__image--person-01 {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.x30-owner-card__image--person-02,
.x30-owner-card__image--person-04,
.x30-owner-card__image--person-06 {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.x30-owner-card__image--person-03,
.x30-owner-card__image--person-05 {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.x30-owner-card__body {
	position: absolute;
	inset: calc(318 * var(--x30-owners-u)) 0 0;
}

.x30-owner-card h3 {
	position: absolute;
	top: calc(35 * var(--x30-owners-u));
	left: calc(30 * var(--x30-owners-u));
	width: calc(136 * var(--x30-owners-u));
	height: calc(36 * var(--x30-owners-u));
	margin: 0;
	font-family: "Figtree-Bold", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(32 * var(--x30-owners-u));
	font-weight: 400;
	line-height: normal;
}

.x30-owner-card:first-child h3 {
	left: calc(24 * var(--x30-owners-u));
}

.x30-owner-card__quote {
	position: absolute;
	top: calc(42 * var(--x30-owners-u));
	right: calc(30 * var(--x30-owners-u));
	width: calc(39 * var(--x30-owners-u));
	height: calc(27 * var(--x30-owners-u));
	display: block;
	object-fit: contain;
	pointer-events: none;
}

.x30-owner-card:first-child .x30-owner-card__quote {
	right: calc(25 * var(--x30-owners-u));
}

.x30-owner-card p {
	position: absolute;
	top: calc(113 * var(--x30-owners-u));
	left: calc(30 * var(--x30-owners-u));
	width: calc(524 * var(--x30-owners-u));
	margin: 0;
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(18 * var(--x30-owners-u));
	font-weight: 400;
	line-height: 1.1;
	letter-spacing: calc(-0.36 * var(--x30-owners-u));
	color: #666666;
}

.x30-owner-card:first-child p {
	left: calc(24 * var(--x30-owners-u));
	width: calc(535 * var(--x30-owners-u));
}

.x30-owners__controls {
	position: absolute;
	top: calc(949 * var(--x30-owners-u));
	left: calc(1586 * var(--x30-owners-u));
	z-index: 6;
	display: flex;
	align-items: center;
	gap: calc(29 * var(--x30-owners-u));
	pointer-events: auto;
}

.x30-owners__button {
	--x30-owners-button-stroke: #666666;
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: calc(48 * var(--x30-owners-u));
	height: calc(48 * var(--x30-owners-u));
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #f5f5f5;
	color: #f5f5f5;
	cursor: pointer;
	pointer-events: auto;
	touch-action: manipulation;
	transform: translateZ(0);
	transition: color 180ms ease, opacity 180ms ease, transform 180ms ease;
}

.x30-owners__button:hover,
.x30-owners__button:focus-visible {
	--x30-owners-button-stroke: #ffffff;
	color: rgba(102, 102, 102, 1)
}

.x30-owners__button:active {
	transform: translateY(1px);
}

.x30-owners__button:focus-visible {
	outline: 2px solid #000000;
	outline-offset: calc(4 * var(--x30-owners-u));
}

.x30-owners__button.swiper-button-disabled,
.x30-owners__button:disabled {
	--x30-owners-button-stroke: #d9d9d9;
	color: rgba(255, 255, 255, 0.56);
	cursor: default;
	pointer-events: none;
}

.x30-owners__button-icon {
	display: block;
	width: 100%;
	height: 100%;
}

.x30-remarks {
	--x30-remarks-u: min(1px, calc(100vw / 1920));
	position: relative;
	width: 100%;
	max-width: 1920px;
	height: calc(300 * var(--x30-remarks-u));
	margin: 0 auto;
	overflow: hidden;
	background: #f5f5f7;
	color: #9e9e9e;
}

.x30-remarks__inner {
	position: absolute;
	inset: 0;
}

.x30-remarks__title {
	position: absolute;
	top: calc(68 * var(--x30-remarks-u));
	left: calc(211 * var(--x30-remarks-u));
	width: calc(82.175 * var(--x30-remarks-u));
	margin: 0;
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(16 * var(--x30-remarks-u));
	font-weight: 500;
	line-height: normal;
	color: #9e9e9e;
}

.x30-remarks__list {
	position: absolute;
	top: calc(111 * var(--x30-remarks-u));
	left: calc(50% - 749 * var(--x30-remarks-u));
	width: calc(1500 * var(--x30-remarks-u));
	margin: 0;
	font-family: Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(16 * var(--x30-remarks-u));
	font-weight: 400;
	line-height: normal;
	color: #9e9e9e;
	word-break: break-word;
}

.x30-remarks__list p {
	margin: 0 0 calc(5 * var(--x30-remarks-u));
	padding: 0;
}

.x30-remarks__list p:last-child {
	margin-bottom: 0;
}

@media (min-width: 1921px) {
	.x30-hero {
		--x30-hero-position-u: calc(100vw / 1920);
	}

	.x30-ready,
	.x30-turbo,
	.x30-cop,
	.x30-season,
	.x30-r290,
	.x30-ai-control,
	.x30-ecosystem,
	.x30-connectivity,
	.x30-built-last,
	.x30-owners,
	.x30-remarks {
		--x30-wide-offset: calc((100vw - 1920px) / 2);
		max-width: none;
		margin-right: 0;
		margin-left: 0;
	}

	.x30-ready__picture {
		left: calc(var(--x30-wide-offset) + 30 * var(--x30-ready-u));
		right: calc(var(--x30-wide-offset) + 30 * var(--x30-ready-u));
	}

	.x30-ready__benefits::before {
		left: calc(var(--x30-wide-offset) + 664 * var(--x30-ready-u));
	}

	.x30-ready__benefits::after {
		left: calc(var(--x30-wide-offset) + 1256 * var(--x30-ready-u));
	}

	.x30-ready__benefit--one {
		left: calc(var(--x30-wide-offset) + 296 * var(--x30-ready-u));
	}

	.x30-ready__benefit--two {
		left: calc(var(--x30-wide-offset) + 754 * var(--x30-ready-u));
	}

	.x30-ready__benefit--three {
		left: calc(var(--x30-wide-offset) + 1327 * var(--x30-ready-u));
	}

	.x30-turbo__picture,
	.x30-turbo__image {
		width: 100%;
		height: auto;
	}

	.x30-turbo__title {
		top: calc(144 * var(--x30-turbo-u));
		left: calc(var(--x30-wide-offset) + 218 * var(--x30-turbo-u));
		bottom: auto;
	}

	.x30-turbo__subtitle {
		top: calc(210 * var(--x30-turbo-u));
		left: calc(var(--x30-wide-offset) + 218 * var(--x30-turbo-u));
		bottom: auto;
	}

	.x30-turbo__description {
		top: calc(308 * var(--x30-turbo-u));
		left: calc(var(--x30-wide-offset) + 218 * var(--x30-turbo-u));
		bottom: auto;
	}

	.x30-cop__title,
	.x30-cop__subtitle,
	.x30-cop__description {
		left: 50%;
	}

	.x30-cop__title {
		top: calc(105 * var(--x30-cop-u));
		bottom: auto;
		width: calc(650 * var(--x30-cop-u));
	}

	.x30-cop__subtitle {
		top: calc(169 * var(--x30-cop-u));
		bottom: auto;
		width: calc(480 * var(--x30-cop-u));
	}

	.x30-cop__description {
		/* top: calc(882 * var(--x30-cop-u)); */
		bottom: 0px;
		width: calc(1114 * var(--x30-cop-u));
	}

	.x30-season {
		--x30-season-image-height: 39.1041666667vw;
		--x30-season-content-offset: var(--x30-wide-offset);
		height: calc(var(--x30-season-image-height) + 380 * var(--x30-season-u));
		min-height: 0;
	}

	.x30-season__top-bg {
		height: calc(380 * var(--x30-season-u));
	}

	.x30-season__picture {
		position: relative;
		width: 100%;
		height: auto;
		margin-top: 0;
		overflow: visible;
	}

	.x30-season__image {
		width: 100%;
		height: auto;
		margin-top: 0;
		object-fit: initial;
	}

	.x30-ecosystem__picture {
		width: 100%;
		height: auto;
	}

	.x30-r290__image {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center center;
	}

	.x30-r290 {
		--x30-r290-u: calc(100vw / 1920);
		height: calc(1080 * var(--x30-r290-u));
	}

	.x30-ai-control__swiper {
		left: 50%;
	}

	.x30-ecosystem {
		height: calc(1214 / 1920 * 100vw);
	}

	.x30-ecosystem-panel {
		left: calc(var(--x30-wide-offset) + 124 * var(--x30-eco-u));
	}

	.x30-connectivity__item {
		left: calc(var(--x30-wide-offset) + 269 * var(--x30-connect-u));
	}

	.x30-connectivity__picture {
		left: calc(var(--x30-wide-offset) + 960 * var(--x30-connect-u));
	}

	.x30-built-last__picture {
		left: calc(var(--x30-wide-offset) - 82.06 * var(--x30-built-u));
	}

	.x30-built-last__content h2,
	.x30-built-last__subtitle,
	.x30-built-last__description {
		left: calc(var(--x30-wide-offset) + 1147 * var(--x30-built-u));
	}

	.x30-built-last__badge {
		left: calc(var(--x30-wide-offset) + 1157 * var(--x30-built-u));
	}

	.x30-owners__bg {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.x30-owners__swiper {
		left: calc(var(--x30-owners-edge-gap) - var(--x30-owners-shadow-gutter));
	}

	.x30-owners__controls {
		left: calc(var(--x30-wide-offset) + 1586 * var(--x30-owners-u));
	}

	.x30-remarks__title {
		left: calc(var(--x30-wide-offset) + 211 * var(--x30-remarks-u));
	}

	.x30-remarks__list {
		left: calc(var(--x30-wide-offset) + 211 * var(--x30-remarks-u));
	}
}

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

@media (max-width: 767px) {
	.x30-page {
		--x30-mobile-u: 1px;
		background: #ffffff;
		color: #000000;
	}

	.x30-subnav-holder.is-revealed {
		height: 0;
	}

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

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

	.x30-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;
	}

	.x30-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;
	}

	.x30-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%);
	}

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

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

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

	.x30-hero {
		--x30-hero-header: 86px;
		--x30-hero-u: min(1px, calc(100vw / 375));
		min-height: 0;
		height: calc(100vh - 48px);
		/* height: 100vh; */
		background: #e5e5e5;
	}

	.x30-hero__image {
		top: 0;
		left: 50%;
		width: 100%;
		height: 100%;
		transform: translateX(-50%);
		object-fit: cover;
		object-position: center bottom;
	}

	.x30-hero__content {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		padding: 0;
		text-align: left;
	}

	.x30-hero__title {
		position: absolute;
		top: 53px;
		left: 15px;
		width: 345px;
		max-width: none;
		font-size: calc(24 * var(--x30-hero-u));
		line-height: normal;
		letter-spacing: calc(-0.48 * var(--x30-hero-u));
		white-space: normal;
		color: #ffffff;
	}

	.x30-hero__mobile-break {
		display: block;
	}

	.x30-hero__subtitle {
		position: absolute;
		top: 111px;
		left: 15px;
		width: 353px;
		max-width: none;
		margin: 0;
		font-size: calc(16 * var(--x30-hero-u));
		line-height: normal;
		white-space: normal;
		color: #ffffff;
		transform: none;
	}

	.x30-hero__cta {
		position: absolute;
		top: 154px;
		left: 15px;
		width: auto;
		min-width: 131px;
		height: 48px;
		margin: 0;
		padding: 0 calc(32 * var(--x30-hero-u));
		font-size: calc(16 * var(--x30-hero-u));
	}

	#x30-turbo,
	#x30-cop,
	#x30-ai-control,
	#x30-built-last,
	#x30-quote {
		scroll-margin-top: 84px;
	}

	.x30-ready {
		--x30-ready-u: 1px;
		display: flex;
		flex-direction: column;
		width: 100%;
		max-width: calc(768 * var(--x30-mobile-u));
		height: auto;
		padding-top: calc(34 * var(--x30-mobile-u));
		padding-bottom: calc(31 * var(--x30-mobile-u));
		background: #ffffff;
	}

	.x30-ready__picture {
		position: static;
		order: 3;
		width: 100%;
		height: auto;
		margin-top: calc(39 * var(--x30-mobile-u));
		overflow: hidden;
		transform: none;
	}

	.x30-ready__image {
		position: static;
		display: block;
		width: 100%;
		height: auto;
		object-fit: initial;
		transform: none;
	}

	.x30-ready__panel {
		display: contents;
		text-align: left;
	}

	.x30-ready__heading-frame {
		position: static;
		order: 1;
		width: calc(345 * var(--x30-mobile-u));
		height: calc(29 * var(--x30-mobile-u));
		margin-left: calc(15 * var(--x30-mobile-u));
		transform: none;
	}

	.x30-ready__heading-frame::before,
	.x30-ready__heading-frame::after {
		display: none;
	}

	.x30-ready__title {
		position: static;
		width: 100%;
		height: calc(29 * var(--x30-mobile-u));
		margin: 0;
		font-size: calc(24 * var(--x30-mobile-u));
		font-weight: 700;
		line-height: normal;
		letter-spacing: calc(-0.48 * var(--x30-mobile-u));
		text-align: left;
		white-space: nowrap;
	}

	.x30-ready__title-pc {
		display: none;
	}

	.x30-ready__title-mobile {
		display: inline;
	}

	.x30-ready__intro {
		position: static;
		order: 2;
		width: calc(327 * var(--x30-mobile-u));
		height: calc(19 * var(--x30-mobile-u));
		margin: 0 0 0 calc(15 * var(--x30-mobile-u));
		font-family: Figtree, Arial, Helvetica, sans-serif;
		font-size: calc(16 * var(--x30-mobile-u));
		font-weight: 500;
		line-height: normal;
		letter-spacing: calc(-0.32 * var(--x30-mobile-u));
		color: #666666;
		text-align: left;
		transform: none;
	}

	.x30-ready__benefits {
		order: 4;
		margin: calc(29 * var(--x30-mobile-u)) 0 0;
		padding: 0;
		width: 100%;
	}

	.x30-ready__benefits::before,
	.x30-ready__benefits::after {
		display: none;
	}

	.x30-ready__benefit {
		position: static;
		display: flex;
		align-items: center;
		gap: calc(10 * var(--x30-mobile-u));
		width: calc(100% - 44 * var(--x30-mobile-u));
		margin-left: calc(29 * var(--x30-mobile-u));
		overflow: visible;
		color: #000000;
	}

	.x30-ready__benefit--one {
		height: calc(32 * var(--x30-mobile-u));
		margin-top: 0;
	}

	.x30-ready__benefit--two {
		height: calc(37* var(--x30-mobile-u));
		margin-top: calc(30 * var(--x30-mobile-u));
	}

	.x30-ready__benefit--three {
		height: calc(45 * var(--x30-mobile-u));
		margin-top: calc(30 * var(--x30-mobile-u));
	}

	.x30-ready__icon {
		position: static;
		flex: 0 0 calc(32 * var(--x30-mobile-u));
		z-index: 2;
		width: calc(32 * var(--x30-mobile-u));
		height: calc(32 * var(--x30-mobile-u));
		overflow: visible;
	}

	.x30-ready__benefit--three .x30-ready__icon {
		transform: translateY(calc(-7 * var(--x30-mobile-u)));
	}

	.x30-ready__benefit-text {
		position: static;
		display: block;
		flex: 1 1 auto;
		width: calc(271 * var(--x30-mobile-u));
		height: auto;
		padding-top: 0;
		font-size: calc(16 * var(--x30-mobile-u));
		font-weight: 500;
		line-height: normal;
		letter-spacing: calc(-0.32 * var(--x30-mobile-u));
		text-align: left;
	}

	.x30-ready__benefit--one .x30-ready__benefit-text {
		height: calc(22 * var(--x30-mobile-u));
	}

	.x30-ready__benefit--two .x30-ready__benefit-text {
		height: calc(37 * var(--x30-mobile-u));
	}

	.x30-ready__benefit--three .x30-ready__benefit-text {
		height: calc(34 * var(--x30-mobile-u));
	}

	.x30-turbo {
		--x30-turbo-u: 1px;
		display: flex;
		flex-direction: column;
		width: 100%;
		max-width: calc(768 * var(--x30-mobile-u));
		height: auto;
		padding-top: calc(54 * var(--x30-mobile-u));
		background: #EFF1F5;

	}

	.x30-turbo__picture {
		position: static;
		order: 4;
		width: 100%;
		height: auto;
		margin-top: calc(53 * var(--x30-mobile-u));
		overflow: hidden;
	}

	.x30-turbo__image {
		position: static;
		display: block;
		width: 100%;
		height: auto;
		object-fit: initial;
	}

	.x30-turbo__title,
	.x30-turbo__subtitle,
	.x30-turbo__description {
		position: static;
		width: calc(100% - 30 * var(--x30-mobile-u));
		margin-right: calc(15 * var(--x30-mobile-u));
		margin-left: calc(15 * var(--x30-mobile-u));
	}

	.x30-turbo__title {
		order: 1;
		width: calc(345 * var(--x30-mobile-u));
		height: calc(29 * var(--x30-mobile-u));
		font-size: calc(24 * var(--x30-mobile-u));
		font-weight: 700;
		line-height: normal;
		letter-spacing: calc(-0.48 * var(--x30-mobile-u));
	}

	.x30-turbo__subtitle {
		order: 2;
		width: calc(201 * var(--x30-mobile-u));
		height: calc(19 * var(--x30-mobile-u));
		margin-top: calc(8 * var(--x30-mobile-u));
		font-size: calc(16 * var(--x30-mobile-u));
		font-weight: 500;
		line-height: normal;
		letter-spacing: calc(-0.32 * var(--x30-mobile-u));
		text-align: left;
	}

	.x30-turbo__description {
		order: 3;
		/* width: calc(335 * var(--x30-mobile-u)); */
		height: auto;
		margin-top: calc(20 * var(--x30-mobile-u));
		font-size: calc(14 * var(--x30-mobile-u));
		font-weight: 500;
		line-height: calc(18 * var(--x30-mobile-u));
		letter-spacing: calc(-0.28 * var(--x30-mobile-u));
		color: #666666;
	}

	.x30-cop {
		--x30-cop-mobile-u: calc(min(100vw, 767px) / 375);
		position: relative;
		width: 100%;
		max-width: none;
		height: calc(620 * var(--x30-cop-mobile-u));
		padding: 0;
		overflow: hidden;
		background: #44548b;
	}

	.x30-cop__picture {
		position: absolute;
		inset: 0;
		display: block;
		width: 100%;
		height: 100%;
		margin: 0;
		overflow: hidden;
		z-index: 0;
	}

	.x30-cop__image {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		object-position: center center;
	}

	.x30-cop__title,
	.x30-cop__subtitle,
	.x30-cop__description {
		position: absolute;
		left: calc(15 * var(--x30-cop-mobile-u));
		width: calc(345 * var(--x30-cop-mobile-u));
		margin: 0;
		z-index: 2;
		text-align: left;
		transform: none;
		color: #ffffff;
	}

	.x30-cop__title {
		top: calc(54 * var(--x30-cop-mobile-u));
		height: auto;
		font-size: calc(24 * var(--x30-mobile-u));
		font-weight: 700;
		line-height: normal;
		letter-spacing: calc(-0.48 * var(--x30-mobile-u));
	}

	.x30-cop__subtitle {
		top: calc(84 * var(--x30-cop-mobile-u));
		height: auto;
		font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
		font-size: calc(16 * var(--x30-mobile-u));
		font-weight: 500;
		line-height: normal;
		letter-spacing: calc(-0.32 * var(--x30-mobile-u));
		white-space: nowrap;
	}

	.x30-cop__description {
		top: calc(120 * var(--x30-cop-mobile-u));
		width: calc(331 * var(--x30-cop-mobile-u));
		height: auto;
		font-size: calc(14 * var(--x30-mobile-u));
		font-weight: 500;
		line-height: calc(18 * var(--x30-mobile-u));
		letter-spacing: calc(-0.28 * var(--x30-mobile-u));
	}

	.x30-season {
		--x30-season-u: 1px;
		display: flex;
		flex-direction: column;
		width: 100%;
		height: auto;
		padding-top: calc(54 * var(--x30-mobile-u));
		background: #ffffff;
	}

	.x30-season__top-bg {
		display: contents;
	}

	.x30-season__content {
		display: contents;
	}

	.x30-season__picture {
		position: static;
		order: 5;
		width: 100%;
		height: auto;
		margin-top: calc(48 * var(--x30-mobile-u));
	}

	.x30-season__image {
		position: static;
		width: 100%;
		height: auto;
		object-fit: initial;
	}

	.x30-season__title,
	.x30-season__description {
		position: static;
		width: calc(100% - 30 * var(--x30-mobile-u));
		height: auto;
		margin-right: calc(15 * var(--x30-mobile-u));
		margin-left: calc(15 * var(--x30-mobile-u));
	}

	.x30-season__title--turbo {
		order: 1;
	}

	.x30-season__description--turbo {
		order: 2;
		margin-top: calc(18 * var(--x30-mobile-u));
	}

	.x30-season__title--winter {
		order: 3;
		margin-top: calc(54 * var(--x30-mobile-u));
	}

	.x30-season__description--winter {
		order: 4;
		margin-top: calc(18 * var(--x30-mobile-u));
	}

	.x30-season__eyebrow {
		font-size: calc(16 * var(--x30-mobile-u));
		line-height: normal;
		letter-spacing: calc(-0.32 * var(--x30-mobile-u));
	}

	.x30-season__heading {
		font-size: calc(24 * var(--x30-mobile-u));
		line-height: normal;
		letter-spacing: calc(-0.48 * var(--x30-mobile-u));
	}

	.x30-season__heading--winter::after {
		content: ".";
	}

	.x30-season__description {
		font-size: calc(14 * var(--x30-mobile-u));
		line-height: 1.1;
		letter-spacing: calc(-0.28 * var(--x30-mobile-u));
	}

	.x30-r290 {
		--x30-r290-u: calc(min(100vw, 767px) / 375);
		position: relative;
		width: 100%;
		height: calc(680 * var(--x30-r290-u));
		padding: 0;
		overflow: hidden;
		background: #ffffff;
	}

	.x30-r290__picture {
		position: absolute;
		inset: 0;
		display: block;
		width: 100%;
		height: 100%;
		margin: 0;
		z-index: 0;
	}

	.x30-r290__image {
		position: absolute;
		/* top: calc(-100 * var(--x30-r290-u));
		left: calc(-54 * var(--x30-r290-u));
		width: calc(483 * var(--x30-r290-u));
		height: calc(798 * var(--x30-r290-u)); */
		max-width: none;
		object-fit: cover;
	}

	.x30-r290__title,
	.x30-r290__subtitle,
	.x30-r290__description {
		position: absolute;
		left: calc(15 * var(--x30-r290-u));
		z-index: 2;
		width: calc(345 * var(--x30-r290-u));
		height: auto;
		margin: 0;
		text-align: left;
		transform: none;
	}

	.x30-r290__title {
		top: calc(54 * var(--x30-r290-u));
		font-size: calc(24 * var(--x30-r290-u));
		line-height: calc(24 * var(--x30-r290-u));
		letter-spacing: calc(-0.48 * var(--x30-r290-u));
	}

	.x30-r290__subtitle {
		top: calc(78 * var(--x30-r290-u));
		font-size: calc(14 * var(--x30-r290-u));
		line-height: calc(24 * var(--x30-r290-u));
		letter-spacing: 0;
	}

	.x30-r290__description {
		top: calc(120 * var(--x30-r290-u));
		width: calc(331 * var(--x30-r290-u));
		font-size: calc(14 * var(--x30-r290-u));
		line-height: calc(18 * var(--x30-r290-u));
		letter-spacing: 0;
		color: #666666;
	}

	.x30-ai-control {
		--x30-ai-u: calc((100vw - 30px) / 1160);
		height: auto;
		padding: calc(54 * var(--x30-mobile-u)) 0 calc(58 * var(--x30-mobile-u));
		background: #e5e5e5;
	}

	.x30-ai-control__bg {
		inset: 0;
		height: 100%;
	}

	.x30-ai-control__header {
		padding: 0 calc(15 * var(--x30-mobile-u));
		text-align: left;
	}

	.x30-ai-control__title,
	.x30-ai-control__subtitle {
		width: 100%;
	}

	.x30-ai-control__title {
		font-size: calc(24 * var(--x30-mobile-u));
		line-height: calc(29 * var(--x30-mobile-u));
		letter-spacing: calc(-0.48 * var(--x30-mobile-u));
	}

	.x30-ai-control__subtitle {
		margin-top: calc(8 * var(--x30-mobile-u));
		font-size: calc(16 * var(--x30-mobile-u));
		line-height: calc(19 * var(--x30-mobile-u));
		letter-spacing: calc(-0.32 * var(--x30-mobile-u));
		color: #666666;
	}

	.x30-ai-control__swiper {
		position: relative;
		top: auto;
		left: auto;
		width: calc(311 * var(--x30-mobile-u));
		margin: calc(28 * var(--x30-mobile-u)) auto 0;
		padding-left: 0;
		overflow: visible;
		transform: none;
	}

	.x30-ai-card {
		width: calc(311 * var(--x30-mobile-u));
		height: auto;
		margin-right: 0;
		border-radius: calc(20 * var(--x30-mobile-u));
	}

	.x30-ai-card__media {
		/* height: calc((100vw - 30px) * 640 / 1160);
		min-height: calc(190 * var(--x30-mobile-u)); */
		height: auto;
		border-radius: calc(20 * var(--x30-mobile-u)) calc(20 * var(--x30-mobile-u)) 0 0;
	}

	.x30-ai-card__copy {
		gap: calc(14 * var(--x30-mobile-u));
		height: auto;
		min-height: calc(172 * var(--x30-mobile-u));
		padding: calc(25 * var(--x30-mobile-u)) calc(18 * var(--x30-mobile-u)) calc(28 * var(--x30-mobile-u));
		text-align: left;
	}

	.x30-ai-card__copy h3,
	.x30-ai-card__copy p {
		width: 100%;
	}

	.x30-ai-card__copy h3 {
		font-size: calc(20 * var(--x30-mobile-u));
		line-height: calc(24 * var(--x30-mobile-u));
		letter-spacing: calc(-0.4 * var(--x30-mobile-u));
	}

	.x30-ai-card__copy p {
		font-size: calc(14 * var(--x30-mobile-u));
		line-height: calc(18 * var(--x30-mobile-u));
		letter-spacing: calc(-0.28 * var(--x30-mobile-u));
	}

	.x30-ai-control__pagination {
		position: relative;
		left: auto !important;
		bottom: auto !important;
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: calc(178 * var(--x30-mobile-u)) !important;
		height: calc(20 * var(--x30-mobile-u)) !important;
		margin: calc(24 * var(--x30-mobile-u)) auto 0;
		transform: none;
	}

	.x30-ai-control__pagination .swiper-pagination-bullet {
		position: static;
		top: auto;
		left: auto;
		width: calc(12.99 * var(--x30-mobile-u));
		height: calc(12.99 * var(--x30-mobile-u));
		background: #dadada;
	}

	.x30-ai-control__pagination .swiper-pagination-bullet-active {
		position: static;
		width: calc(20 * var(--x30-mobile-u));
		height: calc(20 * var(--x30-mobile-u));
		border: calc(3.5 * var(--x30-mobile-u)) solid #0976ff;
		margin-top: calc(-4 * var(--x30-mobile-u)) !important;
		background: #eff1f5;
	}

	.x30-ecosystem {
		--x30-eco-u: min(1px, calc(100vw / 375));
		display: block;
		height: auto;
		min-height: 0;
		/* padding: 0 0 calc(24 * var(--x30-eco-u)); */
		background: #acc7e8;
	}

	.x30-ecosystem__picture {
		position: relative;
		inset: auto;
		z-index: 1;
		width: 100%;
		height: auto;
		padding-top: calc(102 * var(--x30-eco-u));
	}

	.x30-ecosystem__image {
		width: 100%;
		height: auto;
		object-fit: cover;
		object-position: center;
	}

	.x30-ecosystem__header {
		position: static;
		padding-top: 0;
		text-align: left;
	}

	.x30-ecosystem__title,
	.x30-ecosystem__description {
		width: 100%;
	}

	.x30-ecosystem__title {
		position: absolute;
		top: calc(54 * var(--x30-eco-u));
		left: calc(15 * var(--x30-eco-u));
		z-index: 2;
		width: calc(100% - 30px);
		font-size: calc(24 * var(--x30-eco-u));
		line-height: calc(24 * var(--x30-eco-u));
		letter-spacing: calc(-0.48 * var(--x30-eco-u));
	}

	.x30-ecosystem__description {
		position: absolute;
		top: calc(102 * var(--x30-eco-u));
		left: calc(15 * var(--x30-eco-u));
		z-index: 2;
		width: calc(100% - 30px);
		height: calc(80 * var(--x30-eco-u));
		margin: 0;
		font-family: Figtree, Arial, Helvetica, sans-serif;
		font-size: calc(14 * var(--x30-eco-u));
		line-height: normal;
		letter-spacing: 0;
	}

	.x30-ecosystem-panel {
		position: absolute;
		top: calc(213 * var(--x30-eco-u));
		left: calc(15.836 * var(--x30-eco-u));
		width: calc(256.199 * var(--x30-eco-u));
		height: calc(191 * var(--x30-eco-u));
		margin-top: 0;
		/* border: calc(0.418 * var(--x30-eco-u)) solid #ffffff; */
		border-radius: calc(12.538 * var(--x30-eco-u));
		-webkit-backdrop-filter: blur(calc(0 * var(--x30-eco-u))) saturate(120%);
		backdrop-filter: blur(calc(0 * var(--x30-eco-u))) saturate(120%);
	}

	.x30-ecosystem-panel__product {
		top: calc(24.659 * var(--x30-eco-u));
		left: calc(-0.836 * var(--x30-eco-u));
		width: calc(123.154 * var(--x30-eco-u));
		height: calc(72.805 * var(--x30-eco-u));
	}

	.x30-ecosystem-panel__content {
		inset: 0;
	}

	.x30-ecosystem-panel__content h3 {
		top: calc(24.659 * var(--x30-eco-u));
		left: calc(111.591 * var(--x30-eco-u));
		width: calc(126 * var(--x30-eco-u));
		height: calc(18 * var(--x30-eco-u));
		font-size: calc(14.628 * var(--x30-eco-u));
	}

	.x30-ecosystem-panel__content p {
		top: calc(42.63 * var(--x30-eco-u));
		left: calc(111.591 * var(--x30-eco-u));
		width: calc(74 * var(--x30-eco-u));
		height: calc(10 * var(--x30-eco-u));
		font-size: calc(8.359 * var(--x30-eco-u));
	}

	.x30-ecosystem-panel__temperature {
		top: calc(55.586 * var(--x30-eco-u));
		left: calc(110.337 * var(--x30-eco-u));
		width: calc(70 * var(--x30-eco-u));
		height: calc(46 * var(--x30-eco-u));
		font-family: "Figtree-Bold", Figtree, Arial, Helvetica, sans-serif;
		font-size: calc(38.311 * var(--x30-eco-u));
		letter-spacing: 0;
	}

	.x30-ecosystem-panel__temperature sup {
		top: calc(7.663 * var(--x30-eco-u));
		left: calc(46.173 * var(--x30-eco-u));
		font-size: calc(13.135 * var(--x30-eco-u));
	}

	.x30-ecosystem-panel__stats {
		inset: 0;
	}

	.x30-ecosystem-panel__stat {
		left: calc(25.076 * var(--x30-eco-u));
		width: calc(158 * var(--x30-eco-u));
		height: calc(23 * var(--x30-eco-u));
		padding: 0;
		border-radius: calc(12.538 * var(--x30-eco-u));
		font-size: calc(10.031 * var(--x30-eco-u));
	}

	.x30-ecosystem-panel__stat::before {
		display: none;
	}

	.x30-ecosystem-panel__stat--capacity {
		top: calc(112 * var(--x30-eco-u));
	}

	.x30-ecosystem-panel__stat--power {
		top: calc(141 * var(--x30-eco-u));
	}

	.x30-ecosystem-panel__stat--capacity .x30-ecosystem-panel__icon {
		top: calc(8 * var(--x30-eco-u));
		left: calc(8.359 * var(--x30-eco-u));
		width: calc(7.093 * var(--x30-eco-u));
		height: calc(7.502 * var(--x30-eco-u));
	}

	.x30-ecosystem-panel__stat--power .x30-ecosystem-panel__icon {
		top: calc(5 * var(--x30-eco-u));
		left: calc(5.852 * var(--x30-eco-u));
		width: calc(12.12 * var(--x30-eco-u));
		height: calc(12.12 * var(--x30-eco-u));
	}

	.x30-ecosystem-panel__stat > span {
		top: calc(6 * var(--x30-eco-u));
		left: calc(22.987 * var(--x30-eco-u));
	}

	.x30-ecosystem-panel__stat--power > span {
		top: calc(5 * var(--x30-eco-u));
	}

	.x30-connectivity {
		--x30-connect-u: min(1px, calc(100vw / 375));
		height: calc(648 * var(--x30-connect-u));
		min-height: 0;
		padding: 0;
		overflow: hidden;
		background: linear-gradient(0deg, #ececee 0%, #f0f0f0 100%);
	}

	.x30-connectivity__copy {
		position: absolute;
		inset: 0;
		display: block;
	}

	.x30-connectivity__item {
		position: absolute;
		left: calc(15 * var(--x30-connect-u));
		width: calc(100% - 30px);
	}

	.x30-connectivity__item--app {
		top: calc(29 * var(--x30-connect-u));
	}

	.x30-connectivity__item--voice {
		top: calc(92 * var(--x30-connect-u));
	}

	.x30-connectivity__item--ota {
		top: calc(171 * var(--x30-connect-u));
	}

	.x30-connectivity__item h2 {
		font-size: calc(18 * var(--x30-connect-u));
		line-height: normal;
		letter-spacing: 0;
		white-space: nowrap;
	}

	.x30-connectivity__item p {
		margin-top: calc(7.87 * var(--x30-connect-u));
		font-family: Figtree, Arial, Helvetica, sans-serif;
		font-size: calc(14 * var(--x30-connect-u));
		line-height: normal;
		letter-spacing: 0;
		text-align: left;
	}

	.x30-connectivity__item--app p {
		width: 100%;
	}

	.x30-connectivity__item--voice p {
		width: 100%;
	}

	.x30-connectivity__item--ota p {
		width: 100%;
		margin-top: calc(9.33 * var(--x30-connect-u));
	}

	.x30-connectivity__picture {
		position: absolute;
		top: calc(266 * var(--x30-connect-u));
		left: 60%;
		transform: translateX(-50%);
		display: block;
		width: calc(259.98 * var(--x30-connect-u));
		height: auto;
		margin-top: 0;
	}

	.x30-connectivity__image {
		width: 100%;
		height: auto;
		object-fit: initial;
	}

	.x30-built-last {
		--x30-built-u: min(1px, calc(100vw / 375));
		display: flex;
		flex-direction: column;
		height: auto;
		min-height: 0;
		padding: calc(54 * var(--x30-built-u)) 0 0;
		overflow: hidden;
		background: #f6f6f6;
	}

	.x30-built-last__picture {
		position: static;
		order: 2;
		width: 100%;
		height: auto;
		/* margin: calc(41 * var(--x30-built-u)) 0 0; */
		overflow: hidden;
		transform: none;
	}

	.x30-built-last__image {
		position: static;
		display: block;
		width: 100%;
		height: auto;
		object-fit: initial;
		margin-top: calc(-50 * var(--x30-built-u));
	}

	.x30-built-last__content {
		position: static;
		order: 1;
		z-index: 2;
		padding: 0 calc(15 * var(--x30-built-u));
	}

	.x30-built-last__content h2,
	.x30-built-last__subtitle,
	.x30-built-last__description {
		position: static;
		width: 100%;
		margin: 0;
	}

	.x30-built-last__content h2 {
		font-size: calc(24 * var(--x30-built-u));
		line-height: calc(29 * var(--x30-built-u));
		letter-spacing: 0;
		white-space: nowrap;
	}

	.x30-built-last__subtitle {
		margin-top: calc(2 * var(--x30-built-u));
		height: auto;
		font-size: calc(16 * var(--x30-built-u));
		line-height: calc(19 * var(--x30-built-u));
		letter-spacing: 0;
	}

	.x30-built-last__description {
		margin-top: calc(22 * var(--x30-built-u));
		height: calc(68 * var(--x30-built-u));
		font-size: calc(14 * var(--x30-built-u));
		line-height: calc(17 * var(--x30-built-u));
		letter-spacing: 0;
	}

	.x30-built-last__badge {
		position: static;
		margin: calc(14 * var(--x30-built-u)) 0 0 calc(6 * var(--x30-built-u));
		width: calc(124 * var(--x30-built-u));
		height: auto;
	}

	.x30-built-last__badge-icon {
		position: static;
		width: 100%;
		height: auto;
	}

	.x30-owners {
		--x30-owners-u: min(1px, calc(100vw / 375));
		height: calc(584 * var(--x30-owners-u));
		padding: 0;
		background: #ffffff;
	}

	.x30-owners__bg {
		display: none;
	}

	.x30-owners__header {
		position: absolute;
		top: calc(73 * var(--x30-owners-u));
		left: calc(15 * var(--x30-owners-u));
		z-index: 2;
		/* width: calc(319 * var(--x30-owners-u)); */
		padding: 0;
		text-align: left;
	}

	.x30-owners__title,
	.x30-owners__subtitle {
		width: 100%;
		margin: 0;
	}

	.x30-owners__title {
		font-size: calc(24 * var(--x30-owners-u));
		line-height: calc(24 * var(--x30-owners-u));
		letter-spacing: calc(-0.48 * var(--x30-owners-u));
	}

	.x30-owners__subtitle {
		margin-top: 0;
		font-size: calc(16 * var(--x30-owners-u));
		line-height: calc(24 * var(--x30-owners-u));
	}

	.x30-owners__swiper {
		--x30-owners-edge-gap: calc(15 * var(--x30-owners-u));
		position: absolute;
		top: calc(152 * var(--x30-owners-u));
		left: var(--x30-owners-edge-gap);
		z-index: 2;
		width: calc(894 * var(--x30-owners-u));
		overflow: visible;
		filter: none;
		margin-top: 0;
		padding: 0;
		touch-action: pan-y;
	}

	.x30-owners__swiper .swiper-wrapper {
		align-items: stretch;
	}

	.x30-owner-card {
		width: calc(288 * var(--x30-owners-u));
		height: calc(320 * var(--x30-owners-u));
		overflow: hidden;
		border-radius: calc(9.873 * var(--x30-owners-u));
		background: rgba(255, 255, 255, 0.8);
		box-shadow: 0 calc(1.975 * var(--x30-owners-u)) calc(14 * var(--x30-owners-u)) rgba(0, 0, 0, 0.05);
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
		transition: none;
	}

	.x30-owner-card.swiper-slide-active,
	.x30-owner-card:hover {
		box-shadow: 0 calc(1.975 * var(--x30-owners-u)) calc(14 * var(--x30-owners-u)) rgba(0, 0, 0, 0.05);
	}

	.x30-owner-card__media {
		height: calc(156.98 * var(--x30-owners-u));
		background:
			radial-gradient(circle at 62% 22%, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0) 38%),
			linear-gradient(135deg, #edf1f3 0%, #d8e0e4 100%);
	}

	.x30-owner-card__image {
		position: absolute;
		display: block;
		max-width: none;
		object-fit: cover;
		pointer-events: none;
	}

	.x30-owner-card__body {
		inset: calc(156.98 * var(--x30-owners-u)) 0 0;
	}

	.x30-owner-card h3,
	.x30-owner-card:first-child h3 {
		top: calc(17.277 * var(--x30-owners-u));
		left: calc(14.81 * var(--x30-owners-u));
		width: calc(67.136 * var(--x30-owners-u));
		height: calc(17.771 * var(--x30-owners-u));
		font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
		font-size: calc(17.771 * var(--x30-owners-u));
		line-height: normal;
	}

	.x30-owner-card:first-child h3 {
		left: calc(11.848 * var(--x30-owners-u));
		font-size: calc(18 * var(--x30-owners-u));
	}

	.x30-owner-card__quote,
	.x30-owner-card:first-child .x30-owner-card__quote {
		top: calc(20.733 * var(--x30-owners-u));
		right: calc(14.49 * var(--x30-owners-u));
		width: calc(19.28 * var(--x30-owners-u));
		height: calc(13.31 * var(--x30-owners-u));
	}

	.x30-owner-card:first-child .x30-owner-card__quote {
		right: calc(12.023 * var(--x30-owners-u));
	}

	.x30-owner-card p,
	.x30-owner-card:first-child p {
		top: calc(56.02 * var(--x30-owners-u));
		left: calc(15 * var(--x30-owners-u));
		width: calc(254 * var(--x30-owners-u));
		font-size: calc(14 * var(--x30-owners-u));
		line-height: 1.2;
		letter-spacing: calc(-0.28 * var(--x30-owners-u));
	}

	.x30-owner-card:first-child p {
		left: calc(12 * var(--x30-owners-u));
		width: calc(264 * var(--x30-owners-u));
	}

	.x30-owner-card:nth-child(3) p,
	.x30-owner-card:nth-child(5) p {
		width: calc(260 * var(--x30-owners-u));
	}

	.x30-owners__controls {
		top: calc(496 * var(--x30-owners-u));
		right: calc(15 * var(--x30-owners-u));
		left: auto;
		z-index: 8;
		display: flex;
		gap: calc(12 * var(--x30-owners-u));
	}

	.x30-owners__button {
		width: calc(36 * var(--x30-owners-u));
		height: calc(36 * var(--x30-owners-u));
	}

	.x30-remarks {
		--x30-remarks-u: min(1px, calc(100vw / 375));
		height: auto;
		min-height: 0;
		padding: calc(37 * var(--x30-remarks-u)) calc(17 * var(--x30-remarks-u)) calc(38 * var(--x30-remarks-u)) calc(21 * var(--x30-remarks-u));
		overflow: visible;
	}

	.x30-remarks__inner {
		position: static;
	}

	.x30-remarks__title {
		position: static;
		width: 100%;
		height: calc(18 * var(--x30-remarks-u));
		margin: 0 0 calc(20 * var(--x30-remarks-u));
		font-size: calc(16 * var(--x30-remarks-u));
		line-height: normal;
	}

	.x30-remarks__list {
		position: static;
		width: 100%;
		height: auto;
		font-size: calc(14 * var(--x30-remarks-u));
		line-height: calc(18 * var(--x30-remarks-u));
	}

	.x30-remarks__list p {
		margin-bottom: calc(5 * var(--x30-remarks-u));
	}
	.x30-turbo__description-br,.x30-ai-card__copy-comma,.x30-ai-report,.x30-ai-ranking,.x30-ai-glass,.x30-ai-mini,.x30-ai-widget{
		display: none;
	}
}
@media screen and (min-width: 767px) {	
	.x30-ai-card__copy-br{
		display: none;
	}
}
@media screen and (min-width: 1920px) {
	.x30-hero__title{
		right: auto;
		left: calc(50% - 193px);
	}
	.x30-hero__subtitle{
		right: auto;
		left: calc(50% - 10px);
	}
	.x30-hero__cta{
		right: auto;
		left: calc(50% + 220px);
	}
}