/* Light Engineer Theme — B1 Soft Grid */
:root{
  --bg:#ffffff;
  --ink:#1a1d21;
  --muted:#6b6f75;
  --line:#dcdfe5;
  --panel:#f7f8fa;
  --brand:#1a73e8;
}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:'Inter',sans-serif;
  line-height:1.65;
  background-image:linear-gradient(#f0f0f0 1px, transparent 1px),
                    linear-gradient(90deg, #f0f0f0 1px, transparent 1px);
  background-size:32px 32px;
}
.container{max-width:1080px;margin:0 auto;padding:0 20px}
.nav{border-bottom:1px solid var(--line);background:#ffffffcc;backdrop-filter:blur(6px);position:sticky;top:0;z-index:10}
.nav-inner{display:flex;align-items:center;min-height:70px}
.logo{width:40px;height:40px;background:var(--brand);color:#fff;display:grid;place-items:center;border-radius:6px;font-weight:700}
.hero{padding:60px 0;border-bottom:1px solid var(--line)}
.hero__title{font-size:32px;margin-bottom:8px}
.hero__tag{color:var(--muted);margin-bottom:20px}
.hero__console{background:var(--panel);padding:18px;border-radius:8px;border:1px solid var(--line);font-family:'IBM Plex Mono',monospace}
.section{padding:48px 0}
.section.alt{background:#fafafa;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.grid{display:grid;gap:20px}
.grid--2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.panel{background:var(--panel);padding:16px;border-radius:10px;border:1px solid var(--line)}
.card{background:#fff;padding:18px;border-radius:10px;border:1px solid var(--line)}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.tile{background:var(--panel);padding:14px;border-radius:10px;border:1px solid var(--line)}
.foot{border-top:1px solid var(--line);padding:20px 0;color:var(--muted)}
.foot__inner{display:flex;justify-content:center;gap:10px}