
#header_ct{z-index: 10000;}
/* 语言等全屏弹窗挂载在 body，须高于站顶 */
body > .popup{z-index:10050;}

#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 16px;}*/
/*#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{min-height: 38px; background-color: #000; gap: 0 8px;}
#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-value{padding: 5px; border-radius: 5px; background-color: #fff; color: var(--color-text-primary); min-width: 26.5px;}



/* 头部 */
#ly_web_header_0001_0{
    --header-u: 1px;
    /* 下拉顶距 = slogan(38) + header-box(64)；无 slogan 时由 .no-top-slogan 覆盖 */
    --header-drop-top: calc(102 * var(--header-u));
}
@media (min-width:768px) and (max-width:1311px){
    #ly_web_header_0001_0{ --header-u: calc(100vw / 1312); }
}
#ly_web_header_0001_0.no-top-slogan{
    --header-drop-top: calc(64 * var(--header-u));
}
#ly_web_header_0001_0 .header-box{
    height:calc(64 * var(--header-u));
    padding:0 calc(64 * var(--header-u));
    max-width:calc(1720 * var(--header-u));
    margin:0 auto;
    box-sizing:border-box;
    align-items:center;
}
#ly_web_header_0001_0 .header-left{
    display:flex;
    align-items:center;
    gap:calc(64 * var(--header-u));
    min-width:0;
    flex:0 1 auto;
}
#ly_web_header_0001_0 .header-right{
    display:flex;
    align-items:center;
    gap:calc(32 * var(--header-u));
    flex:0 0 auto;
    margin-left:auto;
}
#ly_web_header_0001_0 .logo{
    flex:0 0 auto;
    width:calc(91 * var(--header-u));
    height:auto;
}
#ly_web_header_0001_0 .logo img:nth-child(2){opacity: 0;}
#ly_web_header_0001_0 .hnav-left,
#ly_web_header_0001_0 .hnav-right{
    display:flex;
    align-items:center;
    max-width:100%;
}
#ly_web_header_0001_0 .hnav-left .one-nav,
#ly_web_header_0001_0 .hnav-right .one-nav{
    height:100%;
    margin-right:calc(32 * var(--header-u));
    flex-shrink:0;
}
#ly_web_header_0001_0 .hnav-left .one-nav:last-child,
#ly_web_header_0001_0 .hnav-right .one-nav:last-child{
    margin-right:0;
}
#ly_web_header_0001_0 .hnav .one-nav .nav-a{
    font-family:"Figtree-Bold";
    font-size:calc(16 * var(--header-u));
    line-height:calc(64 * var(--header-u));
    color:var(--color-text-primary);
    white-space:nowrap;
    transition:color .2s;
}
#ly_web_header_0001_0 .hnav .one-nav:hover .nav-a,
#ly_web_header_0001_0 .hnav .one-nav.cur .nav-a{
    color:var(--color-primary);
}
#ly_web_header_0001_0 .hright-tools{
    display:flex;
    align-items:center;
    gap:calc(32 * var(--header-u));
    flex-shrink:0;
}
#ly_web_header_0001_0 .hright-tools-icons{
    display:flex;
    align-items:center;
    gap:calc(6 * var(--header-u));
    flex-shrink:0;
}
#ly_web_header_0001_0 .hright-tool{
    width:calc(24 * var(--header-u));
    height:calc(24 * var(--header-u));
    padding:0;
    border:0;
    background:none;
    flex-shrink:0;
}
#ly_web_header_0001_0 .hright-tool .svg{
    width:100%;
    height:100%;
    fill:#1a1a1a;
}
#ly_web_header_0001_0 .hright-tool.lang .svg path{
    fill:inherit;
}
#ly_web_header_0001_0 .hright-tool.chat .svg path{
    fill:inherit;
}
#ly_web_header_0001_0 .hright-divider{
    width:calc(1 * var(--header-u));
    height:calc(16 * var(--header-u));
    background:#d9d9d9;
    flex-shrink:0;
    transition:background-color .2s;
}
#ly_web_header_0001_0 .hright-store{
    display:inline-flex;
    align-items:center;
    gap:calc(8 * var(--header-u));
    height:calc(36 * var(--header-u));
    padding:0 calc(20 * var(--header-u));
    border-radius:calc(999 * var(--header-u));
    background:var(--color-primary);
    color:#fff;
    text-decoration:none;
    font-family:"Figtree-SemiBold";
    font-size:calc(14 * var(--header-u));
    line-height:1;
    white-space:nowrap;
    transition:opacity .2s;
}
#ly_web_header_0001_0 .hright-store:hover{opacity:.9;}
#ly_web_header_0001_0 .hright-store--text{gap:0;}
#ly_web_header_0001_0 .hright-store__icon{
    width:calc(18 * var(--header-u));
    height:calc(18 * var(--header-u));
    filter:brightness(0) invert(1);
}

#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:var(--header-drop-top);}
#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;}

/* iGarden Mega 下拉 */
#ly_web_header_0001_0 .hnav .mega-nav{
    --pc-u: 1px;
    --mobile-u: 1px;
    width:100%;
    top:var(--header-drop-top);
    left:0;
    background-color:#f7f7f7;
}
@media (min-width:768px) and (max-width:1311px){
    #ly_web_header_0001_0 .hnav .mega-nav{ --pc-u: calc(100vw / 1312); }
}
@media (max-width:767px){
    #ly_web_header_0001_0 .hnav .mega-nav{ --mobile-u: 1px; }
}
#ly_web_header_0001_0 .hnav .mega-inner{
    margin:0 auto;
    width:100%;
    max-width:calc(1750 * var(--pc-u));
    padding:calc(32 * var(--pc-u)) calc(64 * var(--pc-u));
    box-sizing:border-box;
}
#ly_web_header_0001_0 .hnav .mega-card{
    display:flex;
    flex-direction:column;
    flex:1;
    min-width:0;
    text-decoration:none;
    color:inherit;
    background:#fff;
    border-radius:calc(4 * var(--pc-u));
    overflow:hidden;
    transition:box-shadow .3s, transform .3s;
}
#ly_web_header_0001_0 .hnav .mega-nav--igarden_cards{
    --mega-cards-gap: calc(16 * var(--pc-u));
    --mega-cards-col-max: calc(360 * var(--pc-u));
    --mega-cards-img-max: calc(170 * var(--pc-u));
    --mega-cards-more-w: calc(140 * var(--pc-u));
}
#ly_web_header_0001_0 .hnav .mega-nav--igarden_cards .mega-inner{
    container-type:inline-size;
    container-name:mega-cards-inner;
}
#ly_web_header_0001_0 .hnav .mega-nav--igarden_cards .mega-cards__grid{
    display:flex;
    flex-wrap:wrap;
    gap:var(--mega-cards-gap);
    align-items:stretch;
    justify-content:flex-start;
}
#ly_web_header_0001_0 .hnav .mega-nav--igarden_cards .mega-cards__grid .mega-card{
    /* 始终按「4 卡 + View More」占位算宽，有无按钮尺寸一致 */
    flex:0 0 calc((100% - var(--mega-cards-more-w) - 4 * var(--mega-cards-gap)) / 4);
    width:calc((100% - var(--mega-cards-more-w) - 4 * var(--mega-cards-gap)) / 4);
    max-width:var(--mega-cards-col-max);
    min-width:0;
    height:auto;
    aspect-ratio:360 / 246;
}
#ly_web_header_0001_0 .hnav .mega-nav--igarden_cards .mega-cards__view-more,
#ly_web_header_0001_0 .hnav .mega-nav--igarden_cards_side .mega-cards__view-more{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:calc(16 * var(--pc-u));
    box-sizing:border-box;
    text-decoration:none;
    color:#1a1a1a;
    border-radius:calc(4 * var(--pc-u));
    transition:background-color .2s, color .2s;
    align-self:stretch;
}
#ly_web_header_0001_0 .hnav .mega-nav--igarden_cards .mega-cards__view-more{
    flex:0 0 var(--mega-cards-more-w);
    width:var(--mega-cards-more-w);
}
#ly_web_header_0001_0 .hnav .mega-nav--igarden_cards_side .mega-cards__view-more{
    flex:0 0 var(--mega-cards-side-more-w);
    width:var(--mega-cards-side-more-w);
}

#ly_web_header_0001_0 .hnav .mega-cards__view-more-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:calc(40 * var(--pc-u));
    height:calc(40 * var(--pc-u));
    border:calc(1.5 * var(--pc-u)) solid currentColor;
    border-radius:50%;
    box-sizing:border-box;
}
#ly_web_header_0001_0 .hnav .mega-cards__view-more-icon::after{
    content:'';
    display:block;
    width:calc(8 * var(--pc-u));
    height:calc(8 * var(--pc-u));
    border-top:calc(1.5 * var(--pc-u)) solid currentColor;
    border-right:calc(1.5 * var(--pc-u)) solid currentColor;
    transform:rotate(45deg);
    margin-left:calc(-2 * var(--pc-u));
}
#ly_web_header_0001_0 .hnav .mega-cards__view-more-text{
    font-family:"Figtree-Medium";
    font-size:calc(16 * var(--pc-u));
    line-height:1.3;
    text-align:center;
}
#ly_web_header_0001_0 .hnav .mega-nav--igarden_cards .mega-card__visual{
    flex:1 1 0;
    min-height:0;
    padding:calc(16 * var(--pc-u)) calc(16 * var(--pc-u)) 0;
}
#ly_web_header_0001_0 .hnav .mega-nav--igarden_cards .mega-card__visual img{
    width:min(var(--mega-cards-img-max), calc(100% * 200 / 360));
    aspect-ratio:1;
    height:auto;
    max-width:100%;
    max-height:none;
    object-fit:contain;
}
#ly_web_header_0001_0 .hnav .mega-nav--igarden_cards .mega-card__body{
    flex:0 0 auto;
    padding:calc(12 * var(--pc-u)) calc(16 * var(--pc-u)) calc(16 * var(--pc-u));
}
#ly_web_header_0001_0 .hnav .mega-card:hover{
    box-shadow:0 calc(8 * var(--pc-u)) calc(24 * var(--pc-u)) rgba(0,0,0,.08);
}
#ly_web_header_0001_0 .hnav .mega-card__visual{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:calc(200 * var(--pc-u));
    padding:calc(24 * var(--pc-u)) calc(16 * var(--pc-u));
    /* background:#f0f0f0; */
    box-sizing:border-box;
}
#ly_web_header_0001_0 .hnav .mega-card__visual img{
    display:block;
    max-width:100%;
    max-height:calc(160 * var(--pc-u));
    width:auto;
    height:auto;
    object-fit:contain;
}
#ly_web_header_0001_0 .hnav .mega-card__body{
    padding:calc(20 * var(--pc-u)) calc(16 * var(--pc-u)) calc(24 * var(--pc-u));
    text-align:center;
}
#ly_web_header_0001_0 .hnav .mega-card__title{
    display:flex;
    flex-direction:column;
    gap:calc(4 * var(--pc-u));
    margin-bottom:calc(12 * var(--pc-u));
}
#ly_web_header_0001_0 .hnav .mega-card__line1,
#ly_web_header_0001_0 .hnav .mega-card__line2{
    display:block;
    font-family:"Figtree-Medium";
    font-size:calc(16 * var(--pc-u));
    line-height:calc(22 * var(--pc-u));
    color:#1a1a1a;
}
#ly_web_header_0001_0 .hnav .mega-card__line2{
    font-family:"Figtree";
    color:#333;
}
#ly_web_header_0001_0 .hnav .mega-card__more{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:calc(4 * var(--pc-u));
    font-family:"Figtree";
    font-size:calc(14 * var(--pc-u));
    line-height:1;
    color:#999;
}
#ly_web_header_0001_0 .hnav .mega-card__chevron{
    display:inline-block;
    width:calc(6 * var(--pc-u));
    height:calc(6 * var(--pc-u));
    border-top:calc(1.5 * var(--pc-u)) solid #999;
    border-right:calc(1.5 * var(--pc-u)) solid #999;
    transform:rotate(45deg) translateY(calc(-1 * var(--pc-u)));
}
#ly_web_header_0001_0 .hnav .mega-featured{
    position:relative;
    display:block;
    width:100%;
    height:100%;
    min-height:calc(220 * var(--pc-u));
    border-radius:calc(4 * var(--pc-u));
    overflow:hidden;
    text-decoration:none;
    color:inherit;
}
#ly_web_header_0001_0 .hnav .mega-featured__img{
    display:block;
    width:100%;
    height:100%;
    min-height:calc(220 * var(--pc-u));
    object-fit:cover;
}
#ly_web_header_0001_0 .hnav .mega-featured__label{
    position:absolute;
    left:calc(24 * var(--pc-u));
    bottom:calc(24 * var(--pc-u));
    font-family:"Figtree-Medium";
    font-size:calc(18 * var(--pc-u));
    line-height:1.3;
    z-index:2;
}
#ly_web_header_0001_0 .hnav .mega-featured--triple .mega-featured__label{
    color:#fff;
    text-shadow:0 calc(2 * var(--pc-u)) calc(8 * var(--pc-u)) rgba(0,0,0,.35);
}
#ly_web_header_0001_0 .hnav .mega-featured--triple::after{
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:40%;
    background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.35) 100%);
    pointer-events:none;
}
#ly_web_header_0001_0 .hnav .mega-featured--quad .mega-featured__label{
    display:inline-flex;
    align-items:center;
    gap:calc(6 * var(--pc-u));
    color:#1a1a1a;
}
#ly_web_header_0001_0 .hnav .mega-featured__chevron{
    display:inline-block;
    width:calc(6 * var(--pc-u));
    height:calc(6 * var(--pc-u));
    border-top:calc(1.5 * var(--pc-u)) solid #1a1a1a;
    border-right:calc(1.5 * var(--pc-u)) solid #1a1a1a;
    transform:rotate(45deg) translateY(calc(-1 * var(--pc-u)));
}
#ly_web_header_0001_0 .hnav .mega-cards-side{
    display:flex;
    align-items:stretch;
    gap:0;
    min-height:calc(240 * var(--pc-u));
}
#ly_web_header_0001_0 .hnav .mega-cards-side__aside{
    flex:0 0 calc(220 * var(--pc-u));
    padding-right:calc(32 * var(--pc-u));
    border-right:calc(1 * var(--pc-u)) solid #e0e0e0;
    display:flex;
    flex-direction:column;
    gap:calc(36 * var(--pc-u));
    padding-top:calc(8 * var(--pc-u));
}
#ly_web_header_0001_0 .hnav .mega-side-tab{
    display:block;
    width:100%;
    padding:0;
    border:0;
    background:none;
    text-align:left;
    cursor:pointer;
    font-family:"Figtree";
    font-size:calc(16 * var(--pc-u));
    line-height:calc(24 * var(--pc-u));
    color:#999;
    transition:color .2s;
}
#ly_web_header_0001_0 .hnav .mega-side-tab.is-active,
#ly_web_header_0001_0 .hnav .mega-side-tab:hover{
    font-family:"Figtree-Bold";
    color:#1a1a1a;
}
#ly_web_header_0001_0 .hnav .mega-cards-side__main{
    flex:1;
    min-width:0;
    padding-left:calc(40 * var(--pc-u));
    position:relative;
    container-type:inline-size;
    container-name:mega-cards-side-main;
}
#ly_web_header_0001_0 .hnav .mega-cards-side__panel{
    display:none;
    width:100%;
}
#ly_web_header_0001_0 .hnav .mega-cards-side__panel.is-active{
    display:block;
}
#ly_web_header_0001_0 .hnav .mega-cards-side__cards{
    display:flex;
    gap:calc(16 * var(--pc-u));
    align-items:stretch;
}
#ly_web_header_0001_0 .hnav .mega-nav--igarden_cards_side{
    --mega-cards-side-gap: calc(16 * var(--pc-u));
    --mega-cards-side-col-max: calc(360 * var(--pc-u));
    --mega-cards-side-img-max: calc(200 * var(--pc-u));
    --mega-cards-side-more-w: calc(120 * var(--pc-u));
}
#ly_web_header_0001_0 .hnav .mega-nav--igarden_cards_side .mega-cards-side__cards{
    flex-wrap:wrap;
    gap:var(--mega-cards-side-gap);
    justify-content:flex-start;
}
/* 始终按「3 卡 + View More」占位算宽，有无按钮尺寸一致 */
#ly_web_header_0001_0 .hnav .mega-nav--igarden_cards_side .mega-cards-side__cards .mega-card{
    flex:0 0 calc((100% - var(--mega-cards-side-more-w) - 3 * var(--mega-cards-side-gap)) / 3);
    width:calc((100% - var(--mega-cards-side-more-w) - 3 * var(--mega-cards-side-gap)) / 3);
    max-width:var(--mega-cards-side-col-max);
    min-width:0;
    height:auto;
    aspect-ratio:360 / 220;
}
#ly_web_header_0001_0 .hnav .mega-nav--igarden_cards_side .mega-card__visual{
    flex:1 1 0;
    min-height:0;
    padding:calc(12 * var(--pc-u)) calc(16 * var(--pc-u)) 0;
}
#ly_web_header_0001_0 .hnav .mega-nav--igarden_cards_side .mega-card__visual img{
    width:min(var(--mega-cards-side-img-max), calc(100% * 200 / 360));
    aspect-ratio:1;
    height:auto;
    max-width:100%;
    max-height:none;
    object-fit:contain;
}
#ly_web_header_0001_0 .hnav .mega-nav--igarden_cards_side .mega-card__body{
    flex:0 0 auto;
    padding:calc(10 * var(--pc-u)) calc(16 * var(--pc-u)) calc(12 * var(--pc-u));
}
#ly_web_header_0001_0 .hnav .mega-triple{
    display:flex;
    align-items:flex-start;
    gap:calc(128 * var(--pc-u));
}
#ly_web_header_0001_0 .hnav .mega-triple__featured{
    flex:0 0 calc(400 * var(--pc-u));
    max-width:calc(400 * var(--pc-u));
}
#ly_web_header_0001_0 .hnav .mega-triple__cols{
    flex:1;
    display:flex;
    gap:calc(12 * var(--pc-u));
    min-width:0;
}
#ly_web_header_0001_0 .hnav .mega-col{
    min-width:0;
}
#ly_web_header_0001_0 .hnav .mega-triple__cols .mega-col{
    flex:1 1 0;
}
#ly_web_header_0001_0 .hnav .mega-triple__cols .mega-col:first-child{
    flex:0 1 calc(180 * var(--pc-u));
    max-width:calc(200 * var(--pc-u));
}
#ly_web_header_0001_0 .hnav .mega-col__head{
    font-family:"Figtree-Bold";
    font-size:calc(18 * var(--pc-u));
    line-height:calc(24 * var(--pc-u));
    color:#1a1a1a;
    margin-bottom:calc(24 * var(--pc-u));
}
#ly_web_header_0001_0 .hnav .mega-col__links{
    display:flex;
    flex-direction:column;
    gap:calc(20 * var(--pc-u));
}
#ly_web_header_0001_0 .hnav .mega-col__link{
    display:block;
    font-family:"Figtree";
    font-size:calc(16 * var(--pc-u));
    line-height:calc(22 * var(--pc-u));
    color:#333;
    text-decoration:none;
    transition:color .2s;
    font-weight: 600;
}
#ly_web_header_0001_0 .hnav .mega-col__link:hover{
    color:#1a1a1a;
    text-decoration:underline;
}
#ly_web_header_0001_0 .hnav .mega-quad{
    display:flex;
    align-items:stretch;
    gap:calc(128 * var(--pc-u));
}
#ly_web_header_0001_0 .hnav .mega-quad__featured{
    flex:0 0 calc(400 * var(--pc-u));
    max-width:calc(400 * var(--pc-u));
}
#ly_web_header_0001_0 .hnav .mega-quad__grid{
    flex:1;
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    column-gap:calc(48 * var(--pc-u));
    row-gap:calc(32 * var(--pc-u));
    align-content:center;
    min-width:0;
}
#ly_web_header_0001_0 .hnav .mega-quad-link{
    display:flex;
    align-items:center;
    gap:calc(12 * var(--pc-u));
    text-decoration:none;
    color:#1a1a1a;
    transition:opacity .2s;
}
#ly_web_header_0001_0 .hnav .mega-quad-link:hover{
    opacity:.75;
}
#ly_web_header_0001_0 .hnav .mega-quad-link__icon{
    flex:0 0 calc(24 * var(--pc-u));
    width:calc(24 * var(--pc-u));
    height:calc(24 * var(--pc-u));
    display:flex;
    align-items:center;
    justify-content:center;
}
#ly_web_header_0001_0 .hnav .mega-quad-link__icon img{
    display:block;
    max-width:100%;
    max-height:100%;
    object-fit:contain;
}
#ly_web_header_0001_0 .hnav .mega-quad-link__text{
    flex:1;
    font-family:"Figtree-Bold";
    font-size:calc(16 * var(--pc-u));
    line-height:calc(24 * var(--pc-u));
}
#ly_web_header_0001_0 .hnav .mega-quad-link__chevron{
    flex:0 0 calc(8 * var(--pc-u));
    width:calc(6 * var(--pc-u));
    height:calc(6 * var(--pc-u));
    border-top:calc(1.5 * var(--pc-u)) solid #1a1a1a;
    border-right:calc(1.5 * var(--pc-u)) solid #1a1a1a;
    transform:rotate(45deg);
}
@media screen and (max-width:1024px){
    #ly_web_header_0001_0 .hnav .mega-cards-side__cards{
        flex-wrap:wrap;
    }
    #ly_web_header_0001_0 .hnav .mega-nav--igarden_cards_side .mega-cards-side__cards .mega-card{
        flex:1 1 calc(50% - 8 * var(--pc-u));
        width:auto;
        max-width:none;
    }
    #ly_web_header_0001_0 .hnav .mega-triple,
    #ly_web_header_0001_0 .hnav .mega-quad,
    #ly_web_header_0001_0 .hnav .mega-cards-side{
        flex-wrap:wrap;
    }
    #ly_web_header_0001_0 .hnav .mega-triple__featured,
    #ly_web_header_0001_0 .hnav .mega-quad__featured{
        flex:1 1 100%;
        max-width:100%;
    }
    #ly_web_header_0001_0 .hnav .mega-cards-side__aside{
        flex:1 1 100%;
        border-right:0;
        border-bottom:calc(1 * var(--pc-u)) solid #e0e0e0;
        padding-bottom:calc(16 * var(--pc-u));
        flex-direction:row;
        flex-wrap:wrap;
        gap:calc(16 * var(--pc-u));
    }
    #ly_web_header_0001_0 .hnav .mega-cards-side__main{
        flex:1 1 100%;
        padding-left:0;
        padding-top:calc(16 * var(--pc-u));
    }
}

/* 右侧 */
#ly_web_header_0001_0 .hright-tools-mobile{
    display:none;
    align-items:center;
    flex-shrink:0;
}
#ly_web_header_0001_0 .hright-tool-mobile{
    display:block;
    width:calc(24 * var(--header-u));
    height:calc(24 * var(--header-u));
    padding:0;
    border:0;
    background:none;
    flex-shrink:0;
    line-height:0;
}
#ly_web_header_0001_0 .hright-tool-mobile .svg{
    width:100%;
    height:100%;
    display:block;
}
#ly_web_header_0001_0 .hright-tool-mobile.lang .svg{fill:#1a1a1a;}
#ly_web_header_0001_0 .hright-tool-mobile.lang .svg path{fill:inherit;}
#ly_web_header_0001_0 .header-right .menu{display:none;width: calc(24 * var(--header-u));height: calc(24 * var(--header-u));}


