.blocks-section{color:#fff;background-color:#111;padding:100px 0;overflow:hidden}.blocks-container{max-width:1200px;margin:0 auto;padding:0 2.5rem}.blocks-header{text-align:center;margin-bottom:80px}.blocks-main-title{font-family:var(--font-lato);letter-spacing:0;margin-bottom:5rem;font-size:41px;font-weight:400;line-height:100%}.blocks-main-title .text-blue{color:#4eabe0}.blocks-tagline{color:#a3cd3a;letter-spacing:0;margin-bottom:3rem;font-size:18px;font-weight:400;line-height:100%}.blocks-tab-container{justify-content:center;margin-top:2rem;margin-bottom:100px;display:flex}.blocks-tab-wrapper{background:#111;border:1px solid #ffffff26;display:flex;position:relative}.blocks-tab-wrapper:after{content:"";pointer-events:none;border-top:2px solid #4eabe0;border-right:2px solid #4eabe0;width:10px;height:10px;position:absolute;top:-1px;right:-1px}.block-tab-btn{color:#fff;letter-spacing:.35em;cursor:pointer;background:0 0;border:none;min-width:180px;padding:18px 45px;font-size:18px;font-weight:500;line-height:100%;transition:all .3s;position:relative}.block-tab-btn:not(:last-child){border-right:1px solid #ffffff26}.block-tab-btn.active{color:#fff}.tab-underline{z-index:2;background:#4eabe0;width:100%;height:2px;position:absolute;bottom:-1px;left:0}.block-tab-btn.active:first-child:before,.block-tab-btn.active:last-child:before{content:"";z-index:2;background:#4eabe0;width:2px;position:absolute;top:50%;bottom:-1px;left:-1px}.blocks-grid{grid-template-columns:repeat(2,1fr);gap:60px;max-width:800px;margin:0 auto;display:grid}.block-card{justify-content:center;gap:8px;height:308px;display:flex;position:relative;overflow:visible}.block-card.is-platform{flex-direction:row-reverse}.block-card-content{z-index:2;will-change:transform, opacity;background:#181818;border:1px solid #ffffff0d;flex-direction:column;flex:none;width:275px;padding:30px;transition:border-color .4s,background .4s;display:flex;position:relative;overflow:hidden}.block-card:hover .block-card-content{background:#181818;border-color:#4eabe066}.block-top-row{margin-bottom:0;position:relative}.block-title{color:#fff;letter-spacing:0;white-space:pre-line;margin:0;padding-right:40px;font-size:18px;font-weight:500;line-height:1.2}.block-arrow{color:#fff6;transition:all .3s;position:absolute;top:0;right:0}.block-card:hover .block-arrow{color:#4eabe0;transform:translate(3px,-3px)}.block-subtitle{color:#fff;letter-spacing:0;white-space:pre-line;margin:0;font-size:18px;font-weight:400;line-height:1.2}.block-visual{pointer-events:none;z-index:1;justify-content:flex-end;width:100%;height:auto;display:flex;position:absolute;bottom:0;right:0}.block-image{opacity:1;width:100%;height:auto;transition:all .6s}.block-card:hover .block-image{opacity:1;transform:scale(1.05)translate(-10px,-10px)}.block-side-bar{z-index:5;will-change:transform, opacity;background:#232323;border:1px solid #ffffff0d;flex-direction:column;justify-content:center;align-items:center;width:65px;height:308px;transition:border-color .4s,background .4s;display:flex;position:relative}.block-card:hover .block-side-bar{background:#161616;border-color:#4eabe066}.side-bar-label{writing-mode:vertical-lr;letter-spacing:.3em;color:#fff;text-transform:uppercase;opacity:.8;font-size:22px;font-weight:400;transition:all .3s;transform:rotate(180deg)}.side-bar-line{background:#4eabe0;width:100%;height:5px;transition:all .4s;position:absolute;top:0;left:0}.block-card:hover .side-bar-line{height:6px}.block-card:hover .side-bar-label{opacity:1}@media (max-width:991px){.blocks-grid{grid-template-columns:1fr}}@media (max-width:768px){.blocks-section{padding:40px 0}.blocks-header{margin-bottom:20px}.blocks-container{padding:0 1.5rem}.blocks-main-title{margin-bottom:2.5rem;font-size:1.8rem}.blocks-tagline{margin-bottom:1.5rem}.blocks-tab-container{margin-top:1rem;margin-bottom:30px}.block-tab-btn{letter-spacing:.2em;min-width:130px;padding:12px 20px;font-size:12px}.block-card{gap:6px!important;height:220px!important;min-height:auto!important}.block-card-content{width:200px!important;padding:20px!important}.block-title{padding-right:15px!important;font-size:15px!important;line-height:1.2!important}.block-subtitle{margin-top:4px!important;font-size:13px!important;line-height:1.2!important}.block-side-bar{width:40px!important;height:220px!important}.side-bar-label{letter-spacing:.2em!important;font-size:14px!important}.block-image{width:auto!important;max-width:150px!important;height:auto!important;max-height:130px!important}.is-platform .block-image{padding:6px!important}.block-card:hover .block-image{transform:scale(1.03)translate(0)}}
.cs-section{color:#fff;background-color:#111;height:400vh;position:relative}.cs-sticky-wrapper{flex-direction:column;justify-content:flex-start;width:100%;height:100vh;padding-top:clamp(120px,15vh,200px);padding-bottom:clamp(120px,15vh,200px);display:flex;position:sticky;top:0;overflow:hidden}.cs-container{flex-direction:column;width:100%;max-width:1200px;margin:0 auto;padding:0 0 0 2.5rem;display:flex}.cs-header-centered{text-align:center;margin:1rem 0 3rem}.cs-mobile-label{display:none}.cs-section-title{font-family:var(--font-lato);letter-spacing:-.01em;color:#fff;font-size:3.5rem;font-weight:300}.cs-main-grid{grid-template-columns:100px 1fr;align-items:center;gap:2rem;display:grid}.cs-sidebar{flex-direction:column;gap:4rem;display:flex;position:relative}.cs-sidebar-label{text-transform:capitalize;color:#4eabe0;letter-spacing:0;white-space:nowrap;font-size:18px;font-weight:400;line-height:100%;position:absolute;top:-4rem;left:0}.cs-nav-indicator-wrapper{align-items:stretch;gap:2rem;padding-left:.5rem;display:flex;position:relative}.cs-nav-numbers{font-family:var(--font-lato);flex-direction:column;gap:8.5rem;font-size:1.8rem;font-weight:500;display:flex}.cs-nav-id{-webkit-user-select:none;user-select:none;transition:color .3s}.cs-progress-line-container{background:#ffffff1a;width:2px;margin:-25px 0;position:relative}.cs-progress-active-line{background:#00b4ff;width:100%;position:absolute;top:0;left:0;box-shadow:0 0 10px #00b4ff80}.cs-mobile-progress-bar-container{display:none}.cs-content-area{height:500px;position:relative}.cs-slide{align-items:center;display:flex;position:absolute;inset:0}.cs-slide-grid{align-items:center;gap:72px;width:100%;height:280px;display:flex}.cs-header-left-title h2{margin-bottom:70px;font-size:41px;font-weight:400}.cs-header-left-title h2 span{color:#4eabe0}.cs-image-box{background:#111;border-radius:4px;flex-shrink:0;width:308px;height:285px;overflow:hidden}.cs-card-sub-title{font-size:14px}.cs-case-img{object-fit:cover;width:100%;height:100%}.cs-info-box{flex-direction:column;flex-grow:1;justify-content:flex-start;gap:.5rem;padding:0;display:flex}.cs-case-title{font-family:var(--font-lato);color:#f5f5f5;margin:0 0 20px;font-size:29px;font-weight:500;line-height:1.5}.cs-stats-container{flex-direction:column;gap:.2rem;display:flex}.cs-stats-grid{flex-wrap:wrap;gap:15px 30px;width:100%;margin:0 0 20px;display:flex}.cs-stat-item{flex-direction:row;gap:10px;display:flex}.cs-stat-value{font-family:var(--font-lato);color:#a3cd3a;font-size:24px;font-weight:300}.cs-stat-label{color:#fff;font-size:24px;font-weight:300;line-height:1.4}.cs-know-more{color:#00b4ff;align-items:center;gap:.6rem;width:fit-content;font-size:14px;font-weight:600;text-decoration:none;transition:all .4s;display:flex}.cs-know-more svg{stroke:#fff;transition:transform .4s}.cs-know-more:hover{color:#f59e0b}.cs-know-more:hover svg{stroke:#fff;transform:rotate(45deg)translate(2px)}@media (max-width:1024px){.cs-container{padding:0 1.5rem}.cs-main-grid{grid-template-columns:60px 1fr;gap:1.5rem}.cs-nav-numbers{gap:6.5rem;font-size:1.5rem}.cs-slide-grid{flex-direction:column;align-items:flex-start;gap:1.5rem;height:auto}.cs-image-box{width:100%;max-width:480px;height:250px}.cs-content-area{min-height:700px}.cs-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px 20px}.cs-section-title{font-size:clamp(2rem,6vw,2.75rem)}}@media (max-width:768px){.cs-section{height:200vh}.cs-sticky-wrapper{overflow:visible;flex-direction:column!important;justify-content:center!important;height:100vh!important;padding:80px 0!important;display:flex!important;top:0!important}.cs-container{margin:auto;padding:0 1.25rem}.cs-header-centered{margin:0 0 2rem}.cs-header-left-title h2{margin-bottom:12px;font-size:28px}.cs-content-area{height:540px;min-height:540px}.cs-slide{align-items:flex-start}.cs-mobile-label{color:#00b4ff;font-size:1.15rem;font-weight:400;font-family:var(--font-lato), sans-serif;margin-bottom:1rem;display:block}.cs-main-grid{grid-template-columns:1fr;gap:1.5rem}.cs-sidebar{display:none}.cs-image-box{border-radius:8px;max-width:100%;height:auto;overflow:hidden}.cs-case-img{object-fit:contain;border-radius:8px;width:100%;height:auto}.cs-case-title{color:#fff;margin-bottom:1rem;font-size:26px;line-height:1.3}.cs-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px 20px;display:grid}.cs-stat-item{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.cs-stat-value{margin-bottom:.2rem;font-size:22px;font-weight:600}.cs-stat-label{color:#fff9;font-size:12px;line-height:1.3}.cs-info-box{gap:0}.cs-mobile-progress-bar-container{z-index:100;background:#ffffff26;border-radius:2px;width:2px;display:block;position:absolute;top:0;bottom:0;left:-10px}.cs-mobile-progress-bar-active{background:#00b4ff;border-radius:2px;width:100%;position:absolute;top:0;left:0;box-shadow:0 0 6px #00b4ff99}}