.os-page .cy-hero--single h1 { max-width: 14em; }
.os-page .cy-card-grid { margin-top: var(--space-5); }
.os-page .os-tabs { margin-top: var(--space-6); }
.os-page code { font-family: var(--font-mono); font-size: 0.9em; color: var(--signal); }

.os-console { margin: var(--space-5) 0 0; }
.os-console figcaption { margin-top: var(--space-3); }
.os-console__screen { border: var(--hairline) solid var(--line-strong); background: var(--bg); font-family: var(--font-mono); font-size: 12px; line-height: 1.5; color: var(--fg-soft); }
.os-console__head, .os-console__tabs, .os-console__status { display: flex; flex-wrap: wrap; gap: 4px 16px; padding: 10px 14px; border-bottom: var(--hairline) solid var(--line); }
.os-console__head strong { color: var(--signal); letter-spacing: 0.24em; }
.os-console__head span, .os-console__tabs span, .os-console__status span { color: var(--fg-muted); }
.os-console__tabs .is-on { color: var(--signal); }
.os-console__status { justify-content: space-between; border-bottom: 0; border-top: var(--hairline) solid var(--line); }
.os-console__panels { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--hairline); background: var(--line); }
.os-panel { min-width: 0; padding: 14px; background: var(--bg); }
.os-panel b { display: block; margin-bottom: 8px; font-weight: 400; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--fg-muted); }
.os-panel p { display: grid; grid-template-columns: 3.2em minmax(0, 1fr) 3em; align-items: center; gap: 10px; margin: 0; }
.os-panel p > span:last-child { text-align: right; }
.os-panel p.os-panel__line, .os-panel p.os-panel__ok { display: block; }
.os-console .os-panel__ok { color: var(--signal); }
.os-console .os-panel__ok::before { content: "● "; }
.os-meter { display: block; height: 8px; background: linear-gradient(to right, var(--signal) var(--v), var(--line) var(--v)); }

@media (max-width: 720px) {
  .os-page .cy-card-grid--2 { grid-template-columns: minmax(0, 1fr); }
  .os-console__panels { grid-template-columns: minmax(0, 1fr); }
}

.os-waitlist { display: grid; gap: var(--space-4); margin-top: var(--space-5); max-width: 60rem; }
.os-waitlist__trap { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.os-waitlist.is-done .cy-form-row, .os-waitlist.is-done .cy-actions { display: none; }
.os-waitlist.is-done #wl-status { color: var(--signal); font-size: var(--text-md, 1rem); }
.os-waitlist a { color: var(--signal); }
.os-page .cy-hero__actions + .cy-note { margin-top: var(--space-5); }