/* 头部滚动时样式和鼠标移入时样式 */
@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 .header-right .menu,
    #ly_web_header_0001_0:hover .header-right .menu{background-image:url(/module/ly-web/header/0001/images/menu-icon.png);}
    #ly_web_header_0001_0.cur .header-right .menu.cur,
    #ly_web_header_0001_0:hover .header-right .menu.cur{background-image:url(/module/ly-web/header/0001/images/m_close.png);}
    #ly_web_header_0001_0 .header-right .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-tool .svg{fill: #fff;}
    #ly_web_header_0001_0.white .hright-divider{background:rgba(255,255,255,.35);}
    #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 .hnav .one-nav:hover .nav-a,
    #ly_web_header_0001_0.white:hover .hnav .one-nav:hover .nav-a,
    #ly_web_header_0001_0.white.cur .hnav .one-nav.cur .nav-a,
    #ly_web_header_0001_0.white:hover .hnav .one-nav.cur .nav-a{color: var(--color-primary);}
    #ly_web_header_0001_0.white.cur .hright-tool .svg,
    #ly_web_header_0001_0.white:hover .hright-tool .svg{fill: #000;}
    #ly_web_header_0001_0.white.cur .hright-divider,
    #ly_web_header_0001_0.white:hover .hright-divider{background:#000000;}
}
@media screen and (max-width: 1440px) {
    #ly_web_header_0001_0 .top_slogan{font-size: 12px;}
    #ly_web_header_0001_0 .logo{width: calc(73 * var(--header-u));}
    #ly_web_header_0001_0 .hnav .one-nav .nav-a{font-size: calc(14 * var(--header-u));}
}
@media (max-width: 1034px) {
    #ly_web_header_0001_0 .header-box{padding: 0 calc(40 * var(--header-u)); }
}
/* 头部移动端 */
#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 .header-left .hnav-left,
    #ly_web_header_0001_0 .header-right .hnav-right,
    #ly_web_header_0001_0 .hright-tools{display:none;}
    #ly_web_header_0001_0 .hright-tools-mobile{
        display:flex;
        gap:16px;
    }
    #ly_web_header_0001_0 .hright-tool-mobile,
    #ly_web_header_0001_0 .header-right .menu{
        width:24px;
        height:24px;
        margin-left:0;
    }
    
    #ly_web_header_0001_0 .header-box{padding: 0 2.25%; height: 56px;}
    #ly_web_header_0001_0 .header-right{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-tool-mobile.lang .svg{fill: #000 !important;}
    #ly_web_header_0001_0 .hright-tools-mobile .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.no-top-slogan ~ #ly_web_header_0001_0_m-nav{top: 56px;}
    #ly_web_header_0001_0.no-top-slogan ~ #ly_web_header_0001_0_m-nav.cur{height: calc(100vh - 56px);}
    
    #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-Bold"; font-size: 14px; text-transform: capitalize; color:#333;}
    #ly_web_header_0001_0_m-nav .nav .one-nav.cur .one,
    #ly_web_header_0001_0_m-nav .nav .one-nav.cur .one-a{color:#0071E3;}
    #ly_web_header_0001_0_m-nav .nav .one-nav .two-nav{width: 100%; padding: 0 5px; box-sizing: border-box;}
    #ly_web_header_0001_0_m-nav .nav .mnav-featured{
        margin:0 0 12px;
        padding:0;
    }
    #ly_web_header_0001_0_m-nav .nav .mnav-featured .mega-featured{
        position:relative;
        display:block;
        width:100%;
        min-height:200px;
        border-radius:4px;
        overflow:hidden;
        text-decoration:none;
        color:inherit;
    }
    #ly_web_header_0001_0_m-nav .nav .mnav-featured .mega-featured__img{
        display:block;
        width:100%;
        min-height:200px;
        object-fit:cover;
    }
    #ly_web_header_0001_0_m-nav .nav .mnav-featured .mega-featured__label{
        position:absolute;
        left:16px;
        bottom:16px;
        font-family:"Figtree-Medium";
        font-size:16px;
        line-height:1.3;
        z-index:2;
    }
    #ly_web_header_0001_0_m-nav .nav .mnav-featured .mega-featured--triple .mega-featured__label{
        color:#fff;
        text-shadow:0 2px 8px rgba(0,0,0,.35);
    }
    #ly_web_header_0001_0_m-nav .nav .mnav-featured .mega-featured--triple::after{
        content:'';
        position:absolute;
        left:0;
        right:0;
        bottom:0;
        height:40%;
        background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.35) 100%);
        pointer-events:none;
    }
    #ly_web_header_0001_0_m-nav .nav .mnav-featured .mega-featured--quad .mega-featured__label{
        display:inline-flex;
        align-items:center;
        gap:6px;
        color:#1a1a1a;
    }
    #ly_web_header_0001_0_m-nav .nav .mnav-featured .mega-featured__chevron{
        display:inline-block;
        width:6px;
        height:6px;
        border-top:1.5px solid #1a1a1a;
        border-right:1.5px solid #1a1a1a;
        transform:rotate(45deg) translateY(-1px);
    }
    #ly_web_header_0001_0_m-nav .nav .mnav-quad-links{
        display:flex;
        flex-direction:column;
        gap:0;
        padding:0 0 8px;
    }
    #ly_web_header_0001_0_m-nav .nav .mnav-quad-links .mega-quad-link{
        display:flex;
        align-items:center;
        gap:8px;
        padding:10px 0;
        text-decoration:none;
        color:#333;
    }
    #ly_web_header_0001_0_m-nav .nav .mnav-quad-links .mega-quad-link__icon{
        flex:0 0 24px;
        width:24px;
        height:24px;
        display:flex;
        align-items:center;
        justify-content:center;
    }
    #ly_web_header_0001_0_m-nav .nav .mnav-quad-links .mega-quad-link__icon img{
        display:block;
        width:24px;
        height:24px;
        max-width:100%;
        max-height:100%;
        object-fit:contain;
    }
    #ly_web_header_0001_0_m-nav .nav .mnav-quad-links .mega-quad-link__text{
        flex:1;
        font-family:"Figtree-SemiBold";
        font-size:14px;
        line-height:1.3;
        color:#333;
    }
    #ly_web_header_0001_0_m-nav .nav .mnav-quad-links .mega-quad-link__chevron{
        flex:0 0 6px;
        width:6px;
        height:6px;
        border-top:1.5px solid #1a1a1a;
        border-right:1.5px solid #1a1a1a;
        transform:rotate(45deg);
    }
    #ly_web_header_0001_0_m-nav .nav .mnav-view-more{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:8px;
        padding:10px 0;
        text-decoration:none;
        color:#0071E3;
        font-family:"Figtree-SemiBold";
        font-size:14px;
        line-height:40px;
    }
    #ly_web_header_0001_0_m-nav .nav .three-nav .mnav-view-more{
        padding:6px 0;
        line-height:36px;
        font-size:14px;
    }
    #ly_web_header_0001_0_m-nav .nav .mnav-view-more__text{
        flex:1;
    }
    #ly_web_header_0001_0_m-nav .nav .mnav-view-more__chevron{
        flex:0 0 6px;
        width:6px;
        height:6px;
        border-top:1.5px solid currentColor;
        border-right:1.5px solid currentColor;
        transform:rotate(45deg);
    }
    #ly_web_header_0001_0_m-nav .nav .one-nav .two-nav .two-a{font-family: "Figtree-Bold"; font-size: 14px; line-height: 40px; vertical-align: middle; }
    #ly_web_header_0001_0_m-nav .nav .mnav-l2-group .three-nav{padding: 0 0 8px 10px;}
    #ly_web_header_0001_0_m-nav .nav .three-a{font-family: "Figtree-semiBold"; font-size: 14px; line-height: 36px; color: #333;}
}
/* @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; font-size: 12px; gap: 0 4px;}
    #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 .header-box,
    #ly_web_header_0001_0 .header-right{height: 48px;}

    #ly_web_header_0001_0 .header-box{padding: 0 16px; box-shadow: 0px 2px 4px 0px #0000001A;}
    #ly_web_header_0001_0 .hright-tools-mobile{gap:12px;}
    #ly_web_header_0001_0 .hright-tool-mobile,
    #ly_web_header_0001_0 .header-right .menu{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.no-top-slogan ~ #ly_web_header_0001_0_m-nav{top: 48px;}
    #ly_web_header_0001_0.no-top-slogan ~ #ly_web_header_0001_0_m-nav.cur{height: calc(100vh - 48px);}

    #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 .mnav-featured .mega-featured,
    #ly_web_header_0001_0_m-nav .nav .mnav-featured .mega-featured__img{
        min-height:180px;
        border-radius: 8px;
    }
    #ly_web_header_0001_0_m-nav .nav .one-nav .two-nav .two-a{font-size: 14px; line-height: 40px;}
    
}










.ly_web_footer_0001_0Wrap {
    --pc-u: min(1px, calc((100vw - 80px) / 980));
    background: #272727;
    color: var(--color-text-white);
}

.ly_web_footer_0001_0Wrap,
.ly_web_footer_0001_0Wrap * {
    box-sizing: border-box;
}

.ly_web_footer_0001_0Wrap .cw980 {
    width: calc(980 * var(--pc-u));
}

.ly_web_footer_0001_0Wrap .ly_web_footer_0001_0Inner {
    position: relative;
    height: calc(542 * var(--pc-u));
    min-height: calc(542 * var(--pc-u));
}

.ly_web_footer_0001_0Wrap .ly_web_footer_0001_0Main {
    display: grid;
    grid-template-columns: calc(243 * var(--pc-u)) minmax(0, 1fr);
    column-gap: calc(108 * var(--pc-u));
    padding-top: calc(82 * var(--pc-u));
}

#ly_web_footer_0001_0FooterIntro .logo {
    width: calc(160 * var(--pc-u));
    height: calc(48 * var(--pc-u));
    transform: translate(calc(-12 * var(--pc-u)), calc(-8 * var(--pc-u)));
}

#ly_web_footer_0001_0Newsletter {
    margin-top: calc(30 * var(--pc-u));
}

#ly_web_footer_0001_0Newsletter .text {
    font-family: "Figtree-Medium", Figtree, sans-serif;
    font-size: calc(16 * var(--pc-u));
    line-height: 100%;
    color: var(--color-text-white);
    white-space: nowrap;
    transform: translateY(calc(1 * var(--pc-u)));
}

#ly_web_footer_0001_0Newsletter .formBox {
    width: calc(234 * var(--pc-u));
    margin-top: calc(13 * var(--pc-u));
}

#ly_web_footer_0001_0Newsletter .form {
    display: flex;
    align-items: center;
    width: 100%;
    height: calc(28 * var(--pc-u));
    padding: calc(2 * var(--pc-u)) calc(2 * var(--pc-u)) calc(2 * var(--pc-u)) calc(8 * var(--pc-u));
    gap: calc(8 * var(--pc-u));
    border: calc(1 * var(--pc-u)) solid #d9d9d9;
    border-radius: calc(100 * var(--pc-u));
    background: transparent;
}

#ly_web_footer_0001_0Newsletter .form label {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    height: 100%;
}

#ly_web_footer_0001_0Newsletter .input {
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    font-family: "Figtree-Medium", Figtree, sans-serif;
    font-size: calc(12 * var(--pc-u));
    line-height: 100%;
    color: #fff;
}

#ly_web_footer_0001_0Newsletter .input::placeholder {
    color: #999;
    opacity: 1;
}

#ly_web_footer_0001_0Newsletter .button {
    flex: 0 0 auto;
    width: calc(64 * var(--pc-u));
    margin-left: auto;
    height: calc(22 * var(--pc-u));
    padding: 0;
    border: 0;
    border-radius: calc(100 * var(--pc-u));
    background: #0071e3;
    font-family: "Figtree-Medium", Figtree, sans-serif;
    font-size: calc(8 * var(--pc-u));
    line-height: 100%;
    color: var(--color-text-white);
    white-space: nowrap;
    cursor: pointer;
}

#ly_web_footer_0001_0Newsletter .form-tip {
    top: calc(100% + 8 * var(--pc-u));
    left: calc(8 * var(--pc-u));
    z-index: 2;
    width: calc(280 * var(--pc-u));
    font-family: Poppins, sans-serif;
    font-size: calc(12 * var(--pc-u));
    line-height: 130%;
}

#ly_web_footer_0001_0Newsletter .form-error {
    color: #f94073;
}

#ly_web_footer_0001_0Newsletter .form-success {
    color: #20b759;
}

#ly_web_footer_0001_0Newsletter .subscribe-note {
    width: calc(243 * var(--pc-u));
    margin-top: calc(8 * var(--pc-u));
}

#ly_web_footer_0001_0Newsletter .subscribe-note__title {
    font-family: "Figtree-Medium", Figtree, sans-serif;
    font-size: calc(12 * var(--pc-u));
    line-height: 130%;
    color: var(--color-text-white);
}

#ly_web_footer_0001_0Newsletter .subscribe-note__description {
    margin: calc(4 * var(--pc-u)) 0 0;
    font-family: "Figtree-Medium", Figtree, sans-serif;
    font-size: calc(9 * var(--pc-u));
    line-height: 150%;
    color: #c1c1c1;
}

#ly_web_footer_0001_0Contact {
    gap: calc(23.714 * var(--pc-u)) 0;
    /* 原间距为 48px；若后续删除 subscribe-note，请恢复为 calc(48 * var(--pc-u))。 */
    margin-top: calc(24 * var(--pc-u));
}

#ly_web_footer_0001_0Contact .li {
    min-height: calc(23.714 * var(--pc-u));
    gap: 0 calc(5.929 * var(--pc-u));
}

#ly_web_footer_0001_0Contact .icon {
    flex: 0 0 calc(23.714 * var(--pc-u));
    width: calc(23.714 * var(--pc-u));
    height: calc(23.714 * var(--pc-u));
}

#ly_web_footer_0001_0Contact .icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#ly_web_footer_0001_0Contact .text {
    position: relative;
    top: calc(-0.893 * var(--pc-u));
    width: calc(100% - 29.643 * var(--pc-u));
    font-family: "Figtree-Medium", Figtree, sans-serif;
    font-size: calc(16 * var(--pc-u));
    line-height: 100%;
    letter-spacing: calc(-0.32 * var(--pc-u));
    color: #c1c1c1;
    white-space: nowrap;
}

#ly_web_footer_0001_0Contact .text .dot {
    display: none;
}

#ly_web_footer_0001_0FooterNav {
    display: grid;
    grid-template-columns: calc(257 * var(--pc-u)) calc(168 * var(--pc-u)) calc(168 * var(--pc-u));
    align-items: flex-start;
    column-gap: calc(27 * var(--pc-u));
}

#ly_web_footer_0001_0FooterNav .item {
    width: 100%;
    max-width: none;
    min-width: 0;
}

#ly_web_footer_0001_0FooterNav .title {
    font-family: "Figtree-SemiBold", Figtree, sans-serif;
    font-size: calc(16 * var(--pc-u));
    line-height: 100%;
    letter-spacing: calc(-0.32 * var(--pc-u));
    color: var(--color-text-white);
}

#ly_web_footer_0001_0FooterNav .two {
    padding-top: calc(26 * var(--pc-u));
}

#ly_web_footer_0001_0FooterNav .item:nth-child(1) .two {
    width: calc(239 * var(--pc-u));
}

#ly_web_footer_0001_0FooterNav .two_li {
    font-family: "Figtree-Regular", Figtree, sans-serif;
    font-size: calc(12 * var(--pc-u));
    font-weight: 400;
    line-height: 160%;
    letter-spacing: calc(-0.24 * var(--pc-u));
    color: #c1c1c1;
}

#ly_web_footer_0001_0FooterNav .two_li + .two_li {
    margin-top: 0;
}

#ly_web_footer_0001_0FooterShare {
    position: absolute;
    right: calc(-18 * var(--pc-u));
    bottom: calc(17.5 * var(--pc-u));
    justify-content: flex-end;
    gap: 0 calc(15 * var(--pc-u));
    margin-top: 0;
}

#ly_web_footer_0001_0FooterShare .item,
#ly_web_footer_0001_0FooterShare .item .svg {
    width: calc(30 * var(--pc-u));
    height: calc(30 * var(--pc-u));
}

#ly_web_footer_0001_0FooterShare .item .svg {
    display: block;
    fill: #fff;
}

#ly_web_footer_0001_0FooterShare .item .svg path {
    fill: inherit;
}

#ly_web_footer_0001_0Legal {
    position: absolute;
    bottom: calc(22 * var(--pc-u));
    left: 0;
    gap: calc(10 * var(--pc-u)) calc(24 * var(--pc-u));
    margin-top: 0;
    padding-bottom: 0;
    max-width: 100%;
    flex-wrap: wrap;
}

#ly_web_footer_0001_0Legal .ly_web_footer_0001_0LegalLinks {
    display: flex;
    align-items: center;
}

#ly_web_footer_0001_0Legal .ly_web_footer_0001_0LegalLinksInner {
    gap: calc(10 * var(--pc-u)) calc(24 * var(--pc-u));
    flex-wrap: wrap;
}

#ly_web_footer_0001_0Legal .nav {
    font-family: "Figtree-Medium", Figtree, sans-serif;
    font-size: calc(12 * var(--pc-u));
    line-height: 100%;
    letter-spacing: calc(-0.24 * var(--pc-u));
    color: #c1c1c1;
    white-space: nowrap;
}

#ly_web_footer_0001_0Legal .ly_web_footer_0001_0Worldwide {
    flex: 0 0 auto;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    cursor: pointer;
}

#ly_web_footer_0001_0Legal .ly_web_footer_0001_0WorldwideInner {
    gap: calc(4 * var(--pc-u));
}

#ly_web_footer_0001_0Legal .ly_web_footer_0001_0Worldwide img {
    flex: 0 0 calc(12 * var(--pc-u));
    width: calc(12 * var(--pc-u));
    height: calc(12 * var(--pc-u));
}

#ly_web_footer_0001_0_bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: calc(30 * var(--pc-u));
    min-height: calc(30 * var(--pc-u));
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.5);
}

#ly_web_footer_0001_0_bottom .box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: none;
    height: calc(30 * var(--pc-u));
    min-height: calc(30 * var(--pc-u));
    margin: 0;
    padding: 0;
    position: relative;
    left: calc(90.5 * var(--pc-u));
    overflow: hidden;
    white-space: nowrap;
}

#ly_web_footer_0001_0_bottom .box,
#ly_web_footer_0001_0_bottom .box *,
#ly_web_footer_0001_0_bottom *,
#ly_web_footer_0001_0_bottom a {
    font-family: "Figtree-Medium", Figtree, sans-serif;
    font-size: calc(12 * var(--pc-u));
    line-height: calc(30 * var(--pc-u));
    text-align: center;
    color: rgba(193, 193, 193, 0.3);
}

@media (max-width: 768px) {
    .ly_web_footer_0001_0Wrap .cw980 {
        width: 76.2%;
    }

    .ly_web_footer_0001_0Wrap .ly_web_footer_0001_0Inner {
        height: auto;
        min-height: 0;
        padding-top: 61px;
    }

    .ly_web_footer_0001_0Wrap .ly_web_footer_0001_0Main {
        display: flex;
        flex-direction: column;
        padding-top: 0;
    }

    .ly_web_footer_0001_0Wrap .ly_web_footer_0001_0Primary,
    .ly_web_footer_0001_0Wrap .ly_web_footer_0001_0Secondary {
        display: contents;
    }

    #ly_web_footer_0001_0FooterIntro {
        order: 1;
    }

    #ly_web_footer_0001_0FooterIntro .logo {
        width: 139px;
        height: 42px;
        margin: 0 auto;
        transform: none;
    }

    #ly_web_footer_0001_0FooterShare {
        position: static;
        right: auto;
        bottom: auto;
        order: 3;
        justify-content: center;
        width: max-content;
        max-width: 100%;
        gap: 0 30px;
        margin: 30px auto 0;
        flex-wrap: nowrap;
    }

    #ly_web_footer_0001_0FooterShare .item,
    #ly_web_footer_0001_0FooterShare .item .svg {
        width: 28px;
        height: 28px;
    }

    #ly_web_footer_0001_0FooterShare .item {
        flex: 0 0 28px;
    }

    #ly_web_footer_0001_0Newsletter {
        order: 2;
        width: 100%;
        margin-top: 16px;
    }

    #ly_web_footer_0001_0Newsletter .text {
        width: 100%;
        font-family: "Figtree-SemiBold", Figtree, sans-serif;
        font-size: 14px;
        text-align: center;
        transform: none;
    }

    #ly_web_footer_0001_0Newsletter .formBox {
        width: 100%;
        margin-top: 11px;
    }

    #ly_web_footer_0001_0Newsletter .form {
        height: 39px;
        padding: 3px;
        padding-left: 12px;
        gap: 8px;
        border: 1px solid #fff;
        background: transparent;
    }

    #ly_web_footer_0001_0Newsletter .input {
        font-size: 14px;
        line-height: 150%;
        color: #fff;
    }

    #ly_web_footer_0001_0Newsletter .button {
        width: 77px;
        height: 33px;
        padding: 0 10px;
        background: #0071e3;
        font-size: 12px;
        line-height: 160%;
    }

    #ly_web_footer_0001_0Newsletter .form-tip {
        left: 12px;
        width: calc(100% - 24px);
        font-size: 12px;
    }

    #ly_web_footer_0001_0Newsletter .subscribe-note {
        width: 100%;
        margin-top: 8px;
        text-align: center;
    }

    #ly_web_footer_0001_0Newsletter .subscribe-note__title {
        font-size: 12px;
    }

    #ly_web_footer_0001_0Newsletter .subscribe-note__description {
        margin-top: 4px;
        font-size: 10px;
    }

    #ly_web_footer_0001_0FooterNav {
        order: 4;
        display: flex;
        flex-direction: column;
        gap: 20px 0;
        margin-top: 82px;
    }

    #ly_web_footer_0001_0FooterNav .item {
        width: 100%;
        max-width: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    }

    #ly_web_footer_0001_0FooterNav .title {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        min-height: 35px;
        padding: 0;
        font-size: 14px;
        line-height: 100%;
        letter-spacing: 0.01em;
    }

    #ly_web_footer_0001_0FooterNav .one-icon {
        display: block;
        position: relative;
        flex: 0 0 12px;
        width: 12px;
        height: 12px;
    }

    #ly_web_footer_0001_0FooterNav .one-icon i {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 1;
        transform: translate(-50%, -50%);
        border-radius: 5px;
        background: #fff;
    }

    #ly_web_footer_0001_0FooterNav .one-icon i:first-child {
        width: 100%;
        height: 2px;
        transition: opacity 0.5s ease;
    }

    #ly_web_footer_0001_0FooterNav .one-icon i:last-child {
        width: 2px;
        height: 100%;
    }

    #ly_web_footer_0001_0FooterNav .list_item.cur .one-icon {
        transform: rotate(90deg);
    }

    #ly_web_footer_0001_0FooterNav .list_item.cur .one-icon i:first-child {
        opacity: 0;
    }

    #ly_web_footer_0001_0FooterNav .two_list {
        height: 0;
        overflow: hidden;
        transition: height 0.5s ease-in-out;
    }

    #ly_web_footer_0001_0FooterNav .two {
        width: 100%;
        padding: 0 0 20px;
    }

    #ly_web_footer_0001_0FooterNav .item:nth-child(1) .two {
        width: 100%;
    }

    #ly_web_footer_0001_0FooterNav .two_li {
        font-family: "Figtree-Medium", Figtree, sans-serif;
        font-size: 14px;
        font-weight: 500;
        line-height: 130%;
    }

    #ly_web_footer_0001_0FooterNav .two_li + .two_li {
        margin-top: 12px;
    }

    #ly_web_footer_0001_0Contact {
        order: 5;
        gap: 16px 0;
        margin-top: 77px;
    }

    #ly_web_footer_0001_0Contact .li {
        min-height: 19px;
        gap: 0 11px;
    }

    #ly_web_footer_0001_0Contact .icon {
        flex-basis: 19px;
        width: 19px;
        height: 19px;
    }

    #ly_web_footer_0001_0Contact .text {
        position: static;
        width: calc(100% - 30px);
        font-family: "Poppins-Medium", Poppins, "Figtree-Medium", Figtree, sans-serif;
        font-size: 15px;
        line-height: 100%;
        letter-spacing: 0.01em;
        color: #bbb9ba;
    }

    #ly_web_footer_0001_0Legal {
        display: flex;
        position: static;
        align-items: center;
        justify-content: space-between;
        flex-direction: row;
        bottom: auto;
        left: auto;
        width: 100%;
        max-width: 100%;
        gap: 12px 24px;
        margin-top: 43px;
        padding: 0 0 30px;
        overflow: visible;
        flex-wrap: wrap;
        transform: none;
    }

    #ly_web_footer_0001_0Legal .ly_web_footer_0001_0LegalLinks {
        order: 2;
        justify-content: flex-end;
        flex: 0 0 auto;
        width: max-content;
        max-width: 100%;
        min-width: 0;
        margin-left: auto;
    }

    #ly_web_footer_0001_0Legal .ly_web_footer_0001_0LegalLinksInner {
        justify-content: flex-end;
        width: 100%;
        max-width: 100%;
        gap: 6px 12px;
        flex-wrap: wrap;
    }

    #ly_web_footer_0001_0Legal.is-wrapped .ly_web_footer_0001_0LegalLinks {
        justify-content: flex-start;
        margin-left: 0;
    }

    #ly_web_footer_0001_0Legal.is-wrapped .ly_web_footer_0001_0LegalLinksInner {
        justify-content: flex-start;
    }

    #ly_web_footer_0001_0Legal .nav {
        font-size: 12px;
        line-height: 160%;
    }

    #ly_web_footer_0001_0Legal .ly_web_footer_0001_0Worldwide {
        order: 1;
        justify-content: flex-start;
        width: auto;
        min-width: 0;
        font-family: "Figtree-Medium", Figtree, sans-serif;
        font-size: 15px;
        line-height: 160%;
        letter-spacing: 0;
    }

    #ly_web_footer_0001_0Legal .ly_web_footer_0001_0WorldwideInner {
        width: max-content;
        gap: 6px;
        white-space: nowrap;
    }

    #ly_web_footer_0001_0Legal .ly_web_footer_0001_0Worldwide img {
        flex-basis: 16px;
        width: 16px;
        height: 16px;
    }

    #ly_web_footer_0001_0_bottom {
        height: 30px;
        min-height: 30px;
        background: #000;
    }

    #ly_web_footer_0001_0_bottom .box {
        justify-content: flex-start;
        width: 76.2%;
        height: 30px;
        min-height: 30px;
        max-width: none;
        margin: 0 auto;
        left: auto;
    }

    #ly_web_footer_0001_0_bottom .box,
    #ly_web_footer_0001_0_bottom .box *,
    #ly_web_footer_0001_0_bottom *,
    #ly_web_footer_0001_0_bottom a {
        font-family: Figtree, sans-serif;
        font-size: 12px;
        line-height: 30px;
        letter-spacing: 0.02em;
        text-align: left;
        color: rgba(141, 139, 139, 0.7);
    }
}

#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);}
#ly_web_sidebar_0001_1 .whatsapp-link img{display:block;width:40px;height:40px;}
#ly_web_sidebar_0001_1 .whatsapp-link:hover{background:var(--color-primary);}
#ly_web_sidebar_0001_1 .whatsapp-link--pending{cursor:not-allowed;opacity:.55;}

 #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);}
    #ly_web_sidebar_0001_1 .btn.whatsapp-link img{width:25px;height:25px;transform:none;}
    
    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;}
    #ly_web_sidebar_0001_1 .btn.whatsapp-link img{width:min(66%, 28px);height:min(66%, 28px);transform:none;}
    
    iframe[title*="Messaging window"]{bottom: 0 !important; right: 0 !important; top: inherit !important;}
}

@font-face {
	font-family: "Kai Figtree";
	src: url("/themes/default/css/font/Figtree-SemiBold.ttf") format("truetype");
	font-style: normal;
	font-weight: 600;
	font-display: swap;
}

.kai-page {
	--kai-pc-u: min(1px, calc(100vw / 1920));
	--kai-u: var(--kai-pc-u);
	--kai-canvas-width: calc(1920 * var(--kai-u));
	width: 100%;
	max-width: none;
	margin: var(--ig-hero-offset, 102px) 0 0;
	padding: 0 !important;
	overflow-x: clip;
	overflow-y: visible;
	overscroll-behavior-x: none;
	background: #061a29;
	color: #fff;
	font-family: "Kai Figtree", Figtree, Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

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

.kai-hero {
	position: relative;
	width: 100%;
	height: var(--ig-hero-height, calc(100vh - var(--ig-site-header-h, 64px)));
	min-height: var(--ig-hero-height, calc(100vh - var(--ig-site-header-h, 64px)));
	margin: 0;
	overflow: hidden;
	overscroll-behavior-x: none;
	touch-action: pan-y pinch-zoom;
	background: #061a29;
}

.kai-hero__picture,
.kai-hero__image {
	display: block;
	width: 100%;
}

.kai-hero__picture {
	position: absolute;
	inset: 0;
	height: 100%;
	overflow: hidden;
	pointer-events: none;
}

.kai-hero__image {
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center bottom;
	-webkit-user-drag: none;
	user-select: none;
}

.kai-hero__canvas {
	position: absolute;
	top: 0;
	left: 50%;
	width: var(--kai-canvas-width);
	height: 100%;
	transform: translateX(-50%);
	text-align: center;
}

.kai-hero__title,
.kai-hero__subtitle {
	position: absolute;
	left: 50%;
	width: 100%;
	margin: 0;
	color: #fff;
	font-family: "Kai Figtree", Figtree, Arial, Helvetica, sans-serif;
	font-weight: 600;
	text-align: center;
	white-space: nowrap;
	transform: translateX(-50%);
}

.kai-hero__title {
	left: calc(50% + (0.5 * var(--kai-u)));
	top: calc(96 * var(--kai-u));
	width: calc(771 * var(--kai-u));
	font-size: calc(54 * var(--kai-u));
	line-height: 1.28;
	letter-spacing: calc(-1.08 * var(--kai-u));
}

.kai-hero__subtitle {
	left: calc(50% + (1 * var(--kai-u)));
	top: calc(185 * var(--kai-u));
	width: calc(248 * var(--kai-u));
	font-size: calc(24 * var(--kai-u));
	line-height: 1;
	letter-spacing: calc(-0.48 * var(--kai-u));
}

.kai-hero__title-mobile,
.kai-hero__subtitle-mobile {
	display: none;
}

.kai-hero__actions {
	position: absolute;
	top: calc(241 * var(--kai-u));
	left: calc(50% - (0.5 * var(--kai-u)));
	display: flex;
	align-items: center;
	justify-content: center;
	gap: calc(24 * var(--kai-u));
	width: max-content;
	height: calc(48 * var(--kai-u));
	transform: translateX(-50%);
}

.kai-hero__actions--ab-b {
	gap: calc(16 * var(--kai-u));
}

.kai-page .kai-hero__button {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	gap: calc(5 * var(--kai-u));
	height: calc(48 * var(--kai-u));
	margin: 0;
	padding: calc(10 * var(--kai-u)) calc(18 * var(--kai-u));
	border: calc(1 * var(--kai-u)) solid #fff;
	border-radius: calc(999 * var(--kai-u));
	background: transparent;
	color: #fff;
	font-family: "Kai Figtree", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(16 * var(--kai-u));
	font-weight: 600;
	line-height: calc(17.424 * var(--kai-u));
	letter-spacing: calc(-0.32 * var(--kai-u));
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	transition: background-color 180ms ease, color 180ms ease;
}

.kai-page .kai-hero__button--learn,
.kai-page .kai-hero__button--availability,
.kai-page .kai-hero__button--watch,
.kai-page .kai-hero__button--buy,
.kai-page .kai-hero__button--find {
	width: auto;
}

.kai-hero__button-play {
	display: block;
	width: 0;
	height: 0;
	margin-left: calc(2 * var(--kai-u));
	border-top: calc(4 * var(--kai-u)) solid transparent;
	border-bottom: calc(4 * var(--kai-u)) solid transparent;
	border-left: calc(7 * var(--kai-u)) solid currentColor;
}

.kai-hero__button-icon {
	display: block;
	flex: 0 0 auto;
	object-fit: contain;
}

.kai-hero__button-icon--arrow {
	width: calc(10 * var(--kai-u));
	height: calc(10 * var(--kai-u));
	transform: rotate(-90deg) scaleY(-1);
	filter: invert(1);
	transition: filter 220ms ease;
}

.kai-page .kai-hero__button:hover {
	border-color: #fff;
	background: #fff;
	color: #061a29;
	opacity: 1;
}

.kai-page .kai-hero__button:hover .kai-hero__button-icon {
	filter: brightness(0) saturate(100%);
}

.kai-page .kai-hero__button:focus-visible {
	outline: calc(2 * var(--kai-u)) solid #fff;
	outline-offset: calc(3 * var(--kai-u));
}

.kai-page .kai-hero__button:active {
	opacity: 0.92;
}

@media (min-width: 768px) {
	.kai-page .kai-hero__title,
	.kai-page:not([data-kai-lang="en"]) .kai-hero__title {
		width: max-content;
		max-width: calc(100vw - (30 * var(--kai-u)));
	}

	.kai-page:not([data-kai-lang="en"]) .kai-hero__subtitle {
		width: calc(520 * var(--kai-u));
	}

}

@media (min-width: 768px) and (max-width: 1919px) {
	.kai-page {
		--kai-pc-u: calc(100vw / 1920);
	}
}

@media (max-width: 767px) {
	.kai-page {
		--kai-mobile-u: min(1px, calc(100vw / 440));
		--kai-u: var(--kai-mobile-u);
		--kai-canvas-width: calc(440 * var(--kai-u));
		margin-top: var(--ig-hero-offset, 86px);
	}

	.kai-hero {
		height: var(--ig-hero-height, calc(100vh - var(--ig-site-header-h, 48px)));
		min-height: var(--ig-hero-height, calc(100vh - var(--ig-site-header-h, 48px)));
	}

	.kai-hero__picture,
	.kai-hero__image {
		width: 100%;
	}

	.kai-hero__picture {
		height: 100%;
	}

	.kai-hero__image {
		height: 100%;
		object-position: center top;
	}

	.kai-hero__canvas {
		height: calc(725 * var(--kai-u));
		padding-top: calc(80 * var(--kai-u));
	}

	.kai-hero__title-pc,
	.kai-hero__subtitle-pc {
		display: none;
	}

	.kai-hero__title-mobile,
	.kai-hero__subtitle-mobile {
		display: inline;
	}

	.kai-hero__title {
		position: relative;
		left: auto;
		top: auto;
		width: calc(410 * var(--kai-u));
		margin: 0 auto;
		font-size: calc(28 * var(--kai-u));
		line-height: 1.05;
		letter-spacing: calc(-0.56 * var(--kai-u));
		transform: none;
		white-space: normal;
		text-wrap: balance;
	}

	.kai-hero__subtitle {
		position: relative;
		left: auto;
		top: auto;
		width: calc(410 * var(--kai-u));
		margin: calc(16 * var(--kai-u)) auto 0;
		font-size: calc(16 * var(--kai-u));
		line-height: 1;
		letter-spacing: 0;
		transform: none;
	}

	.kai-hero__actions {
		position: relative;
		top: auto;
		left: auto;
		gap: calc(24 * var(--kai-u));
		width: max-content;
		height: calc(40 * var(--kai-u));
		margin: calc(24 * var(--kai-u)) auto 0;
		transform: none;
	}

	.kai-hero__actions--ab-b {
		gap: calc(16 * var(--kai-u));
	}

	.kai-page .kai-hero__button {
		gap: calc(8 * var(--kai-u));
		height: calc(40 * var(--kai-u));
		padding: calc(12 * var(--kai-u));
		border-width: calc(1 * var(--kai-u));
		font-size: calc(16 * var(--kai-u));
		line-height: calc(16 * var(--kai-u));
		letter-spacing: calc(-0.32 * var(--kai-u));
	}

	.kai-hero__button-icon--arrow {
		width: calc(12 * var(--kai-u));
		height: calc(12 * var(--kai-u));
	}

	.kai-hero__button-play {
		margin-left: 0;
		border-top-width: calc(5 * var(--kai-u));
		border-bottom-width: calc(5 * var(--kai-u));
		border-left-width: calc(8 * var(--kai-u));
	}

	.kai-page:not([data-kai-lang="en"]) .kai-hero__title {
		width: calc(410 * var(--kai-u));
	}

	.kai-page:not([data-kai-lang="en"]) .kai-hero__subtitle {
		width: calc(360 * var(--kai-u));
	}

	.kai-page:not([data-kai-lang="en"]) .kai-hero__actions {
		gap: calc(12 * var(--kai-u));
		width: max-content;
	}
}

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

.kai-hero-video-modal {
	--kai-video-u: min(1px, calc(100vw / 1920));
	position: fixed;
	inset: 0;
	z-index: 10050;
	display: none;
	padding: calc(24 * var(--kai-video-u));
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.6);
	-webkit-backdrop-filter: blur(calc(16 * var(--kai-video-u)));
	backdrop-filter: blur(calc(16 * var(--kai-video-u)));
	box-sizing: border-box;
	font-family: "Kai Figtree", Figtree, Arial, Helvetica, sans-serif;
	touch-action: none;
}

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

