@import url('ux-v8.css');
.demo-section-title{font-size:9px;letter-spacing:.1em;color:#7fcbe8;margin:13px 0 7px}.view-btn{border-style:dashed}.role-visual{height:180px;border:1px solid #294958;background:radial-gradient(circle,#112b36,#071720 72%);border-radius:18px;position:relative;overflow:hidden;margin-bottom:9px}.role-visual svg{position:absolute;inset:0;width:100%;height:100%}.bubble-ring{fill:none;stroke:#48d492;stroke-width:1.5;stroke-dasharray:5 5}.mini-route{fill:none;stroke:#68d2ff;stroke-width:2;stroke-dasharray:6 5}.bubble-center,.family-dot{position:absolute;z-index:2;border-radius:50%;display:grid;place-items:center;text-align:center;border:1px solid #416675;background:#0d2935;font-size:8px}.bubble-center{width:54px;height:54px;left:calc(50% - 27px);top:62px;color:#cceefb}.family-dot{width:45px;height:45px}.family-dot small{font-size:5px;color:#66d89a}.f1{left:13%;top:30px}.f2{right:13%;top:38px}.f3{right:18%;bottom:18px}.readiness-wheel{width:146px;height:146px;margin:2px auto 12px;border-radius:50%;background:conic-gradient(var(--green) 0 87%,#17313c 87% 100%);display:grid;place-items:center;position:relative}.readiness-wheel:after{content:"";position:absolute;width:112px;height:112px;border-radius:50%;background:#0a1922}.readiness-wheel div{position:relative;z-index:2;text-align:center}.readiness-wheel strong{display:block;font-size:30px}.readiness-wheel span{font-size:8px;color:#8ca9b5}.readiness-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:9px}.readiness-list span{border:1px solid #294a58;border-radius:999px;padding:6px 8px;font-size:8px}.readiness-list .ready{color:#8fe1ad;border-color:#2e6749}.readiness-list .warn{color:#f0ce56;border-color:#66592f}.command-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:9px}.command-grid>div{border:1px solid #294958;background:#081923;border-radius:13px;padding:9px}.command-grid small{font-size:6px;color:#72cbee}.command-grid strong{display:block;font-size:11px;margin:4px 0}.command-grid span{font-size:7px;color:#91aab6}.mini-map{height:150px;border:1px solid #294958;border-radius:17px;background:linear-gradient(30deg,#0a1a23,#0d2732);position:relative;overflow:hidden;margin-bottom:9px}.mini-map:before,.mini-map:after{content:"";position:absolute;inset:auto -20px 45px -20px;border-top:5px solid #263e49;transform:rotate(-12deg)}.mini-map:after{inset:28px -20px auto -20px;transform:rotate(18deg)}.people,.response{position:absolute;width:11px;height:11px;border-radius:50%;z-index:2}.people{background:#64d1ff}.response{background:#45d58a;box-shadow:0 0 0 5px #45d58a18}.p1{left:20%;top:30%}.p2{left:62%;top:64%}.p3{right:12%;top:28%}.r1{left:43%;top:56%}.r2{right:25%;top:44%}.incident-pulse{position:absolute;left:54%;top:20%;width:46px;height:46px;border-radius:50%;border:1px solid var(--red);box-shadow:0 0 0 12px #f05a6210}.enterprise-stack{display:grid;gap:6px;margin-bottom:9px}.enterprise-stack>div{display:grid;grid-template-columns:86px 1fr;gap:8px;align-items:center;border:1px solid #294958;border-radius:12px;padding:9px;background:#081923;font-size:8px}.enterprise-stack b{font-size:9px}.enterprise-stack small{grid-column:2;color:#839da9}.consular-flow{display:flex;align-items:center;gap:6px;justify-content:center;overflow-x:auto;padding:12px 4px;margin-bottom:8px}.consular-flow span{white-space:nowrap;border:1px solid #315261;background:#0c2530;border-radius:999px;padding:8px 10px;font-size:8px}.consular-flow b{color:#67ccef}