.c2-whats-new{position:relative}.c2-whats-new__banner{min-height:316px;background-image:url(https://fileres.synology.com/images/c2/whats-new/top_banner.jpg);background-repeat:no-repeat;background-position:top center;background-size:cover;display:flex;align-items:center}@supports (aspect-ratio: 1/1){.c2-whats-new__banner{background-image:url(https://fileres.synology.com/images/c2/whats-new/top_banner.webp)}}@media (-webkit-min-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 3/2),(min--moz-device-pixel-ratio: 1.5),(min-device-pixel-ratio: 1.5){.c2-whats-new__banner{background-image:url(https://fileres.synology.com/images/c2/whats-new/top_banner@2x.jpg)}@supports (aspect-ratio: 1/1){.c2-whats-new__banner{background-image:url(https://fileres.synology.com/images/c2/whats-new/top_banner@2x.webp)}}}@media screen and (min-width: 768px){.c2-whats-new__banner{min-height:302px}}.c2-whats-new__banner .s-section__intro{margin-bottom:0}.c2-whats-new__banner .s-section__intro h1{margin-bottom:8px}@media screen and (min-width: 768px){.c2-whats-new__banner .s-section__intro p{font-size:22px;line-height:32px}}.c2-whats-new__services{padding:64px 0;word-break:break-word}@media screen and (min-width: 1024px){.c2-whats-new__services{padding:100px 0}}.c2-whats-new__services button{background:unset;cursor:pointer}.c2-whats-new__services-container{padding:0 20px;margin:auto;display:flex;flex-wrap:wrap;box-sizing:border-box}@media screen and (min-width: 768px){.c2-whats-new__services-container{max-width:100%;padding:0 40px}}@media screen and (min-width: 1024px){.c2-whats-new__services-container{max-width:1680px;height:fit-content;padding:0 100px 0 80px}}@media screen and (min-width: 1680px){.c2-whats-new__services-container{padding:0 164px 0 100px}}@media screen and (min-width: 1920px){.c2-whats-new__services-container{max-width:1920px;padding:0 324px 0 260px}}.c2-whats-new__services-list{width:100%;position:absolute;left:0;top:0;z-index:99;opacity:0;pointer-events:none;transition:opacity .3s}@media screen and (max-width: 1023.8px){.c2-whats-new__services-list.js-show{opacity:1;pointer-events:all}}@media screen and (max-width: 1023.8px){.c2-whats-new__services-list.js-fixed{position:fixed}}@media screen and (min-width: 1024px){.c2-whats-new__services-list{width:240px;height:fit-content;padding:0 20px 0 0;position:sticky;top:6%;opacity:1;pointer-events:all}}@media screen and (min-width: 1440px){.c2-whats-new__services-list{width:280px;top:10%;padding:0 64px 0 0}}.c2-whats-new__services-list-toggle{opacity:0;position:absolute;z-index:-1;pointer-events:none}@media screen and (min-width: 1024px){.c2-whats-new__services-list-toggle{display:none}}.c2-whats-new__services-list-title-container{width:100%;padding:16px 20px;background:#fff;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;position:absolute;left:0;top:0;z-index:1;cursor:pointer}@media screen and (min-width: 768px){.c2-whats-new__services-list-title-container{padding:16px 40px}}@media screen and (min-width: 1024px){.c2-whats-new__services-list-title-container{padding:0;background:unset;position:static;cursor:default;pointer-events:none}}@media screen and (max-width: 1023.8px){.c2-whats-new__services-list-title{margin:0 8px 0 0!important;font-size:18px!important;line-height:28px!important;font-weight:400!important}}@media screen and (min-width: 1024px){.c2-whats-new__services-list-title{margin-bottom:32px!important;cursor:text}}.c2-whats-new__services-list-arrow{width:20px;height:20px;padding:0;line-height:1;border:unset;display:block;transition:transform .5s}.c2-whats-new__services-list-arrow svg{width:100%;height:100%}@media screen and (min-width: 1024px){.c2-whats-new__services-list-arrow{display:none}}@media screen and (max-width: 1023.8px){.c2-whats-new__services-list-toggle:checked~.c2-whats-new__services-list-title-container .c2-whats-new__services-list-arrow{transform:rotate(180deg)}}.c2-whats-new__services-list-item-container{width:100%;padding:40px 20px;background:#f5f5f5;border-bottom:1px solid rgba(207,207,207,.5);box-sizing:border-box;position:absolute;left:0;bottom:-61px;z-index:0;transition:transform .5s}@media screen and (min-width: 768px){.c2-whats-new__services-list-item-container{padding:40px}}@media screen and (min-width: 1024px){.c2-whats-new__services-list-item-container{padding:0;background:unset;border:none;position:static;opacity:1;transition:unset}}@media screen and (max-width: 1023.8px){.c2-whats-new__services-list-toggle:checked~.c2-whats-new__services-list-item-container{transform:translateY(calc(100% - 1px))}}.c2-whats-new__services-list-item{width:100%;padding:0 0 0 16px;margin:0 0 16px;font-size:14px;line-height:22px;text-align:left;color:#2e3742;border:none;border-left:4px solid rgba(0,0,0,0);display:block;transition:border .2s,color .2s}.c2-whats-new__services-list-item.active{border-left:4px solid #04594e;color:#04594e;cursor:auto}@media (pointer: fine){.c2-whats-new__services-list-item:hover{border-left:4px solid #04594e;color:#04594e}}.c2-whats-new__services-list-item:nth-last-child(1){margin:0}@media screen and (min-width: 1024px){.c2-whats-new__services-list-item{padding:0;margin:0 0 24px;font-size:18px;line-height:28px;border-left:none}.c2-whats-new__services-list-item:hover,.c2-whats-new__services-list-item.active{border-left:none}}.c2-whats-new__services-news{width:100%}@media screen and (min-width: 1024px){.c2-whats-new__services-news{width:calc(100% - 260px)}}@media screen and (min-width: 1440px){.c2-whats-new__services-news{width:calc(100% - 344px)}}.c2-whats-new__services-news-item{padding:64px 0;border-top:1px solid #cfcfcf;animation:fadeIn .5s}.c2-whats-new__services-news-item:nth-child(1){padding-top:0;border-top:unset}.c2-whats-new__services-news-item:nth-last-child(1){padding-bottom:0}@media screen and (min-width: 1024px){.c2-whats-new__services-news-item{padding:80px 0}}.c2-whats-new__services-news-date{margin:0 12px 0 0;color:#666;font-size:14px;line-height:22px;font-weight:400;display:inline-block}.c2-whats-new__services-news-tag{padding:0;margin:0 0 0 12px;color:#04594e;font-size:14px;line-height:22px;font-weight:400;border:none;position:relative;transition:color .2s}.c2-whats-new__services-news-tag:hover{color:#0e6358}.c2-whats-new__services-news-tag:before{content:"";width:1px;height:14px;background:#8f8f8f;position:absolute;left:-12px;top:50%;transform:translateY(-50%);pointer-events:none}.c2-whats-new__services-news-title{margin:16px 0!important}.c2-whats-new__services-news-content>*:nth-last-child(1){margin-bottom:0}.c2-whats-new__services-news-content h1,.c2-whats-new__services-news-content h2,.c2-whats-new__services-news-content h3,.c2-whats-new__services-news-content h4{font-size:18px;line-height:28px;font-weight:600}@media screen and (min-width: 768px){.c2-whats-new__services-news-content h1,.c2-whats-new__services-news-content h2,.c2-whats-new__services-news-content h3,.c2-whats-new__services-news-content h4{font-size:22px;line-height:32px}}.c2-whats-new__services-news-content a{color:#04594e!important;display:inline-block;word-break:break-word;transition:color .2s}.c2-whats-new__services-news-content a:hover{color:#0e6358!important}.c2-whats-new__services-news-content b{font-weight:600}.c2-whats-new__services-news-content p{margin-bottom:20px}.c2-whats-new__services-news-content li a{display:inline}.c2-whats-new__services-news-content img,.c2-whats-new__services-news-content iframe,.c2-whats-new__services-news-content video{max-width:min(100%,800px)!important;height:auto!important;border-radius:10px;display:block}.c2-whats-new__services-news-content img{filter:drop-shadow(0px 4px 12px rgba(0,0,0,.1))}.c2-whats-new__services-news-content iframe{aspect-ratio:16/9}.c2-whats-new__services-news-content iframe,.c2-whats-new__services-news-content video{width:100%}.c2-whats-new__services-news-tip{padding:32px;background:rgba(230,230,230,.5);text-align:center;border-radius:10px;animation:fadeIn .5s}@media screen and (min-width: 1024px){.c2-whats-new__services-news-tip{padding:32px 64px}}.c2-whats-new__services-news-tip-text{margin:0!important}.c2-whats-new__services-news-detect{width:100%;height:10px;transform:translateY(-50vh);pointer-events:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}