.thero { padding: 40px 0 30px; }
.tgrid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 40px; align-items: center; }
.thero h1 { font-size: clamp(64px, 12vw, 140px); color: var(--cream); margin: 4px 0 18px; text-shadow: 6px 6px 0 rgba(184,80,28,.6); }
.thero h1 .dot { color: var(--orange); }
.tart img { width: min(360px, 80%); margin: 0 auto; animation: bob 2.6s steps(2) infinite; }
@keyframes bob { 50% { transform: translateY(-6px); } }
.ca-card { padding: 22px; margin-top: 26px; }
.ca-top { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 14px; }
.ca-val { font-size: 15.5px; color: var(--cream); word-break: break-all; line-height: 1.6; }
.ca-card.live .ca-val { font-size: 17px; }
.ca-btns { display: flex; flex-wrap: wrap; gap: 6px; margin: 16px -4px 0; }
.ca-facts { display: grid; grid-template-columns: auto 1fr; gap: 6px 18px; margin: 18px 0 0; font-size: 15px; }
.ca-facts dt { color: var(--faint); }
.ca-facts dd { margin: 0; font-family: var(--mono); font-size: 14px; color: var(--ink); word-break: break-all; }
section.alt { background: linear-gradient(180deg, transparent, rgba(8,33,20,.9) 14%, rgba(8,33,20,.9) 86%, transparent); }
.two { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 34px; }
.gh { font-size: 26px; margin-bottom: 14px; padding-bottom: 10px; border-bottom: 3px solid var(--line); }
.gh.good { color: var(--leaf); }
.gh.warn { color: var(--amber); }
.list { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; color: var(--mut); font-size: 16.5px; }
.list li { padding-left: 24px; position: relative; }
.list li::before { content: ''; position: absolute; left: 0; top: 9px; width: 10px; height: 10px; background: var(--faint); }
.two > div:first-child .list li::before { background: var(--leaf); }
.two > div:last-child .list li::before { background: var(--amber); }
.list b { color: var(--cream); }
.list a { color: var(--amber); }
.narrow { max-width: 820px; }
.steps2 { list-style: none; counter-reset: s; padding: 0; margin: 24px 0 0; display: grid; gap: 14px; }
.steps2 li { counter-increment: s; position: relative; background: var(--card); padding: 18px 20px 18px 66px; color: var(--mut); box-shadow: 4px 0 0 0 var(--line), -4px 0 0 0 var(--line), 0 4px 0 0 var(--line), 0 -4px 0 0 var(--line); margin: 4px; }
.steps2 li::before { content: counter(s); position: absolute; left: 18px; top: 16px; width: 32px; height: 32px; display: grid; place-items: center; font-family: var(--pix); background: var(--orange); color: #1a0f05; box-shadow: 3px 3px 0 0 var(--chestnut); }
.steps2 b { color: var(--cream); }
.steps2 a { color: var(--amber); }
.links { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
@media (max-width: 860px) {
  .tgrid, .two { grid-template-columns: minmax(0, 1fr); }
  .tart { order: -1; }
  .tart img { width: 200px; }
}