.splus-premium-hero-slider { position: relative; min-height: min(860px, 92vh); overflow: hidden; color: #fff; background: #071525; isolation: isolate; }
.splus-slider-track, .splus-slide { position: absolute; inset: 0; }
.splus-slide { visibility: hidden; opacity: 0; z-index: 0; transition: opacity .9s ease, visibility .9s; }
.splus-slide.is-active { visibility: visible; opacity: 1; z-index: 1; }
.splus-slide-bg { position: absolute; inset: 0; display: block; overflow: hidden; }
.splus-slide-bg img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.035); transition: transform 7.4s cubic-bezier(.2,.7,.2,1); }
.splus-slide.is-active .splus-slide-bg img { transform: scale(1); }
.splus-slide-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(4,15,29,.94) 0%, rgba(5,18,33,.82) 34%, rgba(5,18,33,.3) 63%, rgba(5,18,33,.12) 100%); }
.splus-slide-inner { position: relative; z-index: 2; display: flex; align-items: center; min-height: min(860px, 92vh); padding-top: 118px; padding-bottom: 125px; }
.splus-slide-content { max-width: 720px; }
.splus-slide-eyebrow { display: inline-flex; align-items: center; gap: 11px; margin-bottom: 21px; color: #5ba7ff; font-size: 11px; font-weight: 850; letter-spacing: .22em; }
.splus-slide-eyebrow::before { content: ""; width: 32px; height: 2px; background: #2185ff; }
.splus-slide-content :is(h1, h2) { margin: 0; max-width: 720px; color: #fff; font-size: clamp(45px, 5vw, 76px); line-height: .99; letter-spacing: -.045em; text-wrap: balance; }
.splus-slide-content > p { max-width: 640px; margin: 25px 0 0; color: #c8d3df; font-size: 17px; line-height: 1.65; }
.splus-slide-chips { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 26px; }
.splus-slide-chips span { padding: 8px 12px; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; color: #e5edf6; background: rgba(8,25,45,.42); font-size: 11px; font-weight: 700; }
.splus-slide-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 33px; }
.splus-slide-content > * { opacity: 0; transform: translateY(18px); }
.splus-slide.is-active .splus-slide-content > * { opacity: 1; transform: translateY(0); transition: opacity .65s ease, transform .7s cubic-bezier(.2,.8,.2,1); }
.splus-slide.is-active .splus-slide-content > :nth-child(2) { transition-delay: .08s; }
.splus-slide.is-active .splus-slide-content > :nth-child(3) { transition-delay: .15s; }
.splus-slide.is-active .splus-slide-content > :nth-child(4) { transition-delay: .21s; }
.splus-slide.is-active .splus-slide-content > :nth-child(5) { transition-delay: .27s; }
.splus-slider-ui { position: absolute; z-index: 5; right: 0; bottom: 28px; left: 0; display: flex; align-items: center; gap: 17px; }
.splus-slider-counter { display: flex; align-items: baseline; gap: 7px; min-width: 64px; color: #9cacc0; font-size: 11px; }
.splus-slider-counter strong { color: #fff; font-size: 18px; }
.splus-slider-progress { flex: 1; height: 2px; overflow: hidden; background: rgba(255,255,255,.2); }
.splus-slider-progress i { display: block; width: 100%; height: 100%; transform: scaleX(0); transform-origin: left; background: #2588ff; }
.splus-premium-hero-slider.is-running .splus-slider-progress i { animation: splusHeroProgress 7s linear forwards; }
@keyframes splusHeroProgress { to { transform: scaleX(1); } }
.splus-slider-controls { display: flex; gap: 7px; }
.splus-slider-arrow, .splus-slider-pause { display: grid; place-items: center; width: 46px; height: 46px; padding: 0; border: 1px solid rgba(255,255,255,.26); border-radius: 50%; color: #fff; background: rgba(7,22,39,.56); cursor: pointer; transition: background .25s ease, border-color .25s ease, transform .25s ease; }
.splus-slider-arrow:hover, .splus-slider-pause:hover { border-color: #2185ff; background: #146fd8; transform: translateY(-2px); }
.splus-slider-pause { display: flex; justify-content: center; gap: 4px; }
.splus-slider-pause span { width: 2px; height: 13px; background: currentColor; }
.splus-slider-pause[aria-pressed="true"] span:first-child { width: 0; height: 0; margin-left: 2px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid currentColor; background: transparent; }
.splus-slider-pause[aria-pressed="true"] span:last-child { display: none; }

@media (max-width: 700px) {
    .splus-premium-hero-slider { min-height: 820px; background: #08182a; }
    .splus-slide-bg { height: 46%; }
    .splus-slide-bg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(5,17,31,.05), rgba(5,17,31,.2) 55%, #08182a 100%); }
    .splus-slide-bg img { object-position: 68% center; }
    .splus-slide-shade { background: linear-gradient(to bottom, transparent 22%, rgba(8,24,42,.18) 39%, #08182a 53%, #08182a 100%); }
    .splus-slide-inner { align-items: flex-end; min-height: 820px; padding: 330px 20px 105px; }
    .splus-slide-content { max-width: none; width: 100%; }
    .splus-slide-eyebrow { margin-bottom: 14px; font-size: 10px; }
    .splus-slide-content :is(h1, h2) { font-size: clamp(34px, 10.2vw, 47px); line-height: 1.02; }
    .splus-slide-content > p { margin-top: 16px; font-size: 14px; line-height: 1.58; }
    .splus-slide-chips { margin-top: 16px; gap: 6px; }
    .splus-slide-chips span { padding: 6px 9px; font-size: 9px; }
    .splus-slide-actions { display: grid; grid-template-columns: 1fr; gap: 9px; margin-top: 21px; }
    .splus-slide-actions .splus-btn { width: 100%; min-height: 48px; justify-content: center; }
    .splus-slider-ui { bottom: 18px; padding: 0 20px; gap: 10px; }
    .splus-slider-progress { display: none; }
    .splus-slider-counter { margin-right: auto; }
    .splus-slider-arrow, .splus-slider-pause { width: 44px; height: 44px; }
}
@media (max-width: 380px) {
    .splus-premium-hero-slider, .splus-slide-inner { min-height: 780px; }
    .splus-slide-inner { padding-top: 300px; }
    .splus-slide-content :is(h1, h2) { font-size: 32px; }
    .splus-slide-chips span:last-child { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    .splus-slide, .splus-slide-bg img, .splus-slide-content > * { transition: none !important; transform: none !important; }
    .splus-slider-progress i { animation: none !important; }
}
