.system-slider { overflow: hidden; }
.system-slide { position: absolute; inset: 0; display: flex; align-items: center; opacity: 0; visibility: hidden; transition: opacity .65s ease, visibility .65s ease; }
.system-slide.is-active { opacity: 1; visibility: visible; z-index: 1; }
.system-slide > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.system-slide .hero-content { z-index: 2; }
.system-slide .rich-copy { max-width: 660px; font-size: 19px; color: #e6e9ef; }
.slider-controls { position: absolute; z-index: 4; left: 50%; bottom: 30px; transform: translateX(-50%); display: flex; align-items: center; gap: 14px; }
.slider-arrow { width: 43px; height: 43px; padding: 0; border: 1px solid rgba(255,255,255,.6); background: rgba(12,24,49,.56); color: #fff; font-size: 20px; cursor: pointer; }
.slider-arrow:hover, .slider-arrow:focus-visible { background: #db7928; border-color: #db7928; }
.slider-dots { display: flex; gap: 8px; }
.slider-dot { width: 34px; height: 4px; padding: 0; border: 0; background: rgba(255,255,255,.48); cursor: pointer; }
.slider-dot.is-active { background: #db7928; }
.system-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.system-card { background: #f5f6f8; border-bottom: 4px solid #162950; }
.system-card > img { width: 100%; height: 360px; object-fit: cover; }
.system-card > div { padding: 30px 32px 34px; }
.system-card small { color: #db7928; text-transform: uppercase; letter-spacing: .14em; font-size: 11px; font-weight: 800; }
.system-card h3 { color: #162950; margin: 5px 0 10px; font-size: 31px; }
.system-card p { color: #4d586c; }
.system-card ul { margin: 20px 0 24px; padding-left: 20px; color: #344058; }
.system-card li::marker { color: #db7928; }
.system-card a { color: #162950; font-weight: 800; }
.system-card a:hover { color: #db7928; }
@media (max-width: 800px) {
    .system-pair { grid-template-columns: 1fr; }
    .system-card > img { height: 300px; }
    .slider-controls { bottom: 18px; }
}
@media (prefers-reduced-motion: reduce) {
    .system-slide { transition: none; }
}
