:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e9f8fc;background:#06151f;--card:#0a2734;--line:#215367;--muted:#9bbcc7;--cyan:#47daf1;--green:#4ad5a0}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#0d596c 0,transparent 30%),#06151f}main{width:min(1150px,100%);margin:auto;padding:20px}nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap}nav a{color:#b7d6df;text-decoration:none}.brand{font-weight:900;margin-right:auto}.brand img{width:30px;border-radius:7px;vertical-align:middle;margin-right:8px}.brand i,small{color:var(--cyan)}header{display:grid;grid-template-columns:1fr auto;align-items:end;gap:20px;padding:80px 0 32px}h1{font-size:clamp(2.6rem,7vw,5.2rem);line-height:.97;margin:7px 0 15px}h2,p{margin:5px 0}p,span{color:var(--muted);line-height:1.55}.state,.panel,.metrics article{padding:18px;border:1px solid var(--line);border-radius:17px;background:#0a2734d9}.state{display:grid;gap:5px;min-width:200px}.state strong{font-size:1.7rem}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.metrics article{display:grid;gap:5px}.metrics strong{font-size:1.6rem}.panel{margin:14px 0}.head{display:flex;justify-content:space-between;gap:15px}.layout{display:grid;grid-template-columns:1fr 1fr;gap:14px}.capabilities,.list,.ops{display:grid;gap:9px;margin-top:14px}.capabilities{grid-template-columns:repeat(4,1fr)}.capabilities article,.list article,.ops article{padding:12px;border:1px solid #1a4a5d;border-radius:11px;background:#071e29}.capabilities b,.list b,.ops b{display:block}.list article.conflict{border-left:5px solid #e8ad4f}.list .actions{display:flex;gap:8px;margin-top:8px}button{font:inherit;padding:10px 13px;border:1px solid #3a758a;border-radius:9px;background:#09212d;color:white;font-weight:800}.primary{background:#0b839d}.ops{grid-template-columns:repeat(4,1fr)}footer{display:flex;justify-content:space-between;gap:15px;padding:25px 0}footer a{color:var(--cyan)}@media(max-width:750px){header,.layout{grid-template-columns:1fr}.metrics,.capabilities,.ops{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.metrics,.capabilities,.ops{grid-template-columns:1fr}.head,footer{align-items:flex-start;flex-direction:column}}
