.feature-carousel{position:relative;background:#151515;color:white;margin-top:54px;overflow:hidden}
.carousel-viewport{display:grid}
.feature-slide{grid-area:1/1;display:grid;grid-template-columns:1fr 1.3fr;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(28px);transition:opacity .42s ease,transform .5s ease,visibility .5s}
.feature-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0)}
.carousel-controls{position:absolute;z-index:3;left:44px;bottom:30px;display:flex;align-items:center;gap:22px}
.carousel-arrows{display:flex;gap:8px}
.carousel-arrow{width:42px;height:42px;border:1px solid #5b5b5b;background:transparent;color:white;cursor:pointer;font-size:20px;transition:background .2s,border-color .2s}
.carousel-arrow:hover{background:var(--red);border-color:var(--red)}
.carousel-status{font-size:12px;letter-spacing:1.4px;color:#929292}
.carousel-current{color:white;font-weight:700}
.carousel-dots{display:flex;align-items:center;gap:9px}
.carousel-dot{width:26px;height:3px;border:0;padding:0;background:#5b5b5b;cursor:pointer;transition:background .2s,width .2s}
.carousel-dot.is-active{width:42px;background:var(--red)}
.feature-carousel .tech-copy{padding:44px 44px 100px}.carousel-dot{height:24px;background:linear-gradient(#555,#555) center/100% 3px no-repeat}.carousel-dot.is-active{background:linear-gradient(#de0f0f,#de0f0f) center/100% 3px no-repeat}
@media(max-width:720px){.feature-slide{grid-template-columns:1fr}.feature-carousel .tech-copy{padding:30px 30px 100px}.carousel-controls{left:30px}.carousel-status{display:none}}