.services-carousel{position:relative;max-width:980px;margin:0 auto;padding:0 44px}
.services-carousel:before,.services-carousel:after{content:"";position:absolute;top:36px;bottom:82px;width:46px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025);border-radius:22px}
.services-carousel:before{right:16px}.services-carousel:after{left:16px}
.services-carousel-card{position:relative;z-index:2;min-height:450px;padding:42px 46px;background:linear-gradient(145deg,rgba(38,48,70,.98),rgba(24,34,54,.98));border-color:rgba(155,124,255,.34);box-shadow:0 28px 70px rgba(2,6,23,.34);animation:serviceCardIn .42s ease both;touch-action:pan-y}
@keyframes serviceCardIn{from{opacity:0;transform:translateY(10px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}
.services-carousel-head,.services-carousel-identity,.services-carousel-controls{display:flex;align-items:center}
.services-carousel-head{justify-content:space-between;gap:24px;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.1)}
.services-carousel-identity{gap:18px}.services-carousel-icon{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:66px;height:66px;border-radius:18px;box-shadow:0 16px 34px rgba(128,95,235,.22)}
.services-carousel-identity h3{color:#fff;font-size:1.7rem;line-height:1.45;font-weight:700}.services-carousel-identity p{margin-top:3px;color:#a78bfa;font-size:.85rem;text-align:right}
.services-carousel-count{flex:0 0 auto;color:rgba(255,255,255,.5);font-size:.85rem;letter-spacing:.14em}
.services-carousel-description{max-width:800px;margin:30px 0 26px;color:#c3cad6;font-size:1.05rem;line-height:2}
.services-carousel-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.services-carousel-features>div{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 14px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.03)}
.services-carousel-features span{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:#9b7cff;box-shadow:0 0 12px rgba(155,124,255,.8)}.services-carousel-features p{color:#e2e5ec;font-size:.9rem;line-height:1.65}
.services-carousel-controls{position:relative;z-index:3;justify-content:center;gap:24px;margin-top:24px}.services-carousel-controls>button{min-width:92px;min-height:42px;padding:9px 18px;color:#fff;font-size:.88rem;font-weight:600;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.06);transition:background .2s,border-color .2s,transform .2s}.services-carousel-controls>button:hover{background:rgba(128,95,235,.2);border-color:rgba(155,124,255,.55);transform:translateY(-2px)}
.services-carousel-dots{display:flex;align-items:center;gap:8px;direction:ltr}.services-carousel-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.22);transition:width .25s,border-radius .25s,background .25s}.services-carousel-dots button.active{width:28px;border-radius:10px;background:#9b7cff}
@media(max-width:640px){.services-carousel{padding:0}.services-carousel:before,.services-carousel:after{display:none}.services-carousel-card{min-height:0;padding:25px 20px;border-radius:20px}.services-carousel-head{align-items:flex-start;gap:12px;padding-bottom:22px}.services-carousel-identity{align-items:flex-start;gap:13px}.services-carousel-icon{width:52px;height:52px;border-radius:14px}.services-carousel-icon svg{width:24px;height:24px}.services-carousel-identity h3{font-size:1.22rem}.services-carousel-identity p{font-size:.75rem}.services-carousel-count{padding-top:4px;font-size:.72rem}.services-carousel-description{margin:22px 0;font-size:.95rem;line-height:1.9}.services-carousel-features{grid-template-columns:1fr;gap:9px}.services-carousel-features>div{min-height:44px;padding:9px 12px}.services-carousel-features p{font-size:.86rem}.services-carousel-controls{gap:14px;margin-top:20px}.services-carousel-controls>button{min-width:70px;min-height:40px;padding:8px 13px}.services-carousel-dots{gap:6px}.services-carousel-dots button{width:7px;height:7px}.services-carousel-dots button.active{width:20px}}
@media(prefers-reduced-motion:reduce){.services-carousel-card{animation:none}}