:root {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #edf7f0;
  background: #07110f;
  font-synthesis: none;
}

* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background:
  radial-gradient(circle at 82% 8%, rgba(53, 167, 128, .16), transparent 30rem),
  radial-gradient(circle at 5% 62%, rgba(190, 116, 72, .12), transparent 34rem),
  #07110f; }
main { width: min(1120px, calc(100% - 40px)); margin: 0 auto; padding: 72px 0 96px; }
header { max-width: 830px; }
.eyebrow, .section-label { color: #78bfa3; letter-spacing: .15em; font-size: .72rem; font-weight: 760; }
h1 { margin: 12px 0 16px; max-width: 760px; font: 500 clamp(3.2rem, 8vw, 7.4rem)/.9 Georgia, serif; letter-spacing: -.065em; }
h2 { margin: 8px 0 12px; font: 500 clamp(1.7rem, 4vw, 2.9rem)/1 Georgia, serif; letter-spacing: -.035em; }
.lede { max-width: 730px; color: #b8cbc3; font-size: 1.16rem; line-height: 1.65; }
.boundary { display: inline-block; margin-top: 22px; padding: 9px 12px; border: 1px solid #24443a; border-radius: 999px; color: #93aaa1; font-size: .76rem; }
.status-grid { display: grid; grid-template-columns: repeat(4, 1fr); margin: 64px 0 24px; border: 1px solid #1b342c; border-radius: 18px; overflow: hidden; background: rgba(10, 25, 21, .82); }
.status-grid article { min-height: 108px; padding: 22px; border-right: 1px solid #1b342c; }
.status-grid article:last-child { border: 0; }
.status-grid span { display: block; color: #719087; font-size: .72rem; text-transform: uppercase; letter-spacing: .1em; }
.status-grid strong { display: block; margin-top: 22px; font-size: .96rem; font-weight: 620; overflow-wrap: anywhere; }
.journey, .evidence { margin-top: 24px; padding: 32px; border: 1px solid #1b342c; border-radius: 18px; background: rgba(9, 22, 19, .84); box-shadow: 0 28px 80px rgba(0,0,0,.18); }
.journey { display: grid; grid-template-columns: .8fr 1.2fr; gap: 44px; }
.journey p:not(.section-label) { color: #91a79f; line-height: 1.65; }
.actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; align-content: start; }
button, select { appearance: none; border: 1px solid #2e5b4b; border-radius: 11px; background: #153c30; color: #e8f5ee; padding: 13px 15px; font: inherit; cursor: pointer; transition: .18s ease; }
button:hover:not(:disabled) { background: #1d5140; transform: translateY(-1px); }
button:disabled { cursor: not-allowed; opacity: .28; }
button.quiet { background: transparent; color: #9db0a9; }
.evidence-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; }
select { min-width: 300px; background: #0c201a; }
pre { min-height: 280px; max-height: 620px; margin: 28px 0 0; padding: 22px; overflow: auto; border-radius: 12px; background: #040a08; border: 1px solid #142720; color: #abd7c4; font: .78rem/1.65 ui-monospace, SFMono-Regular, Menlo, monospace; white-space: pre-wrap; overflow-wrap: anywhere; }

@media (max-width: 760px) {
  main { width: min(100% - 24px, 1120px); padding-top: 42px; }
  .status-grid { grid-template-columns: repeat(2, 1fr); }
  .status-grid article:nth-child(2) { border-right: 0; }
  .status-grid article:nth-child(-n+2) { border-bottom: 1px solid #1b342c; }
  .journey { grid-template-columns: 1fr; gap: 24px; }
  .actions { grid-template-columns: 1fr; }
  .evidence-head { align-items: stretch; flex-direction: column; }
  select { min-width: 0; width: 100%; }
}