.home-page .site-main {
  width: min(100%, calc(var(--content-width) + (2 * var(--page-gutter))));
  padding-top: clamp(1rem, 2vw, 1.75rem);
}
.home-mark { text-align: center; }
.home-mark h1 {
  margin: 0;
  color: var(--text-muted);
  font: 500 .9rem/1 var(--font-mono);
  letter-spacing: .22em;
  text-transform: uppercase;
}
.lighthouse-stage { width: 100%; margin: .65rem 0 0; }
#sim { display: block; width: 100%; height: auto; background: #030713; }
.lighthouse-stage figcaption {
  margin: .8rem 0 0;
  color: var(--text-muted);
  font: .72rem/1.55 var(--font-mono);
}
.home-signal {
  margin-top: 2.25rem;
  padding-top: 1rem;
  border-top: 1px solid var(--border);
  color: var(--text-muted);
  font: .75rem/1.65 var(--font-mono);
}
.home-signal h2 {
  margin: 0 0 .75rem;
  color: var(--text-muted);
  font: 500 .65rem/1.4 var(--font-mono);
  letter-spacing: .12em;
  text-transform: uppercase;
}
.home-signal__headline { display: flex; flex-wrap: wrap; gap: .35rem .7rem; color: var(--text-muted); }
.home-signal__state { color: var(--text); }
.home-signal__dot { color: var(--accent); }
.home-signal__summary { margin: .35rem 0 0; }
.home-signal__artifact { margin: .35rem 0 0; color: var(--text-muted); overflow-wrap: anywhere; }
@media (max-width: 38rem) {
  .home-page .site-main { padding-top: 1rem; }
}
.home-signal__meters { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 1rem; }
.home-signal__meter > div { display: flex; justify-content: space-between; gap: 1rem; margin-bottom: .3rem; }
.home-signal__meter strong { color: var(--text); font-weight: 500; }
.home-signal__track { display: block; height: .3rem; overflow: hidden; background: var(--surface); border-radius: 999px; }
.home-signal__track i { display: block; width: var(--meter-value, 0%); height: 100%; background: var(--accent); }
.home-signal__timing { margin: 1rem 0 0; }
.home-signal__timing div { display: grid; grid-template-columns: 7rem 1fr; gap: .8rem; padding: .35rem 0; border-top: 1px solid var(--border); }
.home-signal__timing dt { color: var(--text-muted); }
.home-signal__timing dd { margin: 0; color: var(--text); font-variant-numeric: tabular-nums; }
.home-signal__artifact { display: grid; gap: .2rem; padding-top: .75rem; border-top: 1px solid var(--border); }
.home-signal__artifact span { color: var(--text-muted); font-size: .64rem; letter-spacing: .06em; text-transform: uppercase; }
.home-signal__artifact strong { color: var(--text); font-weight: 500; }
@media (max-width: 38rem) {
  .home-signal__meters { grid-template-columns: 1fr; }
  .home-signal__timing div { grid-template-columns: 6.2rem 1fr; }
}