.landing-envelope {
  margin-top: 26px;
  padding: clamp(18px, 3vw, 30px);
  border: 1px solid var(--border, #263642);
  background: linear-gradient(145deg, #0d151d, #080d13 72%);
}
.landing-envelope[hidden] { display: none; }
.landing-envelope-head { display: flex; justify-content: space-between; align-items: end; gap: 20px; }
.landing-envelope-head h2 { margin: 8px 0 0; font-size: clamp(22px, 3vw, 34px); }
.landing-envelope-copy { max-width: 780px; color: var(--muted, #91a0ad); line-height: 1.7; }
.landing-envelope-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 18px 0; }
.landing-envelope-summary > div { display: grid; gap: 6px; padding: 14px; border: 1px solid var(--border, #263642); background: #ffffff04; }
.landing-envelope-summary strong { color: var(--ice, #a5e8ff); font: 22px var(--mono, monospace); }
.landing-envelope-summary span { color: var(--muted, #91a0ad); font-size: 12px; }
.landing-envelope-scroll { max-width: 100%; overflow: auto; border: 1px solid var(--border, #263642); }
.landing-envelope-scroll:focus-visible { outline: 2px solid var(--ice, #a5e8ff); outline-offset: 3px; }
#landing-envelope-table { width: 100%; min-width: 820px; border-collapse: collapse; font: 10px var(--mono, monospace); }
#landing-envelope-table th, #landing-envelope-table td { padding: 9px 7px; text-align: center; border: 1px solid #263642; white-space: nowrap; }
#landing-envelope-table thead th, #landing-envelope-table tbody th { color: var(--muted, #91a0ad); background: #ffffff06; font-weight: 500; }
#landing-envelope-table td { color: #dbe5ec; }
#landing-envelope-table td.envelope-safe { color: #a9f0cd; background: #1d8d5826; }
#landing-envelope-table td.envelope-fail { color: #ffd28a; background: #d4861726; }
#landing-envelope-table td.envelope-no-touchdown { color: #ff9ea8; background: #d53c4a26; }
.project-metric { max-width: 42rem; padding: .85rem 1rem; border-left: 2px solid var(--ice, #a5e8ff); background: #a5e8ff0a; font-family: var(--mono, monospace); }
.engineering-record { margin-block: 2rem; padding: clamp(1rem, 3vw, 2rem); border: 1px solid #a5e8ff3d; background: #0c141b7a; }
.engineering-record h2 { margin: .4rem 0 1rem; }
.engineering-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: .75rem; }
.engineering-metrics > div { padding: 1rem; border: 1px solid #ffffff20; }
.engineering-metrics dt { color: var(--ice, #a5e8ff); font-family: var(--mono, monospace); font-size: .8rem; text-transform: uppercase; }
.engineering-metrics dd { margin: .5rem 0; font-size: 1.15rem; }
.engineering-metrics small { display: block; color: var(--muted, #91a0ad); }
@media (max-width: 640px) {
  .landing-envelope-head { align-items: start; flex-direction: column; }
  .landing-envelope-summary { grid-template-columns: 1fr; }
}