
#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;}
}

.ig-tool-page{
  --pc-u:1px;
  --ig-tool-accent:#71deff;
  --ig-tool-accent-dark:#4fc8ef;
  --ig-tool-bg:#f5f5f7;
  --ig-tool-card:#fff;
  --ig-tool-text:#1a1a1a;
  --ig-tool-muted:#6e6e73;
  --ig-tool-border:rgba(0,0,0,.08);
  --ig-tool-radius:16px;
  --ig-tool-shadow:0 5px 20px rgba(0,0,0,.04);
  background:var(--ig-tool-bg);
  color:var(--ig-tool-text);
  font-family:Figtree,Arial,sans-serif;
}
.ig-tool-page *{box-sizing:border-box}
.ig-tool-page .ig-tool-main{--pc-u:1px}
@media (min-width:768px) and (max-width:1311px){
  .ig-tool-page .ig-tool-main{--pc-u:calc(100vw / 1312)}
}
.ig-tool-page .ig-tool-main{
  padding:calc(160 * var(--pc-u)) 0 calc(80 * var(--pc-u));
}
.ig-tool-page .ig-tool-container{
  width:calc(960 * var(--pc-u));
  max-width:calc(100% - 32px);
  margin:0 auto;
}
.ig-tool-page .ig-tool-title{
  margin:0;
  text-align:center;
  font-size:calc(48 * var(--pc-u));
  line-height:1.1;
  font-weight:700;
  letter-spacing:calc(-1 * var(--pc-u));
}
.ig-tool-page .ig-tool-lead{
  margin:calc(16 * var(--pc-u)) auto 0;
  max-width:calc(720 * var(--pc-u));
  text-align:center;
  color:var(--ig-tool-muted);
  font-size:calc(18 * var(--pc-u));
  line-height:1.5;
}
.ig-tool-page .ig-tool-card{
  margin-top:calc(40 * var(--pc-u));
  padding:calc(32 * var(--pc-u));
  border:1px solid var(--ig-tool-border);
  border-radius:var(--ig-tool-radius);
  background:var(--ig-tool-card);
  box-shadow:var(--ig-tool-shadow);
}
.ig-tool-page .ig-tool-step{
  margin:0 0 calc(24 * var(--pc-u));
  font-size:calc(14 * var(--pc-u));
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--ig-tool-accent-dark);
}
.ig-tool-page .ig-tool-step-title{
  margin:0 0 calc(20 * var(--pc-u));
  font-size:calc(24 * var(--pc-u));
  font-weight:600;
  line-height:1.2;
}
.ig-tool-page .ig-tool-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:calc(16 * var(--pc-u));
}
.ig-tool-page .ig-tool-field{
  display:flex;
  flex-direction:column;
  gap:calc(8 * var(--pc-u));
}
.ig-tool-page .ig-tool-field--full{grid-column:1 / -1}
.ig-tool-page .ig-tool-label{
  font-size:calc(14 * var(--pc-u));
  font-weight:500;
  color:var(--ig-tool-muted);
}
.ig-tool-page .ig-tool-hint{
  font-size:calc(12 * var(--pc-u));
  color:var(--ig-tool-muted);
}
.ig-tool-page .ig-tool-input,
.ig-tool-page .ig-tool-select{
  width:100%;
  height:calc(48 * var(--pc-u));
  padding:0 calc(14 * var(--pc-u));
  border:1px solid var(--ig-tool-border);
  border-radius:calc(12 * var(--pc-u));
  background:#fcfcfb;
  color:var(--ig-tool-text);
  font:600 calc(16 * var(--pc-u))/1 Figtree,Arial,sans-serif;
  outline:none;
  transition:border-color .2s ease,box-shadow .2s ease;
}
.ig-tool-page .ig-tool-input:focus,
.ig-tool-page .ig-tool-select:focus{
  border-color:var(--ig-tool-accent);
  box-shadow:0 0 0 calc(3 * var(--pc-u)) rgba(113,222,255,.25);
}
.ig-tool-page .ig-tool-unit-row{
  display:flex;
  gap:calc(8 * var(--pc-u));
}
.ig-tool-page .ig-tool-unit-row .ig-tool-input{flex:1}
.ig-tool-page .ig-tool-unit-row .ig-tool-select{width:calc(140 * var(--pc-u));flex:none}
.ig-tool-page .ig-tool-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:calc(8 * var(--pc-u));
  margin-bottom:calc(24 * var(--pc-u));
}
.ig-tool-page .ig-tool-tab{
  height:calc(40 * var(--pc-u));
  padding:0 calc(18 * var(--pc-u));
  border:1px solid var(--ig-tool-border);
  border-radius:calc(999 * var(--pc-u));
  background:#fff;
  color:var(--ig-tool-muted);
  font:600 calc(14 * var(--pc-u))/1 Figtree,Arial,sans-serif;
  cursor:pointer;
  transition:all .2s ease;
}
.ig-tool-page .ig-tool-tab.is-active{
  border-color:var(--ig-tool-accent);
  background:rgba(113,222,255,.12);
  color:#007a99;
}
.ig-tool-page .ig-tool-panel{display:none}
.ig-tool-page .ig-tool-panel.is-active{display:block}
.ig-tool-page .ig-tool-actions{
  display:flex;
  flex-wrap:wrap;
  gap:calc(12 * var(--pc-u));
  margin-top:calc(28 * var(--pc-u));
}
.ig-tool-page .ig-tool-btn{
  min-width:calc(160 * var(--pc-u));
  height:calc(48 * var(--pc-u));
  padding:0 calc(24 * var(--pc-u));
  border:0;
  border-radius:calc(999 * var(--pc-u));
  font:600 calc(16 * var(--pc-u))/1 Figtree,Arial,sans-serif;
  cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.ig-tool-page .ig-tool-btn--primary{
  background:var(--ig-tool-accent);
  color:#003547;
  box-shadow:0 calc(4 * var(--pc-u)) calc(12 * var(--pc-u)) rgba(113,222,255,.35);
}
.ig-tool-page .ig-tool-btn--primary:hover{transform:translateY(calc(-1 * var(--pc-u)))}
.ig-tool-page .ig-tool-btn--ghost{
  background:#fff;
  color:var(--ig-tool-text);
  border:1px solid var(--ig-tool-border);
}
.ig-tool-page .ig-tool-result{
  display:none;
  margin-top:calc(24 * var(--pc-u));
  padding:calc(24 * var(--pc-u));
  border-radius:calc(12 * var(--pc-u));
  background:linear-gradient(135deg,rgba(113,222,255,.18),rgba(113,222,255,.04));
  border:1px solid rgba(113,222,255,.35);
}
.ig-tool-page .ig-tool-result.is-visible{display:block}
.ig-tool-page .ig-tool-result-label{
  margin:0 0 calc(8 * var(--pc-u));
  font-size:calc(13 * var(--pc-u));
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#007a99;
}
.ig-tool-page .ig-tool-result-value{
  margin:0;
  font-size:calc(28 * var(--pc-u));
  font-weight:700;
  line-height:1.2;
}
.ig-tool-page .ig-tool-result-note{
  margin:calc(8 * var(--pc-u)) 0 0;
  color:var(--ig-tool-muted);
  font-size:calc(15 * var(--pc-u));
  line-height:1.5;
}
.ig-tool-page .ig-tool-table-wrap{margin-top:calc(32 * var(--pc-u));overflow-x:auto}
.ig-tool-page .ig-tool-table{
  width:100%;
  border-collapse:collapse;
  font-size:calc(14 * var(--pc-u));
}
.ig-tool-page .ig-tool-table th,
.ig-tool-page .ig-tool-table td{
  padding:calc(12 * var(--pc-u)) calc(16 * var(--pc-u));
  border-bottom:1px solid var(--ig-tool-border);
  text-align:left;
}
.ig-tool-page .ig-tool-table th{
  background:#fafafa;
  font-weight:600;
}
.ig-tool-page .ig-tool-more{
  margin-top:calc(48 * var(--pc-u));
  padding-top:calc(32 * var(--pc-u));
  border-top:1px solid var(--ig-tool-border);
}
.ig-tool-page .ig-tool-more-title{
  margin:0 0 calc(16 * var(--pc-u));
  font-size:calc(20 * var(--pc-u));
  font-weight:600;
}
.ig-tool-page .ig-tool-more-links{
  display:flex;
  flex-wrap:wrap;
  gap:calc(12 * var(--pc-u));
}
.ig-tool-page .ig-tool-more-links a{
  display:inline-flex;
  align-items:center;
  height:calc(40 * var(--pc-u));
  padding:0 calc(18 * var(--pc-u));
  border:1px solid var(--ig-tool-border);
  border-radius:calc(999 * var(--pc-u));
  background:#fff;
  color:#007a99;
  font-size:calc(14 * var(--pc-u));
  font-weight:600;
  text-decoration:none;
}
.ig-tool-page .ig-tool-more-links a:hover{border-color:var(--ig-tool-accent)}
@media (max-width:767px){
  .ig-tool-page .ig-tool-main{padding:calc(120 * var(--pc-u)) 0 calc(48 * var(--pc-u))}
  .ig-tool-page .ig-tool-title{font-size:calc(32 * var(--pc-u))}
  .ig-tool-page .ig-tool-card{padding:calc(20 * var(--pc-u))}
  .ig-tool-page .ig-tool-grid{grid-template-columns:1fr}
  .ig-tool-page .ig-tool-unit-row{flex-direction:column}
  .ig-tool-page .ig-tool-unit-row .ig-tool-select{width:100%}
}

.pcc-page{
  --pcc-blue:#0071e3;
  --pcc-blue-light:#e8f4fd;
  --pcc-blue-soft:#f0f8ff;
  --pcc-text:#1a1a1a;
  --pcc-muted:#666;
  --pcc-border:rgba(0,0,0,.08);
  --pcc-radius:20px;
  --pcc-shadow:0 8px 30px rgba(0,113,227,.08);
  background:#fafafa;
}
.pcc-page .ig-tool-main{padding:128px 0 calc(96 * var(--pc-u))}
.pcc-page .ig-tool-container{width:min(1620px,calc(100% - 120px));max-width:none}
.pcc-page .visually-hidden{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

.pcc-eyebrow{
  display:inline-flex;align-items:center;margin-bottom:calc(16 * var(--pc-u));padding:calc(8 * var(--pc-u)) calc(12 * var(--pc-u));
  border:1px solid #c7dffb;border-radius:999px;background:#e8f2ff;color:var(--pcc-blue);font-size:calc(16 * var(--pc-u));font-weight:600;line-height:1;
}

.pcc-hero{
  display:flex;align-items:flex-start;justify-content:space-between;gap:calc(24 * var(--pc-u));margin-bottom:calc(32 * var(--pc-u));
}
.pcc-title{
  margin:0;font-size:calc(56 * var(--pc-u));line-height:1.05;font-weight:700;letter-spacing:calc(-1.2 * var(--pc-u));color:var(--pcc-text);
}
.pcc-title-main,.pcc-title-accent{display:inline}
.pcc-title-main{color:var(--pcc-text)}
.pcc-title-accent{color:var(--pcc-blue)}
.pcc-back-link,.pcc-hero-stats,.pcc-step-title--mobile,.pcc-step--levels,.pcc-step--pool-type,.pcc-step--units{display:none}
.pcc-step-title--desktop{display:block}
.pcc-lead{
  margin:calc(16 * var(--pc-u)) 0 0;max-width:calc(640 * var(--pc-u));font-size:calc(18 * var(--pc-u));line-height:1.55;color:var(--pcc-muted);
}
.pcc-hero-meta{
  display:flex;flex-direction:column;gap:calc(8 * var(--pc-u));padding-top:calc(8 * var(--pc-u));font-size:calc(13 * var(--pc-u));color:#999;white-space:nowrap;
}

.pcc-calc-card{
  padding:calc(32 * var(--pc-u));border-radius:var(--pcc-radius);background:linear-gradient(180deg,#edf7ff 0%,#f5fbff 100%);border:1px solid rgba(0,113,227,.12);box-shadow:var(--pcc-shadow);
}
.pcc-step{margin-bottom:calc(28 * var(--pc-u))}
.pcc-step-label{margin:0 0 calc(8 * var(--pc-u));font-size:calc(12 * var(--pc-u));font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--pcc-blue)}
.pcc-step-title{margin:0 0 calc(16 * var(--pc-u));font-size:calc(22 * var(--pc-u));font-weight:600;color:var(--pcc-text)}

.pcc-volume-row{display:flex;align-items:center;gap:calc(16 * var(--pc-u))}
.pcc-input{
  flex:1;height:calc(52 * var(--pc-u));padding:0 calc(18 * var(--pc-u));border:1px solid var(--pcc-border);border-radius:calc(12 * var(--pc-u));background:#fff;color:var(--pcc-text);font:600 calc(18 * var(--pc-u))/1 Figtree,Arial,sans-serif;outline:none;
}
.pcc-input:focus{border-color:var(--pcc-blue);box-shadow:0 0 0 calc(3 * var(--pc-u)) rgba(0,113,227,.15)}
.pcc-input--sm{flex:none;width:calc(88 * var(--pc-u));height:calc(44 * var(--pc-u));font-size:calc(16 * var(--pc-u))}
.pcc-select{
  width:100%;height:calc(48 * var(--pc-u));padding:0 calc(14 * var(--pc-u));border:1px solid var(--pcc-border);border-radius:calc(12 * var(--pc-u));background:#fff;font:500 calc(15 * var(--pc-u))/1 Figtree,Arial,sans-serif;outline:none;
}
.pcc-select:focus{border-color:var(--pcc-blue)}

.pcc-segment{display:inline-flex;padding:calc(4 * var(--pc-u));border-radius:calc(999 * var(--pc-u));background:#fff;border:1px solid var(--pcc-border)}
.pcc-segment-btn{
  min-width:calc(96 * var(--pc-u));height:calc(40 * var(--pc-u));padding:0 calc(18 * var(--pc-u));border:0;border-radius:calc(999 * var(--pc-u));background:transparent;color:var(--pcc-muted);font:600 calc(14 * var(--pc-u))/1 Figtree,Arial,sans-serif;cursor:pointer;
}
.pcc-segment-btn.is-active{background:var(--pcc-blue);color:#fff}

.pcc-chem-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:calc(12 * var(--pc-u))}
.pcc-chem-card{
  display:flex;flex-direction:column;align-items:center;gap:calc(8 * var(--pc-u));padding:calc(16 * var(--pc-u)) calc(10 * var(--pc-u));border:2px solid transparent;border-radius:calc(16 * var(--pc-u));background:#fff;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;
}
.pcc-chem-card.is-active{border-color:var(--pcc-blue);box-shadow:0 calc(4 * var(--pc-u)) calc(16 * var(--pc-u)) rgba(0,113,227,.12)}
.pcc-chem-icon{width:calc(40 * var(--pc-u));height:calc(40 * var(--pc-u));border-radius:calc(12 * var(--pc-u));background:var(--pcc-blue-soft)}
.pcc-chem-icon--chlorine{background:linear-gradient(135deg,#d4edff,#a8d8ff)}
.pcc-chem-icon--ph{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}
.pcc-chem-icon--alk{background:linear-gradient(135deg,#fff3e0,#ffe0b2)}
.pcc-chem-icon--calcium{background:linear-gradient(135deg,#ede7f6,#d1c4e9)}
.pcc-chem-icon--cya{background:linear-gradient(135deg,#fce4ec,#f8bbd0)}
.pcc-chem-name{font-size:calc(13 * var(--pc-u));font-weight:600;text-align:center;line-height:1.3;color:var(--pcc-text)}
.pcc-chem-unit{font-size:calc(11 * var(--pc-u));color:var(--pcc-muted)}

.pcc-panels{margin-top:calc(8 * var(--pc-u))}
.pcc-panel{display:none}
.pcc-panel.is-active{display:block}
.pcc-slider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(24 * var(--pc-u))}
.pcc-slider-field{display:flex;flex-direction:column;gap:calc(10 * var(--pc-u))}
.pcc-field-label{font-size:calc(14 * var(--pc-u));font-weight:600;color:var(--pcc-text)}
.pcc-hint{margin:0;font-size:calc(12 * var(--pc-u));color:var(--pcc-muted)}
.pcc-slider-row{display:flex;align-items:center;gap:calc(12 * var(--pc-u))}
.pcc-range{flex:1;height:calc(6 * var(--pc-u));border-radius:calc(999 * var(--pc-u));background:#d9e8f5;appearance:none;outline:none}
.pcc-range::-webkit-slider-thumb{
  appearance:none;width:calc(18 * var(--pc-u));height:calc(18 * var(--pc-u));border-radius:50%;background:var(--pcc-blue);box-shadow:0 calc(2 * var(--pc-u)) calc(6 * var(--pc-u)) rgba(0,113,227,.35);cursor:pointer;
}
.pcc-range::-moz-range-thumb{
  width:calc(18 * var(--pc-u));height:calc(18 * var(--pc-u));border:0;border-radius:50%;background:var(--pcc-blue);cursor:pointer;
}
.pcc-extra-field{margin-top:calc(20 * var(--pc-u))}
.pcc-subgroups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(20 * var(--pc-u));margin-top:calc(20 * var(--pc-u))}
.pcc-subgroup-label{margin:0 0 calc(10 * var(--pc-u));font-size:calc(13 * var(--pc-u));font-weight:600;color:var(--pcc-muted)}
.pcc-pill-group{display:flex;flex-wrap:wrap;gap:calc(8 * var(--pc-u))}
.pcc-pill{
  height:calc(40 * var(--pc-u));padding:0 calc(16 * var(--pc-u));border:1px solid var(--pcc-border);border-radius:calc(999 * var(--pc-u));background:#fff;color:var(--pcc-muted);font:600 calc(13 * var(--pc-u))/1 Figtree,Arial,sans-serif;cursor:pointer;
}
.pcc-pill.is-active{border-color:var(--pcc-blue);background:rgba(0,113,227,.08);color:var(--pcc-blue)}

.pcc-result-card{
  margin-top:calc(24 * var(--pc-u));padding:calc(24 * var(--pc-u));border-radius:calc(16 * var(--pc-u));background:#fff;border:1px solid rgba(0,113,227,.15);
}
.pcc-result-card[hidden]{display:none!important}
.pcc-result-label{margin:0 0 calc(8 * var(--pc-u));font-size:calc(12 * var(--pc-u));font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--pcc-blue)}
.pcc-result-value{margin:0;font-size:calc(32 * var(--pc-u));font-weight:700;line-height:1.2;color:var(--pcc-text)}
.pcc-result-note{margin:calc(8 * var(--pc-u)) 0 0;font-size:calc(15 * var(--pc-u));line-height:1.5;color:var(--pcc-muted)}

.pcc-calc-footer{
  display:flex;align-items:center;justify-content:space-between;gap:calc(16 * var(--pc-u));margin-top:calc(28 * var(--pc-u));padding-top:calc(24 * var(--pc-u));border-top:1px solid rgba(0,113,227,.1);flex-wrap:wrap;
}
.pcc-output-units{display:flex;flex-wrap:wrap;gap:calc(6 * var(--pc-u))}
.pcc-unit-btn{
  min-width:calc(44 * var(--pc-u));height:calc(36 * var(--pc-u));padding:0 calc(12 * var(--pc-u));border:1px solid var(--pcc-border);border-radius:calc(999 * var(--pc-u));background:#fff;color:var(--pcc-muted);font:600 calc(13 * var(--pc-u))/1 Figtree,Arial,sans-serif;cursor:pointer;
}
.pcc-unit-btn.is-active{border-color:var(--pcc-blue);background:var(--pcc-blue);color:#fff}
.pcc-action-row{display:flex;gap:calc(12 * var(--pc-u))}
.pcc-btn{
  min-width:calc(140 * var(--pc-u));height:calc(48 * var(--pc-u));padding:0 calc(28 * var(--pc-u));border-radius:calc(999 * var(--pc-u));font:600 calc(16 * var(--pc-u))/1 Figtree,Arial,sans-serif;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;
}
.pcc-btn--ghost{border:1px solid var(--pcc-border);background:#fff;color:var(--pcc-text)}
.pcc-btn--primary{border:0;background:var(--pcc-blue);color:#fff;box-shadow:0 calc(4 * var(--pc-u)) calc(14 * var(--pc-u)) rgba(0,113,227,.28)}
.pcc-btn--primary:hover{transform:translateY(calc(-1 * var(--pc-u)))}

.pcc-section{margin-top:calc(72 * var(--pc-u))}
.pcc-section-eyebrow{margin:0 0 calc(16 * var(--pc-u));color:var(--pcc-blue);font-size:calc(16 * var(--pc-u));font-weight:700;line-height:1;letter-spacing:calc(1.2 * var(--pc-u));text-transform:uppercase}
.pcc-section-title{margin:0;font-size:calc(36 * var(--pc-u));font-weight:700;letter-spacing:calc(-.5 * var(--pc-u));color:var(--pcc-text)}
.pcc-section-lead{margin:calc(12 * var(--pc-u)) 0 0;font-size:calc(16 * var(--pc-u));line-height:1.6;color:var(--pcc-muted)}

.pcc-table-wrap{margin-top:calc(28 * var(--pc-u));overflow-x:auto;border:1px solid var(--pcc-border);border-radius:calc(16 * var(--pc-u));background:#fff}
.pcc-table{width:100%;border-collapse:collapse;font-size:calc(14 * var(--pc-u))}
.pcc-table th,.pcc-table td{padding:calc(16 * var(--pc-u)) calc(20 * var(--pc-u));border-bottom:1px solid var(--pcc-border);text-align:left}
.pcc-table th{background:#fafafa;font-weight:600;color:#99a1af}
.pcc-table tr:last-child td{border-bottom:0}
.pcc-tag{display:inline-block;padding:calc(4 * var(--pc-u)) calc(12 * var(--pc-u));border-radius:calc(999 * var(--pc-u));font-size:calc(13 * var(--pc-u));font-weight:600}
.pcc-tag--ideal{background:#e8f4fd;color:#0071e3}
.pcc-tag--low{background:#fff4e5;color:#e67e00}
.pcc-tag--high{background:#fdecea;color:#d93025}

.pcc-steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(20 * var(--pc-u));margin-top:calc(32 * var(--pc-u))}
.pcc-step-card{
  position:relative;padding:calc(24 * var(--pc-u));border:1px solid var(--pcc-border);border-radius:calc(16 * var(--pc-u));background:#fff;overflow:hidden;
}
.pcc-step-card-num{display:block;margin-bottom:0;color:var(--pcc-blue);font-size:calc(36 * var(--pc-u));font-weight:900;line-height:calc(36 * var(--pc-u));}
.pcc-step-card h3{margin:0 0 calc(10 * var(--pc-u));font-size:calc(18 * var(--pc-u));font-weight:600;color:var(--pcc-text)}
.pcc-step-card p{margin:0;font-size:calc(14 * var(--pc-u));line-height:1.55;color:var(--pcc-muted)}

.pcc-faq-list{display:grid;gap:calc(8 * var(--pc-u));margin-top:calc(28 * var(--pc-u))}
.pcc-faq-item{overflow:hidden;border:1px solid #f3f4f6;border-radius:calc(10 * var(--pc-u));background:#fff}
.pcc-faq-item summary{
  display:flex;align-items:center;justify-content:space-between;gap:calc(16 * var(--pc-u));padding:calc(20 * var(--pc-u)) calc(24 * var(--pc-u));font-size:calc(14 * var(--pc-u));font-weight:600;line-height:calc(20 * var(--pc-u));color:#1e2939;cursor:pointer;list-style:none;
}
.pcc-faq-item summary::-webkit-details-marker{display:none}
.pcc-faq-item summary::after{content:"+";font-size:calc(18 * var(--pc-u));font-weight:400;line-height:calc(28 * var(--pc-u));color:#99a1af}
.pcc-faq-item[open] summary::after{content:"−"}
.pcc-faq-item p{margin:0;padding:0 calc(24 * var(--pc-u)) calc(20 * var(--pc-u));font-size:calc(15 * var(--pc-u));line-height:1.6;color:var(--pcc-muted)}

.pcc-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(16 * var(--pc-u));margin-top:calc(32 * var(--pc-u))}
.pcc-related-card{
  display:flex;flex-direction:column;padding:calc(24 * var(--pc-u));border:1px solid var(--pcc-border);border-radius:calc(16 * var(--pc-u));background:#fff;
}
.pcc-related-icon{width:calc(48 * var(--pc-u));height:calc(48 * var(--pc-u));border-radius:calc(14 * var(--pc-u));margin-bottom:calc(16 * var(--pc-u))}
.pcc-related-icon--volume{background:linear-gradient(135deg,#ff6b6b,#ee5a5a)}
.pcc-related-icon--lsi{background:linear-gradient(135deg,#4dabf7,#339af0)}
.pcc-related-icon--salt{background:linear-gradient(135deg,#51cf66,#40c057)}
.pcc-related-icon--shock{background:linear-gradient(135deg,#fcc419,#fab005)}
.pcc-related-card h3{margin:0 0 calc(8 * var(--pc-u));font-size:calc(16 * var(--pc-u));font-weight:600;line-height:1.35;color:var(--pcc-text)}
.pcc-related-card p{margin:0 0 calc(16 * var(--pc-u));flex:1;font-size:calc(13 * var(--pc-u));line-height:1.5;color:var(--pcc-muted)}
.pcc-related-card a{font-size:calc(14 * var(--pc-u));font-weight:600;color:var(--pcc-blue);text-decoration:none}
.pcc-related-card a:hover{text-decoration:underline}
.pcc-related .pcc-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:40px}.pcc-related .pcc-related-card{display:flex;min-height:242px;flex-direction:column;padding:24px;border:1px solid #e5e7eb;border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.04);color:inherit;text-decoration:none;transition:border-color .2s ease,transform .2s ease}.pcc-related .pcc-related-card:hover{border-color:#b9d9fb;transform:translateY(-2px)}.pcc-related .pcc-related-icon{display:grid;place-items:center;width:48px;height:48px;margin:0;padding:0;border-radius:14px;background:#e8f2ff;color:#0071e3;font-size:22px;font-style:normal;line-height:1}.pcc-related .pcc-related-icon--lsi{background:#eaf8f2;color:#15803d}.pcc-related .pcc-related-card h3{margin:20px 0 0;font-size:16px;font-weight:600;line-height:22px;color:#1a1a1a}.pcc-related .pcc-related-card p{margin:8px 0 0;flex:0;font-size:13px;line-height:20px;color:#6a7282}.pcc-related .pcc-related-card b{margin-top:auto;padding-top:20px;color:#0071e3;font-size:14px;font-weight:600;line-height:20px}.pcc-related .pcc-related-card b span{margin-left:5px}
.pcc-related .pcc-related-card b{font-family:Figtree,Arial,sans-serif}.pcc-related .pcc-related-card b span{display:inline-flex;align-self:flex-start;margin-left:5px;padding:4px 10px;border-radius:999px;background:#f5f5f7;color:#888;font-size:11px;font-weight:400;line-height:16.5px;letter-spacing:.55px;text-transform:uppercase;vertical-align:middle}

@media (max-width:1023px){
  .pcc-chem-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pcc-steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pcc-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  .pcc-page .pcc-main{--pc-u:calc(100vw / 390)}
  .pcc-page .ig-tool-main{padding:calc(16 * var(--pc-u)) 0 calc(48 * var(--pc-u))}
  .pcc-page .ig-tool-container{width:calc(100% - 32px);max-width:none}

  .pcc-back-link{
    display:inline-flex;align-items:center;margin-bottom:calc(16 * var(--pc-u));font-size:calc(14 * var(--pc-u));font-weight:600;color:var(--pcc-blue);text-decoration:none;
  }
  .pcc-hero-meta{display:none}
  .pcc-eyebrow{margin-bottom:calc(12 * var(--pc-u));padding:calc(7 * var(--pc-u)) calc(10 * var(--pc-u));font-size:calc(13 * var(--pc-u))}
  .pcc-hero-stats{
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(8 * var(--pc-u));margin-top:calc(20 * var(--pc-u));
  }
  .pcc-stat{
    padding:calc(12 * var(--pc-u)) calc(8 * var(--pc-u));border:1px solid var(--pcc-border);border-radius:calc(12 * var(--pc-u));background:#fafafa;text-align:center;
  }
  .pcc-stat strong{display:block;font-size:calc(18 * var(--pc-u));font-weight:700;color:var(--pcc-text);line-height:1.2}
  .pcc-stat span{display:block;margin-top:calc(4 * var(--pc-u));font-size:calc(11 * var(--pc-u));line-height:1.3;color:var(--pcc-muted)}

  .pcc-hero{flex-direction:column;margin-bottom:calc(24 * var(--pc-u))}
  .pcc-title{font-size:calc(32 * var(--pc-u));letter-spacing:calc(-.6 * var(--pc-u))}
  .pcc-title-main,.pcc-title-accent{display:block}
  .pcc-lead{margin-top:calc(12 * var(--pc-u));max-width:none;font-size:calc(15 * var(--pc-u));line-height:1.5}

  .pcc-calc-card{
    padding:calc(20 * var(--pc-u));border-radius:calc(16 * var(--pc-u));background:linear-gradient(180deg,#e8f4fd 0%,#f3f9ff 100%);
  }
  .pcc-step{margin-bottom:calc(24 * var(--pc-u))}
  .pcc-step-label{font-size:calc(11 * var(--pc-u));margin-bottom:calc(6 * var(--pc-u))}
  .pcc-step-title{font-size:calc(18 * var(--pc-u));margin-bottom:calc(14 * var(--pc-u))}
  .pcc-step-title--desktop{display:none}
  .pcc-step-title--mobile{display:block}

  .pcc-volume-row{flex-direction:column;align-items:stretch;gap:calc(12 * var(--pc-u))}
  .pcc-input{height:calc(48 * var(--pc-u));font-size:calc(16 * var(--pc-u))}
  .pcc-segment{display:flex;width:100%;padding:calc(3 * var(--pc-u))}
  .pcc-segment-btn{flex:1;min-width:0;height:calc(40 * var(--pc-u))}

  .pcc-chem-grid{
    display:flex;flex-wrap:nowrap;gap:calc(10 * var(--pc-u));overflow-x:auto;padding-bottom:calc(4 * var(--pc-u));margin:0 calc(-4 * var(--pc-u));padding-left:calc(4 * var(--pc-u));padding-right:calc(4 * var(--pc-u));scrollbar-width:none;-webkit-overflow-scrolling:touch;
  }
  .pcc-chem-grid::-webkit-scrollbar{display:none}
  .pcc-chem-card{
    flex:0 0 calc(72 * var(--pc-u));min-width:calc(72 * var(--pc-u));padding:calc(10 * var(--pc-u)) calc(6 * var(--pc-u));border-radius:calc(14 * var(--pc-u));border-width:2px;
  }
  .pcc-chem-icon{width:calc(36 * var(--pc-u));height:calc(36 * var(--pc-u));border-radius:50%}
  .pcc-chem-name{font-size:calc(10 * var(--pc-u));line-height:1.2}
  .pcc-chem-unit{font-size:calc(9 * var(--pc-u))}
  .pcc-chem-card[data-param="chlorine"] .pcc-chem-name::after{content:none}
  .pcc-chem-card[data-param="chlorine"] .pcc-chem-name{font-size:0}
  .pcc-chem-card[data-param="chlorine"] .pcc-chem-name::before{content:"Chlorine";font-size:calc(10 * var(--pc-u))}
  .pcc-chem-card[data-param="alkalinity"] .pcc-chem-name{font-size:0}
  .pcc-chem-card[data-param="alkalinity"] .pcc-chem-name::before{content:"Alk";font-size:calc(10 * var(--pc-u))}
  .pcc-chem-card[data-param="calcium"] .pcc-chem-name{font-size:0}
  .pcc-chem-card[data-param="calcium"] .pcc-chem-name::before{content:"Calcium";font-size:calc(10 * var(--pc-u))}

  .pcc-step--levels{display:block;margin-top:calc(8 * var(--pc-u));margin-bottom:calc(16 * var(--pc-u))}
  .pcc-step--levels .pcc-step-title{margin-bottom:0}

  .pcc-slider-grid{grid-template-columns:1fr;gap:calc(20 * var(--pc-u))}
  .pcc-slider-row{flex-direction:column;align-items:center;gap:calc(10 * var(--pc-u))}
  .pcc-slider-row .pcc-input--sm{width:100%;height:calc(44 * var(--pc-u));order:-1}
  .pcc-range{width:100%;height:calc(4 * var(--pc-u))}
  .pcc-range::-webkit-slider-thumb{width:calc(16 * var(--pc-u));height:calc(16 * var(--pc-u))}
  .pcc-range::-moz-range-thumb{width:calc(16 * var(--pc-u));height:calc(16 * var(--pc-u))}
  .pcc-field-label{font-size:calc(13 * var(--pc-u))}
  .pcc-subgroups{grid-template-columns:1fr;gap:calc(16 * var(--pc-u))}
  .pcc-subgroups .pcc-subgroup:last-child{display:none}

  .pcc-step--pool-type{display:block;margin-top:calc(8 * var(--pc-u));margin-bottom:0}
  .pcc-pool-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(10 * var(--pc-u))}
  .pcc-pool-type-card{
    min-height:calc(72 * var(--pc-u));padding:calc(14 * var(--pc-u));border:2px solid var(--pcc-border);border-radius:calc(14 * var(--pc-u));background:#fff;text-align:center;cursor:pointer;
  }
  .pcc-pool-type-card.is-active{border-color:var(--pcc-blue);background:rgba(0,113,227,.06);box-shadow:0 0 0 calc(1 * var(--pc-u)) rgba(0,113,227,.15)}
  .pcc-pool-type-name{font-size:calc(13 * var(--pc-u));font-weight:600;line-height:1.35;color:var(--pcc-text)}
  .pcc-pool-form-row{display:flex;gap:calc(8 * var(--pc-u));margin-top:calc(12 * var(--pc-u))}
  .pcc-pill--sm{flex:1;height:calc(36 * var(--pc-u));font-size:calc(12 * var(--pc-u))}

  .pcc-result-card{padding:calc(18 * var(--pc-u));margin-top:calc(20 * var(--pc-u))}
  .pcc-result-value{font-size:calc(24 * var(--pc-u))}

  .pcc-calc-footer{
    flex-direction:column;align-items:stretch;margin-top:calc(20 * var(--pc-u));padding-top:0;border-top:0;gap:calc(16 * var(--pc-u));
  }
  .pcc-step--units{display:block;margin:0}
  .pcc-step--units .pcc-step-title{margin-bottom:calc(10 * var(--pc-u))}
  .pcc-output-units{
    display:flex;flex-wrap:nowrap;gap:calc(6 * var(--pc-u));overflow-x:auto;padding-bottom:calc(2 * var(--pc-u));scrollbar-width:none;
  }
  .pcc-output-units::-webkit-scrollbar{display:none}
  .pcc-unit-btn{flex:0 0 auto;min-width:calc(44 * var(--pc-u));height:calc(34 * var(--pc-u));font-size:calc(12 * var(--pc-u))}
  .pcc-action-row{display:grid;grid-template-columns:1fr 1.4fr;gap:calc(10 * var(--pc-u));width:100%}
  .pcc-btn{min-width:0;width:100%;height:calc(48 * var(--pc-u));font-size:calc(15 * var(--pc-u))}
  .pcc-btn--primary{box-shadow:0 calc(4 * var(--pc-u)) calc(12 * var(--pc-u)) rgba(0,113,227,.25)}

  .pcc-section{margin-top:calc(40 * var(--pc-u))}
  .pcc-section-title{font-size:calc(24 * var(--pc-u))}
  .pcc-section-lead{font-size:calc(14 * var(--pc-u))}
  .pcc-col-low{display:none}
  .pcc-table{font-size:calc(12 * var(--pc-u))}
  .pcc-table th,.pcc-table td{padding:calc(12 * var(--pc-u)) calc(10 * var(--pc-u))}
  .pcc-tag{font-size:calc(11 * var(--pc-u));padding:calc(3 * var(--pc-u)) calc(8 * var(--pc-u))}

  .pcc-steps-grid{grid-template-columns:1fr;gap:calc(12 * var(--pc-u));margin-top:calc(20 * var(--pc-u))}
  .pcc-step-card{padding:calc(18 * var(--pc-u))}
  .pcc-step-card-num{font-size:calc(36 * var(--pc-u));line-height:calc(36 * var(--pc-u))}
  .pcc-step-card h3{font-size:calc(16 * var(--pc-u))}
  .pcc-step-card p{font-size:calc(13 * var(--pc-u))}

  .pcc-faq-item summary{font-size:calc(14 * var(--pc-u));padding:calc(16 * var(--pc-u))}
  .pcc-faq-item p{font-size:calc(14 * var(--pc-u))}

  .pcc-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(12 * var(--pc-u));margin-top:calc(20 * var(--pc-u))}
  .pcc-related-card{padding:calc(16 * var(--pc-u));min-height:calc(160 * var(--pc-u))}
  .pcc-related-icon{width:calc(40 * var(--pc-u));height:calc(40 * var(--pc-u));margin-bottom:calc(12 * var(--pc-u))}
  .pcc-related-card h3{font-size:calc(14 * var(--pc-u))}
  .pcc-related-card p{font-size:calc(12 * var(--pc-u));margin-bottom:calc(12 * var(--pc-u))}
  .pcc-related-card a{font-size:calc(13 * var(--pc-u))}
}

/* Desktop calculator layout mirrors the supplied Figma frame: restrained white
   card, labelled sections and compact horizontal controls. */
@media (min-width:768px){
  .pcc-page{
    --pcc-text:#101828;
    --pcc-muted:#6b7280;
    --pcc-border:#e5e7eb;
    --pcc-radius:16px;
    --pcc-shadow:0 1px 3px rgba(0,0,0,.10),0 1px 2px rgba(0,0,0,.06);
  }
  .pcc-page .ig-tool-main{padding-top:calc(128 * var(--pc-u))}
  .pcc-hero{margin-bottom:calc(56 * var(--pc-u))}
  .pcc-hero-stats{display:flex;gap:calc(32 * var(--pc-u));padding-top:calc(14 * var(--pc-u));white-space:nowrap}
  .pcc-stat{text-align:center}
  .pcc-stat strong{display:block;font-size:calc(24 * var(--pc-u));font-weight:700;line-height:1.2;color:var(--pcc-text)}
  .pcc-stat span{display:block;margin-top:calc(4 * var(--pc-u));font-size:calc(14 * var(--pc-u));line-height:1.2;color:var(--pcc-muted)}
  .pcc-title{font-size:calc(64 * var(--pc-u));letter-spacing:calc(-1.8 * var(--pc-u));line-height:1}
  .pcc-lead{max-width:calc(820 * var(--pc-u));margin-top:calc(18 * var(--pc-u));font-size:calc(20 * var(--pc-u));line-height:1.4}
  .pcc-hero-meta{display:none}

  .pcc-calc-card{
    padding:0;overflow:hidden;border:1px solid var(--pcc-border);border-radius:16px;
    background:#fff;box-shadow:var(--pcc-shadow);
  }
  .pcc-calc-card > .pcc-step,
  .pcc-calc-card > .pcc-panels,
  .pcc-calc-card > .pcc-calc-footer{
    margin:0;padding:calc(28 * var(--pc-u)) calc(32 * var(--pc-u));border-bottom:1px solid #f3f4f6;
  }
  .pcc-calc-card > .pcc-step:first-of-type{background:#eef6ff}
  .pcc-calc-card > .pcc-step:not(:first-of-type),.pcc-calc-card > .pcc-panels,.pcc-calc-card > .pcc-calc-footer{background:#fff}
  .pcc-calc-card > .pcc-calc-footer{border-bottom:0}
  .pcc-step-label{margin:0;font-size:calc(12 * var(--pc-u));line-height:16px;letter-spacing:calc(1.2 * var(--pc-u));color:#333}
  .pcc-calc-card > .pcc-step:first-of-type .pcc-step-label{color:var(--pcc-blue)}
  .pcc-step-title{display:none}
  .pcc-volume-row{margin-top:calc(16 * var(--pc-u));gap:0;height:calc(58 * var(--pc-u));border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff;box-shadow:var(--pcc-shadow)}
  .pcc-volume-row .pcc-input{height:calc(56 * var(--pc-u));padding:0 calc(20 * var(--pc-u));border:0;border-radius:0;font-size:calc(20 * var(--pc-u));box-shadow:none!important}
  .pcc-segment{height:100%;padding:0;border:0;border-left:1px solid #e5e7eb;border-radius:0}
  .pcc-segment-btn{min-width:auto;height:calc(56 * var(--pc-u));padding:0 calc(20 * var(--pc-u));border-radius:0;font-size:calc(14 * var(--pc-u))}
  .pcc-segment-btn.is-active{background:var(--pcc-blue)}

  .pcc-chem-grid{display:flex;gap:0;margin-top:calc(20 * var(--pc-u));border-bottom:1px solid rgba(255,255,255,.5);overflow-x:auto}
  .pcc-chem-card{position:relative;flex:0 0 auto;flex-direction:row;gap:calc(8 * var(--pc-u));padding:calc(12 * var(--pc-u)) calc(20 * var(--pc-u));border:0;border-radius:0;background:transparent;box-shadow:none!important}
  .pcc-chem-card.is-active{border-color:transparent}
  .pcc-chem-card.is-active::after{content:"";position:absolute;right:0;bottom:0;left:0;height:2px;border-radius:999px;background:var(--pcc-blue)}
  .pcc-chem-icon,.pcc-chem-icon--chlorine,.pcc-chem-icon--ph,.pcc-chem-icon--alk,.pcc-chem-icon--calcium,.pcc-chem-icon--cya{
    width:16px;height:16px;border-radius:0;background:#9ca3af!important;
    -webkit-mask-image:radial-gradient(circle at 50% 50%,#000 0 36%,transparent 39%);
    mask-image:radial-gradient(circle at 50% 50%,#000 0 36%,transparent 39%);
    -webkit-mask-position:center;mask-position:center;
    -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
    -webkit-mask-size:contain;mask-size:contain;
  }
  .pcc-chem-card.is-active .pcc-chem-icon{background:var(--pcc-blue)!important}
  .pcc-chem-name{font-size:calc(14 * var(--pc-u));font-weight:600;color:#999;white-space:nowrap}
  .pcc-chem-card.is-active .pcc-chem-name{color:var(--pcc-blue)}
  .pcc-chem-unit{padding:calc(2 * var(--pc-u)) calc(8 * var(--pc-u));border-radius:999px;background:#f3f4f6;font-size:calc(12 * var(--pc-u));font-weight:500;color:#9ca3af;white-space:nowrap}
  .pcc-chem-card.is-active .pcc-chem-unit{background:#e8f2ff;color:var(--pcc-blue)}

  .pcc-panels{padding-top:calc(28 * var(--pc-u))!important;padding-bottom:calc(32 * var(--pc-u))!important}
  .pcc-source-field{margin:calc(24 * var(--pc-u)) calc(-32 * var(--pc-u)) calc(-32 * var(--pc-u));padding:calc(24 * var(--pc-u)) calc(32 * var(--pc-u));border-top:1px solid #f3f4f6}
  .pcc-source-title{margin:0 0 calc(16 * var(--pc-u));color:#333;font:700 calc(12 * var(--pc-u))/calc(16 * var(--pc-u)) Figtree,Arial,sans-serif;letter-spacing:calc(1.2 * var(--pc-u));text-transform:uppercase}
  .pcc-source-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(12 * var(--pc-u))}
  .pcc-source-option{display:flex;align-items:center;justify-content:center;min-height:calc(44 * var(--pc-u));padding:calc(12 * var(--pc-u));border:1px solid #e5e7eb;border-radius:calc(12 * var(--pc-u));background:#fff;color:#999;font:600 calc(14 * var(--pc-u))/calc(20 * var(--pc-u)) Figtree,Arial,sans-serif;white-space:nowrap}
  .pcc-source-option.is-active{border-color:#0071e3;background:#eef6ff;color:#0071e3}
  .pcc-slider-grid{gap:calc(32 * var(--pc-u))}
  .pcc-slider-field{gap:calc(8 * var(--pc-u))}
  .pcc-field-label,.pcc-subgroup-label{font-size:calc(12 * var(--pc-u));font-weight:600;letter-spacing:calc(1.2 * var(--pc-u));text-transform:uppercase;color:#333}
  .pcc-slider-row{gap:calc(16 * var(--pc-u))}
  .pcc-input--sm{order:-1;width:calc(96 * var(--pc-u));height:calc(40 * var(--pc-u));padding:0 calc(12 * var(--pc-u));border-color:#e5e7eb;border-radius:8px;font-size:calc(16 * var(--pc-u));text-align:center}
  .pcc-range{height:4px;background:#e5e7eb}
  .pcc-range::-webkit-slider-thumb{width:16px;height:16px;background:var(--pcc-blue);box-shadow:none}
  .pcc-range::-moz-range-thumb{width:16px;height:16px;background:var(--pcc-blue)}
  .pcc-hint{display:none}
  .pcc-extra-field{margin-top:calc(24 * var(--pc-u))}
  .pcc-select{height:44px;border-color:#e5e7eb;border-radius:12px;color:#999}

  .pcc-calc-footer{align-items:center;justify-content:flex-end;gap:calc(24 * var(--pc-u));padding-top:calc(24 * var(--pc-u))!important;padding-bottom:calc(28 * var(--pc-u))!important}
  .pcc-output-units{width:calc(264 * var(--pc-u));margin-right:auto;padding:calc(4 * var(--pc-u));gap:calc(4 * var(--pc-u));border:1px solid #e5e7eb;border-radius:12px;background:#fff;box-shadow:0 1px 1.5px rgba(0,0,0,.10),0 1px 1px rgba(0,0,0,.10)}
  .pcc-unit-btn{min-width:auto;height:32px;padding:0 calc(12 * var(--pc-u));border:0;border-radius:8px;background:transparent}
  .pcc-unit-btn.is-active{background:var(--pcc-blue);color:#fff}
  .pcc-btn{min-width:auto;height:48px;border-radius:8px;padding:0 calc(28 * var(--pc-u))}
  .pcc-btn--primary{box-shadow:none}

  .pcc-section{margin-top:calc(96 * var(--pc-u))}
  .pcc-section-title{font-size:calc(48 * var(--pc-u));line-height:1.15;letter-spacing:calc(-1 * var(--pc-u))}
  .pcc-section-lead{margin-top:calc(16 * var(--pc-u));font-size:calc(18 * var(--pc-u))}
  .pcc-table-wrap{margin-top:calc(40 * var(--pc-u));border-color:#e5e7eb;border-radius:16px}
  .pcc-table th,.pcc-table td{padding:calc(16 * var(--pc-u)) calc(24 * var(--pc-u));border-color:#e5e7eb}
  .pcc-table th{background:#f9fafb}
  .pcc-steps-grid{gap:calc(24 * var(--pc-u));margin-top:calc(40 * var(--pc-u))}
  .pcc-step-card{min-height:180px;padding:calc(24 * var(--pc-u));border-color:#e5e7eb;border-radius:16px;box-shadow:var(--pcc-shadow)}
  .pcc-step-card-num{font-size:calc(36 * var(--pc-u));color:var(--pcc-blue)}
  .pcc-faq-list{margin-top:calc(40 * var(--pc-u))}
  .pcc-faq-item{padding:0;border-color:#f3f4f6;border-radius:10px}
  .pcc-related-grid{gap:calc(24 * var(--pc-u));margin-top:calc(40 * var(--pc-u))}
  .pcc-related-card{border-color:#e5e7eb;border-radius:16px;box-shadow:var(--pcc-shadow)}
}

/* Mobile frame 17412:6230 — page body only; the store header/footer are owned
   by the site shell and intentionally not styled here. */
@media (max-width:767px){
  .pcc-page{background:#fafafa}
  .pcc-page .ig-tool-main{padding-top:calc(118 * var(--pc-u));padding-bottom:calc(48 * var(--pc-u))}
  .pcc-page .ig-tool-container{width:calc(100% - 32px);max-width:none}
  .pcc-back-link{display:none}
  .pcc-hero{gap:0;margin-bottom:calc(24 * var(--pc-u))}
  .pcc-eyebrow{height:calc(26 * var(--pc-u));margin:0 0 calc(8 * var(--pc-u));padding:calc(4 * var(--pc-u)) calc(12 * var(--pc-u));font-size:calc(12 * var(--pc-u));line-height:calc(16 * var(--pc-u))}
  .pcc-title{font-size:calc(32 * var(--pc-u));line-height:1;letter-spacing:calc(-.75 * var(--pc-u))}
  .pcc-lead{margin-top:calc(16 * var(--pc-u));font-size:calc(14 * var(--pc-u));line-height:1.48;color:#6a7282}
  .pcc-hero-stats{display:flex;grid-template-columns:none;gap:calc(24 * var(--pc-u));margin-top:calc(16 * var(--pc-u));padding:0;background:transparent}
  .pcc-stat{padding:0;border:0;border-radius:0;background:transparent;text-align:left}
  .pcc-stat strong{font-size:calc(18 * var(--pc-u));line-height:calc(28 * var(--pc-u));text-align:left;color:#101828}
  .pcc-stat span{margin:0;font-size:calc(12 * var(--pc-u));line-height:calc(16 * var(--pc-u));text-align:left;color:#99a1af}

  .pcc-calc-card{padding:0;overflow:hidden;border-color:#e5e7eb;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.10),0 1px 2px rgba(0,0,0,.06)}
  .pcc-calc-card > .pcc-step,.pcc-calc-card > .pcc-panels,.pcc-calc-card > .pcc-calc-footer{margin:0;padding:calc(24 * var(--pc-u)) calc(20 * var(--pc-u))}
  .pcc-step-title,.pcc-step--levels{display:none!important}
  .pcc-calc-card > .pcc-step:first-of-type{padding-top:calc(28 * var(--pc-u));padding-bottom:calc(28 * var(--pc-u));background:#eef6ff}
  .pcc-step-label{font-size:calc(12 * var(--pc-u));line-height:calc(16 * var(--pc-u));letter-spacing:calc(1.2 * var(--pc-u));color:#333;white-space:nowrap}
  .pcc-step-label,.pcc-source-title{font-family:Figtree,Arial,sans-serif;font-weight:700;text-transform:uppercase}
  .pcc-calc-card > .pcc-step:first-of-type .pcc-step-label{color:var(--pcc-blue)}
  .pcc-volume-row{gap:calc(16 * var(--pc-u));margin-top:calc(16 * var(--pc-u))}
  .pcc-volume-row > .pcc-input{height:calc(58 * var(--pc-u));min-height:calc(58 * var(--pc-u));padding:0 calc(20 * var(--pc-u));border-color:#e5e7eb;border-radius:12px;font-size:calc(20 * var(--pc-u));line-height:calc(28 * var(--pc-u));box-shadow:0 1px 3px rgba(0,0,0,.10),0 1px 2px rgba(0,0,0,.06)}
  .pcc-segment{height:calc(50 * var(--pc-u));padding:0;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff}
  .pcc-segment-btn{height:calc(48 * var(--pc-u));font-size:calc(14 * var(--pc-u));border-radius:0}

  .pcc-calc-card > .pcc-step:nth-of-type(2){padding-top:calc(24 * var(--pc-u));padding-bottom:calc(24 * var(--pc-u));border-top:1px solid #f3f4f6}
  .pcc-chem-grid{display:flex;flex-wrap:wrap;gap:calc(8 * var(--pc-u));margin:calc(24 * var(--pc-u)) 0 0;padding:0;overflow:visible}
  .pcc-chem-card{flex:0 0 auto;min-width:0;flex-direction:row;gap:calc(4 * var(--pc-u));padding:calc(8 * var(--pc-u)) calc(12 * var(--pc-u));border:1px solid #e5e7eb;border-radius:999px;background:#fff}
  .pcc-chem-card.is-active{border-color:var(--pcc-blue);background:var(--pcc-blue);box-shadow:none}
  .pcc-chem-icon,.pcc-chem-icon--chlorine,.pcc-chem-icon--ph,.pcc-chem-icon--alk,.pcc-chem-icon--calcium,.pcc-chem-icon--cya{
    width:16px;height:16px;border-radius:0;background:#999!important;
    -webkit-mask-image:radial-gradient(circle at 50% 50%,#000 0 36%,transparent 39%);
    mask-image:radial-gradient(circle at 50% 50%,#000 0 36%,transparent 39%);
    -webkit-mask-position:center;mask-position:center;
    -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
    -webkit-mask-size:contain;mask-size:contain;
  }
  .pcc-chem-card.is-active .pcc-chem-icon{background:#fff!important}
  .pcc-chem-name,.pcc-chem-unit{font-size:calc(12 * var(--pc-u));line-height:calc(16 * var(--pc-u));color:#999}
  .pcc-chem-card.is-active .pcc-chem-name,.pcc-chem-card.is-active .pcc-chem-unit{color:#fff}
  .pcc-chem-unit{display:none}
  .pcc-chem-card[data-param="chlorine"] .pcc-chem-name,.pcc-chem-card[data-param="alkalinity"] .pcc-chem-name,.pcc-chem-card[data-param="calcium"] .pcc-chem-name{font-size:calc(12 * var(--pc-u))}
  .pcc-chem-card[data-param="chlorine"] .pcc-chem-name::before,.pcc-chem-card[data-param="alkalinity"] .pcc-chem-name::before,.pcc-chem-card[data-param="calcium"] .pcc-chem-name::before{content:none}

  .pcc-panels{margin:0;padding-top:calc(24 * var(--pc-u));padding-bottom:calc(24 * var(--pc-u))}
  .pcc-slider-grid{gap:calc(24 * var(--pc-u))}
  .pcc-slider-field{gap:calc(12 * var(--pc-u))}
  .pcc-field-label{font-size:calc(12 * var(--pc-u));font-weight:600;line-height:calc(16 * var(--pc-u));letter-spacing:calc(.6 * var(--pc-u));text-transform:uppercase;color:#333}
  .pcc-slider-row{flex-direction:row;align-items:center;gap:calc(12 * var(--pc-u))}
  .pcc-slider-row .pcc-range{align-self:center;flex:1;width:auto;min-width:0}
  .pcc-slider-row .pcc-input--sm{order:-1;width:calc(80 * var(--pc-u));height:calc(40 * var(--pc-u));padding:0 calc(8 * var(--pc-u));border-radius:8px;box-shadow:none;font-size:calc(14 * var(--pc-u));text-align:center}
  .pcc-range{height:4px}
  .pcc-hint{display:none}
  .pcc-extra-field{margin-top:calc(24 * var(--pc-u))}
  .pcc-select{height:44px;border-color:#e5e7eb;border-radius:12px}
  .pcc-source-field{margin:calc(24 * var(--pc-u)) calc(-20 * var(--pc-u)) calc(-24 * var(--pc-u));padding:calc(24 * var(--pc-u)) calc(20 * var(--pc-u));border-top:1px solid #f3f4f6}
  .pcc-source-title{margin:0 0 calc(16 * var(--pc-u));font-size:calc(12 * var(--pc-u));line-height:calc(16 * var(--pc-u));letter-spacing:calc(1.2 * var(--pc-u));color:#333}
  .pcc-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(8 * var(--pc-u))}
  .pcc-source-option{height:calc(44 * var(--pc-u));padding:0 calc(12 * var(--pc-u));border:1px solid #e5e7eb;border-radius:12px;background:#fff;color:#999;font:600 calc(12 * var(--pc-u))/calc(20 * var(--pc-u)) Figtree,Arial,sans-serif;text-align:center;white-space:nowrap}
  .pcc-source-option.is-active{border-color:var(--pcc-blue);background:#eef6ff;color:var(--pcc-blue)}
  .pcc-step--pool-type{display:none!important}
  .pcc-calc-footer{margin-top:0;padding-top:calc(24 * var(--pc-u))!important;padding-bottom:calc(24 * var(--pc-u))!important;border-top:1px solid #f3f4f6;gap:calc(20 * var(--pc-u))}
  .pcc-step--units{display:block!important;margin:0 0 calc(12 * var(--pc-u))}
  .pcc-step--units .pcc-step-label{display:none}
  .pcc-step--units .pcc-step-title{display:block!important;margin:0;font-size:calc(12 * var(--pc-u));font-weight:700;line-height:calc(16 * var(--pc-u));letter-spacing:calc(1.2 * var(--pc-u));text-transform:uppercase;color:#333}
  .pcc-output-units{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;padding:calc(4 * var(--pc-u));gap:calc(4 * var(--pc-u));overflow:visible;border:1px solid #e5e7eb;border-radius:12px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.10),0 1px 2px rgba(0,0,0,.06)}
  .pcc-unit-btn{min-width:0;height:calc(32 * var(--pc-u));padding:0;border:0;border-radius:8px;background:transparent;font-size:calc(14 * var(--pc-u));color:#999}
  .pcc-unit-btn.is-active{background:var(--pcc-blue)}
  .pcc-action-row{display:grid;grid-template-columns:calc(138 * var(--pc-u)) minmax(0,1fr);gap:calc(12 * var(--pc-u));margin-top:0}
  .pcc-btn{height:calc(44 * var(--pc-u));border-radius:12px;font-size:calc(14 * var(--pc-u));font-weight:600}
  .pcc-btn--ghost{border-color:#d1d5dc;color:#364153;box-shadow:0 1px 1.5px rgba(0,0,0,.10),0 1px 1px rgba(0,0,0,.10)}
  .pcc-btn--primary{gap:calc(8 * var(--pc-u));font-weight:700;box-shadow:0 1px 1.5px rgba(0,0,0,.10),0 1px 1px rgba(0,0,0,.10)}

  .pcc-section{margin-top:calc(48 * var(--pc-u))}
  .pcc-section-title{font-size:calc(28 * var(--pc-u));line-height:1.2;letter-spacing:calc(-.5 * var(--pc-u))}
  .pcc-section-lead{margin-top:calc(12 * var(--pc-u));font-size:calc(14 * var(--pc-u));line-height:1.48;color:#6a7282}
  .pcc-table-wrap{margin-top:calc(24 * var(--pc-u));border-color:#e5e7eb;border-radius:12px}
  .pcc-steps-grid{gap:calc(12 * var(--pc-u));margin-top:calc(24 * var(--pc-u))}
  .pcc-step-card{border-color:#e5e7eb;border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.05)}
  .pcc-faq-list{margin-top:calc(24 * var(--pc-u))}
  .pcc-faq-item{padding:0;border-color:#f3f4f6;border-radius:10px}
  .pcc-related-grid{gap:calc(12 * var(--pc-u));margin-top:calc(24 * var(--pc-u))}
  .pcc-related-card{border-color:#e5e7eb;border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.05)}
}
