:root{--bg:#07101f;--panel:#101c31;--text:#edf4ff;--muted:#9bb0cd;--line:#263b5d;--cyan:#55d7ff;--violet:#9a7cff;--green:#55e6a5}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 85% 0,#182a56 0,transparent 35%),var(--bg);color:var(--text);font:15px/1.65 system-ui,"PingFang SC",sans-serif}
a{color:var(--cyan)}
.wrap{width:min(1200px,calc(100% - 32px));margin:auto}
.hero{padding:58px 0 25px}
.eyebrow{color:var(--cyan);letter-spacing:.14em;font-weight:800}
.hero h1{font-size:clamp(38px,7vw,72px);line-height:1;margin:14px 0}
.hero p,.muted{color:var(--muted)}
.hero p{font-size:18px;max-width:850px}
.meta,.filters{display:flex;flex-wrap:wrap;gap:8px}
.pill,.filter{border:1px solid var(--line);background:#0d192b;color:var(--muted);border-radius:999px;padding:7px 12px}
.grid{display:grid;gap:16px}
.kpis{grid-template-columns:repeat(4,1fr);margin:25px 0}
.card{background:linear-gradient(145deg,var(--panel),#0d1729);border:1px solid var(--line);border-radius:18px;padding:20px}
.kpi strong{display:block;font-size:32px}
.kpi span{color:var(--muted)}
section{padding:28px 0}
h2{font-size:28px}
.insights,.signals{grid-template-columns:repeat(2,1fr)}
.insight b,.tag{color:var(--green);font-size:12px;letter-spacing:.08em}
.insight h3,.signal h3{margin:7px 0}
.signal{border-left:4px solid var(--violet)}
.signal-governance{border-left-color:#ff718f}
.signal-infrastructure{border-left-color:var(--cyan)}
.top{display:flex;justify-content:space-between;gap:12px}
.date,.confidence{color:var(--muted);font-size:12px}
.filter{cursor:pointer}
.filter.active{background:var(--cyan);color:#06111f;font-weight:800}
.filters{margin-bottom:16px}
.radar{display:grid;grid-template-columns:180px 1fr;gap:12px;align-items:center}
.bar{height:10px;background:#07101f;border-radius:20px;overflow:hidden}
.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--violet),var(--cyan))}
.strength-95{width:95%}
.strength-91{width:91%}
.strength-88{width:88%}
.strength-84{width:84%}
.strength-80{width:80%}
footer{border-top:1px solid var(--line);padding:30px 0 50px;color:var(--muted)}
@media(max-width:750px){.kpis,.insights,.signals{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.kpis,.insights,.signals{grid-template-columns:1fr}.radar{grid-template-columns:1fr}}