.kai-hero-video-modal__dialog {
	display: flex;
	width: calc(1200 * var(--kai-video-u));
	max-width: calc(100vw - (48 * var(--kai-video-u)));
	flex-direction: column;
	overflow: hidden;
	border-radius: calc(20 * var(--kai-video-u));
	background: #1a1a1a;
}

.kai-hero-video-modal__header {
	display: flex;
	padding: calc(24 * var(--kai-video-u)) calc(24 * var(--kai-video-u)) calc(25 * var(--kai-video-u));
	align-items: center;
	justify-content: space-between;
	border-bottom: max(1px, calc(1 * var(--kai-video-u))) solid rgba(255, 255, 255, 0.1);
}

.kai-hero-video-modal__copy {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: calc(8 * var(--kai-video-u));
}

.kai-hero-video-modal__title,
.kai-hero-video-modal__subtitle {
	margin: 0;
}

.kai-hero-video-modal__title {
	color: #fff;
	font-size: calc(24 * var(--kai-video-u));
	font-weight: 600;
	line-height: 1.2;
}

.kai-hero-video-modal__subtitle {
	color: rgba(255, 255, 255, 0.6);
	font-size: calc(16 * var(--kai-video-u));
	font-weight: 400;
	line-height: 1.2;
}

.kai-hero-video-modal__close {
	position: relative;
	display: block;
	flex: 0 0 auto;
	width: calc(24 * var(--kai-video-u));
	height: calc(24 * var(--kai-video-u));
	padding: 0;
	border: 0;
	background: transparent;
	color: #fff;
	appearance: none;
	cursor: pointer;
}

.kai-hero-video-modal__close span::before,
.kai-hero-video-modal__close span::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(22 * var(--kai-video-u));
	height: max(1px, calc(1.5 * var(--kai-video-u)));
	border-radius: calc(2 * var(--kai-video-u));
	background: currentColor;
	content: "";
}

.kai-hero-video-modal__close span::before {
	transform: translate(-50%, -50%) rotate(45deg);
}

.kai-hero-video-modal__close span::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}

.kai-hero-video-modal__close:focus-visible {
	outline: max(1px, calc(2 * var(--kai-video-u))) solid #1d96ff;
	outline-offset: calc(3 * var(--kai-video-u));
}

.kai-hero-video-modal__frame-wrap {
	position: relative;
	width: 100%;
	height: calc(675 * var(--kai-video-u));
	background: #000;
}

.kai-hero-video-modal__frame {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	background: #000;
	object-fit: contain;
}

@media (max-width: 767px) {
	.kai-hero-video-modal {
		--kai-video-u: min(1px, calc(100vw / 440));
		width: 100%;
		padding: 0;
	}

	.kai-hero-video-modal__dialog {
		position: relative;
		width: 100%;
		max-width: 100%;
		border-radius: 0;
		background: transparent;
	}

	.kai-hero-video-modal__header {
		position: relative;
		padding: calc(20 * var(--kai-video-u)) calc(48 * var(--kai-video-u)) calc(20 * var(--kai-video-u)) calc(15 * var(--kai-video-u));
		background: #1a1a1a;
	}

	.kai-hero-video-modal__copy {
		gap: calc(8 * var(--kai-video-u));
	}

	.kai-hero-video-modal__title,
	.kai-hero-video-modal__subtitle {
		font-size: calc(14 * var(--kai-video-u));
		line-height: 1.2;
	}

	.kai-hero-video-modal__close {
		position: absolute;
		top: calc(20 * var(--kai-video-u));
		right: calc(15 * var(--kai-video-u));
	}

	.kai-hero-video-modal__frame-wrap {
		height: auto;
		aspect-ratio: 16 / 9;
		touch-action: auto;
	}
}

/* K-AI relentless navigation — PC Figma 2606:246, mobile Figma 2114:1562 / 2114:1567 */
.kai-navigation {
	--kai-navigation-u: var(--kai-u);
	position: relative;
	width: 100%;
	height: calc(990 * var(--kai-navigation-u));
	overflow: hidden;
	background: #000;
	color: #fff;
}

.kai-navigation__canvas {
	position: relative;
	width: calc(1920 * var(--kai-navigation-u));
	height: 100%;
	margin-inline: auto;
}

.kai-navigation__intro {
	position: absolute;
	top: calc(96 * var(--kai-navigation-u));
	left: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: calc(24 * var(--kai-navigation-u));
	width: calc(1500 * var(--kai-navigation-u));
	transform: translateX(-50%);
	text-align: center;
}

.kai-navigation__heading,
.kai-navigation__lead,
.kai-navigation__card-title,
.kai-navigation__card-description {
	margin: 0;
}

.kai-navigation__heading {
	width: 100%;
	font-family: "Figtree-SemiBold", "Kai Figtree", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(48 * var(--kai-navigation-u));
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: calc(-0.96 * var(--kai-navigation-u));
	text-align: center;
}

.kai-navigation__lead {
	width: calc(1200 * var(--kai-navigation-u));
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(20 * var(--kai-navigation-u));
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: calc(-0.4 * var(--kai-navigation-u));
	text-align: center;
}

.kai-navigation__cards {
	position: absolute;
	top: calc(274 * var(--kai-navigation-u));
	left: calc(210 * var(--kai-navigation-u));
	display: flex;
	gap: calc(20 * var(--kai-navigation-u));
	width: calc(1500 * var(--kai-navigation-u));
	height: calc(524 * var(--kai-navigation-u));
}

.kai-navigation__card {
	position: relative;
	flex: 0 0 calc(740 * var(--kai-navigation-u));
	width: calc(740 * var(--kai-navigation-u));
	height: calc(524 * var(--kai-navigation-u));
	overflow: hidden;
	border: calc(1 * var(--kai-navigation-u)) solid rgba(255, 255, 255, 0.32);
	background: #000;
}

.kai-navigation__picture,
.kai-navigation__image {
	position: absolute;
	display: block;
	width: calc(700 * var(--kai-navigation-u));
	height: calc(360 * var(--kai-navigation-u));
}

.kai-navigation__picture {
	top: calc(19 * var(--kai-navigation-u));
	left: calc(19 * var(--kai-navigation-u));
	overflow: hidden;
}

.kai-navigation__image {
	inset: 0;
	max-width: none;
	object-fit: cover;
	object-position: center;
	-webkit-user-drag: none;
	user-select: none;
}

.kai-navigation__glow {
	display: none;
}

.kai-navigation__card-title,
.kai-navigation__card-description {
	position: absolute;
	z-index: 2;
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	text-align: left;
}

.kai-navigation__card-title {
	top: calc(403 * var(--kai-navigation-u));
	font-family: "Figtree-SemiBold", "Kai Figtree", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(32 * var(--kai-navigation-u));
	font-weight: 600;
	line-height: 1;
	letter-spacing: calc(-0.64 * var(--kai-navigation-u));
	white-space: nowrap;
}

.kai-navigation__card-description {
	top: calc(451 * var(--kai-navigation-u));
	font-size: calc(20 * var(--kai-navigation-u));
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: calc(-0.4 * var(--kai-navigation-u));
	color: rgba(255, 255, 255, 0.8);
}

.kai-navigation__card--escape .kai-navigation__card-title,
.kai-navigation__card--escape .kai-navigation__card-description {
	left: calc(13 * var(--kai-navigation-u));
	width: calc(726 * var(--kai-navigation-u));
}

.kai-navigation__card--climbs .kai-navigation__card-title,
.kai-navigation__card--climbs .kai-navigation__card-description {
	left: calc(23 * var(--kai-navigation-u));
	width: calc(696 * var(--kai-navigation-u));
}

.kai-page:not([data-kai-lang="en"]) .kai-navigation__card-description {
	font-size: calc(18 * var(--kai-navigation-u));
}

@media (max-width: 767px) {
	.kai-navigation {
		left: 50%;
		width: 100vw;
		height: auto;
		padding-top: calc(48 * var(--kai-navigation-u));
		padding-bottom: calc(80 * var(--kai-navigation-u));
		transform: translateX(-50%);
		background: #000;
	}

	.kai-navigation__canvas {
		width: 100%;
		max-width: none;
		height: auto;
	}

	.kai-navigation__intro {
		display: none;
	}

	.kai-navigation__cards {
		position: relative;
		top: auto;
		left: auto;
		display: flex;
		flex-direction: column;
		gap: calc(40 * var(--kai-navigation-u));
		width: calc(100% - (30 * var(--kai-navigation-u)));
		height: auto;
		margin-inline: auto;
	}

	.kai-navigation__card {
		display: flex;
		flex-direction: column;
		flex-basis: auto;
		width: 100%;
		height: auto;
		border-color: rgba(255, 255, 255, 0.2);
	}

	.kai-navigation__picture,
	.kai-navigation__image {
		width: 100%;
		height: 100%;
	}

	.kai-navigation__picture {
		position: relative;
		top: auto;
		left: auto;
		flex: 0 0 auto;
		height: auto;
		aspect-ratio: 410 / 250;
	}

	.kai-navigation__glow {
		position: absolute;
		top: calc(14 * var(--kai-navigation-u));
		left: 0;
		z-index: 1;
		display: block;
		width: 100%;
		height: auto;
		aspect-ratio: 410 / 382;
		background: center / 100% 100% no-repeat url("/module/custom-web/products/kai/images/kai-navigation-glow.svg");
		pointer-events: none;
	}

	.kai-navigation__card--escape .kai-navigation__glow {
		transform: scaleX(-1);
	}

	.kai-navigation__card--climbs .kai-navigation__glow {
		transform: none;
	}

	.kai-navigation__card-title,
	.kai-navigation__card-description,
	.kai-navigation__card--escape .kai-navigation__card-title,
	.kai-navigation__card--escape .kai-navigation__card-description,
	.kai-navigation__card--climbs .kai-navigation__card-title,
	.kai-navigation__card--climbs .kai-navigation__card-description {
		position: relative;
		top: auto;
		left: auto;
		width: calc(100% - (20 * var(--kai-navigation-u)));
		margin-inline: calc(10 * var(--kai-navigation-u));
	}

	.kai-navigation__card-title {
		margin-top: calc(24 * var(--kai-navigation-u));
		font-size: calc(24 * var(--kai-navigation-u));
		line-height: 1;
		letter-spacing: calc(-0.48 * var(--kai-navigation-u));
		white-space: nowrap;
	}

	.kai-navigation__card-description {
		margin-top: calc(16 * var(--kai-navigation-u));
		margin-bottom: calc(40 * var(--kai-navigation-u));
		font-size: calc(14 * var(--kai-navigation-u));
		line-height: 1.2;
		letter-spacing: calc(-0.28 * var(--kai-navigation-u));
	}

	.kai-page:not([data-kai-lang="en"]) .kai-navigation__card-title {
		font-size: calc(20 * var(--kai-navigation-u));
	}

	.kai-page:not([data-kai-lang="en"]) .kai-navigation__card-description {
		font-size: calc(12 * var(--kai-navigation-u));
	}
}

/* K-AI precision targeting — PC Figma 2126:912, mobile Figma 2609:247 */
.kai-targeting {
	--kai-targeting-u: var(--kai-u);
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	background: #000;
	color: #fff;
}

.kai-targeting__canvas {
	position: relative;
	width: 100%;
	height: auto;
	margin-inline: auto;
}

.kai-targeting__media,
.kai-targeting__picture,
.kai-targeting__image,
.kai-targeting__shade {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.kai-targeting__media {
	position: relative;
	inset: auto;
	overflow: hidden;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	background: #061321;
}

.kai-targeting__picture,
.kai-targeting__image {
	position: static;
	inset: auto;
	width: 100%;
	height: auto;
}

.kai-targeting__image {
	aspect-ratio: 16 / 9;
	max-width: none;
	object-fit: cover;
	object-position: center;
	-webkit-user-drag: none;
	user-select: none;
}

.kai-targeting__shade {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.2) 23.811%, rgba(0, 0, 0, 0) 34.703%);
}

.kai-targeting__copy {
	position: absolute;
	top: calc(96 * var(--kai-targeting-u));
	left: 50%;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: calc(24 * var(--kai-targeting-u));
	width: calc(1760 * var(--kai-targeting-u));
	transform: translateX(-50%);
	text-align: center;
}

.kai-targeting__title,
.kai-targeting__description {
	margin: 0;
	color: #fff;
	text-align: center;
}

.kai-targeting__title {
	width: 100%;
	font-family: "Figtree-SemiBold", "Kai Figtree", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(56 * var(--kai-targeting-u));
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: calc(-1.12 * var(--kai-targeting-u));
}

.kai-targeting__description {
	width: calc(1200 * var(--kai-targeting-u));
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(20 * var(--kai-targeting-u));
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: calc(-0.4 * var(--kai-targeting-u));
}

.kai-targeting__description-mobile {
	display: none;
}

@media (max-width: 767px) {
	.kai-targeting {
		left: 50%;
		width: 100vw;
		height: auto;
		overflow: hidden;
		transform: translateX(-50%);
	}

	.kai-targeting__canvas {
		display: flex;
		flex-direction: column;
		width: 100%;
		height: auto;
	}

	.kai-targeting__media {
		position: relative;
		inset: auto;
		display: flex;
		flex-direction: column;
		order: 2;
		width: 100%;
		height: auto;
		aspect-ratio: auto;
		background: #061321;
	}

	.kai-targeting__picture,
	.kai-targeting__image {
		position: static;
		inset: auto;
		width: 100%;
		height: auto;
	}

	.kai-targeting__picture {
		order: 2;
	}

	.kai-targeting__image {
		aspect-ratio: 1 / 1;
		object-fit: cover;
	}

	.kai-targeting__shade {
		display: none;
	}

	.kai-targeting__copy {
		position: relative;
		top: auto;
		left: auto;
		order: 1;
		gap: calc(16 * var(--kai-targeting-u));
		width: 100%;
		padding: calc(80 * var(--kai-targeting-u)) calc(15 * var(--kai-targeting-u)) calc(24 * var(--kai-targeting-u));
		transform: none;
		background: #000;
	}

	.kai-targeting__description-pc {
		display: none;
	}

	.kai-targeting__description-mobile {
		display: inline;
	}

	.kai-targeting__title {
		width: 100%;
		font-size: calc(28 * var(--kai-targeting-u));
		line-height: 1.1;
		letter-spacing: calc(-0.56 * var(--kai-targeting-u));
	}

	.kai-targeting__description {
		width: 100%;
		font-size: calc(14 * var(--kai-targeting-u));
		line-height: 1.2;
		letter-spacing: calc(-0.28 * var(--kai-targeting-u));
	}
}

/* K-AI feature accordion — Figma 2409:707 / 2570:197 */
.kai-features {
	--kai-features-u: var(--kai-u);
	--kai-features-motion: 680ms;
	--kai-features-ease: cubic-bezier(0.16, 1, 0.3, 1);
	position: relative;
	width: 100%;
	height: calc(1080 * var(--kai-features-u));
	overflow: hidden;
	background:
		radial-gradient(circle at calc(0% - 100 * var(--kai-features-u)) calc(100% + 120 * var(--kai-features-u)), rgba(0, 171, 220, 0.22), transparent calc(420 * var(--kai-features-u))),
		linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.6) 100%);
	color: #fff;
	scroll-margin-top: var(--ig-site-header-h, 64px);
}

.kai-features__canvas {
	position: relative;
	width: calc(1920 * var(--kai-features-u));
	height: 100%;
	margin-inline: auto;
}

.kai-features__cards {
	position: absolute;
	top: calc(128 * var(--kai-features-u));
	left: calc(210 * var(--kai-features-u));
	display: block;
	width: calc(1500 * var(--kai-features-u));
	height: calc(824 * var(--kai-features-u));
}

.kai-features__card {
	position: absolute;
	top: 0;
	bottom: 0;
	min-width: 0;
	width: calc(222 * var(--kai-features-u));
	height: 100%;
	overflow: hidden;
	background: #03121d;
	will-change: left, width;
	transition:
		left 800ms cubic-bezier(0.4, 0, 0.2, 1),
		width 800ms cubic-bezier(0.4, 0, 0.2, 1);
}

.kai-features__card:nth-child(1) {
	left: 0;
	width: calc(825 * var(--kai-features-u));
}

.kai-features__card:nth-child(2) {
	left: calc(828 * var(--kai-features-u));
}

.kai-features__card:nth-child(3) {
	left: calc(1053 * var(--kai-features-u));
}

.kai-features__card:nth-child(4) {
	left: calc(1278 * var(--kai-features-u));
}

.kai-features[data-kai-active-index="1"] .kai-features__card:nth-child(1),
.kai-features[data-kai-active-index="2"] .kai-features__card:nth-child(1),
.kai-features[data-kai-active-index="3"] .kai-features__card:nth-child(1) {
	width: calc(222 * var(--kai-features-u));
}

.kai-features[data-kai-active-index="1"] .kai-features__card:nth-child(2) {
	left: calc(225 * var(--kai-features-u));
	width: calc(825 * var(--kai-features-u));
}

.kai-features[data-kai-active-index="2"] .kai-features__card:nth-child(2),
.kai-features[data-kai-active-index="3"] .kai-features__card:nth-child(2) {
	left: calc(225 * var(--kai-features-u));
}

.kai-features[data-kai-active-index="2"] .kai-features__card:nth-child(3) {
	left: calc(450 * var(--kai-features-u));
	width: calc(825 * var(--kai-features-u));
}

.kai-features[data-kai-active-index="3"] .kai-features__card:nth-child(3) {
	left: calc(450 * var(--kai-features-u));
}

.kai-features[data-kai-active-index="3"] .kai-features__card:nth-child(4) {
	left: calc(675 * var(--kai-features-u));
	width: calc(825 * var(--kai-features-u));
}

.kai-features__picture,
.kai-features__image {
	display: block;
	width: 100%;
	height: 100%;
}

.kai-features__picture {
	position: absolute;
	inset: 0;
}

.kai-features__image {
	max-width: none;
	object-fit: cover;
	object-position: center;
	-webkit-user-drag: none;
	user-select: none;
	transform: none;
	transition: none;
}

.kai-features__card.is-active .kai-features__image {
	transform: none;
}

.kai-features__inactive-shade,
.kai-features__scrim {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	pointer-events: none;
}

.kai-features__inactive-shade {
	top: 0;
	background: rgba(0, 0, 0, 0.55);
	opacity: 1;
	transition: opacity 800ms cubic-bezier(0.4, 0, 0.2, 1);
}

.kai-features__card.is-active .kai-features__inactive-shade {
	opacity: 0;
}

.kai-features__scrim {
	height: calc(320 * var(--kai-features-u));
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
	transition: none;
}

.kai-features__card.is-active .kai-features__scrim {
	height: calc(320 * var(--kai-features-u));
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
}

.kai-features__badge {
	position: absolute;
	top: calc(16 * var(--kai-features-u));
	left: calc(16 * var(--kai-features-u));
	z-index: 3;
	display: inline-flex;
	align-items: center;
	gap: calc(6 * var(--kai-features-u));
	max-width: calc(190 * var(--kai-features-u));
	height: calc(32 * var(--kai-features-u));
	padding: 0 calc(12 * var(--kai-features-u));
	border: calc(1 * var(--kai-features-u)) solid rgba(255, 255, 255, 0.1);
	border-radius: calc(999 * var(--kai-features-u));
	background: rgba(255, 255, 255, 0.08);
	-webkit-backdrop-filter: blur(calc(9 * var(--kai-features-u)));
	backdrop-filter: blur(calc(9 * var(--kai-features-u)));
	overflow: hidden;
	white-space: nowrap;
	transition:
		top var(--kai-features-motion) var(--kai-features-ease),
		left var(--kai-features-motion) var(--kai-features-ease),
		max-width var(--kai-features-motion) var(--kai-features-ease);
}

.kai-features__card.is-active .kai-features__badge {
	top: calc(24 * var(--kai-features-u));
	left: calc(24 * var(--kai-features-u));
	max-width: calc(360 * var(--kai-features-u));
}

.kai-features__badge-index {
	flex: 0 0 auto;
	font-size: calc(13 * var(--kai-features-u));
	font-weight: 800;
	line-height: 1;
}

.kai-features__badge-mark {
	display: block;
	flex: 0 0 auto;
	width: 0;
	height: calc(14 * var(--kai-features-u));
	background: center / contain no-repeat;
	opacity: 0;
	transform: scale(0.55);
	transition:
		width 480ms var(--kai-features-ease),
		opacity 280ms ease,
		transform 480ms var(--kai-features-ease);
}

.kai-features__card.is-active .kai-features__badge-mark {
	width: calc(18 * var(--kai-features-u));
	opacity: 1;
	transform: scale(1);
}

.kai-features__badge-mark--runtime {
	background-image: url("/module/custom-web/products/kai/images/kai-features-mark-runtime.svg");
}

.kai-features__badge-mark--smart-nav {
	background-image: url("/module/custom-web/products/kai/images/kai-features-mark-smart-nav.svg");
}

.kai-features__badge-mark--power {
	background-image: url("/module/custom-web/products/kai/images/kai-features-mark-power.svg");
}

.kai-features__badge-mark--app-free {
	background-image: url("/module/custom-web/products/kai/images/kai-features-mark-app-free.svg");
}

.kai-features__badge-mark--coverage {
	background-image: url("/module/custom-web/products/kai/images/kai-features-mark-app-free.svg");
}

