.hero>canvas{inset:0;opacity:.48;pointer-events:none;position:absolute;z-index:1}.sa-network{bottom:38px;height:69%;opacity:.43;pointer-events:none;position:absolute;right:18%;width:58%;z-index:1}.sa-network svg{filter:drop-shadow(0 0 26px #d5a23c22);height:100%;overflow:visible;width:100%}.sa-outline{fill:#101713aa;stroke:#d5a23c;stroke-width:1.5}.province-line{fill:none;opacity:.28;stroke:#d5a23c;stroke-dasharray:4 7;stroke-width:1}.route{animation:routePulse 4s linear infinite;fill:none;filter:url(#mapGlow);stroke:#f1c66b;stroke-dasharray:4 10;stroke-width:2}.r2{animation-delay:-1s}.r3{animation-delay:-2s}.r4{animation-delay:-3s}.map-node{animation:nodePulse 1.8s ease-in-out infinite;fill:#f1c66b;filter:url(#mapGlow)}.lesotho{fill:#080a09;stroke:#d5a23c66}.city{color:#a7ad9f;font:500 7px "DM Mono";position:absolute}.city b{color:#d5a23c;display:block;font-size:5px;letter-spacing:.08em;margin-top:3px}.jhb{left:61%;top:35%}.cpt{bottom:10%;left:28%}.gqe{bottom:18%;right:16%}.dbn{right:5%;top:60%}.map-title{bottom:10%;color:#747c72;font:8px "DM Mono";left:50%;letter-spacing:.12em;position:absolute}.map-title b{color:#b88932;font-size:6px}.secure-event-layer{inset:90px 0 45px;overflow:hidden;pointer-events:none;position:absolute;z-index:2}.secure-event{animation:eventAppear 5.4s cubic-bezier(.2,.8,.2,1) both;left:var(--left);position:absolute;top:var(--top);width:205px}.event-card{background:#0a0d0bd9;border-left:1px solid #d5a23c99;box-shadow:0 16px 42px #0008;padding:10px 12px}.event-head{align-items:center;display:grid;gap:9px;grid-template-columns:30px 1fr auto}.event-avatar{align-items:center;border:1px solid #d5a23c;border-radius:50%;color:#f1c66b;display:flex;font:7px "DM Mono";height:30px;justify-content:center;width:30px}.event-head b,.event-head small{display:block}.event-head b{font:600 8px Manrope}.event-head small{color:#798078;font:5px "DM Mono";margin-top:3px}.event-match{color:#7fd98c;font:5px "DM Mono"}.event-data{border-top:1px solid #30362f;color:#7e867d;display:flex;font:5px "DM Mono";gap:11px;margin-top:8px;padding-top:7px}.event-data b{color:#d7dad5;font-weight:500}.plate-event{animation:plateAppear 5s cubic-bezier(.2,.8,.2,1) both;left:var(--left);position:absolute;top:var(--top)}.number-plate{align-items:center;background:linear-gradient(#fff,#d7e2e0);border:2px solid #17201b;border-radius:4px;box-shadow:0 10px 30px #0008;color:#101711;display:flex;height:34px;justify-content:center;position:relative;width:142px}.number-plate strong{font:700 14px "DM Mono";letter-spacing:.06em}.number-plate small{background:#d5a23c;color:#101711;font:700 5px "DM Mono";inset:auto 0 0;letter-spacing:.14em;padding:2px;position:absolute;text-align:center}.plate-meta{color:#8d958a;font:5px "DM Mono";letter-spacing:.08em;margin-top:5px;text-align:center}.network-status{align-items:center;border-top:1px solid #d5a23c38;bottom:0;color:#737a72;display:flex;font:6px "DM Mono";justify-content:space-between;left:0;letter-spacing:.1em;padding:15px 5vw;position:absolute;right:0;z-index:5}.network-status span:first-child{color:#aeb4ad}.network-status i{animation:nodePulse 1.5s infinite;background:#6fd27a;border-radius:50%;box-shadow:0 0 10px #6fd27a;display:inline-block;height:5px;margin-right:7px;width:5px}.hero-copy,.hero-visual{z-index:4}.hero-visual img{max-height:540px;max-width:88%}.visual-glow{height:470px;width:470px}@keyframes routePulse{to{stroke-dashoffset:-42}}@keyframes nodePulse{0%,100%{opacity:.45;transform:scale(.82)}50%{opacity:1;transform:scale(1.25)}}@keyframes eventAppear{0%{opacity:0;transform:translateY(12px) scale(.95)}15%,72%{opacity:.72;transform:none}100%{opacity:0;transform:translateY(-9px) scale(.98)}}@keyframes plateAppear{0%{filter:blur(4px);opacity:0;transform:scale(.8)}18%,70%{filter:none;opacity:.72;transform:scale(1)}100%{opacity:0;transform:scale(.94)}}@media(max-width:980px){.sa-network{bottom:18%;height:52%;opacity:.3;right:-10%;width:90%}.secure-event-layer{opacity:.65}.hero-visual img{max-height:480px}.network-status span:last-child{display:none}}@media(max-width:600px){.sa-network{bottom:25%;height:40%;right:-22%;width:125%}.secure-event-layer{display:none}.hero-visual img{max-height:410px;width:100%}.visual-glow{height:320px;width:320px}.network-status{font-size:5px}.network-status span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){.route,.map-node,.secure-event,.plate-event,.network-status i{animation:none}.secure-event-layer{display:none}}

.live-vehicle{filter:drop-shadow(0 0 7px #fff8)}.vehicle-halo{animation:vehiclePing 1.25s ease-out infinite;fill:none;stroke-width:1.5}.vehicle-marker{stroke:#07100a;stroke-width:1.2}.vehicle-direction{fill:#fff}.live-fleet-readout{background:#060a08e8;border:1px solid #d5a23c55;box-shadow:0 18px 50px #000b;left:0;padding:10px;position:absolute;top:5%;width:215px}.fleet-title{color:#c7cdc5;font:600 7px "DM Mono";letter-spacing:.1em}.fleet-title>i{animation:nodePulse 1.2s infinite;background:#6fd27a;border-radius:50%;display:inline-block;height:5px;margin-right:5px;width:5px}.fleet-title span{color:#6fd27a;float:right;font-size:5px}.fleet-trips{display:grid;gap:3px;margin-top:8px}.fleet-trip{align-items:center;background:#111713;border-left:1px solid #394138;display:grid;gap:6px;grid-template-columns:5px 1fr auto auto;padding:6px;transition:.2s}.fleet-trip>i{background:var(--vehicle);border-radius:50%;box-shadow:0 0 7px var(--vehicle);height:5px;width:5px}.fleet-trip span b,.fleet-trip span small{display:block}.fleet-trip span b{color:#e7e9e5;font:600 6px "DM Mono"}.fleet-trip span small{color:#697168;font:4px "DM Mono";margin-top:2px}.fleet-trip>strong{color:#d5a23c;font:600 6px "DM Mono"}.fleet-trip>strong small{font-size:4px}.fleet-trip>em{color:#939a92;font:4px "DM Mono";font-style:normal}.fleet-trip.route-alert{background:#351414;border-color:#e27777}.fleet-trip.route-alert:after{color:#e27777;content:'ROUTE CHECK';font:5px "DM Mono";grid-column:2/5}@keyframes vehiclePing{0%{opacity:.9;transform:scale(.45)}100%{opacity:0;transform:scale(1.5)}}@media(max-width:980px){.live-fleet-readout{display:none}}@media(prefers-reduced-motion:reduce){.live-vehicle,.live-fleet-readout{display:none}}