*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Roboto Condensed",sans-serif;background:#1c1e22;color:#d7dbe0;min-height:100vh;background-image:repeating-linear-gradient(90deg,#1c1e22,#1c1e22 20px,#23262c 20px,#23262c 21px),linear-gradient(#1c1e22,#14161a)}
.nav{display:flex;justify-content:space-between;padding:1.1rem clamp(1.2rem,4vw,3rem);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;border-bottom:2px solid #f0a202;font-family:"Share Tech Mono",monospace}
.nav a{color:#f0a202;text-decoration:none}
.plant{padding:1.5rem clamp(1.2rem,4vw,3rem) 4rem;max-width:1000px}
.mast{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}
.brand{font-size:clamp(3.5rem,14vw,7rem);line-height:.85;letter-spacing:.04em;color:#f0a202;text-transform:uppercase}
.status{font-family:"Share Tech Mono",monospace;font-size:.75rem;letter-spacing:.12em;color:#f0a202;border:1px solid #f0a202;padding:.45rem .7rem}
.meters{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:2rem}
.meters div{border:1px solid #3a3f48;padding:1rem;background:#14161a;font-family:"Share Tech Mono",monospace}
.meters span{display:block;font-size:.7rem;letter-spacing:.12em;opacity:.6;margin-bottom:.4rem}
.meters b{font-size:1.5rem;color:#f0a202;display:block;margin-bottom:.8rem}
.meters i{display:block;height:8px;background:#2a2f38;position:relative}
.meters i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--v);background:#f0a202}
.log h1{font-size:clamp(1.4rem,3vw,2rem);max-width:14ch;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.7rem}
.log p{font-family:"Share Tech Mono",monospace;font-size:.9rem;max-width:38ch;line-height:1.55;opacity:.75;margin-bottom:1.2rem}
.alerts{border:1px solid #3a3f48;background:#14161a;padding:1rem;margin-bottom:1.5rem;font-family:"Share Tech Mono",monospace;font-size:.8rem;line-height:1.8}
.cta{display:inline-block;text-decoration:none;background:#f0a202;color:#14161a;font-weight:700;padding:.9rem 1.2rem;text-transform:uppercase;letter-spacing:.1em;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);transition:background .15s ease}
.cta:hover{background:#ffc23d}
@media(min-width:760px){.meters{grid-template-columns:repeat(4,1fr)}.plant{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:auto 1fr;gap:1.5rem 2rem}.mast{grid-column:1/-1}.meters{grid-column:1/-1}.log{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}