.kai-features__badge-label {
	min-width: 0;
	overflow: hidden;
	color: rgba(255, 255, 255, 0.8);
	font-size: calc(11 * var(--kai-features-u));
	font-weight: 700;
	line-height: 1;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.kai-features__badge-label--mobile {
	display: none;
}

.kai-page:not([data-kai-lang="en"]) .kai-features__card:not(.is-active) .kai-features__badge-label {
	font-size: calc(8 * var(--kai-features-u));
}

.kai-features__collapsed-copy {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 3;
	display: flex;
	align-items: flex-end;
	min-height: calc(82 * var(--kai-features-u));
	padding: calc(16 * var(--kai-features-u)) calc(20 * var(--kai-features-u)) calc(20 * var(--kai-features-u));
	opacity: 1;
	transform: translateY(0);
	transition: opacity 240ms ease, transform 420ms var(--kai-features-ease);
}

.kai-features__card.is-active .kai-features__collapsed-copy {
	opacity: 0;
	transform: translateY(calc(10 * var(--kai-features-u)));
}

.kai-features__collapsed-index,
.kai-features__collapsed-title--mobile {
	display: none;
}

.kai-features__collapsed-title--pc {
	display: block;
	color: rgba(255, 255, 255, 0.8);
	font-size: calc(24 * var(--kai-features-u));
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: calc(-0.48 * var(--kai-features-u));
}

.kai-features__expanded-copy {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 3;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: calc(16 * var(--kai-features-u));
	padding: calc(24 * var(--kai-features-u)) calc(32 * var(--kai-features-u)) calc(32 * var(--kai-features-u));
	opacity: 0;
	visibility: hidden;
	transform: translateY(calc(22 * var(--kai-features-u)));
	transition:
		opacity 260ms ease,
		transform 480ms var(--kai-features-ease),
		visibility 0s linear var(--kai-features-motion);
}

.kai-features__card.is-active .kai-features__expanded-copy {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	transition:
		opacity 360ms ease 220ms,
		transform 560ms var(--kai-features-ease) 160ms,
		visibility 0s linear 0s;
}

.kai-features__title-block {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: calc(6 * var(--kai-features-u));
	width: 100%;
}

.kai-features__title-block--mobile,
.kai-features__divider-label--mobile,
.kai-features__description--mobile {
	display: none;
}

.kai-features__title,
.kai-features__subtitle,
.kai-features__description {
	width: 100%;
	margin: 0;
	text-align: left;
}

.kai-features__title {
	font-size: calc(48 * var(--kai-features-u));
	font-weight: 700;
	line-height: 1;
	letter-spacing: calc(-0.96 * var(--kai-features-u));
}

.kai-features__subtitle {
	color: rgba(255, 255, 255, 0.7);
	font-size: calc(24 * var(--kai-features-u));
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: calc(-0.48 * var(--kai-features-u));
}

.kai-features__card[data-kai-feature-index="3"] .kai-features__subtitle {
	font-size: calc(18 * var(--kai-features-u));
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: calc(-0.36 * var(--kai-features-u));
}

.kai-features__divider {
	display: flex;
	align-items: center;
	gap: calc(10 * var(--kai-features-u));
	width: 100%;
}

.kai-features__divider-line {
	flex: 0 0 calc(40 * var(--kai-features-u));
	width: calc(40 * var(--kai-features-u));
	height: calc(2 * var(--kai-features-u));
	border-radius: calc(1 * var(--kai-features-u));
	background: #50c2ff;
}

.kai-features__divider-label {
	color: rgba(255, 255, 255, 0.5);
	font-size: calc(12 * var(--kai-features-u));
	font-weight: 700;
	line-height: 1;
	letter-spacing: calc(-0.24 * var(--kai-features-u));
	white-space: nowrap;
}

.kai-features__description {
	color: rgba(255, 255, 255, 0.7);
	font-size: calc(20 * var(--kai-features-u));
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: calc(-0.4 * var(--kai-features-u));
}

.kai-features__activate {
	position: absolute;
	inset: 0;
	z-index: 5;
	width: 100%;
	height: 100%;
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
}

.kai-features__activate:focus-visible {
	outline: calc(2 * var(--kai-features-u)) solid #50c2ff;
	outline-offset: calc(-4 * var(--kai-features-u));
}

.kai-features__toggle {
	display: none;
}

@media (min-width: 768px) {
	.kai-features__cards {
		background: #03121d;
	}

	.kai-features__badge {
		transition:
			top 800ms cubic-bezier(0.4, 0, 0.2, 1),
			left 800ms cubic-bezier(0.4, 0, 0.2, 1),
			max-width 800ms cubic-bezier(0.4, 0, 0.2, 1);
	}

	.kai-features__expanded-copy {
		transition:
			opacity 320ms ease,
			transform 800ms cubic-bezier(0.4, 0, 0.2, 1),
			visibility 0s linear 800ms;
	}

	.kai-features__card.is-active .kai-features__expanded-copy {
		transition:
			opacity 360ms ease 220ms,
			transform 800ms cubic-bezier(0.4, 0, 0.2, 1),
			visibility 0s linear 0s;
	}
}

@media (max-width: 767px) {
	.kai-features {
		left: 50%;
		width: 100vw;
		height: calc(932 * var(--kai-features-u));
		transform: translateX(-50%);
		transition: height 800ms cubic-bezier(0.4, 0, 0.2, 1);
		background:
			radial-gradient(circle at calc(100% - 20 * var(--kai-features-u)) calc(50 * var(--kai-features-u)), rgba(35, 120, 210, 0.34), transparent calc(300 * var(--kai-features-u))),
			radial-gradient(circle at calc(0% - 30 * var(--kai-features-u)) calc(100% - 40 * var(--kai-features-u)), rgba(0, 180, 220, 0.22), transparent calc(250 * var(--kai-features-u))),
			#020d1a;
	}

	.kai-features__canvas {
		width: 100%;
	}

	.kai-features__cards {
		top: calc(80 * var(--kai-features-u));
		left: calc(15 * var(--kai-features-u));
		display: block;
		width: calc(100% - (30 * var(--kai-features-u)));
		height: calc(772 * var(--kai-features-u));
		transition: height 800ms cubic-bezier(0.4, 0, 0.2, 1);
	}

	.kai-features__card,
	.kai-features__card.is-active {
		right: auto;
		bottom: auto;
		left: 0;
		width: 100%;
		height: calc(76 * var(--kai-features-u));
		border-radius: calc(10 * var(--kai-features-u));
		will-change: auto;
		transition:
			top 800ms cubic-bezier(0.4, 0, 0.2, 1),
			height 800ms cubic-bezier(0.4, 0, 0.2, 1),
			border-radius 800ms cubic-bezier(0.4, 0, 0.2, 1);
	}

	.kai-features__card.is-active {
		border-radius: calc(20 * var(--kai-features-u));
	}

	/* Keep the source raster at its natural 410×520 presentation size.
	 * The card reveals/crops this fixed layer instead of resampling it every frame. */
	.kai-features__picture {
		top: 50%;
		right: auto;
		bottom: auto;
		left: 0;
		width: 100%;
		height: calc(520 * var(--kai-features-u));
		transform: translateY(-50%);
	}

	.kai-features__image,
	.kai-features__card.is-active .kai-features__image {
		width: 100%;
		height: 100%;
		transform: none;
		transition: none;
	}

	/* Neutralize the higher-specificity PC nth-child left/width states. */
	.kai-features[data-kai-active-index] .kai-features__card:nth-child(n) {
		left: 0;
		width: 100%;
	}

	.kai-features__card:nth-child(1) {
		top: 0;
		height: calc(520 * var(--kai-features-u));
	}

	.kai-features__card:nth-child(2) {
		top: calc(528 * var(--kai-features-u));
	}

	.kai-features__card:nth-child(3) {
		top: calc(612 * var(--kai-features-u));
	}

	.kai-features__card:nth-child(4) {
		top: calc(696 * var(--kai-features-u));
	}

	.kai-features[data-kai-active-index="1"] .kai-features__card:nth-child(1),
	.kai-features[data-kai-active-index="2"] .kai-features__card:nth-child(1),
	.kai-features[data-kai-active-index="3"] .kai-features__card:nth-child(1) {
		height: calc(76 * var(--kai-features-u));
	}

	.kai-features[data-kai-active-index="1"] .kai-features__card:nth-child(2) {
		top: calc(84 * var(--kai-features-u));
		height: calc(520 * var(--kai-features-u));
	}

	.kai-features[data-kai-active-index="2"] .kai-features__card:nth-child(2),
	.kai-features[data-kai-active-index="3"] .kai-features__card:nth-child(2) {
		top: calc(84 * var(--kai-features-u));
	}

	.kai-features[data-kai-active-index="2"] .kai-features__card:nth-child(3) {
		top: calc(168 * var(--kai-features-u));
		height: calc(520 * var(--kai-features-u));
	}

	.kai-features[data-kai-active-index="3"] .kai-features__card:nth-child(3) {
		top: calc(168 * var(--kai-features-u));
	}

	.kai-features[data-kai-active-index="3"] .kai-features__card:nth-child(4) {
		top: calc(252 * var(--kai-features-u));
		height: calc(520 * var(--kai-features-u));
	}

	.kai-features[data-kai-active-index="-1"] {
		height: calc(488 * var(--kai-features-u));
	}

	.kai-features[data-kai-active-index="-1"] .kai-features__cards {
		height: calc(328 * var(--kai-features-u));
	}

	.kai-features[data-kai-active-index="-1"] .kai-features__card:nth-child(1) {
		top: 0;
		height: calc(76 * var(--kai-features-u));
	}

	.kai-features[data-kai-active-index="-1"] .kai-features__card:nth-child(2) {
		top: calc(84 * var(--kai-features-u));
	}

	.kai-features[data-kai-active-index="-1"] .kai-features__card:nth-child(3) {
		top: calc(168 * var(--kai-features-u));
	}

	.kai-features[data-kai-active-index="-1"] .kai-features__card:nth-child(4) {
		top: calc(252 * var(--kai-features-u));
	}

	.kai-features__inactive-shade {
		background: rgba(0, 0, 0, 0.65);
		transition: opacity 800ms cubic-bezier(0.4, 0, 0.2, 1);
	}

	.kai-features__scrim,
	.kai-features__card.is-active .kai-features__scrim {
		top: auto;
		height: calc(220 * var(--kai-features-u));
		background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
		opacity: 0;
		transition: opacity 800ms cubic-bezier(0.4, 0, 0.2, 1);
	}

	.kai-features__card.is-active .kai-features__scrim {
		opacity: 1;
	}

	.kai-features__badge {
		display: none;
	}

	.kai-features__card.is-active .kai-features__badge {
		top: calc(16 * var(--kai-features-u));
		left: calc(16 * var(--kai-features-u));
		display: inline-flex;
		max-width: calc(300 * var(--kai-features-u));
	}

	.kai-features__badge-label--pc {
		display: none;
	}

	.kai-features__badge-label--mobile {
		display: block;
		text-transform: uppercase;
	}

	.kai-features__collapsed-copy {
		top: 0;
		bottom: auto;
		align-items: center;
		gap: calc(12 * var(--kai-features-u));
		height: calc(76 * var(--kai-features-u));
		min-height: 0;
		padding: 0 calc(52 * var(--kai-features-u)) 0 calc(16 * var(--kai-features-u));
		transform: translateY(0);
		transition:
			opacity 260ms ease 280ms,
			transform 320ms cubic-bezier(0.4, 0, 0.2, 1) 240ms;
	}

	.kai-features__card.is-active .kai-features__collapsed-copy {
		opacity: 0;
		transform: translateY(calc(8 * var(--kai-features-u)));
		transition:
			opacity 220ms ease,
			transform 280ms ease;
	}

	.kai-features__collapsed-index,
	.kai-features__collapsed-title--mobile {
		display: block;
	}

	.kai-features__collapsed-index {
		flex: 0 0 auto;
		color: rgba(255, 255, 255, 0.5);
		font-size: calc(18 * var(--kai-features-u));
		font-weight: 800;
		line-height: 1;
	}

	.kai-features__collapsed-title--pc {
		display: none;
	}

	.kai-features__collapsed-title--mobile {
		min-width: 0;
		overflow: hidden;
		color: rgba(255, 255, 255, 0.7);
		font-size: calc(16 * var(--kai-features-u));
		font-weight: 700;
		line-height: 1.1;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.kai-features__expanded-copy {
		gap: calc(12 * var(--kai-features-u));
		padding: calc(20 * var(--kai-features-u));
		transform: translateY(calc(10 * var(--kai-features-u)));
		transition:
			opacity 220ms ease,
			transform 300ms ease,
			visibility 0s linear 300ms;
	}

	.kai-features__card.is-active .kai-features__expanded-copy {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		transition:
			opacity 320ms ease 200ms,
			transform 400ms cubic-bezier(0.4, 0, 0.2, 1) 160ms,
			visibility 0s linear 0s;
	}

	.kai-features__title-block--pc,
	.kai-features__divider-label--pc,
	.kai-features__description--pc {
		display: none;
	}

	.kai-features__title-block--mobile {
		display: flex;
	}

	.kai-features__divider-label--mobile,
	.kai-features__description--mobile {
		display: block;
	}

	.kai-features__title {
		font-size: calc(28 * var(--kai-features-u));
		font-weight: 600;
		line-height: 1.1;
		letter-spacing: calc(-0.56 * var(--kai-features-u));
	}

	.kai-features__subtitle,
	.kai-features__card[data-kai-feature-index="3"] .kai-features__subtitle {
		font-size: calc(16 * var(--kai-features-u));
		font-weight: 600;
		line-height: 1.2;
		letter-spacing: 0;
	}

	.kai-features__divider-line {
		flex-basis: calc(32 * var(--kai-features-u));
		width: calc(32 * var(--kai-features-u));
		background: #06b6d4;
	}

	.kai-features__divider-label {
		color: #06b6d4;
		font-size: calc(12 * var(--kai-features-u));
		text-transform: uppercase;
	}

	.kai-features__description {
		font-size: calc(14 * var(--kai-features-u));
		line-height: 1.2;
		letter-spacing: calc(-0.28 * var(--kai-features-u));
	}

	.kai-features__toggle {
		position: absolute;
		top: calc(24 * var(--kai-features-u));
		right: calc(16 * var(--kai-features-u));
		display: flex;
		align-items: center;
		justify-content: center;
		width: calc(28 * var(--kai-features-u));
		height: calc(28 * var(--kai-features-u));
		border: calc(1 * var(--kai-features-u)) solid rgba(255, 255, 255, 0.1);
		border-radius: 50%;
		background: rgba(255, 255, 255, 0.08);
		-webkit-backdrop-filter: blur(calc(8 * var(--kai-features-u)));
		backdrop-filter: blur(calc(8 * var(--kai-features-u)));
	}

	.kai-features__toggle-icon {
		position: absolute;
		width: calc(12 * var(--kai-features-u));
		height: calc(12 * var(--kai-features-u));
		background: center / contain no-repeat;
		transition: opacity 260ms ease, transform 420ms var(--kai-features-ease);
	}

	.kai-features__toggle-icon--plus {
		background-image: url("/module/custom-web/products/kai/images/kai-features-toggle-plus.svg");
		opacity: 1;
		transform: scale(1);
	}

	.kai-features__toggle-icon--minus {
		background-image: url("/module/custom-web/products/kai/images/kai-features-toggle-minus.svg");
		opacity: 0;
		transform: scale(0.65);
	}

	.kai-features__card.is-active .kai-features__toggle-icon--plus {
		opacity: 0;
		transform: scale(0.65);
	}

	.kai-features__card.is-active .kai-features__toggle-icon--minus {
		opacity: 1;
		transform: scale(1);
	}

	.kai-page:not([data-kai-lang="en"]) .kai-features__expanded-copy {
		gap: calc(10 * var(--kai-features-u));
	}

	.kai-page:not([data-kai-lang="en"]) .kai-features__description {
		font-size: calc(13 * var(--kai-features-u));
	}
}

/* K-AI AI Vision — PC Figma 2693:391, mobile Figma 2789:205 */
.kai-vision {
	--kai-vision-u: var(--kai-u);
	--kai-vision-scene-u: calc(100vw / 1920);
	position: relative;
	width: 100%;
	height: calc((1080 * var(--kai-vision-scene-u)) + (858 * var(--kai-vision-u)));
	overflow: hidden;
	background: #000;
	color: #fff;
}

.kai-vision__canvas {
	position: relative;
	width: calc(1920 * var(--kai-vision-u));
	height: 100%;
	margin-inline: auto;
}

.kai-vision__scene {
	position: absolute;
	top: 0;
	left: 50%;
	width: 100vw;
	height: calc(1080 * var(--kai-vision-scene-u));
	overflow: hidden;
	transform: translateX(-50%);
	background: #02070c;
}

.kai-vision__scene-picture {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
}

.kai-vision__scene-shade {
	position: absolute;
	inset: 0;
}

.kai-vision__mobile-image {
	display: none;
}

.kai-vision__scene-base {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
}

.kai-vision__scene-base {
	max-width: none;
	-webkit-user-drag: none;
	user-select: none;
}

.kai-vision__scene-shade {
	pointer-events: none;
	background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.2) 23.8%, rgba(0, 0, 0, 0) 34.7%);
}

.kai-vision__scene-mobile-overlay {
	display: none;
}

.kai-vision__top-copy {
	position: absolute;
	top: calc(96 * var(--kai-vision-scene-u));
	left: 0;
	z-index: 3;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: calc(24 * var(--kai-vision-u));
	width: 100%;
}

.kai-vision__top-title,
.kai-vision__lower-title {
	position: absolute;
	left: 50%;
	z-index: 3;
	display: flex;
	align-items: baseline;
	justify-content: center;
	gap: calc(8 * var(--kai-vision-u));
	width: calc(1760 * var(--kai-vision-u));
	margin: 0;
	transform: translateX(-50%);
	font-size: calc(56 * var(--kai-vision-u));
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: calc(-1.12 * var(--kai-vision-u));
	text-align: center;
	white-space: nowrap;
}

.kai-vision__accent {
	color: #50c2ff;
	font-size: calc(64 * var(--kai-vision-u));
	font-weight: 700;
	letter-spacing: calc(-1.28 * var(--kai-vision-u));
}

.kai-vision__top-description,
.kai-vision__lower-description {
	position: absolute;
	left: 50%;
	z-index: 3;
	width: calc(1200 * var(--kai-vision-u));
	margin: 0;
	transform: translateX(-50%);
	font-size: calc(20 * var(--kai-vision-u));
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: calc(-0.4 * var(--kai-vision-u));
	text-align: center;
}

.kai-vision__top-copy .kai-vision__top-title,
.kai-vision__top-copy .kai-vision__top-description {
	position: static;
	left: auto;
	transform: none;
}

.kai-vision__targets {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 4;
	width: 100vw;
	height: calc(1080 * var(--kai-vision-scene-u));
	transform: translateX(-50%);
	pointer-events: none;
}

.kai-vision__target {
	position: absolute;
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: calc(48 * var(--kai-vision-scene-u));
	padding: 0;
	border: calc(1 * var(--kai-vision-scene-u)) solid transparent;
	border-radius: calc(100 * var(--kai-vision-scene-u));
	background-color: rgb(0 0 0 / 32%);
	background-image: none;
	color: #fff;
	opacity: 1;
	font: inherit;
	font-size: calc(20 * var(--kai-vision-scene-u));
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: calc(-0.4 * var(--kai-vision-scene-u));
	white-space: nowrap;
	cursor: default;
	pointer-events: auto;
	-webkit-backdrop-filter: blur(calc(4 * var(--kai-vision-scene-u)));
	backdrop-filter: blur(calc(4 * var(--kai-vision-scene-u)));
	transition:
		width 260ms cubic-bezier(0.16, 1, 0.3, 1),
		height 260ms cubic-bezier(0.16, 1, 0.3, 1),
		border-width 260ms ease,
		border-radius 260ms cubic-bezier(0.16, 1, 0.3, 1),
		background 260ms ease,
		font-size 260ms cubic-bezier(0.16, 1, 0.3, 1),
		letter-spacing 260ms ease;
}

