/* DCAST Systems: named service sections and shared anchor navigation. */
:root{--dcast-service-offset:120px}
/* Keep the existing mobile button; make its three bars readable. */
body .navwrap .burger span{background:#fff!important}
body .navwrap .nav-systems-dropdown{max-height:calc(100dvh - 125px);overflow-y:auto;overscroll-behavior:contain}
body .navwrap li.nav-systems-menu::after{content:"";position:absolute;top:100%;left:50%;width:300px;height:16px;transform:translateX(-50%)}
body .navwrap .nav-systems-menu.dcast-menu-dismissed .nav-systems-dropdown{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
body .navwrap .nav-systems-dropdown a[aria-current="location"]{background:#e8f7ef!important;color:#076c43!important}
body .mobile-menu{max-height:calc(100dvh - 105px);overflow-y:auto;overscroll-behavior:contain}
body .mobile-menu .mobile-systems-links a[aria-current="location"]{color:#087d4b!important;background:#e8f7ef;border-radius:10px}
#systems,.sys-service-detail{scroll-margin-top:var(--dcast-service-offset)}
.sys-service-shortcuts{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 38px}
.sys-service-shortcuts a{padding:10px 15px;border:1px solid #dce6e1;border-radius:999px;background:#f6faf8;color:#173b30;font-size:.82rem;font-weight:700;text-decoration:none;line-height:1.35}
.sys-service-shortcuts a:hover,.sys-service-shortcuts a:focus-visible,.sys-service-shortcuts a[aria-current="location"]{color:#fff;background:#0b9156;border-color:#0b9156}
.sys-service-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
body .systems-showcase-page .sys-card.sys-service-detail{display:flex;flex-direction:column;min-width:0;border-radius:20px;transition:box-shadow .25s,border-color .25s;overflow:hidden}
body .systems-showcase-page .sys-card.sys-service-detail:hover{transform:none}
body .systems-showcase-page .sys-service-detail .sys-card-media{height:210px;min-height:210px}
body .systems-showcase-page .sys-service-detail .sys-card-icon{top:16px;bottom:auto;left:18px;width:42px;height:42px}
.sys-service-label{height:210px;min-height:210px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;padding:28px 32px;color:#fff;background:linear-gradient(120deg,#0b203c,#153e50)}
.sys-service-symbol{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:#ffffff10;border:1px solid #ffffff26;color:#67e2a8}
.sys-service-symbol svg{width:30px;height:30px}
.sys-service-category{font-size:.71rem;font-weight:800;letter-spacing:.16em;color:#67e2a8}
.sys-service-caption{font-size:1rem;font-weight:600}
body .systems-showcase-page .sys-service-detail .sys-card-body{padding:28px 30px 30px;display:flex;flex:1;flex-direction:column}
.sys-service-index{display:block;font-size:.65rem;letter-spacing:.14em;font-weight:800;color:#078451;margin-bottom:12px}
body .systems-showcase-page .sys-service-detail h3{font-size:clamp(1.25rem,2vw,1.65rem)!important;line-height:1.2;margin:0 0 14px;color:#10213d;letter-spacing:-.02em}
body .systems-showcase-page .sys-service-detail h3:focus{outline:none}
body .systems-showcase-page .sys-service-detail h3:focus-visible{outline:none}
body .systems-showcase-page .sys-service-detail p{font-size:.93rem;line-height:1.7;color:#596779;margin:0}
.sys-service-features{list-style:none;margin:20px 0 24px;padding:0;display:grid;gap:9px}
.sys-service-features li{position:relative;padding-left:18px;color:#263b50;font-size:.88rem;line-height:1.5}
.sys-service-features li::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;background:#12a465;border-radius:50%}
.sys-service-enquire{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;padding-top:18px;border-top:1px solid #e4ece7;color:#087649;font-size:.88rem;font-weight:800;text-decoration:none}
.sys-service-enquire:hover{text-decoration:underline}
.sys-service-detail:target{border-color:#10995f!important;box-shadow:0 0 0 2px #10995f30,0 16px 40px #0b4b2c0d!important}
.sys-service-detail.is-service-target{animation:dcast-service-flash 2.2s ease-out}
@keyframes dcast-service-flash{0%,30%{box-shadow:0 0 0 5px #1cb77965,0 16px 40px #0b4b2c14}100%{box-shadow:0 0 0 2px #10995f30,0 16px 40px #0b4b2c0d}}
.sys-supporting-services{margin-top:58px}
.sys-supporting-services>h2{font-size:1.65rem;color:#10213d;margin:0 0 24px}
.sys-support-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
@media(max-width:900px){.sys-support-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
:root{--dcast-service-offset:108px}
.sys-service-detail-grid,.sys-support-grid{grid-template-columns:1fr}
.sys-service-shortcuts{justify-content:flex-start;gap:8px}
.sys-service-shortcuts a{font-size:.76rem;padding:9px 12px}
body .systems-showcase-page .sys-service-detail .sys-card-body{padding:24px}
body .systems-showcase-page .sys-service-detail .sys-card-media,.sys-service-label{height:190px;min-height:190px}
.sys-service-label{padding:24px}
.sys-service-detail-grid{gap:24px}
}
@media(prefers-reduced-motion:reduce){.sys-service-detail.is-service-target{animation:none}.sys-service-shortcuts a,.sys-service-detail{transition:none!important}}
