/* Terminal-style hero (tmux panes). Replaces the original first section on the home page. */
/* the original home hero never paints (it exists only on the home page) */
section[aria-labelledby="hero-title"] { display: none !important; }

.ha-hero { --g: #3DFF8F; --ink: #E8FFF0; --txt: #C9F5D6; --sub: #9CCBAA; --dim: #6FA383; --line: #1F3A28; --line2: #2A5C3B; --amber: #FFB454; --red: #FF6B8B;
  margin: 18px 0 40px; color: var(--txt); background: #000; font-family: var(--font-mono, 'JetBrains Mono', ui-monospace, monospace); font-size: 14px; line-height: 1.6; }
.ha-hero * { box-sizing: border-box; }
.ha-hero a { color: var(--txt); }
.ha-hero a:hover { color: var(--g); }
.ha-grid { border: 1px solid var(--line); display: flex; flex-wrap: wrap; }
.ha-pane { min-width: 0; border: 1px solid var(--line); padding: 20px; }
.ha-pane.on { border-color: var(--g); }
.ha-k { font-size: 12px; color: var(--dim); }
.ha-k b { color: var(--g); font-weight: 500; }

.ha-p0 { flex: 2 1 640px; padding: 36px 32px; display: flex; flex-direction: column; justify-content: center; }
.ha-art { margin: 30px 0 0; font: inherit; font-size: clamp(10px, 1.9vw, 26px); line-height: 1; color: var(--g); white-space: pre; overflow: hidden; max-width: 100%; text-shadow: 0 0 22px rgba(61,255,143,.35); }
.ha-art i { font-style: normal; animation: ha-blink 1.1s steps(1) infinite; }
.ha-h1 { margin: 16px 0 0; font-size: clamp(34px, 4.3vw, 60px); line-height: 1; font-weight: 800; letter-spacing: -.03em; color: var(--ink); }
.ha-h1 span { color: var(--g); }
.ha-lead { margin: 20px 0 0; max-width: 560px; color: var(--sub); }
.ha-btns { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }
.ha-btn { padding: 13px 20px; text-decoration: none; font-weight: 800; border: 1px solid var(--line2); }
.ha-hero a.ha-btn.pri { background: var(--g); color: #04140A; border-color: var(--g); }
.ha-hero a.ha-btn.pri:hover { background: #7dffb4; color: #04140A; }

.ha-p1 { flex: 1 1 360px; display: flex; flex-direction: column; }
.ha-pre { margin: 12px 0 0; font: inherit; white-space: pre-wrap; color: var(--sub); }
.ha-pre .d { color: var(--dim); }
.ha-form { display: flex; gap: 8px; margin-top: 14px; }
.ha-form label { align-self: center; color: var(--g); }
.ha-form input { flex: 1; min-width: 0; min-height: 44px; padding: 0 10px; background: #050806; border: 1px solid var(--line2); color: var(--ink); font: inherit; font-size: 14px; outline: none; }
.ha-form input:focus { border-color: var(--g); }
.ha-form button { min-height: 44px; padding: 0 14px; background: var(--g); color: #04140A; border: 0; font: inherit; font-weight: 800; cursor: pointer; }
.ha-form button:disabled { opacity: .5; cursor: wait; }
.ha-out { margin: 12px 0 0; padding: 10px 12px; border: 1px solid var(--line); background: #050806; white-space: pre-wrap; word-break: break-word; color: var(--ink); max-height: 220px; overflow: auto; font-size: 13px; }
.ha-out:empty { display: none; }
.ha-out .meta { color: var(--dim); }
.ha-out .err { color: var(--red); }

.ha-p2 { flex: 1 1 420px; }
.ha-log { margin: 12px 0 0; font: inherit; font-size: 13px; line-height: 1.75; overflow: hidden; white-space: pre; color: var(--txt); }
.ha-log .t { color: var(--dim); }
.ha-log .b { color: var(--g); }
.ha-log .s { color: var(--red); }
.ha-log a { text-decoration: none; }
.ha-cur { background: var(--g); color: var(--g); animation: ha-blink 1.1s steps(1) infinite; }

.ha-p3 { flex: 1 1 420px; }
.ha-big { display: flex; justify-content: space-between; align-items: baseline; margin-top: 14px; }
.ha-big b { font-size: 40px; font-weight: 800; color: var(--amber); font-variant-numeric: tabular-nums; }
.ha-dl { margin: 12px 0 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 16px; }
.ha-dl dt { font-size: 12px; color: var(--dim); }
.ha-dl dd { margin: 0; color: var(--ink); font-size: 18px; font-weight: 700; }
.ha-dl dd.g { color: var(--g); }
.ha-dl.sm dd { font-size: 14px; font-weight: 500; }
.ha-dl dd.up { color: var(--g); }
.ha-dl dd.down { color: var(--red); }

.ha-p4 { flex: 1 1 360px; }
.ha-p5, .ha-p6 { flex: 1 1 560px; }
.ha-steps { margin: 14px 0 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; }
.ha-steps .n { color: var(--g); }
.ha-steps .x { color: var(--sub); }
.ha-env { margin: 12px 0 0; font: inherit; line-height: 1.8; overflow-x: auto; color: var(--ink); white-space: pre; }
.ha-env .ln { color: var(--line2); }
.ha-env .u { color: var(--g); }
.ha-env .k { color: var(--amber); }
.ha-env .c { color: var(--dim); }

.ha-bar { background: var(--g); color: #04140A; display: flex; flex-wrap: wrap; gap: 4px 16px; padding: 4px 10px; font-weight: 700; font-size: 13px; }
.ha-bar span.on { background: #04140A; color: var(--g); padding: 0 6px; }
.ha-bar .r { margin-left: auto; }
.ha-bar a { color: #04140A; text-decoration: none; }
.ha-bar a:hover { text-decoration: underline; color: #04140A; }

@keyframes ha-blink { 50% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .ha-cur, .ha-art i { animation: none; } }
@media (max-width: 640px) {
  .ha-p0 { padding: 26px 18px; }
  .ha-pane { padding: 16px; }
  .ha-bar .r { margin-left: 0; }
}