/* epsilon — simple corporate style, modeled on the Engineers4You site. Sober blue/white,
   plain readable type, green-check benefits. No gradients/animation/flourishes. */
:root{
  --navy:#1f3b6e; --navy-dark:#162a4e; --blue:#2a5db0; --ink:#22272e;
  --line:#d6dde8; --bg:#f4f6fa; --panel:#ffffff; --green:#2e8b57; --muted:#667085;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,"Segoe UI",Helvetica,sans-serif;color:var(--ink);
  background:var(--bg);line-height:1.5}
a{color:var(--blue);text-decoration:none} a:hover{text-decoration:underline}

.topbar{display:flex;align-items:center;justify-content:space-between;
  background:var(--navy);color:#fff;padding:0 22px;height:54px}
.topbar .brand{font-size:20px;font-weight:bold;letter-spacing:.5px}
.topbar nav{display:flex;align-items:center;gap:18px}
.topbar nav a{color:#dce5f5} .topbar nav a:hover{color:#fff}
.inline{display:inline;margin:0} .link{background:none;border:0;color:#dce5f5;cursor:pointer;font:inherit;padding:0}
.link:hover{color:#fff;text-decoration:underline}

main{max-width:920px;margin:26px auto;padding:0 18px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:6px;
  padding:24px 28px;margin-bottom:20px}
.card.login{max-width:440px;margin:48px auto}
h1{color:var(--navy);font-size:24px;margin:0 0 6px} h2{color:var(--navy);font-size:17px;margin:22px 0 8px}
.lede{color:var(--muted);margin-top:0}
.muted{color:var(--muted)}

ul.checks{list-style:none;padding:0;margin:14px 0;display:flex;gap:26px;flex-wrap:wrap}
ul.checks li{position:relative;padding-left:26px;color:var(--navy-dark);font-weight:bold}
ul.checks li:before{content:"";position:absolute;left:0;top:2px;width:16px;height:16px;
  border-radius:50%;background:var(--green)}
ul.checks li:after{content:"";position:absolute;left:5px;top:6px;width:4px;height:8px;
  border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(40deg)}

form label{display:block;margin:12px 0;color:var(--navy-dark);font-size:14px}
form input{display:block;width:100%;margin-top:4px;padding:9px 10px;border:1px solid var(--line);
  border-radius:4px;font-size:15px}
button[type=submit]{margin-top:16px;background:var(--navy);color:#fff;border:0;border-radius:4px;
  padding:10px 20px;font-size:15px;cursor:pointer} button[type=submit]:hover{background:var(--blue)}
.error{background:#fdecec;border:1px solid #f3c2c2;color:#a12;padding:9px 12px;border-radius:4px}

table{width:100%;border-collapse:collapse;margin-top:8px}
th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);font-size:14px}
th{color:var(--muted);font-weight:600}

ol.gates{list-style:none;padding:0;margin:8px 0}
ol.gates li{padding:7px 12px;border:1px solid var(--line);border-left-width:4px;border-radius:4px;margin:6px 0}
ol.gates li.g-PASS{border-left-color:var(--green)}
ol.gates li.g-FAIL{border-left-color:#c0392b}
ol.gates .gname{display:inline-block;width:42px;font-weight:bold;color:var(--navy)}
img.plan{max-width:100%;border:1px solid var(--line);border-radius:4px;background:#fff}

/* honesty banners (GNN engine): warn = no certified config produced; note = reference/assist */
.banner-warn{background:#fff7e6;border:1px solid #f0c36d;border-left:4px solid #d98e00;
  color:#7a4f00;padding:11px 14px;border-radius:4px;margin:12px 0}
.banner-note{background:#eef3fb;border:1px solid #cdddf2;border-left:4px solid var(--blue);
  color:var(--navy-dark);padding:11px 14px;border-radius:4px;margin:12px 0}

footer{max-width:920px;margin:30px auto;padding:0 18px;color:var(--muted);font-size:13px}