.features-section{padding:100px 0;background-color:#000;color:#fff}.features-title-wrapper{text-align:center;margin-bottom:60px}.features-title-wrapper h2{color:#fff!important}.feature-interactive-wrapper{display:flex;gap:40px;align-items:flex-start;max-width:1200px;margin:0 auto}.feature-sidebar{flex:0 0 450px;display:flex;flex-direction:column;gap:20px}.sidebar-item{display:flex;align-items:center;gap:20px;padding:20px 30px;border-radius:12px;cursor:pointer;transition:all .4s cubic-bezier(.165,.84,.44,1);background:transparent;border:1px solid transparent}.sidebar-item:hover{background:hsla(0,0%,100%,.05)}.sidebar-item.active{background:linear-gradient(90deg,#1178bc99,#1178bc33);border:1px solid rgba(17,120,188,.3);box-shadow:0 0 30px rgba(17,120,188,.2)}.index-circle{width:40px;height:40px;border-radius:50%;background:#1a1a1a;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#fff;transition:all .3s ease;flex-shrink:0}.sidebar-item.active .index-circle{background:#fff;color:#1178bc}.sidebar-title{font-size:18px;font-weight:600;margin:0;color:#fff}.feature-detail-view{flex:1 1}.feature-detail-card{background:linear-gradient(135deg,#09689e,#064569);padding:50px;border-radius:24px;min-height:500px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5);border:1px solid hsla(0,0%,100%,.1)}.detail-content{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.detail-intro{font-size:22px;font-weight:600;margin-bottom:30px;line-height:1.4;color:#fff}.detail-description{font-size:16px;line-height:1.7;color:hsla(0,0%,100%,.9);margin-bottom:20px}.detail-list{list-style:none;padding:0;margin:30px 0}.detail-list li{display:flex;align-items:flex-start;gap:15px;margin-bottom:15px;font-size:16px;color:#fff}.detail-check-icon{margin-top:5px;color:#fff;font-size:14px}.detail-footer{margin-top:30px;padding-top:30px;border-top:1px solid hsla(0,0%,100%,.1);font-size:16px;font-style:italic;color:hsla(0,0%,100%,.8)}@media (max-width:1199px){.feature-sidebar{flex:0 0 380px}}@media (max-width:991px){.feature-interactive-wrapper{flex-direction:column}.feature-sidebar{flex:1 1;width:100%;order:1}.feature-detail-view{width:100%;order:2}.feature-detail-card{min-height:auto;padding:40px 30px}}@media (max-width:767px){.features-section{padding:60px 0}.sidebar-item{padding:15px 20px}.sidebar-title{font-size:16px}.detail-intro{font-size:18px}}