.kai-vision__target::before {
	position: absolute;
	inset: 0;
	padding: calc(1 * var(--kai-vision-scene-u));
	border-radius: inherit;
	background: linear-gradient(95.77deg, #fff 0%, rgba(255, 255, 255, 0) 48.5577%, #fff 100%);
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	mask-composite: exclude;
	content: "";
	pointer-events: none;
	transition: opacity 180ms ease;
}

.kai-vision__target--slope {
	top: calc(298 * var(--kai-vision-scene-u));
	left: calc(374 * var(--kai-vision-scene-u));
	width: calc(122 * var(--kai-vision-scene-u));
	transform: translateX(-50%);
}

.kai-vision__target--leaves {
	top: calc(440 * var(--kai-vision-scene-u));
	left: calc(1214.5 * var(--kai-vision-scene-u));
	width: calc(133 * var(--kai-vision-scene-u));
	transform: translateX(-50%);
}

.kai-vision__target--obstacle {
	top: calc(591 * var(--kai-vision-scene-u));
	left: calc(567.5 * var(--kai-vision-scene-u));
	width: calc(151 * var(--kai-vision-scene-u));
	transform: translateX(-50%);
}

.kai-vision__target:hover {
	border-color: #fff;
	background: linear-gradient(180deg, rgba(59, 176, 238, 0) 0%, rgba(59, 176, 238, 0.32) 100%);
	color: #fff;
	box-shadow: none;
}

.kai-vision__target:hover::before {
	opacity: 0;
}

@media (min-width: 768px) {
	.kai-vision__target:hover {
		height: calc(57.6 * var(--kai-vision-scene-u));
		border-width: calc(1.2 * var(--kai-vision-scene-u));
		border-radius: calc(120 * var(--kai-vision-scene-u));
		font-size: calc(24 * var(--kai-vision-scene-u));
		letter-spacing: calc(-0.48 * var(--kai-vision-scene-u));
	}

	.kai-vision__target--slope:hover {
		width: calc(146.4 * var(--kai-vision-scene-u));
	}

	.kai-vision__target--leaves:hover {
		width: calc(159.6 * var(--kai-vision-scene-u));
	}

	.kai-vision__target--obstacle:hover {
		width: calc(181.2 * var(--kai-vision-scene-u));
	}
}

.kai-vision__lower-copy {
	position: absolute;
	top: calc(933 * var(--kai-vision-scene-u));
	left: 0;
	bottom: auto;
	z-index: 3;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: calc(24 * var(--kai-vision-u));
	width: 100%;
}

.kai-vision__lower-copy::before {
	position: absolute;
	top: calc(-93 * var(--kai-vision-scene-u));
	left: 50%;
	z-index: 0;
	width: 100vw;
	height: calc(240 * var(--kai-vision-scene-u));
	transform: translateX(-50%);
	background: center / 100% 100% no-repeat url("/module/custom-web/products/kai/images/kai-vision-lower-bg-pc.png");
	content: "";
	pointer-events: none;
}

.kai-vision__lower-copy .kai-vision__lower-title,
.kai-vision__lower-copy .kai-vision__lower-description {
	position: static;
	left: auto;
	z-index: 1;
	transform: none;
}

.kai-vision__lower-title {
	line-height: 1.2;
}

.kai-vision__result {
	position: absolute;
	top: calc((1080 * var(--kai-vision-scene-u)) + (26 * var(--kai-vision-u)));
	left: 50%;
	width: calc(1500 * var(--kai-vision-u));
	height: calc(640 * var(--kai-vision-u));
	transform: translateX(-50%);
	overflow: hidden;
	border: calc(1 * var(--kai-vision-u)) solid rgba(255, 255, 255, 0.16);
	background: #031321 url("/module/custom-web/products/kai/images/kai-vision-debris-pc.webp") center / cover no-repeat;
}

.kai-vision__result-bar {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	display: grid;
	grid-template-columns: calc(840 * var(--kai-vision-u)) calc(660 * var(--kai-vision-u));
	align-items: center;
	height: calc(102 * var(--kai-vision-u));
	background-color: rgb(0 0 0 / 24%);
	background-image: none;
	opacity: 1;
	-webkit-backdrop-filter: blur(calc(4 * var(--kai-vision-u)));
	backdrop-filter: blur(calc(4 * var(--kai-vision-u)));
}

.kai-vision__result-bar h3 {
	width: calc(505 * var(--kai-vision-u));
	margin: 0;
	font-size: calc(30 * var(--kai-vision-u));
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: calc(-0.6 * var(--kai-vision-u));
	text-align: center;
	white-space: nowrap;
}

.kai-vision__debris-tags {
	position: relative;
	width: calc(660 * var(--kai-vision-u));
	height: calc(62 * var(--kai-vision-u));
	overflow: hidden;
	-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 calc(48 * var(--kai-vision-u)), #000 calc(100% - 48 * var(--kai-vision-u)), transparent 100%);
	mask-image: linear-gradient(90deg, transparent 0, #000 calc(48 * var(--kai-vision-u)), #000 calc(100% - 48 * var(--kai-vision-u)), transparent 100%);
}

.kai-vision__debris-track {
	display: flex;
	align-items: flex-start;
	width: max-content;
	transform: translate3d(0, 0, 0);
	animation: kai-vision-debris-marquee 20s linear infinite;
	animation-play-state: running;
	backface-visibility: hidden;
	will-change: transform;
}

.kai-vision__debris-strip {
	display: flex;
	flex: 0 0 auto;
	flex-direction: column;
	align-items: flex-start;
	gap: calc(7 * var(--kai-vision-u));
	padding-right: calc(8 * var(--kai-vision-u));
}

.kai-vision__debris-row {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	gap: calc(8 * var(--kai-vision-u));
	width: max-content;
}

.kai-vision__debris-row span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: calc(23 * var(--kai-vision-u));
	padding: 0 calc(10 * var(--kai-vision-u));
	border: calc(0.5 * var(--kai-vision-u)) solid #c2c2c2;
	border-radius: calc(8 * var(--kai-vision-u));
	background: rgba(59, 176, 238, 0.1);
	font-size: calc(14 * var(--kai-vision-u));
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: calc(-0.14 * var(--kai-vision-u));
	white-space: nowrap;
}

@keyframes kai-vision-debris-marquee {
	from {
		transform: translate3d(0, 0, 0);
	}
	to {
		transform: translate3d(-50%, 0, 0);
	}
}

.kai-page:not([data-kai-lang="en"]) .kai-vision__top-title,
.kai-page:not([data-kai-lang="en"]) .kai-vision__lower-title {
	font-size: calc(48 * var(--kai-vision-u));
}

.kai-page:not([data-kai-lang="en"]) .kai-vision__accent {
	font-size: calc(56 * var(--kai-vision-u));
}

.kai-page:not([data-kai-lang="en"]) .kai-vision__top-description,
.kai-page:not([data-kai-lang="en"]) .kai-vision__lower-description {
	width: calc(1480 * var(--kai-vision-u));
}

.kai-page:not([data-kai-lang="en"]) .kai-vision__result-bar h3 {
	font-size: calc(24 * var(--kai-vision-u));
}

.kai-page:not([data-kai-lang="en"]) .kai-vision__debris-row span {
	font-size: calc(11 * var(--kai-vision-u));
}

@media (max-width: 767px) {
	.kai-vision {
		--kai-vision-scene-u: calc(100vw / 440);
		display: block;
		height: auto;
	}

	.kai-vision__canvas {
		width: 100vw;
		height: auto;
	}

	.kai-vision__scene {
		position: relative;
		top: auto;
		left: auto;
		width: 100vw;
		height: auto;
		transform: none;
	}

	.kai-vision__mobile-image {
		display: block;
		width: 100%;
		max-width: none;
		height: auto;
		-webkit-user-drag: none;
		user-select: none;
	}

	.kai-vision__scene-shade {
		background: linear-gradient(180deg, #091827 10%, rgba(9, 24, 39, 0.2) 28.8%, rgba(9, 24, 39, 0) 34.7%);
	}

	.kai-vision__scene-mobile-overlay {
		position: absolute;
		top: calc(586 * var(--kai-vision-scene-u));
		left: 0;
		z-index: 2;
		display: block;
		width: 100%;
		height: auto;
		-webkit-user-drag: none;
		user-select: none;
	}

	.kai-vision__top-copy {
		top: calc(40 * var(--kai-vision-scene-u));
		gap: calc(16 * var(--kai-vision-u));
	}

	/* .kai-vision__top-title span {
		display: block;
	} */

	.kai-vision__top-title,
	.kai-vision__lower-title,
	.kai-page:not([data-kai-lang="en"]) .kai-vision__top-title,
	.kai-page:not([data-kai-lang="en"]) .kai-vision__lower-title {
		display: block;
		width: calc(100vw - (30 * var(--kai-vision-u)));
		padding-inline: 0;
		font-size: calc(28 * var(--kai-vision-u));
		line-height: 1.1;
		letter-spacing: calc(-0.56 * var(--kai-vision-u));
		white-space: normal;
	}

	.kai-vision__accent,
	.kai-page:not([data-kai-lang="en"]) .kai-vision__accent {
		font-size: inherit;
		letter-spacing: inherit;
	}

	.kai-vision__top-description,
	.kai-vision__lower-description,
	.kai-page:not([data-kai-lang="en"]) .kai-vision__top-description,
	.kai-page:not([data-kai-lang="en"]) .kai-vision__lower-description {
		width: calc(100vw - (30 * var(--kai-vision-u)));
		padding-inline: 0;
		font-size: calc(14 * var(--kai-vision-u));
		line-height: 1.2;
		letter-spacing: calc(-0.28 * var(--kai-vision-u));
	}

	.kai-vision__targets {
		display: block;
		height: calc(750 * var(--kai-vision-scene-u));
	}

	.kai-vision__target {
		height: calc(33 * var(--kai-vision-scene-u));
		border-width: calc(1 * var(--kai-vision-scene-u));
		border-radius: calc(100 * var(--kai-vision-scene-u));
		font-size: calc(14 * var(--kai-vision-scene-u));
		letter-spacing: calc(-0.28 * var(--kai-vision-scene-u));
		pointer-events: none;
		transition: none;
	}

	.kai-vision__target:hover {
		border-color: transparent;
		background-color: rgb(0 0 0 / 32%);
		background-image: none;
	}

	.kai-vision__target:hover::before {
		opacity: 1;
	}

	.kai-vision__target--slope {
		top: calc(253 * var(--kai-vision-scene-u));
		left: calc(75 * var(--kai-vision-scene-u));
		width: calc(67 * var(--kai-vision-scene-u));
	}

	.kai-vision__target--leaves {
		top: calc(283 * var(--kai-vision-scene-u));
		left: calc(334.5 * var(--kai-vision-scene-u));
		width: calc(75 * var(--kai-vision-scene-u));
	}

	.kai-vision__target--obstacle {
		top: calc(454 * var(--kai-vision-scene-u));
		left: calc(66 * var(--kai-vision-scene-u));
		width: calc(88 * var(--kai-vision-scene-u));
	}

	.kai-vision__lower-copy {
		top: calc(669 * var(--kai-vision-scene-u));
		bottom: auto;
		gap: calc(16 * var(--kai-vision-u));
	}

	.kai-vision__lower-copy::before {
		display: none;
	}

	.kai-vision__lower-description,
	.kai-page:not([data-kai-lang="en"]) .kai-vision__lower-description {
		font-size: calc(11 * var(--kai-vision-u));
		line-height: 1.2;
		letter-spacing: calc(-0.22 * var(--kai-vision-u));
	}

	.kai-vision__result {
		position: relative;
		top: auto;
		left: 50%;
		display: block;
		width: 100vw;
		height: auto;
		aspect-ratio: 440 / 640;
		transform: translateX(-50%);
		border-width: 0;
		background-image: none;
		margin-top: calc(24 * var(--kai-vision-u));
	}

	.kai-vision__result-bar {
		display: block;
		height: calc(116 * var(--kai-vision-u));
		overflow: hidden;
	}

	.kai-vision__result-bar h3 {
		position: absolute;
		top: calc(10 * var(--kai-vision-u));
		left: 0;
		display: block;
		width: 100%;
		padding-inline: 15px;
		margin: 0;
		font-size: calc(18 * var(--kai-vision-u));
		line-height: 1.2;
		letter-spacing: calc(-0.36 * var(--kai-vision-u));
		text-align: left;
	}

	.kai-vision__debris-tags {
		position: absolute;
		top: calc(46 * var(--kai-vision-u));
		left: 0;
		display: block;
		width: 100%;
		height: calc(54 * var(--kai-vision-u));
		padding: 0;
		overflow: hidden;
		-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 calc(32 * var(--kai-vision-u)), #000 calc(100% - 32 * var(--kai-vision-u)), transparent 100%);
		mask-image: linear-gradient(90deg, transparent 0, #000 calc(32 * var(--kai-vision-u)), #000 calc(100% - 32 * var(--kai-vision-u)), transparent 100%);
	}

	.kai-vision__debris-strip {
		gap: calc(6 * var(--kai-vision-u));
		padding-right: calc(6 * var(--kai-vision-u));
	}

	.kai-vision__debris-row {
		gap: calc(6 * var(--kai-vision-u));
	}

	.kai-vision__debris-row span,
	.kai-page:not([data-kai-lang="en"]) .kai-vision__debris-row span {
		height: calc(23 * var(--kai-vision-u));
		padding: 0 calc(8 * var(--kai-vision-u));
		border-color: rgba(255, 255, 255, 0.4);
		border-radius: calc(6 * var(--kai-vision-u));
		font-size: calc(12 * var(--kai-vision-u));
		line-height: 1.4;
	}
}

/* K-AI adaptive runtime — PC component 2126:1167, mobile component 2126:1856 */
.kai-runtime {
	--kai-runtime-u: var(--kai-u);
	--kai-runtime-motion-duration: 1200ms;
	--kai-runtime-fade-duration: 900ms;
	--kai-runtime-fade-delay: 200ms;
	position: relative;
	left: 50%;
	width: 100vw;
	height: calc(1080 * var(--kai-runtime-u));
	overflow: hidden;
	transform: translateX(-50%);
	background: #000;
	color: #fff;
	border: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
}

.kai-runtime__picture {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	transform: translate3d(-50%, -50%, 0);
	border: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
	contain: paint;
	isolation: isolate;
	backface-visibility: hidden;
	transition:
		top var(--kai-runtime-motion-duration) ease-out,
		width var(--kai-runtime-motion-duration) ease-out,
		height var(--kai-runtime-motion-duration) ease-out,
		opacity var(--kai-runtime-fade-duration) ease-out var(--kai-runtime-fade-delay);
}

.kai-runtime__picture--compact {
	display: none;
}

.kai-runtime__image {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center;
	border: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
	-webkit-user-drag: none;
	user-select: none;
}

.kai-runtime::before,
.kai-runtime::after,
.kai-runtime__picture::before,
.kai-runtime__picture::after {
	display: none !important;
	content: none !important;
}

@media (min-width: 768px) {
	.kai-runtime__image {
		width: calc(100% + 24px);
		height: calc(100% + 24px);
		margin: -12px;
	}
}

.kai-runtime__eyebrow,
.kai-runtime__title,
.kai-runtime__description {
	position: absolute;
	left: 50%;
	z-index: 2;
	margin: 0;
	opacity: 0;
	transform: translateX(-50%);
	text-align: center;
	transition:
		top var(--kai-runtime-fade-duration) ease-out var(--kai-runtime-fade-delay),
		opacity var(--kai-runtime-fade-duration) ease-out var(--kai-runtime-fade-delay);
}

.kai-runtime__eyebrow,
.kai-runtime__title {
	width: calc(1088 * var(--kai-runtime-u));
	font-family: "Figtree-SemiBold", "Kai Figtree", Figtree, Arial, Helvetica, sans-serif;
	font-weight: 600;
	line-height: 1.1;
}

.kai-runtime__eyebrow {
	top: calc(101 * var(--kai-runtime-u));
	color: #3bb0ee;
	font-size: calc(56 * var(--kai-runtime-u));
	letter-spacing: calc(-1.12 * var(--kai-runtime-u));
}

.kai-runtime__title {
	top: calc(179 * var(--kai-runtime-u));
	font-size: calc(80 * var(--kai-runtime-u));
	letter-spacing: calc(-1.6 * var(--kai-runtime-u));
}

.kai-runtime__description {
	top: calc(813 * var(--kai-runtime-u));
	width: calc(968 * var(--kai-runtime-u));
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(20 * var(--kai-runtime-u));
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: calc(-0.4 * var(--kai-runtime-u));
}

.kai-runtime.is-revealed .kai-runtime__picture {
	width: calc(800 * var(--kai-runtime-u));
	height: calc(450 * var(--kai-runtime-u));
}

.kai-runtime.is-revealed .kai-runtime__eyebrow,
.kai-runtime.is-revealed .kai-runtime__title,
.kai-runtime.is-revealed .kai-runtime__description {
	opacity: 1;
}

.kai-runtime.is-reveal-resetting .kai-runtime__picture,
.kai-runtime.is-reveal-resetting .kai-runtime__eyebrow,
.kai-runtime.is-reveal-resetting .kai-runtime__title,
.kai-runtime.is-reveal-resetting .kai-runtime__description {
	transition: none !important;
}

@media (max-width: 767px) {
	.kai-runtime {
		height: calc(802 * var(--kai-runtime-u));
	}

	.kai-runtime__picture {
		top: 50%;
		width: 100%;
		height: 100%;
	}

	.kai-runtime__picture--compact {
		display: block;
		opacity: 0;
	}

	.kai-runtime__eyebrow,
	.kai-runtime__title {
		width: calc(410 * var(--kai-runtime-u));
		transition: opacity var(--kai-runtime-fade-duration) ease-out var(--kai-runtime-fade-delay);
	}

	.kai-runtime__eyebrow {
		top: calc(80 * var(--kai-runtime-u));
		font-size: calc(28 * var(--kai-runtime-u));
		letter-spacing: calc(-0.56 * var(--kai-runtime-u));
	}

	.kai-runtime__title {
		top: calc(127 * var(--kai-runtime-u));
		font-size: calc(40 * var(--kai-runtime-u));
		letter-spacing: calc(-0.8 * var(--kai-runtime-u));
	}

	.kai-runtime__description {
		top: calc(706 * var(--kai-runtime-u));
		width: calc(410 * var(--kai-runtime-u));
		font-size: calc(20 * var(--kai-runtime-u));
		letter-spacing: calc(-0.4 * var(--kai-runtime-u));
	}

	.kai-runtime.is-revealed .kai-runtime__picture {
		top: calc(50% + (2.5 * var(--kai-runtime-u)));
		width: calc(440 * var(--kai-runtime-u));
		height: calc(417 * var(--kai-runtime-u));
	}

	.kai-runtime.is-revealed .kai-runtime__picture--cover {
		opacity: 0;
	}

	.kai-runtime.is-revealed .kai-runtime__picture--compact {
		opacity: 1;
	}

	.kai-runtime.is-revealed .kai-runtime__eyebrow {
		top: calc(80 * var(--kai-runtime-u));
	}

	.kai-runtime.is-revealed .kai-runtime__title {
		top: calc(127 * var(--kai-runtime-u));
	}

	.kai-runtime.is-revealed .kai-runtime__description {
		top: calc(636 * var(--kai-runtime-u));
	}

	.kai-page:not([data-kai-lang="en"]) .kai-runtime__title {
		font-size: calc(34 * var(--kai-runtime-u));
	}

	.kai-page:not([data-kai-lang="en"]) .kai-runtime__description {
		font-size: calc(18 * var(--kai-runtime-u));
	}
}

@media (prefers-reduced-motion: reduce) {
	.kai-runtime {
		--kai-runtime-motion-duration: 800ms;
		--kai-runtime-fade-duration: 600ms;
		--kai-runtime-fade-delay: 100ms;
	}
}

/* K-AI optimized power — PC component 2060:81, mobile component 2126:1806 */
.kai-power {
	--kai-power-u: var(--kai-u);
	--kai-power-motion-duration: 1200ms;
	--kai-power-fade-duration: 900ms;
	--kai-power-copy-delay: 180ms;
	--kai-power-badge-delay: 340ms;
	--kai-power-ease: cubic-bezier(0.16, 1, 0.3, 1);
	position: relative;
	left: 50%;
	width: 100vw;
	height: calc(1080 * var(--kai-power-u));
	overflow: hidden;
	transform: translateX(-50%);
	background: #000;
	color: #fff;
}

.kai-power__canvas {
	position: relative;
	width: 100%;
	height: 100%;
	margin-inline: auto;
	overflow: hidden;
}

.kai-power__picture {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: calc(1080 * var(--kai-power-u));
	overflow: hidden;
}

.kai-power__image {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center;
	-webkit-user-drag: none;
	user-select: none;
}

.kai-power__shade {
	position: absolute;
	inset: 0;
	z-index: 1;
	background: rgba(0, 0, 0, 0.6);
	opacity: 1;
	pointer-events: none;
	transition: opacity var(--kai-power-motion-duration) var(--kai-power-ease);
}

.kai-power__gradient {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	width: calc(50% - (960 * var(--kai-power-u)) + (426 * var(--kai-power-u)));
	background: linear-gradient(90deg, #000002 44.865%, rgba(4, 16, 28, 0) 100%);
	pointer-events: none;
}

.kai-power__copy {
	position: absolute;
	top: 0;
	left: calc(50% - (960 * var(--kai-power-u)) + (210 * var(--kai-power-u)));
	z-index: 3;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: calc(24 * var(--kai-power-u));
	width: calc(555 * var(--kai-power-u));
	opacity: 0;
	text-align: left;
	transition:
		top var(--kai-power-motion-duration) var(--kai-power-ease),
		opacity var(--kai-power-fade-duration) var(--kai-power-ease) var(--kai-power-copy-delay);
}

.kai-power__title,
.kai-power__description {
	width: 100%;
	margin: 0;
	text-align: left;
}

.kai-power__title {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: calc(8 * var(--kai-power-u));
	font-family: "Figtree-SemiBold", "Kai Figtree", Figtree, Arial, Helvetica, sans-serif;
	font-weight: 600;
}

.kai-power__title span:first-child {
	font-family: "Figtree-Bold", "Kai Figtree", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(64 * var(--kai-power-u));
	font-weight: 700;
	line-height: 1.05;
}

.kai-power__title span:last-child {
	font-size: calc(48 * var(--kai-power-u));
	line-height: 1.1;
}

.kai-power__description {
	font-family: "Figtree-Regular", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(22 * var(--kai-power-u));
	font-weight: 400;
	line-height: 1.35;
	color: rgba(255, 255, 255, 0.8);
}

.kai-power__badge {
	position: absolute;
	top: calc(996 * var(--kai-power-u));
	left: calc(50% - (960 * var(--kai-power-u)) + (210 * var(--kai-power-u)));
	z-index: 3;
	display: flex;
	align-items: center;
	gap: calc(12 * var(--kai-power-u));
	width: calc(400 * var(--kai-power-u));
	height: calc(84 * var(--kai-power-u));
	padding: calc(20 * var(--kai-power-u)) calc(24 * var(--kai-power-u));
	border: calc(1 * var(--kai-power-u)) solid rgba(255, 255, 255, 0.2);
	border-radius: calc(20 * var(--kai-power-u));
	background: rgba(0, 0, 0, 0.1);
	opacity: 0;
	text-align: left;
	transition:
		top var(--kai-power-motion-duration) var(--kai-power-ease),
		opacity var(--kai-power-fade-duration) var(--kai-power-ease) var(--kai-power-badge-delay);
}

.kai-power__badge-icon {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: calc(40 * var(--kai-power-u));
	height: calc(40 * var(--kai-power-u));
	border: calc(1 * var(--kai-power-u)) solid rgba(59, 176, 238, 0.8);
	border-radius: 50%;
}

.kai-power__badge-icon img {
	display: block;
	width: calc(18 * var(--kai-power-u));
	height: calc(22 * var(--kai-power-u));
}

.kai-power__badge strong {
	flex: 0 0 auto;
	font-family: "Figtree-ExtraBold", "Figtree-Bold", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(44 * var(--kai-power-u));
	font-weight: 800;
	line-height: 1;
	color: #3bb0ee;
}

.kai-power__badge-label {
	min-width: 0;
	font-family: "Figtree-SemiBold", "Kai Figtree", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(18 * var(--kai-power-u));
	font-weight: 600;
	line-height: 1.2;
	color: rgba(255, 255, 255, 0.8);
}

.kai-power__badge-mobile-text {
	display: none;
}

.kai-power.is-revealed .kai-power__shade {
	opacity: 0;
}

.kai-power.is-revealed .kai-power__copy {
	top: calc(345 * var(--kai-power-u));
	opacity: 1;
}

.kai-power.is-revealed .kai-power__badge {
	top: var(--kai-power-badge-final-top, calc(651 * var(--kai-power-u)));
	opacity: 1;
}

.kai-power.is-reveal-resetting .kai-power__shade,
.kai-power.is-reveal-resetting .kai-power__copy,
.kai-power.is-reveal-resetting .kai-power__badge {
	transition: none !important;
}

@media (min-width: 768px) {
	.kai-page:not([data-kai-lang="en"]) .kai-power__copy {
		width: calc(720 * var(--kai-power-u));
	}

	.kai-page:not([data-kai-lang="en"]) .kai-power__title span:first-child {
		font-size: calc(52 * var(--kai-power-u));
	}

	.kai-page:not([data-kai-lang="en"]) .kai-power__title span:last-child {
		font-size: calc(40 * var(--kai-power-u));
	}

	.kai-page:not([data-kai-lang="en"]) .kai-power__description {
		font-size: calc(18 * var(--kai-power-u));
	}

	.kai-page:not([data-kai-lang="en"]) .kai-power__badge {
		width: calc(520 * var(--kai-power-u));
	}

	.kai-page:not([data-kai-lang="en"]) .kai-power__badge strong {
		font-size: calc(40 * var(--kai-power-u));
	}

	.kai-page:not([data-kai-lang="en"]) .kai-power__badge-label {
		font-size: calc(16 * var(--kai-power-u));
	}
}

@media (max-width: 767px) {
	.kai-power {
		height: auto;
	}

	.kai-power__canvas {
		width: 100vw;
		height: auto;
	}

	.kai-power__picture {
		position: relative;
		bottom: auto;
		left: 0;
		width: 100%;
		height: auto;
		aspect-ratio: 440 / 812;
	}

	.kai-power__image {
		height: auto;
		aspect-ratio: 440 / 812;
	}

	.kai-power__gradient {
		display: none;
	}

	.kai-power__copy {
		left: calc(15 * var(--kai-power-u));
		gap: calc(24 * var(--kai-power-u));
		width: calc(410 * var(--kai-power-u));
	}

	.kai-power__title {
		gap: 0;
	}

	.kai-power__title span:first-child,
	.kai-power__title span:last-child {
		font-family: "Figtree-SemiBold", "Kai Figtree", Figtree, Arial, Helvetica, sans-serif;
		font-size: calc(28 * var(--kai-power-u));
		font-weight: 600;
		line-height: 1.1;
	}

	.kai-power__description {
		font-size: calc(14 * var(--kai-power-u));
		line-height: 1.2;
		color: #fff;
		text-box-trim: trim-both;
		text-box-edge: cap alphabetic;
	}

	.kai-power__badge {
		top: var(--kai-power-badge-initial-top, calc(297 * var(--kai-power-u)));
		left: calc(15 * var(--kai-power-u));
		justify-content: center;
		gap: 0;
		width: calc(232 * var(--kai-power-u));
		height: calc(71 * var(--kai-power-u));
		padding: calc(10 * var(--kai-power-u)) calc(12 * var(--kai-power-u));
		border-width: calc(0.5 * var(--kai-power-u));
		border-color: #fff;
		border-radius: calc(10 * var(--kai-power-u));
		background: rgba(0, 0, 0, 0.2);
		box-sizing: border-box;
	}

	.kai-power__badge-icon {
		display: none;
	}

	.kai-power__badge strong,
	.kai-power__badge-label {
		font-family: "Figtree-SemiBold", "Kai Figtree", Figtree, Arial, Helvetica, sans-serif;
		font-size: calc(16 * var(--kai-power-u));
		font-weight: 600;
		line-height: 1.2;
		color: #fff;
		text-box-trim: trim-both;
		text-box-edge: cap alphabetic;
	}

	.kai-power__badge strong,
	.kai-power__badge-label {
		display: none;
	}

	.kai-power__badge-mobile-text {
		display: block;
		width: 100%;
		max-width: 100%;
		font-family: "Figtree-SemiBold", "Kai Figtree", Figtree, Arial, Helvetica, sans-serif;
		font-size: calc(16 * var(--kai-power-u));
		font-weight: 600;
		line-height: 1.2;
		color: #fff;
		text-align: left;
		white-space: normal;
		overflow-wrap: normal;
		text-box-trim: trim-both;
		text-box-edge: cap alphabetic;
	}

	.kai-power.is-revealed .kai-power__copy {
		top: calc(80 * var(--kai-power-u));
	}

	.kai-power.is-revealed .kai-power__badge {
		top: var(--kai-power-badge-final-top, calc(217 * var(--kai-power-u)));
	}
}

@media (prefers-reduced-motion: reduce) {
	.kai-power {
		--kai-power-motion-duration: 800ms;
		--kai-power-fade-duration: 600ms;
		--kai-power-copy-delay: 80ms;
		--kai-power-badge-delay: 160ms;
	}
}

/* K-AI LED night cleaning — PC Figma 2636:167, mobile Figma 2636:174 */
.kai-led {
	--kai-led-u: var(--kai-u);
	position: relative;
	left: 50%;
	width: 100vw;
	height: calc(1220 * var(--kai-led-u));
	padding-top: calc(80 * var(--kai-led-u));
	overflow: hidden;
	transform: translateX(-50%);
	background: #000;
	color: #fff;
}

.kai-led__canvas {
	position: relative;
	width: calc(1500 * var(--kai-led-u));
	height: calc(1140 * var(--kai-led-u));
	margin-inline: auto;
}

.kai-led__hero {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(1500 * var(--kai-led-u));
	height: calc(600 * var(--kai-led-u));
	overflow: hidden;
	border: calc(1 * var(--kai-led-u)) solid rgba(255, 255, 255, 0.16);
	/* background: #1c74b2; */
}

.kai-led__hero,
.kai-led__card {
	border-color: rgba(255, 255, 255, 0.16);
}

.kai-led__hero-picture,
.kai-led__image {
	display: block;
	width: 100%;
	height: 100%;
}

.kai-led__hero-picture {
	position: absolute;
	inset: 0;
}

.kai-led__image {
	max-width: none;
	object-fit: cover;
	object-position: center;
	-webkit-user-drag: none;
	user-select: none;
}

.kai-led__header {
	position: absolute;
	top: calc(64 * var(--kai-led-u));
	left: 50%;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: calc(24 * var(--kai-led-u));
	width: calc(1200 * var(--kai-led-u));
	transform: translateX(-50%);
	text-align: center;
}

.kai-led__title,
.kai-led__lead,
.kai-led__card-title,
.kai-led__card-description {
	margin: 0;
}

.kai-led__title {
	width: calc(1088 * var(--kai-led-u));
	font-family: "Figtree-SemiBold", "Kai Figtree", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(56 * var(--kai-led-u));
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: calc(-1.12 * var(--kai-led-u));
	text-align: center;
}

.kai-led__lead {
	width: 100%;
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(20 * var(--kai-led-u));
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: calc(-0.4 * var(--kai-led-u));
	text-align: center;
}

.kai-led__comparisons {
	position: absolute;
	top: calc(664 * var(--kai-led-u));
	left: 0;
	display: flex;
	width: calc(1499 * var(--kai-led-u));
	height: calc(476 * var(--kai-led-u));
}

.kai-led__card {
	position: relative;
	flex: 0 0 calc(750 * var(--kai-led-u));
	width: calc(750 * var(--kai-led-u));
	height: calc(476 * var(--kai-led-u));
	overflow: hidden;
	border: calc(1 * var(--kai-led-u)) solid rgba(255, 255, 255, 0.16);
	background: #000;
}

.kai-led__card + .kai-led__card {
	margin-left: calc(-1 * var(--kai-led-u));
}

.kai-led__card-picture {
	position: absolute;
	top: calc(-1 * var(--kai-led-u));
	left: calc(-1 * var(--kai-led-u));
	display: block;
	width: calc(750 * var(--kai-led-u));
	height: calc(332 * var(--kai-led-u));
	overflow: hidden;
}

.kai-led__card-title,
.kai-led__card-description {
	position: absolute;
	left: calc(23 * var(--kai-led-u));
	z-index: 2;
	text-align: left;
}

.kai-led__card-title {
	top: calc(355 * var(--kai-led-u));
	font-family: "Figtree-SemiBold", "Kai Figtree", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(32 * var(--kai-led-u));
	font-weight: 600;
	line-height: 1;
	letter-spacing: calc(-0.64 * var(--kai-led-u));
	white-space: nowrap;
}

.kai-led__card-description {
	top: calc(403 * var(--kai-led-u));
	width: calc(702 * var(--kai-led-u));
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(20 * var(--kai-led-u));
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: calc(-0.4 * var(--kai-led-u));
	color: rgba(255, 255, 255, 0.8);
}

@media (min-width: 768px) {
	.kai-page:not([data-kai-lang="en"]) .kai-led__title {
		font-size: calc(48 * var(--kai-led-u));
	}

	.kai-page:not([data-kai-lang="en"]) .kai-led__lead {
		font-size: calc(18 * var(--kai-led-u));
	}

	.kai-page:not([data-kai-lang="en"]) .kai-led__card-description {
		font-size: calc(18 * var(--kai-led-u));
	}
}

@media (max-width: 767px) {
	.kai-led {
		height: auto;
		padding-top: calc(80 * var(--kai-led-u));
	}

	.kai-led__canvas {
		display: flex;
		flex-direction: column;
		width: 100%;
		height: auto;
	}

	.kai-led__hero {
		position: relative;
		top: auto;
		left: auto;
		display: flex;
		flex-direction: column;
		width: 100%;
		height: auto;
		border: 0;
		background: #000;
	}

	.kai-led__header {
		position: relative;
		top: auto;
		left: auto;
		order: 1;
		gap: calc(16 * var(--kai-led-u));
		width: calc(410 * var(--kai-led-u));
		margin-inline: auto;
		transform: none;
	}

	.kai-led__title {
		width: 100%;
		font-size: calc(28 * var(--kai-led-u));
		line-height: 1.1;
		letter-spacing: calc(-0.56 * var(--kai-led-u));
		white-space: normal;
	}

	.kai-led__lead {
		width: 100%;
		font-size: calc(14 * var(--kai-led-u));
		line-height: 1.2;
		letter-spacing: calc(-0.28 * var(--kai-led-u));
	}

	.kai-led__hero-picture {
		position: relative;
		inset: auto;
		order: 2;
		width: 100vw;
		height: auto;
		aspect-ratio: 1 / 1;
		margin-top: calc(24 * var(--kai-led-u));
	}

	.kai-led__comparisons {
		position: relative;
		top: auto;
		left: auto;
		display: flex;
		flex-direction: column;
		width: calc(100% - (30 * var(--kai-led-u)));
		height: auto;
		margin: calc(40 * var(--kai-led-u)) auto 0;
	}

	.kai-led__card {
		display: flex;
		flex-direction: column;
		flex-basis: auto;
		width: 100%;
		height: auto;
		border-color: rgba(255, 255, 255, 0.2);
	}

	.kai-led__card-picture {
		position: relative;
		top: auto;
		left: auto;
		flex: 0 0 auto;
		width: 100%;
		height: auto;
		aspect-ratio: 410 / 250;
	}

	.kai-led__card-title,
	.kai-led__card-description {
		position: relative;
		top: auto;
		left: auto;
		width: calc(100% - (20 * var(--kai-led-u)));
		margin-inline: calc(10 * var(--kai-led-u));
	}

	.kai-led__card-title {
		margin-top: calc(24 * var(--kai-led-u));
		font-size: calc(24 * var(--kai-led-u));
		line-height: 1;
		letter-spacing: calc(-0.48 * var(--kai-led-u));
	}

	.kai-led__card-description {
		margin-top: calc(16 * var(--kai-led-u));
		margin-bottom: calc(40 * var(--kai-led-u));
		font-size: calc(14 * var(--kai-led-u));
		line-height: 1.4;
		letter-spacing: calc(-0.28 * var(--kai-led-u));
	}

	.kai-led__card + .kai-led__card {
		margin-top: calc(-1 * var(--kai-led-u));
		margin-left: 0;
	}

}

/* K-AI cleaning paths switcher — PC Figma 2636:170, mobile Figma 2661:193 */
.kai-paths {
	--kai-paths-u: var(--kai-u);
	--kai-paths-ease: cubic-bezier(0.16, 1, 0.3, 1);
	position: relative;
	left: 50%;
	width: 100vw;
	height: calc(1318 * var(--kai-paths-u));
	padding-top: calc(128 * var(--kai-paths-u));
	padding-bottom: calc(192 * var(--kai-paths-u));
	overflow: hidden;
	transform: translateX(-50%);
	background: #000;
	color: #fff;
}

.kai-paths__canvas {
	position: relative;
	width: calc(1500 * var(--kai-paths-u));
	height: calc(998 * var(--kai-paths-u));
	margin-inline: auto;
}

.kai-paths__title,
.kai-paths__caption-title,
.kai-paths__caption-description {
	position: absolute;
	left: 50%;
	margin: 0;
	transform: translateX(-50%);
	text-align: center;
}

.kai-paths__title {
	top: 0;
	width: calc(1088 * var(--kai-paths-u));
	font-family: "Figtree-SemiBold", "Kai Figtree", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(56 * var(--kai-paths-u));
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: calc(-1.12 * var(--kai-paths-u));
}

.kai-paths__media {
	position: absolute;
	top: calc(110 * var(--kai-paths-u));
	left: 0;
	width: calc(1500 * var(--kai-paths-u));
	height: calc(676 * var(--kai-paths-u));
	overflow: hidden;
	border: calc(1 * var(--kai-paths-u)) solid rgba(255, 255, 255, 0.32);
	background: #031728;
}

.kai-paths__picture,
.kai-paths__image {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.kai-paths__picture {
	opacity: 0;
	transition: opacity 500ms var(--kai-paths-ease);
}

.kai-paths__picture.is-active {
	opacity: 1;
}

.kai-paths__image {
	max-width: none;
	object-fit: cover;
	object-position: center;
	-webkit-user-drag: none;
	user-select: none;
}

.kai-paths__caption-title {
	top: calc(818 * var(--kai-paths-u));
	width: calc(1088 * var(--kai-paths-u));
	font-family: "Figtree-SemiBold", "Kai Figtree", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(40 * var(--kai-paths-u));
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: calc(-0.8 * var(--kai-paths-u));
	transition: opacity 260ms ease;
}

.kai-paths__caption-description {
	top: calc(886 * var(--kai-paths-u));
	width: calc(1200 * var(--kai-paths-u));
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(20 * var(--kai-paths-u));
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: calc(-0.4 * var(--kai-paths-u));
	color: rgba(255, 255, 255, 0.8);
	transition: opacity 260ms ease;
}

.kai-paths__caption-description:empty {
	display: none;
}

.kai-paths__tabs {
	position: absolute;
	top: calc(934 * var(--kai-paths-u));
	left: 0;
	display: flex;
	width: calc(1500 * var(--kai-paths-u));
	height: calc(64 * var(--kai-paths-u));
}

.kai-paths__tabs::after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	height: calc(1 * var(--kai-paths-u));
	background: rgba(255, 255, 255, 0.4);
	content: "";
	pointer-events: none;
}

.kai-paths__tab {
	position: relative;
	display: flex;
	flex: 0 0 calc(500 * var(--kai-paths-u));
	align-items: center;
	justify-content: center;
	order: 0;
	width: calc(500 * var(--kai-paths-u));
	height: calc(64 * var(--kai-paths-u));
	padding: calc(10 * var(--kai-paths-u));
	border: 0;
	background: transparent;
	color: rgba(255, 255, 255, 0.4);
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(20 * var(--kai-paths-u));
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: calc(-0.4 * var(--kai-paths-u));
	text-align: center;
	cursor: pointer;
	transition: color 260ms ease, background 320ms var(--kai-paths-ease);
}

.kai-paths__tab::after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	height: calc(3 * var(--kai-paths-u));
	background: #3bb0ee;
	content: "";
	opacity: 0;
	pointer-events: none;
}

.kai-paths__tab--suction { order: 1; }
.kai-paths__tab--coverage { order: 2; }
.kai-paths__tab--s-shape { order: 3; }

.kai-paths__tab.is-active {
	background: linear-gradient(180deg, rgba(59, 176, 238, 0) 0%, rgba(59, 176, 238, 0.32) 100%);
	color: #fff;
}

.kai-paths__tab.is-active::after {
	opacity: 1;
}

.kai-paths__tab:focus-visible {
	outline: calc(2 * var(--kai-paths-u)) solid #3bb0ee;
	outline-offset: calc(-3 * var(--kai-paths-u));
}

@media (min-width: 768px) {
	.kai-page:not([data-kai-lang="en"]) .kai-paths__title {
		font-size: calc(48 * var(--kai-paths-u));
	}

	.kai-page:not([data-kai-lang="en"]) .kai-paths__caption-title {
		font-size: calc(34 * var(--kai-paths-u));
	}

	.kai-page:not([data-kai-lang="en"]) .kai-paths__caption-description,
	.kai-page:not([data-kai-lang="en"]) .kai-paths__tab {
		font-size: calc(17 * var(--kai-paths-u));
	}
}

@media (max-width: 767px) {
	.kai-paths {
		height: auto;
		padding-top: calc(80 * var(--kai-paths-u));
		padding-bottom: calc(80 * var(--kai-paths-u));
	}

	.kai-paths__canvas {
		display: flex;
		flex-direction: column;
		width: 100%;
		height: auto;
	}

	.kai-paths__title,
	.kai-paths__caption-title,
	.kai-paths__caption-description {
		position: relative;
		top: auto;
		left: auto;
		transform: none;
	}

	.kai-paths__title {
		order: 1;
		width: calc(410 * var(--kai-paths-u));
		margin-inline: auto;
		font-size: calc(28 * var(--kai-paths-u));
		line-height: 1.1;
		letter-spacing: calc(-0.56 * var(--kai-paths-u));
	}

	.kai-paths__media {
		position: relative;
		top: auto;
		left: auto;
		order: 2;
		width: 100vw;
		height: auto;
		margin-top: calc(24 * var(--kai-paths-u));
		aspect-ratio: 440 / 320;
		border-width: 0;
	}

	.kai-paths__caption {
		order: 3;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: calc(16 * var(--kai-paths-u));
		width: calc(410 * var(--kai-paths-u));
		margin: calc(24 * var(--kai-paths-u)) auto 0;
	}

	.kai-paths__caption-title {
		width: 100%;
		font-size: calc(20 * var(--kai-paths-u));
		line-height: 1.1;
		letter-spacing: calc(-0.4 * var(--kai-paths-u));
	}

	.kai-paths__caption-description {
		width: 100%;
		font-size: calc(14 * var(--kai-paths-u));
		line-height: 1.2;
		letter-spacing: calc(-0.28 * var(--kai-paths-u));
	}

	.kai-paths__tabs {
		position: relative;
		top: auto;
		left: auto;
		order: 4;
		width: 100%;
		height: calc(64 * var(--kai-paths-u));
		margin-top: calc(24 * var(--kai-paths-u));
	}

	.kai-paths__tab {
		flex: 1 1 0;
		width: auto;
		height: calc(64 * var(--kai-paths-u));
		padding: calc(10 * var(--kai-paths-u)) calc(4 * var(--kai-paths-u));
		font-size: calc(14 * var(--kai-paths-u));
		letter-spacing: calc(-0.28 * var(--kai-paths-u));
	}

}

@media (prefers-reduced-motion: reduce) {
	.kai-paths__picture {
		transition-duration: 150ms;
	}
}

/* K-AI oversized basket annotations — PC 2081:631, mobile 2126:1823 */
.kai-basket {
	--kai-basket-scene-u: calc(100vw / 1920);
	--kai-basket-u: min(1px, var(--kai-basket-scene-u));
	--kai-basket-ease: cubic-bezier(0.16, 1, 0.3, 1);
	position: relative;
	left: 50%;
	width: 100vw;
	height: auto;
	overflow: hidden;
	transform: translateX(-50%);
	background: #173b54;
	color: #fff;
}

.kai-basket__canvas {
	position: relative;
	width: 100vw;
	height: auto;
	margin-inline: auto;
	overflow: hidden;
}

.kai-basket__picture,
.kai-basket__image {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
}

.kai-basket__image {
	max-width: none;
	object-fit: cover;
	object-position: center;
	-webkit-user-drag: none;
	user-select: none;
}

.kai-basket__header {
	position: absolute;
	top: calc(96 * var(--kai-basket-u));
	left: 50%;
	z-index: 4;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: calc(24 * var(--kai-basket-u));
	width: calc(1200 * var(--kai-basket-u));
	transform: translateX(-50%);
	text-align: center;
}

.kai-basket__title,
.kai-basket__description {
	margin: 0;
	text-align: center;
}

.kai-basket__title {
	width: calc(1088 * var(--kai-basket-u));
	font-family: "Figtree-SemiBold", "Kai Figtree", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(56 * var(--kai-basket-u));
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: calc(-1.12 * var(--kai-basket-u));
}

.kai-basket__description {
	width: 100%;
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(20 * var(--kai-basket-u));
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: calc(-0.4 * var(--kai-basket-u));
}

.kai-basket__line {
	position: absolute;
	top: calc(452.264 * var(--kai-basket-scene-u));
	left: calc(647.707 * var(--kai-basket-scene-u));
	z-index: 2;
	display: block;
	width: calc(673.293 * var(--kai-basket-scene-u));
	height: calc(179.736 * var(--kai-basket-scene-u));
	overflow: visible;
	opacity: 0;
	transition: opacity 280ms ease;
}

.kai-basket__line-segment {
	position: absolute;
	display: block;
	height: max(1px, calc(1.51413 * var(--kai-basket-u)));
	background: #fff;
	transform: scaleX(0);
	transform-origin: right center;
	transition: transform 900ms var(--kai-basket-ease);
}

.kai-basket__line-segment::after {
	position: absolute;
	display: block;
	width: max(1px, calc(1.51413 * var(--kai-basket-u)));
	background: #fff;
	content: "";
	transform: scaleY(0);
	transition: transform 900ms var(--kai-basket-ease);
}

.kai-basket__line-segment--hair {
	top: 0;
	left: 0;
	width: calc(346.736 * var(--kai-basket-scene-u));
}

.kai-basket__line-segment--hair::after {
	top: 0;
	right: 0;
	height: calc(41.891 * var(--kai-basket-scene-u));
	transform-origin: center bottom;
}

.kai-basket__line-segment--leaves {
	top: calc(67.63 * var(--kai-basket-scene-u));
	left: calc(22.209 * var(--kai-basket-scene-u));
	width: calc(260.935 * var(--kai-basket-scene-u));
}

.kai-basket__line-segment--sand {
	top: calc(142.832 * var(--kai-basket-scene-u));
	left: calc(74.191 * var(--kai-basket-scene-u));
	width: calc(199.866 * var(--kai-basket-scene-u));
}

.kai-basket__line-segment--twig {
	top: calc(85.736 * var(--kai-basket-scene-u));
	left: calc(350.293 * var(--kai-basket-scene-u));
	width: calc(323 * var(--kai-basket-scene-u));
	transform-origin: left center;
}

.kai-basket__line-segment--twig::after {
	top: 0;
	left: 0;
	height: calc(49 * var(--kai-basket-scene-u));
	transform-origin: center bottom;
}

.kai-basket__line-segment--pebbles {
	top: calc(179.736 * var(--kai-basket-scene-u));
	left: calc(325.293 * var(--kai-basket-scene-u));
	width: calc(348 * var(--kai-basket-scene-u));
	transform-origin: left center;
}

.kai-basket__line-segment--pebbles::after {
	bottom: 0;
	left: 0;
	height: calc(29 * var(--kai-basket-scene-u));
	transform-origin: center bottom;
}

.kai-basket__line-segment--spine,
.kai-basket__line-segment--mobile-base {
	display: none;
}

.kai-basket__line-dot {
	position: absolute;
	display: block;
	box-sizing: border-box;
	width: calc(9.0848 * var(--kai-basket-u));
	height: calc(9.0848 * var(--kai-basket-u));
	border: max(1px, calc(1.00942 * var(--kai-basket-u))) solid #fff;
	border-radius: 50%;
	background: #1962a2;
	opacity: 0;
	transform: scale(0);
	transition:
		transform 260ms var(--kai-basket-ease) 720ms,
		opacity 180ms ease 720ms;
}

.kai-basket__line-dot--hair {
	top: calc(40.378 * var(--kai-basket-scene-u));
	left: calc(342.197 * var(--kai-basket-scene-u));
	height: calc(8.5801 * var(--kai-basket-u));
}

.kai-basket__line-dot--leaves {
	top: calc(63.594 * var(--kai-basket-scene-u));
	left: calc(283.145 * var(--kai-basket-scene-u));
	height: calc(8.5801 * var(--kai-basket-u));
}

.kai-basket__line-dot--sand {
	top: calc(138.29 * var(--kai-basket-scene-u));
	left: calc(274.061 * var(--kai-basket-scene-u));
}

.kai-basket__line-dot--twig {
	top: calc(125.673 * var(--kai-basket-scene-u));
	left: calc(346.734 * var(--kai-basket-scene-u));
}

.kai-basket__line-dot--pebbles {
	top: calc(141.736 * var(--kai-basket-scene-u));
	left: calc(320.494 * var(--kai-basket-scene-u));
}

.kai-basket__line-dot--mobile {
	display: none;
}

.kai-basket__items {
	position: absolute;
	inset: 0;
	z-index: 3;
	padding: 0;
	margin: 0;
	list-style: none;
}

.kai-basket__item {
	--kai-basket-item-delay: 900ms;
	position: absolute;
	display: flex;
	align-items: center;
	gap: calc(12 * var(--kai-basket-u));
	opacity: 0;
	transform: translateY(calc(12 * var(--kai-basket-u)));
	transition:
		transform 600ms var(--kai-basket-ease) var(--kai-basket-item-delay),
		opacity 500ms var(--kai-basket-ease) var(--kai-basket-item-delay);
}

.kai-basket__item:nth-child(2) { --kai-basket-item-delay: 1000ms; }
.kai-basket__item:nth-child(3) { --kai-basket-item-delay: 1100ms; }
.kai-basket__item:nth-child(4) { --kai-basket-item-delay: 1200ms; }
.kai-basket__item:nth-child(5) { --kai-basket-item-delay: 1300ms; }

.kai-basket__item img {
	display: block;
	flex: 0 0 auto;
	width: calc(48 * var(--kai-basket-u));
	height: calc(48 * var(--kai-basket-u));
	border-radius: 50%;
}

.kai-basket__item span {
	font-family: "Figtree-Regular", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(25.236 * var(--kai-basket-u));
	font-weight: 400;
	line-height: normal;
	white-space: nowrap;
}

.kai-basket__item--hair { top: calc(424 * var(--kai-basket-scene-u)); left: calc(518 * var(--kai-basket-scene-u)); }
.kai-basket__item--leaves { top: calc(497.183 * var(--kai-basket-scene-u)); left: calc(518 * var(--kai-basket-scene-u)); }
.kai-basket__item--sand { top: calc(569.861 * var(--kai-basket-scene-u)); left: calc(518 * var(--kai-basket-scene-u)); }
.kai-basket__item--twig { top: calc(514 * var(--kai-basket-scene-u)); left: calc(1321 * var(--kai-basket-scene-u)); }
.kai-basket__item--pebbles { top: calc(608 * var(--kai-basket-scene-u)); left: calc(1321 * var(--kai-basket-scene-u)); }

.kai-basket.is-revealed .kai-basket__line {
	opacity: 1;
}

.kai-basket.is-revealed .kai-basket__line-segment {
	transform: scaleX(1);
}

.kai-basket.is-revealed .kai-basket__line-segment::after,
.kai-basket.is-revealed .kai-basket__line-segment--spine {
	transform: scaleY(1);
}

.kai-basket.is-revealed .kai-basket__line-dot {
	opacity: 1;
	transform: scale(1);
}

.kai-basket.is-revealed .kai-basket__item {
	opacity: 1;
	transform: translateY(0);
}

@media (min-width: 768px) {
	.kai-page:not([data-kai-lang="en"]) .kai-basket__title {
		font-size: calc(48 * var(--kai-basket-u));
	}

	.kai-page:not([data-kai-lang="en"]) .kai-basket__description {
		font-size: calc(18 * var(--kai-basket-u));
	}

	.kai-page:not([data-kai-lang="en"]) .kai-basket__item span {
		font-size: calc(21 * var(--kai-basket-u));
	}
}

@media (max-width: 767px) {
	.kai-basket {
		--kai-basket-u: var(--kai-u);
		--kai-basket-scene-u: calc(100vw / 440);
		height: auto;
	}

	.kai-basket__canvas {
		width: 100vw;
		height: auto;
	}

	.kai-basket__picture {
		position: relative;
		display: block;
		width: 100%;
		height: auto;
		aspect-ratio: auto;
	}

	.kai-basket__image {
		position: relative;
		inset: auto;
		width: 100%;
		height: auto;
		aspect-ratio: 44 / 75;
	}

	.kai-basket__header {
		top: calc(80 * var(--kai-basket-u));
		gap: calc(16 * var(--kai-basket-u));
		width: calc(410 * var(--kai-basket-u));
	}

	.kai-basket__title {
		width: 100%;
		font-size: calc(28 * var(--kai-basket-u));
		line-height: 1.1;
		letter-spacing: calc(-0.56 * var(--kai-basket-u));
	}

	.kai-basket__description {
		width: 100%;
		font-size: calc(14 * var(--kai-basket-u));
		line-height: 1.2;
		letter-spacing: calc(-0.28 * var(--kai-basket-u));
	}

	.kai-basket__line {
		top: calc(219 * var(--kai-basket-scene-u));
		left: calc(91 * var(--kai-basket-scene-u));
		width: calc(60.5 * var(--kai-basket-scene-u));
		height: calc(295 * var(--kai-basket-scene-u));
	}

	.kai-basket__line-segment {
		display: none;
	}

	.kai-basket__line-segment--spine {
		top: 0;
		left: 0;
		display: block;
		width: max(1px, calc(1 * var(--kai-basket-u)));
		height: calc(295 * var(--kai-basket-scene-u));
		transform: scaleY(0);
		transform-origin: center bottom;
	}

	.kai-basket__line-segment--mobile-base {
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
		display: block;
		width: calc(60.5 * var(--kai-basket-scene-u));
		height: max(1px, calc(1 * var(--kai-basket-u)));
		transform: scaleX(0);
		transform-origin: right center;
	}

	.kai-basket__line-segment::after {
		display: none;
	}

	.kai-basket__line-dot {
		display: none;
	}

	.kai-basket__line-dot--mobile {
		top: calc(293 * var(--kai-basket-scene-u));
		left: calc(60 * var(--kai-basket-scene-u));
		display: block;
		width: calc(4 * var(--kai-basket-u));
		height: calc(4 * var(--kai-basket-u));
		border: 0;
		background: #1962a2;
	}

	.kai-basket__item {
		gap: calc(10 * var(--kai-basket-u));
		transform: translateY(calc(8 * var(--kai-basket-u)));
	}

	.kai-basket__item img {
		width: calc(24 * var(--kai-basket-u));
		height: calc(24 * var(--kai-basket-u));
	}

	.kai-basket__item span {
		font-size: calc(14 * var(--kai-basket-u));
		line-height: 1;
	}

	.kai-basket__item--hair { top: calc(219 * var(--kai-basket-scene-u)); left: calc(107 * var(--kai-basket-scene-u)); }
	.kai-basket__item--leaves { top: calc(259 * var(--kai-basket-scene-u)); left: calc(107 * var(--kai-basket-scene-u)); }
	.kai-basket__item--sand { top: calc(299 * var(--kai-basket-scene-u)); left: calc(107 * var(--kai-basket-scene-u)); }
	.kai-basket__item--twig { top: calc(339 * var(--kai-basket-scene-u)); left: calc(107 * var(--kai-basket-scene-u)); }
	.kai-basket__item--pebbles { top: calc(379 * var(--kai-basket-scene-u)); left: calc(107 * var(--kai-basket-scene-u)); }

	.kai-page:not([data-kai-lang="en"]) .kai-basket__title {
		font-size: calc(24 * var(--kai-basket-u));
	}

	.kai-page:not([data-kai-lang="en"]) .kai-basket__description {
		font-size: calc(12 * var(--kai-basket-u));
	}
}

@media (prefers-reduced-motion: reduce) {
	.kai-basket__line {
		transition-duration: 180ms;
	}

	.kai-basket__line-segment {
		transition-duration: 500ms;
	}

	.kai-basket__item {
		--kai-basket-item-delay: 500ms;
		transition-duration: 350ms, 300ms;
	}

	.kai-basket__item:nth-child(2) { --kai-basket-item-delay: 560ms; }
	.kai-basket__item:nth-child(3) { --kai-basket-item-delay: 620ms; }
	.kai-basket__item:nth-child(4) { --kai-basket-item-delay: 680ms; }
	.kai-basket__item:nth-child(5) { --kai-basket-item-delay: 740ms; }
}

/* K-AI dual filtration — PC 2636:169, mobile 2686:196 */
.kai-filtration {
	--kai-filtration-u: min(1px, calc(100vw / 1920));
	position: relative;
	left: 50%;
	width: 100vw;
	height: calc(1037 * var(--kai-filtration-u));
	overflow: hidden;
	transform: translateX(-50%);
	background: #000;
	color: #fff;
}

.kai-filtration__canvas {
	position: relative;
	width: calc(1920 * var(--kai-filtration-u));
	height: 100%;
	margin-inline: auto;
	overflow: visible;
}

.kai-filtration__wash {
	position: absolute;
	top: 0;
	left: 50%;
	width: 100vw;
	height: calc(261 * var(--kai-filtration-u));
	transform: translateX(-50%);
	background: linear-gradient(180deg, #143047 33.78%, rgba(20, 48, 71, 0) 100.03%);
}

.kai-filtration__header {
	position: absolute;
	top: calc(96 * var(--kai-filtration-u));
	left: 50%;
	z-index: 3;
	display: flex;
	width: calc(1200 * var(--kai-filtration-u));
	transform: translateX(-50%);
	flex-direction: column;
	align-items: center;
	gap: calc(24 * var(--kai-filtration-u));
	text-align: center;
}

.kai-filtration__title,
.kai-filtration__description {
	margin: 0;
	text-align: center;
}

.kai-filtration__copy-pc,
.kai-filtration__copy-mobile {
	display: block;
}

.kai-filtration__copy-mobile {
	display: none;
}

.kai-filtration__title {
	width: calc(1088 * var(--kai-filtration-u));
	font-family: "Figtree-SemiBold", "Kai Figtree", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(56 * var(--kai-filtration-u));
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: calc(-1.12 * var(--kai-filtration-u));
}

.kai-filtration__description {
	width: 100%;
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(20 * var(--kai-filtration-u));
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: calc(-0.4 * var(--kai-filtration-u));
}

.kai-filtration__cards {
	position: absolute;
	top: calc(279 * var(--kai-filtration-u));
	left: calc(210 * var(--kai-filtration-u));
	display: grid;
	grid-template-columns: repeat(2, calc(740 * var(--kai-filtration-u)));
	gap: calc(20 * var(--kai-filtration-u));
}

.kai-filtration__card-wrap,
.kai-filtration__card {
	position: relative;
	width: calc(740 * var(--kai-filtration-u));
	height: calc(566 * var(--kai-filtration-u));
}

.kai-filtration__card {
	box-sizing: border-box;
	overflow: hidden;
	border: 0;
	background: #143047;
}

.kai-filtration__card::after {
	position: absolute;
	inset: 0;
	z-index: 8;
	border: max(1px, calc(1 * var(--kai-filtration-u))) solid rgba(255, 255, 255, 0.32);
	content: "";
	pointer-events: none;
}

.kai-filtration__picture {
	position: absolute;
	inset: 0;
	display: block;
	overflow: hidden;
}

.kai-filtration__image {
	position: absolute;
	top: calc(-157 * var(--kai-filtration-u));
	left: 0;
	display: block;
	width: calc(740 * var(--kai-filtration-u));
	height: calc(890 * var(--kai-filtration-u));
	max-width: none;
	object-fit: cover;
	-webkit-user-drag: none;
	user-select: none;
}

.kai-filtration__card-wrap--fine .kai-filtration__image {
	width: calc(741 * var(--kai-filtration-u));
	height: calc(891 * var(--kai-filtration-u));
}

.kai-filtration__top-glass {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(64 * var(--kai-filtration-u));
	backdrop-filter: blur(calc(2 * var(--kai-filtration-u)));
	background: rgba(39, 85, 96, 0.4);
}

.kai-filtration__card-wrap--fine .kai-filtration__top-glass {
	background: rgba(39, 75, 96, 0.4);
}

.kai-filtration__debris-band {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: calc(88 * var(--kai-filtration-u));
	backdrop-filter: blur(calc(2 * var(--kai-filtration-u)));
	background: linear-gradient(180deg, rgba(39, 85, 96, 0.4) 0%, #275560 100%);
}

.kai-filtration__card-wrap--fine .kai-filtration__debris-band {
	background: linear-gradient(180deg, rgba(39, 75, 96, 0.4) 0%, #274b60 100%);
}

.kai-filtration__debris-list {
	position: absolute;
	bottom: 0;
	left: calc(48.4 * var(--kai-filtration-u));
	display: grid;
	grid-template-columns: repeat(4, calc(160.8 * var(--kai-filtration-u)));
	width: calc(643.2 * var(--kai-filtration-u));
	height: calc(106 * var(--kai-filtration-u));
	padding: 0;
	margin: 0;
	list-style: none;
}

.kai-filtration__debris-item {
	display: flex;
	min-width: 0;
	padding-top: 0;
	flex-direction: column;
	align-items: center;
	gap: calc(6 * var(--kai-filtration-u));
	text-align: center;
}

.kai-filtration__debris-item img {
	display: block;
	width: calc(64 * var(--kai-filtration-u));
	height: calc(64 * var(--kai-filtration-u));
	flex: 0 0 auto;
	border-radius: 50%;
}

.kai-filtration__debris-item span {
	display: block;
	width: calc(100 * var(--kai-filtration-u));
	font-family: "Figtree-Regular", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(13 * var(--kai-filtration-u));
	font-weight: 400;
	line-height: 1.2;
	text-align: center;
}

.kai-filtration__filters {
	position: absolute;
	top: calc(-25 * var(--kai-filtration-u));
	left: calc(20 * var(--kai-filtration-u));
	z-index: 4;
	width: calc(500 * var(--kai-filtration-u));
	height: calc(88 * var(--kai-filtration-u));
	pointer-events: none;
}

.kai-filtration__filter {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(246 * var(--kai-filtration-u));
	height: calc(88 * var(--kai-filtration-u));
}

.kai-filtration__filter--fine {
	top: calc(5 * var(--kai-filtration-u));
	left: calc(247 * var(--kai-filtration-u));
	width: calc(137 * var(--kai-filtration-u));
	height: calc(77 * var(--kai-filtration-u));
}

.kai-filtration__filter-icon {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: calc(101 * var(--kai-filtration-u));
	height: calc(88 * var(--kai-filtration-u));
}

.kai-filtration__filter--fine .kai-filtration__filter-icon {
	width: calc(69 * var(--kai-filtration-u));
	height: calc(77 * var(--kai-filtration-u));
}

.kai-filtration__filter-copy {
	position: absolute;
	top: calc(34 * var(--kai-filtration-u));
	left: calc(106 * var(--kai-filtration-u));
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.kai-filtration__filter--fine .kai-filtration__filter-copy {
	top: calc(28 * var(--kai-filtration-u));
	left: calc(78 * var(--kai-filtration-u));
}

.kai-filtration__measure {
	display: flex;
	width: calc(65 * var(--kai-filtration-u));
	height: calc(23 * var(--kai-filtration-u));
	align-items: baseline;
	font-family: "Figtree-SemiBold", "Kai Figtree", Figtree, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 600;
	line-height: 1;
	color: transparent;
	background: linear-gradient(180deg, #fff 0%, #92b5bd 100%);
	-webkit-background-clip: text;
	background-clip: text;
	white-space: nowrap;
}

.kai-filtration__filter--fine .kai-filtration__measure {
	width: calc(59 * var(--kai-filtration-u));
	height: calc(26 * var(--kai-filtration-u));
	background: linear-gradient(180deg, #fff 0%, #83b1cc 100%);
	-webkit-background-clip: text;
	background-clip: text;
}

.kai-filtration__measure-value {
	font-size: calc(23 * var(--kai-filtration-u));
}

.kai-filtration__filter--fine .kai-filtration__measure-value {
	font-size: calc(26 * var(--kai-filtration-u));
}

.kai-filtration__measure-unit {
	margin-left: calc(2 * var(--kai-filtration-u));
	font-size: calc(11 * var(--kai-filtration-u));
	font-weight: 500;
}

.kai-filtration__filter-copy small {
	display: block;
	width: calc(140 * var(--kai-filtration-u));
	height: calc(17 * var(--kai-filtration-u));
	margin: 0;
	font-family: "Figtree-Regular", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(10 * var(--kai-filtration-u));
	font-weight: 400;
	line-height: normal;
	color: rgba(255, 255, 255, 0.7);
	white-space: nowrap;
}

.kai-filtration__filter--fine .kai-filtration__filter-copy small {
	position: relative;
	left: calc(-3 * var(--kai-filtration-u));
	width: calc(53 * var(--kai-filtration-u));
	height: calc(15 * var(--kai-filtration-u));
	margin-top: calc(-1 * var(--kai-filtration-u));
	text-align: center;
}

@media (min-width: 768px) {
	.kai-page:not([data-kai-lang="en"]) .kai-filtration__title {
		font-size: calc(48 * var(--kai-filtration-u));
	}

	.kai-page:not([data-kai-lang="en"]) .kai-filtration__description {
		font-size: calc(18 * var(--kai-filtration-u));
	}

	.kai-page:not([data-kai-lang="en"]) .kai-filtration__debris-item span {
		font-size: calc(12 * var(--kai-filtration-u));
		line-height: 1.05;
	}
}

@media (max-width: 767px) {
	.kai-filtration {
		--kai-filtration-u: var(--kai-u);
		--kai-filtration-scene-u: calc(100vw / 440);
		height: auto;
	}

	.kai-filtration__copy-pc {
		display: none;
	}

	.kai-filtration__copy-mobile {
		display: block;
	}

	.kai-filtration__canvas {
		display: flex;
		width: 100vw;
		height: auto;
		padding-top: calc(80 * var(--kai-filtration-u));
		flex-direction: column;
		box-sizing: border-box;
	}

	.kai-filtration__wash {
		height: calc(188 * var(--kai-filtration-scene-u));
		background: linear-gradient(180deg, #143047 33.78%, rgba(20, 48, 71, 0) 100.03%);
	}

	.kai-filtration__header {
		position: relative;
		top: auto;
		left: auto;
		display: flex;
		width: calc(410 * var(--kai-filtration-u));
		margin-inline: auto;
		transform: none;
		gap: calc(16 * var(--kai-filtration-u));
	}

	.kai-filtration__title {
		width: 100%;
		font-size: calc(28 * var(--kai-filtration-u));
		line-height: 1.1;
		letter-spacing: calc(-0.56 * var(--kai-filtration-u));
	}

	.kai-filtration__description {
		width: 100%;
		font-size: calc(14 * var(--kai-filtration-u));
		line-height: 1.2;
		letter-spacing: calc(-0.28 * var(--kai-filtration-u));
	}

	.kai-filtration__cards {
		position: relative;
		top: auto;
		left: 0;
		grid-template-columns: repeat(2, 50vw);
		gap: 0;
		width: 100vw;
		margin-top: calc(44 * var(--kai-filtration-u));
	}

	.kai-filtration__card-wrap,
	.kai-filtration__card {
		width: 50vw;
		height: calc(260 * var(--kai-filtration-scene-u));
	}

	.kai-filtration__card {
		border: 0;
	}

	.kai-filtration__card::after {
		top: auto;
		display: block;
		height: max(1px, calc(1 * var(--kai-filtration-u)));
		border: 0;
		background: #000;
	}

	.kai-filtration__image,
	.kai-filtration__card-wrap--fine .kai-filtration__image {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.kai-filtration__top-glass {
		height: calc(24 * var(--kai-filtration-u));
	}

	.kai-filtration__debris-band {
		bottom: calc(-1 * var(--kai-filtration-u));
		height: calc(73 * var(--kai-filtration-u));
	}

	.kai-filtration__debris-list {
		inset: 0;
		display: block;
		width: auto;
		height: auto;
	}

	.kai-filtration__debris-item {
		position: absolute;
		display: flex;
		width: calc(95 * var(--kai-filtration-scene-u));
		height: calc(24 * var(--kai-filtration-u));
		padding: 0;
		flex-direction: row;
		align-items: center;
		gap: calc(8 * var(--kai-filtration-u));
		text-align: left;
	}

	.kai-filtration__debris-item:nth-child(1) {
		bottom: calc(40 * var(--kai-filtration-u));
		left: calc(15 * var(--kai-filtration-scene-u));
	}

	.kai-filtration__debris-item:nth-child(2) {
		bottom: calc(8 * var(--kai-filtration-u));
		left: calc(15 * var(--kai-filtration-scene-u));
	}

	.kai-filtration__debris-item:nth-child(3) {
		bottom: calc(40 * var(--kai-filtration-u));
		left: calc(110 * var(--kai-filtration-scene-u));
	}

	.kai-filtration__debris-item:nth-child(4) {
		bottom: calc(8 * var(--kai-filtration-u));
		left: calc(110 * var(--kai-filtration-scene-u));
	}

	.kai-filtration__debris-item img {
		width: calc(24 * var(--kai-filtration-u));
		height: calc(24 * var(--kai-filtration-u));
	}

	.kai-filtration__debris-item span {
		width: calc(63 * var(--kai-filtration-scene-u));
		font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
		font-size: calc(10 * var(--kai-filtration-u));
		font-weight: 500;
		line-height: 1;
		text-align: left;
	}

	.kai-filtration__filters {
		top: calc(-20 * var(--kai-filtration-u));
		left: calc(15 * var(--kai-filtration-scene-u));
		width: calc(192 * var(--kai-filtration-scene-u));
		height: calc(40 * var(--kai-filtration-u));
	}

	.kai-filtration__filter {
		width: calc(100.182 * var(--kai-filtration-scene-u));
		height: calc(40 * var(--kai-filtration-u));
	}

	.kai-filtration__filter--fine {
		top: calc(2.273 * var(--kai-filtration-u));
		left: calc(112.271 * var(--kai-filtration-scene-u));
		width: calc(79.729 * var(--kai-filtration-scene-u));
		height: calc(36.091 * var(--kai-filtration-u));
	}

	.kai-filtration__filter-icon {
		width: calc(45.909 * var(--kai-filtration-u));
		height: calc(40 * var(--kai-filtration-u));
	}

	.kai-filtration__filter--fine .kai-filtration__filter-icon {
		width: calc(31.364 * var(--kai-filtration-u));
		height: calc(35 * var(--kai-filtration-u));
	}

	.kai-filtration__filter-copy {
		top: calc(15.455 * var(--kai-filtration-u));
		left: calc(48.182 * var(--kai-filtration-scene-u));
	}

	.kai-filtration__filter--fine .kai-filtration__filter-copy {
		top: calc(12.727 * var(--kai-filtration-u));
		left: calc(35.455 * var(--kai-filtration-scene-u));
	}

	.kai-filtration__measure {
		width: calc(29.545 * var(--kai-filtration-u));
		height: calc(10.455 * var(--kai-filtration-u));
	}

	.kai-filtration__filter--fine .kai-filtration__measure {
		width: calc(26.818 * var(--kai-filtration-u));
		height: calc(11.818 * var(--kai-filtration-u));
	}

	.kai-filtration__measure-value {
		font-size: calc(10.455 * var(--kai-filtration-u));
	}

	.kai-filtration__filter--fine .kai-filtration__measure-value {
		font-size: calc(11.818 * var(--kai-filtration-u));
	}

	.kai-filtration__measure-unit {
		margin-left: calc(1 * var(--kai-filtration-u));
		font-size: calc(5.5 * var(--kai-filtration-u));
	}

	.kai-filtration__filter-copy small {
		width: auto;
		height: auto;
		font-size: calc(10 * var(--kai-filtration-u));
		line-height: normal;
	}

	.kai-filtration__filter--fine .kai-filtration__filter-copy small {
		left: calc(0.273 * var(--kai-filtration-u));
		width: calc(44 * var(--kai-filtration-u));
		height: auto;
		margin-top: calc(-0.454 * var(--kai-filtration-u));
	}

	.kai-page:not([data-kai-lang="en"]) .kai-filtration__debris-item span,
	.kai-page:not([data-kai-lang="en"]) .kai-filtration__filter-copy small {
		font-size: calc(8.5 * var(--kai-filtration-u));
		line-height: 1.05;
		white-space: normal;
	}

	.kai-page:not([data-kai-lang="en"]) .kai-filtration__header {
		gap: calc(10 * var(--kai-filtration-u));
	}

	.kai-page:not([data-kai-lang="en"]) .kai-filtration__title {
		font-size: calc(24 * var(--kai-filtration-u));
		line-height: 1.05;
	}

	.kai-page:not([data-kai-lang="en"]) .kai-filtration__description {
		font-size: calc(12 * var(--kai-filtration-u));
		line-height: 1.1;
	}
}

/* K-AI easy-to-use mosaic — PC 2701:278; mobile 2126:1629 */
.kai-easy {
	--kai-easy-u: min(1px, calc(100vw / 1920));
	position: relative;
	left: 50%;
	width: 100vw;
	height: calc(2942 * var(--kai-easy-u));
	/* padding-top: calc(192 * var(--kai-easy-u)); */
	overflow: hidden;
	transform: translateX(-50%);
	background: #000;
	box-sizing: border-box;
	color: #fff;
}

.kai-easy__inner {
	position: relative;
	width: calc(1200 * var(--kai-easy-u));
	height: calc(2558 * var(--kai-easy-u));
	margin-inline: auto;
}

.kai-easy__title {
	position: absolute;
	top: 0;
	left: 50%;
	width: calc(1088 * var(--kai-easy-u));
	margin: 0;
	transform: translateX(-50%);
	font-family: "Figtree-SemiBold", "Kai Figtree", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(56 * var(--kai-easy-u));
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: calc(-1.12 * var(--kai-easy-u));
	text-align: center;
}

.kai-easy__panel {
	position: absolute;
	padding: 0;
	margin: 0;
	overflow: hidden;
	border: 0;
	box-sizing: border-box;
}

.kai-easy__panel img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	-webkit-user-drag: none;
	user-select: none;
}

.kai-easy__panel picture {
	display: block;
	width: 100%;
	height: 100%;
}

.kai-easy__panel--parking {
	top: calc(126 * var(--kai-easy-u));
	left: 0;
	width: calc(610 * var(--kai-easy-u));
	height: calc(400 * var(--kai-easy-u));
}

.kai-easy__panel--status {
	top: calc(526 * var(--kai-easy-u));
	left: calc(610 * var(--kai-easy-u));
	width: calc(590 * var(--kai-easy-u));
	height: calc(400 * var(--kai-easy-u));
}

.kai-easy__panel--lift {
	top: calc(926 * var(--kai-easy-u));
	left: 0;
	width: calc(610 * var(--kai-easy-u));
	height: calc(400 * var(--kai-easy-u));
}

.kai-easy__panel--basket {
	top: calc(1326 * var(--kai-easy-u));
	left: calc(610 * var(--kai-easy-u));
	width: calc(590 * var(--kai-easy-u));
	height: calc(400 * var(--kai-easy-u));
}

.kai-easy__panel--warranty {
	top: calc(1918 * var(--kai-easy-u));
	left: calc(610 * var(--kai-easy-u));
	width: calc(590 * var(--kai-easy-u));
	height: calc(640 * var(--kai-easy-u));
	border: 0;
}

.kai-easy__main-grid-lines,
.kai-easy__warranty-line {
	position: absolute;
	z-index: 5;
	border: calc(1 * var(--kai-easy-u)) solid rgba(255, 255, 255, 0.16);
	pointer-events: none;
}

.kai-easy__main-grid-lines {
	top: calc(126 * var(--kai-easy-u));
	left: 0;
	width: calc(1200 * var(--kai-easy-u));
	height: calc(1600 * var(--kai-easy-u));
	border-top: 0;
	border-right: 0;
}

.kai-easy__main-grid-lines i {
	position: absolute;
	display: block;
	background: rgba(255, 255, 255, 0.16);
}

.kai-easy__main-grid-lines i:nth-child(1) {
	top: 0;
	bottom: 0;
	left: calc(609 * var(--kai-easy-u));
	width: calc(1 * var(--kai-easy-u));
}

.kai-easy__main-grid-lines i:nth-child(2),
.kai-easy__main-grid-lines i:nth-child(3),
.kai-easy__main-grid-lines i:nth-child(4) {
	right: 0;
	left: 0;
	height: calc(1 * var(--kai-easy-u));
}

.kai-easy__main-grid-lines i:nth-child(2) { top: calc(399 * var(--kai-easy-u)); }
.kai-easy__main-grid-lines i:nth-child(3) { top: calc(799 * var(--kai-easy-u)); }
.kai-easy__main-grid-lines i:nth-child(4) { top: calc(1199 * var(--kai-easy-u)); }

.kai-easy__warranty-line {
	top: calc(1918 * var(--kai-easy-u));
	left: 0;
	width: calc(1200 * var(--kai-easy-u));
	height: calc(640 * var(--kai-easy-u));
}

.kai-easy__copy {
	position: absolute;
	width: calc(439 * var(--kai-easy-u));
	z-index: 2;
}

.kai-easy__copy h3,
.kai-easy__copy p {
	margin: 0;
}

.kai-easy__copy h3 {
	width: 100%;
	font-family: "Figtree-SemiBold", "Kai Figtree", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(40 * var(--kai-easy-u));
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: calc(-0.8 * var(--kai-easy-u));
}

.kai-easy__copy p {
	width: 100%;
	margin-top: calc(24 * var(--kai-easy-u));
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(20 * var(--kai-easy-u));
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: calc(-0.4 * var(--kai-easy-u));
}

.kai-easy__copy--control {
	top: calc(174 * var(--kai-easy-u));
	left: calc(638 * var(--kai-easy-u));
	width: calc(573 * var(--kai-easy-u));
}

.kai-easy__copy--control::before {
	position: absolute;
	top: calc(112 * var(--kai-easy-u));
	left: calc(-28 * var(--kai-easy-u));
	z-index: 2;
	width: calc(950 * var(--kai-easy-u));
	height: calc(1 * var(--kai-easy-u));
	background: rgba(255, 255, 255, 0.16);
	content: "";
}

.kai-easy__copy--control h3 {
	position: relative;
	z-index: 3;
	width: calc(416 * var(--kai-easy-u));
	margin-left: calc(1 * var(--kai-easy-u));
}

.kai-easy__copy--control p {
	position: absolute;
	top: calc(129 * var(--kai-easy-u));
	left: 0;
	z-index: 3;
	margin-top: 0;
}

.kai-easy__control-visual {
	position: absolute;
	top: calc(112 * var(--kai-easy-u));
	left: calc(262 * var(--kai-easy-u));
	z-index: 1;
	display: block;
	width: calc(300 * var(--kai-easy-u));
	height: calc(240 * var(--kai-easy-u));
	object-fit: cover;
}

.kai-easy__copy--parking {
	top: calc(646 * var(--kai-easy-u));
	left: calc(64 * var(--kai-easy-u));
}

.kai-easy__copy--parking h3 {
	width: calc(330 * var(--kai-easy-u));
}

.kai-easy__copy--drainage {
	top: calc(1054 * var(--kai-easy-u));
	left: calc(674 * var(--kai-easy-u));
	width: calc(462 * var(--kai-easy-u));
}

.kai-easy__copy--basket {
	top: calc(1454 * var(--kai-easy-u));
	left: calc(64 * var(--kai-easy-u));
	width: calc(520 * var(--kai-easy-u));
}

.kai-easy__copy--warranty {
	top: calc(2134 * var(--kai-easy-u));
	left: calc(64 * var(--kai-easy-u));
	width: calc(482 * var(--kai-easy-u));
}

.kai-easy__copy--warranty h3 {
	width: calc(546 * var(--kai-easy-u));
	font-size: calc(52 * var(--kai-easy-u));
	letter-spacing: calc(-1.04 * var(--kai-easy-u));
}

.kai-easy__warranty-mobile-break {
	display: none;
}

.kai-easy__pc-break {
	display: block;
}

@media (min-width: 768px) {
	.kai-page[data-kai-lang="en"] .kai-easy__copy h3,
	.kai-page[data-kai-lang="en"] .kai-easy__copy p {
		white-space: nowrap;
	}

	.kai-page:not([data-kai-lang="en"]) .kai-easy__title {
		font-size: calc(48 * var(--kai-easy-u));
	}

	.kai-page:not([data-kai-lang="en"]) .kai-easy__copy h3 {
		font-size: calc(34 * var(--kai-easy-u));
	}

	.kai-page:not([data-kai-lang="en"]) .kai-easy__copy--warranty h3 {
		font-size: calc(48 * var(--kai-easy-u));
	}

	.kai-page:not([data-kai-lang="en"]) .kai-easy__copy p {
		font-size: calc(17 * var(--kai-easy-u));
	}
}

@media (max-width: 767px) {
	.kai-easy {
		--kai-easy-u: var(--kai-u);
		height: auto;
		padding: calc(80 * var(--kai-easy-u)) 0 0;
	}

	.kai-easy__inner {
		display: flex;
		width: 100%;
		height: auto;
		padding-inline: calc(15 * var(--kai-easy-u));
		flex-direction: column;
		box-sizing: border-box;
	}

	.kai-easy__title,
	.kai-easy__panel,
	.kai-easy__copy {
		position: relative;
		top: auto;
		left: auto;
		transform: none;
	}

	.kai-easy__main-grid-lines,
	.kai-easy__warranty-line {
		display: none;
	}

	.kai-easy__title {
		order: 1;
		width: 100%;
		margin-inline: 0;
		font-size: calc(20 * var(--kai-easy-u));
		line-height: 1.1;
		letter-spacing: calc(-0.4 * var(--kai-easy-u));
	}

	.kai-easy__panel {
		width: 100%;
		height: auto;
		margin-inline: 0;
		border: 0;
		aspect-ratio: 410 / 240;
	}

	.kai-easy__panel img {
		width: 100%;
		height: auto;
		aspect-ratio: inherit;
	}

	.kai-easy__panel picture {
		height: auto;
		aspect-ratio: inherit;
	}

	.kai-easy__panel--parking {
		order: 2;
		margin-top: calc(24 * var(--kai-easy-u));
	}

	.kai-easy__copy {
		width: 100%;
		height: auto;
		margin: 0;
		padding: calc(24 * var(--kai-easy-u)) calc(15 * var(--kai-easy-u)) calc(48 * var(--kai-easy-u));
		overflow: visible;
		box-sizing: border-box;
	}

	.kai-easy__copy h3 {
		width: 100%;
		font-size: calc(20 * var(--kai-easy-u));
		line-height: 1.1;
		letter-spacing: calc(-0.4 * var(--kai-easy-u));
	}

	.kai-easy__copy p {
		margin-top: calc(8 * var(--kai-easy-u));
		font-size: calc(14 * var(--kai-easy-u));
		line-height: 1.2;
		letter-spacing: calc(-0.28 * var(--kai-easy-u));
	}

	.kai-easy__copy--control {
		display: flex;
		height: auto;
		min-height: calc(161 * var(--kai-easy-u));
		padding-bottom: calc(48 * var(--kai-easy-u));
		padding-left: calc(15 * var(--kai-easy-u));
		padding-right: calc(196 * var(--kai-easy-u));
		flex-direction: column;
		justify-content: flex-end;
		overflow: visible;
	}

	.kai-easy__copy--control::before {
		display: none;
	}

	.kai-easy__copy--control h3 {
		width: 100%;
		margin-left: 0;
	}

	.kai-easy__copy--control p {
		position: relative;
		top: auto;
		left: auto;
		margin-top: calc(8 * var(--kai-easy-u));
	}

	.kai-easy__control-visual {
		position: absolute;
		top: 0;
		left: auto;
		right: calc(15 * var(--kai-easy-u));
		display: block;
		width: calc(161 * var(--kai-easy-u));
		height: calc(161 * var(--kai-easy-u));
		object-fit: contain;
	}

	.kai-easy__panel--status {
		order: 4;
	}

	.kai-easy__panel--lift {
		order: 6;
	}

	.kai-easy__panel--basket {
		order: 8;
	}

	.kai-easy__panel--warranty {
		order: 11;
		left: 50%;
		width: 100vw;
		margin-top: 0;
		transform: translateX(-50%);
		background-color: #000;
		aspect-ratio: 440 / 750;
	}

	.kai-easy__copy--control { order: 3; }
	.kai-easy__copy--parking { order: 5; }
	.kai-easy__copy--drainage { order: 7; }
	.kai-easy__copy--basket { order: 9; }
	.kai-easy__copy--warranty {
		order: 10;
		z-index: 3;
		height: calc(169 * var(--kai-easy-u));
		margin-top: calc(80 * var(--kai-easy-u));
		margin-bottom: calc(-169 * var(--kai-easy-u));
		padding: calc(40 * var(--kai-easy-u)) 0 0;
		text-align: center;
	}

	.kai-easy__copy--warranty h3 {
		font-size: calc(28 * var(--kai-easy-u));
		line-height: 1.1;
		letter-spacing: calc(-0.56 * var(--kai-easy-u));
	}

	.kai-easy__copy--warranty p {
		position: absolute;
		top: calc(118 * var(--kai-easy-u));
		left: 0;
		width: 100%;
		margin: 0;
		font-size: calc(14 * var(--kai-easy-u));
		line-height: 1.2;
		letter-spacing: calc(-0.28 * var(--kai-easy-u));
	}

	.kai-easy__pc-break {
		display: none;
	}

	.kai-easy__warranty-mobile-break {
		display: block;
	}

	.kai-page:not([data-kai-lang="en"]) .kai-easy__copy h3 {
		font-size: calc(17 * var(--kai-easy-u));
		line-height: 1.08;
	}

	.kai-page:not([data-kai-lang="en"]) .kai-easy__copy p {
		margin-top: calc(6 * var(--kai-easy-u));
		font-size: calc(11.5 * var(--kai-easy-u));
		line-height: 1.16;
	}

	.kai-page:not([data-kai-lang="en"]) .kai-easy__copy--warranty h3 {
		font-size: calc(24 * var(--kai-easy-u));
		line-height: 1.1;
	}

	.kai-page:not([data-kai-lang="en"]) .kai-easy__copy--warranty p {
		top: calc(118 * var(--kai-easy-u));
		margin: 0;
		font-size: calc(14 * var(--kai-easy-u));
		line-height: 1.2;
	}
}

/* K-AI technical specifications — PC 2689:165; sticky/mobile behavior follows M1 specs */
.kai-specs {
	--kai-specs-u: min(1px, calc(100vw / 1920));
	--kai-specs-sticky-top: 64px;
	--kai-specs-cleaning-row-h: calc(144 * var(--kai-specs-u));
	position: relative;
	left: 50%;
	width: 100vw;
	padding: calc(192 * var(--kai-specs-u)) 0;
	transform: translateX(-50%);
	background: #f5f5f7;
	color: #333;
	font-family: Figtree, Arial, Helvetica, sans-serif;
	overflow: visible;
}

.kai-page[data-kai-lang="de"] .kai-specs,
.kai-page[data-kai-lang="fr"] .kai-specs,
.kai-page[data-kai-lang="es"] .kai-specs {
	--kai-specs-cleaning-row-h: calc(164 * var(--kai-specs-u));
}

.kai-page[data-kai-lang="pt"] .kai-specs {
	--kai-specs-cleaning-row-h: calc(184 * var(--kai-specs-u));
}

.kai-specs__inner {
	width: calc(1200 * var(--kai-specs-u));
	margin-inline: auto;
}

.kai-specs__title {
	width: 100%;
	margin: 0;
	font-family: "Figtree-SemiBold", "Kai Figtree", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(56 * var(--kai-specs-u));
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: calc(-1.12 * var(--kai-specs-u));
	text-align: center;
}

.kai-specs__panel {
	position: relative;
	width: 100%;
	height: calc((1917 * var(--kai-specs-u)) + var(--kai-specs-cleaning-row-h));
	margin-top: calc(64 * var(--kai-specs-u));
	border: max(1px, calc(1 * var(--kai-specs-u))) solid rgba(255, 255, 255, 0.08);
	border-radius: calc(20 * var(--kai-specs-u));
	background: #fff;
	box-sizing: border-box;
	overflow: visible;
}

.kai-specs__sentinel {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	pointer-events: none;
	visibility: hidden;
}

.kai-specs__head-fixed {
	position: sticky;
	top: var(--kai-specs-sticky-top);
	z-index: 20;
	width: 100%;
	height: calc(436 * var(--kai-specs-u));
	pointer-events: none;
}

.kai-specs__head-clip {
	position: relative;
	width: 100%;
	height: calc(436 * var(--kai-specs-u));
	border-radius: calc(20 * var(--kai-specs-u)) calc(20 * var(--kai-specs-u)) 0 0;
	background: #fff;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
	box-sizing: border-box;
	overflow: hidden;
	pointer-events: auto;
	transition: height 280ms cubic-bezier(0.22, 1, 0.36, 1);
}

.kai-specs__head-shift {
	width: max-content;
	will-change: transform;
}

.kai-specs__head-track,
.kai-specs__body-track {
	display: grid;
	grid-template-columns: repeat(3, calc(200 * var(--kai-specs-u)));
	column-gap: calc(20 * var(--kai-specs-u));
	width: calc(640 * var(--kai-specs-u));
	margin-left: calc(280 * var(--kai-specs-u));
	box-sizing: content-box;
}

.kai-specs__head-track {
	padding-top: calc(78 * var(--kai-specs-u));
	padding-bottom: calc(22 * var(--kai-specs-u));
	border-bottom: max(1px, calc(1 * var(--kai-specs-u))) solid rgba(0, 0, 0, 0.06);
	background: #fff;
	transition: padding 280ms cubic-bezier(0.22, 1, 0.36, 1);
}

.kai-specs__product {
	display: flex;
	width: calc(200 * var(--kai-specs-u));
	min-width: 0;
	margin: 0;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.kai-specs__product-image-wrap {
	display: flex;
	width: calc(200 * var(--kai-specs-u));
	height: calc(200 * var(--kai-specs-u));
	align-items: center;
	justify-content: center;
	overflow: hidden;
	transition: width 280ms cubic-bezier(0.22, 1, 0.36, 1), height 280ms cubic-bezier(0.22, 1, 0.36, 1);
}

.kai-specs__product-image {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 100%;
	object-fit: contain;
}

.kai-specs__product-name {
	width: 100%;
	margin: calc(41 * var(--kai-specs-u)) 0 0;
	font-family: "Figtree-SemiBold", "Kai Figtree", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(20 * var(--kai-specs-u));
	font-weight: 600;
	line-height: 1.2;
	white-space: nowrap;
	transition: margin 280ms cubic-bezier(0.22, 1, 0.36, 1);
}

.kai-specs__buy {
	display: inline-flex;
	height: calc(45 * var(--kai-specs-u));
	margin-top: calc(24 * var(--kai-specs-u));
	padding-inline: calc(20 * var(--kai-specs-u));
	align-items: center;
	justify-content: center;
	border: max(1px, calc(1 * var(--kai-specs-u))) solid #1d96ff;
	border-radius: 999px;
	box-sizing: border-box;
	color: #1d96ff;
	font-family: "Figtree-SemiBold", "Kai Figtree", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(16 * var(--kai-specs-u));
	font-weight: 600;
	line-height: 1.28;
	text-decoration: none;
	white-space: nowrap;
	transition: margin 280ms cubic-bezier(0.22, 1, 0.36, 1), color 180ms ease, background-color 180ms ease;
}

.kai-specs__buy:hover,
.kai-specs__buy:focus-visible {
	background: #1d96ff;
	color: #fff;
}

.kai-specs__find {
	display: inline-block;
	margin-top: calc(12 * var(--kai-specs-u));
	color: #1a1a1a;
	font-family: "Figtree-SemiBold", "Kai Figtree", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(14 * var(--kai-specs-u));
	font-weight: 600;
	line-height: 1.28;
	text-align: center;
	text-decoration: underline;
	text-underline-offset: calc(3 * var(--kai-specs-u));
	white-space: nowrap;
	transition: opacity 180ms ease;
}

.kai-specs__find:hover,
.kai-specs__find:focus-visible {
	opacity: 0.7;
}

@media (min-width: 768px) {
	.kai-specs--ab-b .kai-specs__panel {
		height: calc((1947 * var(--kai-specs-u)) + var(--kai-specs-cleaning-row-h));
	}

	.kai-specs--ab-b .kai-specs__head-fixed,
	.kai-specs--ab-b .kai-specs__head-clip {
		height: calc(466 * var(--kai-specs-u));
	}

	.kai-specs--ab-b .kai-specs__head-fixed.is-stuck .kai-specs__head-clip {
		height: calc(263 * var(--kai-specs-u));
	}
}

.kai-specs__head-fixed.is-stuck .kai-specs__head-clip {
	height: calc(233 * var(--kai-specs-u));
	border-radius: 0;
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.1);
}

.kai-specs__head-fixed.is-stuck .kai-specs__head-track {
	padding-top: calc(16 * var(--kai-specs-u));
	padding-bottom: calc(24 * var(--kai-specs-u));
}

.kai-specs__head-fixed.is-stuck .kai-specs__product-image-wrap {
	width: calc(96 * var(--kai-specs-u));
	height: calc(96 * var(--kai-specs-u));
}

.kai-specs__head-fixed.is-stuck .kai-specs__product-name,
.kai-specs__head-fixed.is-stuck .kai-specs__buy {
	margin-top: calc(14 * var(--kai-specs-u));
}

.kai-specs__body-scroll {
	position: relative;
	z-index: 1;
	width: 100%;
	height: calc((1481 * var(--kai-specs-u)) + var(--kai-specs-cleaning-row-h));
	background: #fff;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
	scrollbar-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.04);
}

.kai-specs__body-scroll::-webkit-scrollbar {
	height: 5px;
}

.kai-specs__body-scroll::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.04);
}

.kai-specs__body-scroll::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: rgba(0, 0, 0, 0.2);
}

.kai-specs__body-track {
	padding-top: calc(22 * var(--kai-specs-u));
}

.kai-specs__column {
	width: calc(200 * var(--kai-specs-u));
	padding: 0;
	margin: 0;
}

.kai-specs__row {
	position: relative;
	width: 100%;
	height: calc(79 * var(--kai-specs-u));
	margin: 0;
	text-align: center;
}

.kai-specs__row dt,
.kai-specs__row dd {
	position: absolute;
	left: 0;
	width: 100%;
	padding: 0 calc(4 * var(--kai-specs-u));
	margin: 0;
	box-sizing: border-box;
	text-align: center;
}

.kai-specs__row dt {
	top: calc(17.1 * var(--kai-specs-u));
	color: #999;
	font-family: "Figtree-Regular", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(12 * var(--kai-specs-u));
	font-weight: 400;
	line-height: 1.4;
}

.kai-specs__row--charging {
	height: calc(96 * var(--kai-specs-u));
}

.kai-specs__row--filtration-accuracy {
	height: calc(96 * var(--kai-specs-u));
}

.kai-specs__row--cleaning {
	height: var(--kai-specs-cleaning-row-h);
}

.kai-specs__row dd {
	top: calc(41.8 * var(--kai-specs-u));
	color: #666;
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(16 * var(--kai-specs-u));
	font-weight: 500;
	line-height: 1.4;
}

.kai-specs__services-carousel {
	position: relative;
	width: 100%;
	margin-top: calc(128 * var(--kai-specs-u));
}

.kai-specs__services {
	display: grid;
	grid-template-columns: calc(387 * var(--kai-specs-u)) calc(386 * var(--kai-specs-u)) calc(387 * var(--kai-specs-u));
	gap: calc(20 * var(--kai-specs-u));
	width: 100%;
	margin: 0;
}

.kai-specs__services-nav {
	display: none;
}

.kai-specs__service-card {
	min-width: 0;
	height: calc(268 * var(--kai-specs-u));
	padding: calc(48 * var(--kai-specs-u));
	border-radius: calc(20 * var(--kai-specs-u));
	background: #fff;
	box-sizing: border-box;
	overflow: hidden;
}

.kai-specs__service-card.is-clone {
	display: none;
}

.kai-specs__service-card img {
	display: block;
	width: calc(48 * var(--kai-specs-u));
	height: calc(48 * var(--kai-specs-u));
}

.kai-specs__service-card h3 {
	margin: calc(16 * var(--kai-specs-u)) 0 0;
	color: #333;
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(24 * var(--kai-specs-u));
	font-weight: 500;
	line-height: 1.2;
}

.kai-specs__service-card p {
	margin: calc(16 * var(--kai-specs-u)) 0 0;
	color: #666;
	font-family: "Figtree-Regular", Figtree, Arial, Helvetica, sans-serif;
	font-size: calc(14 * var(--kai-specs-u));
	font-weight: 400;
	line-height: 1.47;
}

@media (min-width: 768px) {
	.kai-page:not([data-kai-lang="en"]) .kai-specs__title {
		font-size: calc(48 * var(--kai-specs-u));
	}

	.kai-page:not([data-kai-lang="en"]) .kai-specs__service-card h3 {
		font-size: calc(20 * var(--kai-specs-u));
	}

	.kai-page:not([data-kai-lang="en"]) .kai-specs__service-card p {
		font-size: calc(12 * var(--kai-specs-u));
	}

}

@media (max-width: 767px) {
	.kai-specs {
		--kai-specs-u: var(--kai-u);
		padding: calc(72 * var(--kai-specs-u)) 0 calc(96 * var(--kai-specs-u));
	}

	.kai-specs__inner {
		width: 100%;
		padding-inline: calc(16 * var(--kai-specs-u));
		box-sizing: border-box;
	}

	.kai-specs__title {
		font-size: calc(28 * var(--kai-specs-u));
		line-height: 1.2;
		letter-spacing: calc(-0.56 * var(--kai-specs-u));
	}

	.kai-specs__panel {
		height: calc(1337 * var(--kai-specs-u));
		margin-top: calc(28 * var(--kai-specs-u));
		border-radius: calc(20 * var(--kai-specs-u));
	}

	.kai-specs__head-fixed,
	.kai-specs__head-clip {
		height: calc(365 * var(--kai-specs-u));
	}

	.kai-specs__head-track,
	.kai-specs__body-track {
		grid-template-columns: repeat(3, calc(220 * var(--kai-specs-u)));
		column-gap: 0;
		width: calc(660 * var(--kai-specs-u));
		margin-left: 0;
		padding-inline: calc(12 * var(--kai-specs-u));
	}

	.kai-specs__head-track {
		padding-top: calc(28 * var(--kai-specs-u));
		padding-bottom: calc(20 * var(--kai-specs-u));
	}

	.kai-specs__product {
		width: calc(220 * var(--kai-specs-u));
	}

	.kai-specs__product-image-wrap {
		width: calc(200 * var(--kai-specs-u));
		height: calc(200 * var(--kai-specs-u));
	}

	.kai-specs__product-name {
		margin-top: calc(24 * var(--kai-specs-u));
		font-size: calc(20 * var(--kai-specs-u));
	}

	.kai-specs__buy {
		margin-top: calc(24 * var(--kai-specs-u));
	}

	.kai-specs__head-fixed.is-stuck .kai-specs__head-clip {
		height: calc(233 * var(--kai-specs-u));
	}

	.kai-specs__head-fixed.is-stuck .kai-specs__head-track {
		padding-top: calc(16 * var(--kai-specs-u));
		padding-bottom: calc(24 * var(--kai-specs-u));
	}

	.kai-specs__head-fixed.is-stuck .kai-specs__product-image-wrap {
		width: calc(96 * var(--kai-specs-u));
		height: calc(96 * var(--kai-specs-u));
	}

	.kai-specs__body-scroll {
		height: calc(972 * var(--kai-specs-u));
	}

	.kai-specs__body-track {
		padding-top: calc(28 * var(--kai-specs-u));
		padding-bottom: calc(20 * var(--kai-specs-u));
	}

	.kai-specs__column {
		width: calc(220 * var(--kai-specs-u));
	}

	.kai-specs__row {
		height: calc(66 * var(--kai-specs-u));
	}

	.kai-specs__row dt {
		top: calc(11 * var(--kai-specs-u));
		font-size: calc(11 * var(--kai-specs-u));
	}

	.kai-specs__row dd {
		top: calc(33 * var(--kai-specs-u));
		font-size: calc(15 * var(--kai-specs-u));
	}

	.kai-specs__services-carousel {
		width: calc(100% + (16 * var(--kai-specs-u)));
		margin-top: calc(48 * var(--kai-specs-u));
		overflow: hidden;
		--kai-services-fade-w: calc(24 * var(--kai-specs-u));
	}

	.kai-specs__services-carousel::before,
	.kai-specs__services-carousel::after {
		position: absolute;
		top: 0;
		bottom: calc(48 * var(--kai-specs-u));
		z-index: 2;
		width: var(--kai-services-fade-w);
		content: "";
		pointer-events: none;
	}

	.kai-specs__services-carousel::before {
		left: 0;
		background: linear-gradient(90deg, #f5f5f7 0%, rgba(245, 245, 247, 0) 100%);
	}

	.kai-specs__services-carousel::after {
		right: 0;
		background: linear-gradient(270deg, #f5f5f7 0%, rgba(245, 245, 247, 0) 100%);
	}

	.kai-specs__services {
		display: flex;
		width: max-content;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: stretch;
		gap: calc(20 * var(--kai-specs-u));
		transform: translate3d(0, 0, 0);
		transition: transform 300ms ease;
		will-change: transform;
		touch-action: pan-y pinch-zoom;
	}

	.kai-specs__service-card {
		width: calc(260 * var(--kai-specs-u));
		min-width: calc(260 * var(--kai-specs-u));
		height: calc(172 * var(--kai-specs-u));
		min-height: calc(172 * var(--kai-specs-u));
		padding: calc(15 * var(--kai-specs-u));
		border-radius: calc(8 * var(--kai-specs-u));
		flex: 0 0 calc(260 * var(--kai-specs-u));
	}

	.kai-specs__service-card img {
		width: calc(40 * var(--kai-specs-u));
		height: calc(40 * var(--kai-specs-u));
	}

	.kai-specs__service-card h3 {
		margin-top: calc(12 * var(--kai-specs-u));
		font-size: calc(16 * var(--kai-specs-u));
		line-height: calc(19 * var(--kai-specs-u));
	}

	.kai-specs__service-card p {
		margin-top: calc(12 * var(--kai-specs-u));
		font-size: calc(12 * var(--kai-specs-u));
		line-height: calc(18 * var(--kai-specs-u));
	}

	.kai-specs__services-nav {
		display: flex;
		width: 100%;
		margin-top: calc(24 * var(--kai-specs-u));
		padding-right: calc(15 * var(--kai-specs-u));
		align-items: center;
		justify-content: flex-end;
		gap: calc(20 * var(--kai-specs-u));
		box-sizing: border-box;
	}

	.kai-specs__services-arrow {
		display: block;
		width: calc(24 * var(--kai-specs-u));
		height: calc(24 * var(--kai-specs-u));
		padding: 0;
		border: 0;
		background: transparent;
		appearance: none;
		cursor: pointer;
	}

	.kai-specs__services-arrow img {
		display: block;
		width: 100%;
		height: 100%;
	}

	.kai-specs__services-arrow:disabled {
		opacity: 0.35;
		cursor: default;
		pointer-events: none;
	}

	.kai-page:not([data-kai-lang="en"]) .kai-specs__title {
		font-size: calc(24 * var(--kai-specs-u));
	}

	.kai-page:not([data-kai-lang="en"]) .kai-specs__service-card h3 {
		font-size: calc(14 * var(--kai-specs-u));
		line-height: calc(17 * var(--kai-specs-u));
	}

	.kai-page:not([data-kai-lang="en"]) .kai-specs__service-card p {
		font-size: calc(10.5 * var(--kai-specs-u));
		line-height: calc(14 * var(--kai-specs-u));
	}

	.kai-page:not([data-kai-lang="en"]) .kai-specs__row:nth-child(12) dd {
		font-size: calc(13 * var(--kai-specs-u));
		line-height: 1.2;
	}
}

/* K-AI product subnavigation — structure and sticky behavior follow M1 */
.kai-subnav-holder {
	position: relative;
	z-index: 80;
	width: 100%;
	height: 0;
	min-height: 0;
	overflow: hidden;
	visibility: hidden;
	pointer-events: none;
	background: #000;
}

.kai-subnav-holder.is-revealed {
	height: 64px;
	overflow-x: clip;
	overflow-y: visible;
	visibility: visible;
	pointer-events: auto;
}

.kai-subnav {
	--kai-subnav-pad-x: 16px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 80;
	width: 100%;
	min-width: 320px;
	height: 64px;
	padding-inline: var(--kai-subnav-pad-x);
	background: #000;
}

.kai-subnav.is-fixed {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 120;
	width: 100%;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08);
	transform: translateZ(0);
}

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

.kai-subnav__inner {
	display: flex;
	width: 100%;
	max-width: 1600px;
	height: 64px;
	margin-inline: auto;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
}

.kai-subnav__brand {
	z-index: 2;
	margin: 0;
	flex: 0 0 auto;
	color: #fff;
	font-family: "Figtree-SemiBold", "Kai Figtree", Figtree, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: -0.96px;
	white-space: nowrap;
}

.kai-subnav__links-scroll {
	z-index: 4;
	display: flex;
	min-width: 0;
	min-height: 26px;
	flex: 1 1 auto;
	align-self: stretch;
	align-items: center;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	-webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 40px), transparent 100%);
	mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 40px), transparent 100%);
}

.kai-subnav__links-scroll.is-mask-both {
	-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 40px, #000 calc(100% - 40px), transparent 100%);
	mask-image: linear-gradient(90deg, transparent 0, #000 40px, #000 calc(100% - 40px), transparent 100%);
}

.kai-subnav__links-scroll.is-mask-start {
	-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 40px, #000 100%);
	mask-image: linear-gradient(90deg, transparent 0, #000 40px, #000 100%);
}

.kai-subnav__links-scroll.is-mask-none {
	-webkit-mask-image: none;
	mask-image: none;
}

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

.kai-subnav__links {
	display: flex;
	padding: 0;
	margin: 0;
	align-items: center;
	gap: 16px;
	list-style: none;
}

.kai-subnav__item {
	flex: 0 0 auto;
}

.kai-subnav__link {
	position: relative;
	display: block;
	padding: 0;
	color: rgba(255, 255, 255, 0.4);
	font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 16px;
	letter-spacing: -0.64px;
	text-decoration: none;
	white-space: nowrap;
	transition: color 160ms ease;
}

.kai-subnav__link:hover,
.kai-subnav__link:focus-visible {
	color: rgba(255, 255, 255, 0.85);
}

.kai-subnav__link:focus-visible {
	outline: 2px solid #1d96ff;
	outline-offset: 2px;
}

.kai-subnav__link.is-active {
	color: #fff;
}

.kai-subnav__link.is-active::after {
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	height: 2px;
	border-radius: 1px;
	background: #fff;
	content: "";
}

.kai-subnav__actions {
	z-index: 5;
	display: flex;
	margin: 0;
	flex: 0 0 auto;
	align-items: center;
}

.kai-subnav__cta {
	display: inline-flex;
	padding: 16px 32px;
	align-items: center;
	justify-content: center;
	border-radius: 100px;
	background: linear-gradient(90deg, #1d96ff 0%, #1882df 100%);
	color: #fff;
	font-family: "Figtree-SemiBold", "Kai Figtree", Figtree, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 16px;
	letter-spacing: -0.64px;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	transition: opacity 180ms ease;
}

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

#kai-learn-more,
#kai-vision,
#kai-navigation,
#kai-runtime,
#kai-led,
#kai-availability {
	scroll-margin-top: 64px;
}

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

	.kai-subnav {
		--kai-subnav-pad-x: 15px;
	}

	.kai-subnav.is-fixed {
		box-shadow: none;
	}

	.kai-subnav__inner {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		grid-template-rows: 48px 36px;
		width: 100%;
		max-width: none;
		height: 84px;
		margin: 0;
		column-gap: 0;
		row-gap: 0;
		align-items: start;
	}

	.kai-subnav__brand {
		grid-row: 1;
		grid-column: 1;
		max-width: 100%;
		min-width: 0;
		padding-top: 16px;
		overflow: hidden;
		font-size: 16px;
		line-height: 16px;
		letter-spacing: -0.64px;
		text-overflow: ellipsis;
	}

	.kai-subnav__actions {
		grid-row: 1;
		grid-column: 2;
		margin-top: 9px;
		justify-self: end;
	}

	.kai-subnav__cta {
		min-width: 82px;
		height: 30px;
		padding: 8px 16px;
		font-size: 12px;
		line-height: 14px;
		letter-spacing: 0;
	}

	.kai-subnav__links-scroll {
		position: relative;
		display: block;
		grid-row: 2;
		grid-column: 1 / -1;
		width: 100%;
		height: 36px;
		min-height: 36px;
		padding-top: 8px;
		align-self: start;
		-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%);
	}

	.kai-subnav__links {
		height: 20px;
		min-height: 20px;
		align-items: flex-start;
		gap: 12px;
	}

	.kai-subnav__item,
	.kai-subnav__link {
		height: 20px;
	}

	.kai-subnav__link {
		display: inline-block;
		font-size: 14px;
		line-height: 14px;
		letter-spacing: 0;
	}

	.kai-subnav__link.is-active::after {
		top: auto;
		right: auto;
		bottom: 0;
		left: 0;
		width: 100%;
		border-radius: 0;
	}

	#kai-learn-more,
	#kai-vision,
	#kai-navigation,
	#kai-runtime,
	#kai-led,
	#kai-availability {
		scroll-margin-top: 84px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.kai-specs__head-clip,
	.kai-specs__head-track,
	.kai-specs__product-image-wrap,
	.kai-specs__product-name,
	.kai-specs__buy {
		transition-duration: 1ms;
	}
}

/* K-AI specs mobile — exact Figma 2126:574 */
.kai-specs__mobile-labels {
	display: none;
}

@media (max-width: 767px) {
	.kai-specs {
		--kai-specs-label-w: calc(116 * var(--kai-specs-u));
		height: calc(1980 * var(--kai-specs-u));
		padding: calc(33 * var(--kai-specs-u)) 0 0;
	}

	.kai-specs__inner {
		width: 100%;
		max-width: 100%;
		padding: 0 calc(15 * var(--kai-specs-u));
		margin-inline: auto;
		box-sizing: border-box;
	}

	.kai-specs__title {
		display: none;
	}

	.kai-specs__panel {
		width: 100%;
		height: calc(1523 * var(--kai-specs-u));
		margin-top: 0;
		border: 0;
		border-radius: 0;
		background: transparent;
	}

	.kai-specs__head-fixed,
	.kai-specs__head-clip {
		width: 100%;
		height: calc(211 * var(--kai-specs-u));
	}

	.kai-specs__head-clip {
		border-radius: 0;
		background: #f5f5f7;
		box-shadow: none;
	}

	.kai-specs__head-clip::before {
		position: absolute;
		inset: 0 auto 0 0;
		z-index: 12;
		display: block;
		width: var(--kai-specs-label-w);
		background: #f5f5f7;
		content: "";
		pointer-events: none;
	}

	.kai-specs__head-shift {
		width: 100%;
	}

	.kai-specs__head-track {
		position: relative;
		display: grid;
		grid-template-columns: repeat(3, minmax(calc(128 * var(--kai-specs-u)), 1fr));
		column-gap: 0;
		width: max(calc(384 * var(--kai-specs-u)), calc(100% - var(--kai-specs-label-w)));
		height: calc(211 * var(--kai-specs-u));
		margin-left: var(--kai-specs-label-w);
		padding: 0;
		border-bottom: max(1px, calc(1 * var(--kai-specs-u))) solid rgba(0, 0, 0, 0.12);
		background: #f5f5f7;
	}

	.kai-specs__product {
		position: relative;
		display: block;
		width: 100%;
		height: calc(211 * var(--kai-specs-u));
	}

	.kai-specs__product-image-wrap {
		position: absolute;
		top: 0;
		left: 50%;
		width: calc(88 * var(--kai-specs-u));
		height: calc(88 * var(--kai-specs-u));
		border-radius: calc(8 * var(--kai-specs-u));
		transform: translateX(-50%);
	}

	.kai-specs__product-name {
		position: absolute;
		top: calc(107 * var(--kai-specs-u));
		left: 0;
		width: 100%;
		margin: 0;
		font-size: calc(16 * var(--kai-specs-u));
		line-height: 1.2;
		overflow-wrap: anywhere;
	}

	.kai-specs__buy {
		position: absolute;
		top: calc(145 * var(--kai-specs-u));
		left: 50%;
		height: calc(36 * var(--kai-specs-u));
		margin: 0;
		padding-inline: calc(16 * var(--kai-specs-u));
		transform: translateX(-50%);
		font-size: calc(14 * var(--kai-specs-u));
	}

	.kai-page:not([data-kai-lang="en"]) .kai-specs__buy {
		padding-inline: calc(10 * var(--kai-specs-u));
		font-size: calc(13 * var(--kai-specs-u));
	}

	.kai-page[data-kai-lang="fr"] .kai-specs__buy {
		padding-inline: calc(4 * var(--kai-specs-u));
		font-size: calc(12 * var(--kai-specs-u));
	}

	.kai-specs__find {
		position: absolute;
		top: calc(193 * var(--kai-specs-u));
		left: 0;
		width: 100%;
		margin: 0;
		padding: 0 calc(4 * var(--kai-specs-u));
		font-size: calc(11 * var(--kai-specs-u));
		line-height: 1.15;
		text-underline-offset: calc(2 * var(--kai-specs-u));
		white-space: normal;
	}

	.kai-specs__head-fixed.is-stuck .kai-specs__head-clip,
	.kai-specs__head-fixed.is-stuck .kai-specs__head-track {
		height: calc(211 * var(--kai-specs-u));
	}

	.kai-specs__head-fixed.is-stuck .kai-specs__head-track {
		padding: 0;
	}

	.kai-specs__head-fixed.is-stuck .kai-specs__product-image-wrap {
		width: calc(88 * var(--kai-specs-u));
		height: calc(88 * var(--kai-specs-u));
	}

	.kai-specs__head-fixed.is-stuck .kai-specs__product-name,
	.kai-specs__head-fixed.is-stuck .kai-specs__buy {
		margin: 0;
	}

	.kai-specs__body-scroll {
		width: 100%;
		height: calc(1312 * var(--kai-specs-u));
		background: #fff;
		scrollbar-width: none;
	}

	.kai-specs__body-scroll::-webkit-scrollbar {
		display: none;
	}

	.kai-specs__mobile-labels {
		position: sticky;
		top: 0;
		left: 0;
		z-index: 10;
		display: block;
		float: left;
		width: var(--kai-specs-label-w);
		height: calc(1312 * var(--kai-specs-u));
		padding: 0;
		margin: 0 calc(-1 * var(--kai-specs-label-w)) 0 0;
		background: #fff;
	}

	.kai-specs__mobile-label-row {
		display: flex;
		width: var(--kai-specs-label-w);
		height: calc(64 * var(--kai-specs-u));
		align-items: center;
		justify-content: center;
	}

	.kai-specs__mobile-label-row dt {
		width: calc(80 * var(--kai-specs-u));
		margin: 0;
		color: #999;
		font-family: "Figtree-Regular", Figtree, Arial, Helvetica, sans-serif;
		font-size: calc(12 * var(--kai-specs-u));
		font-weight: 400;
		line-height: 1.4;
		text-align: center;
	}

	.kai-specs__body-track {
		display: grid;
		grid-template-columns: repeat(3, minmax(calc(128 * var(--kai-specs-u)), 1fr));
		column-gap: 0;
		width: max(calc(384 * var(--kai-specs-u)), calc(100% - var(--kai-specs-label-w)));
		height: calc(1312 * var(--kai-specs-u));
		margin-left: var(--kai-specs-label-w);
		padding: 0;
	}

	.kai-specs__column {
		width: 100%;
		min-width: 0;
	}

	.kai-specs__row {
		display: block;
		width: 100%;
		height: calc(64 * var(--kai-specs-u));
		background: transparent;
	}

	.kai-specs__mobile-label-row.kai-specs__row--shade,
	.kai-specs__row.kai-specs__row--shade {
		background: #f5f5f7;
	}

	.kai-specs__mobile-label-row.kai-specs__row--charging,
	.kai-specs__row--charging,
	.kai-specs__row--charging dd {
		height: calc(96 * var(--kai-specs-u));
	}

	.kai-specs__mobile-label-row.kai-specs__row--pool-temperature,
	.kai-specs__mobile-label-row.kai-specs__row--multiple-cycle,
	.kai-specs__row--pool-temperature,
	.kai-specs__row--pool-temperature dd,
	.kai-specs__row--multiple-cycle,
	.kai-specs__row--multiple-cycle dd {
		height: calc(80 * var(--kai-specs-u));
	}

	.kai-specs__mobile-label-row.kai-specs__row--cleaning,
	.kai-specs__row--cleaning,
	.kai-specs__row--cleaning dd {
		height: calc(160 * var(--kai-specs-u));
	}

	.kai-specs__row dt {
		display: none;
	}

	.kai-specs__row dd {
		position: static;
		display: flex;
		width: 100%;
		height: calc(64 * var(--kai-specs-u));
		padding: 0 calc(20 * var(--kai-specs-u));
		align-items: center;
		justify-content: center;
		color: #666;
		font-family: "Figtree-Medium", Figtree, Arial, Helvetica, sans-serif;
		font-size: calc(14 * var(--kai-specs-u));
		font-weight: 500;
		line-height: 1.4;
		text-align: center;
		overflow-wrap: anywhere;
	}

	.kai-specs__row--charging dd {
		height: calc(96 * var(--kai-specs-u));
	}

	.kai-specs__row--pool-temperature dd,
	.kai-specs__row--multiple-cycle dd {
		height: calc(80 * var(--kai-specs-u));
	}

	.kai-specs__row--cleaning dd {
		height: calc(160 * var(--kai-specs-u));
	}

	.kai-specs__row--charging dd,
	.kai-specs__row--cleaning dd,
	.kai-specs__row--filtration-accuracy dd {
		font-size: calc(11 * var(--kai-specs-u));
		line-height: 1.2;
	}

	.kai-specs__services-carousel {
		width: 100%;
		height: calc(228 * var(--kai-specs-u));
		margin: calc(80 * var(--kai-specs-u)) 0 0;
	}

	.kai-specs__services-carousel::before,
	.kai-specs__services-carousel::after {
		display: none;
	}

	.kai-specs__services {
		gap: calc(10 * var(--kai-specs-u));
	}

	.kai-specs__service-card.is-clone {
		display: block;
	}

	.kai-specs__services-nav {
		height: calc(40 * var(--kai-specs-u));
		margin-top: calc(16 * var(--kai-specs-u));
		padding: 0 calc(64 * var(--kai-specs-u)) 0 0;
		gap: calc(24 * var(--kai-specs-u));
	}

	.kai-specs__services-arrow {
		width: calc(40 * var(--kai-specs-u));
		height: calc(40 * var(--kai-specs-u));
	}

	.kai-specs--ab-b {
		height: calc(1996 * var(--kai-specs-u));
	}

	.kai-specs--ab-b .kai-specs__panel {
		height: calc(1539 * var(--kai-specs-u));
	}

	.kai-specs--ab-b .kai-specs__head-fixed,
	.kai-specs--ab-b .kai-specs__head-clip,
	.kai-specs--ab-b .kai-specs__head-track,
	.kai-specs--ab-b .kai-specs__product,
	.kai-specs--ab-b .kai-specs__head-fixed.is-stuck .kai-specs__head-clip,
	.kai-specs--ab-b .kai-specs__head-fixed.is-stuck .kai-specs__head-track {
		height: calc(227 * var(--kai-specs-u));
	}
}

/* Homepage-style, one-time copy reveal. Only explicitly marked static copy uses it. */
html.kai-copy-motion-ready [data-kai-copy-fade] {
	--kai-copy-motion-x: 0px;
	--kai-copy-motion-delay: 0ms;
	opacity: 0;
	transform: translate3d(var(--kai-copy-motion-x), clamp(42px, 3.4vw, 64px), 0);
	transition:
		opacity 1.3s cubic-bezier(0, 0.18, 0.07, 1) var(--kai-copy-motion-delay),
		transform 1.3s cubic-bezier(0, 0.18, 0.07, 1) var(--kai-copy-motion-delay);
	will-change: opacity, transform;
}

html.kai-copy-motion-ready [data-kai-copy-fade="description"] {
	--kai-copy-motion-delay: 160ms;
}

html.kai-copy-motion-ready [data-kai-copy-transform="center-x"] {
	--kai-copy-motion-x: -50%;
}

html.kai-copy-motion-ready [data-kai-copy-fade].is-kai-copy-visible {
	opacity: 1;
	transform: translate3d(var(--kai-copy-motion-x), 0, 0);
	will-change: auto;
}

@media (max-width: 767px) {
	html.kai-copy-motion-ready [data-kai-copy-fade] {
		transform: translate3d(var(--kai-copy-motion-x), 32px, 0);
		transition-duration: 1.12s;
	}

	html.kai-copy-motion-ready [data-kai-copy-fade].is-kai-copy-visible {
		transform: translate3d(var(--kai-copy-motion-x), 0, 0);
	}

	html.kai-copy-motion-ready :is(
		.kai-hero__title,
		.kai-hero__subtitle,
		.kai-paths__title,
		.kai-easy__title
	)[data-kai-copy-transform="center-x"] {
		--kai-copy-motion-x: 0px;
	}
}
