/* Mishkas — minimal UI. Near-monochrome, hairline borders, generous space. */
:root{
  --bg:#0b0c0e; --surface:#121317; --surface-2:#16181d; --line:#23252c;
  --ink:#e9eaec; --ink-dim:#b7b9bf; --muted:#83868f; --accent:#f1f2f4;
  --crit:#e5484d; --high:#e8743b; --med:#e0a83b; --low:#3b82c4;
  --ok:#3aa66f; --warn:#c9962f;
  --r:9px; --maxw:1060px;
}
*{box-sizing:border-box}
html,body{margin:0}
body{
  background:var(--bg); color:var(--ink);
  font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
a{color:var(--ink); text-decoration:none}
a:hover{color:#fff}
.wrap{max-width:var(--maxw); margin:0 auto; padding:34px 22px}
.mono{font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace}

/* nav */
.nav{border-bottom:1px solid var(--line); background:rgba(11,12,14,.85); backdrop-filter:blur(8px); position:sticky; top:0; z-index:10}
.nav-in{max-width:var(--maxw); margin:0 auto; padding:0 22px; height:58px; display:flex; align-items:center; gap:26px}
.brand{font-weight:650; letter-spacing:-.02em; font-size:16px}
.brand:hover{color:#fff}
.nav-links{display:flex; gap:20px; flex:1}
.nav-links a{color:var(--muted); font-size:14px}
.nav-links a:hover{color:var(--ink)}
.nav-right{display:flex; gap:14px; align-items:center}
.who{color:var(--muted); font-size:13px}

/* type */
h1{font-size:26px; letter-spacing:-.025em; margin:0 0 4px; font-weight:640}
h2{font-size:16px; letter-spacing:-.01em; margin:34px 0 12px; font-weight:620}
h3{font-size:15px; margin:0 0 6px; font-weight:600}
p{margin:0 0 12px}
.muted{color:var(--muted)}
.lede{color:var(--ink-dim); font-size:16px; max-width:60ch}

/* buttons */
button,.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:7px;
  font:600 14px/1 inherit; padding:10px 16px; border-radius:var(--r); cursor:pointer;
  background:var(--accent); color:#0b0c0e; border:1px solid transparent; transition:.12s;
}
button:hover,.btn:hover{filter:brightness(.92)}
.btn-ghost,button.sec{background:transparent; color:var(--ink); border-color:var(--line)}
.btn-ghost:hover,button.sec:hover{background:var(--surface-2); filter:none}
button.danger{background:transparent; color:var(--crit); border-color:#3a2326}
button.danger:hover{background:#1c1416; filter:none}
.btn-sm{padding:7px 12px; font-size:13px}

/* forms */
input,select,textarea{
  font:15px inherit; color:var(--ink); background:var(--surface-2);
  border:1px solid var(--line); border-radius:var(--r); padding:10px 12px; width:auto;
}
input:focus,select:focus,textarea:focus{outline:none; border-color:#39404d}
input::placeholder,textarea::placeholder{color:#5d616b}
label{font-size:14px; color:var(--ink-dim)}

/* cards + tables */
.card{background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:20px; margin:14px 0}
table{width:100%; border-collapse:collapse; margin-top:10px; font-size:14px}
th,td{text-align:left; padding:10px 12px; border-bottom:1px solid var(--line)}
th{color:var(--muted); font-weight:550; font-size:12px; text-transform:uppercase; letter-spacing:.04em}
tr:last-child td{border-bottom:0}

/* badges */
.b{display:inline-block; padding:2px 8px; border-radius:5px; font-size:11px; font-weight:650; letter-spacing:.02em; color:#fff; line-height:1.5}
.CRITICAL{background:var(--crit)} .HIGH{background:var(--high)} .MEDIUM{background:var(--med); color:#1b1205} .LOW{background:var(--low)}
.queued{background:#3a3d46} .running{background:var(--low)} .done{background:var(--ok)} .error{background:var(--crit)}
.review{background:#6b5bd1} .rejected{background:#3a3d46} .pending{background:var(--warn); color:#1b1205} .approved{background:var(--ok)}

/* messages */
.msg{background:#10231a; border:1px solid #1d4733; color:#9fe3bf; padding:11px 13px; border-radius:var(--r); margin:0 0 14px}
.err{background:#241416; border:1px solid #46232a; color:#f0b3b8; padding:11px 13px; border-radius:var(--r); margin:0 0 14px}

/* landing */
.hero{padding:70px 0 30px; border-bottom:1px solid var(--line)}
.eyebrow{color:var(--muted); font-size:13px; letter-spacing:.06em; text-transform:uppercase; margin-bottom:14px}
.hero-h{font-size:44px; line-height:1.08; letter-spacing:-.035em; font-weight:660; margin:0 0 18px}
.cta{display:flex; gap:12px; margin-top:26px}
.feat{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); border-radius:12px; overflow:hidden; margin:34px 0}
.feat-item{background:var(--bg); padding:22px}
.feat-item p{color:var(--muted); font-size:14px; margin:0}
@media(max-width:760px){ .hero-h{font-size:32px} .feat{grid-template-columns:1fr} }

/* footer */
.foot{border-top:1px solid var(--line); color:var(--muted); font-size:13px; margin-top:50px}
.foot .wrap{padding:22px}