.hero-slider{touch-action:pan-y;user-select:none;cursor:grab}
.hero-slider.dragging{cursor:grabbing}
.hero-slides,.hero-slide{position:absolute;inset:0}
.hero-slide{opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s ease;pointer-events:none}
.hero-slide.active{opacity:1;visibility:visible;pointer-events:auto}
.hero-slide .hero-grid{height:100%}
.slider-arrow{position:absolute;z-index:8;top:50%;transform:translateY(-50%);width:48px;height:58px;border:1px solid rgba(255,255,255,.28);background:rgba(7,17,31,.58);color:#fff;font-size:2.2rem;line-height:1;cursor:pointer;backdrop-filter:blur(7px);transition:.2s}
.slider-arrow:hover{background:#f49a00;color:#07111f;border-color:#f49a00}
.slider-arrow.prev{left:22px}.slider-arrow.next{right:22px}
.slider-dots{position:absolute;z-index:8;left:50%;bottom:72px;transform:translateX(-50%);display:flex;gap:9px}
.slider-dots button{width:34px;height:5px;padding:0;border:0;background:rgba(255,255,255,.36);cursor:pointer;transition:.25s}
.slider-dots button.active{background:#f49a00;width:58px}
.service{cursor:pointer}
.service:hover,.service:focus-within{background:#07111f;color:#fff;border-color:#f49a00;transform:translateY(-4px)}
.service:hover p,.service:focus-within p{color:#b9c6d3}
.service:hover .service-num,.service:focus-within .service-num{color:rgba(255,255,255,.07)}
.service:hover .service-icon,.service:focus-within .service-icon{background:#102238}
@media(max-width:900px){.slider-arrow{top:auto;bottom:76px;width:42px;height:48px}.slider-arrow.prev{left:18px}.slider-arrow.next{right:18px}.slider-dots{bottom:42px}}
@media(max-width:620px){.slider-arrow{display:none}.slider-dots{bottom:38px}.slider-dots button{width:24px}.slider-dots button.active{width:42px}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}}
