:root {
  --quantum-core:#0B0F19;
  --ferro-carbon:#1E293B;
  --titanium-slate:#475569;
  --anodized-silver:#E2E8F0;
  --signal-cyan:#06B6D4;
  --logic-violet:#7C3AED;
  --terminal-emerald:#10B981;
  --thermal-amber:#F59E0B;
  --actuator-red:#EF4444;

  --bg:var(--quantum-core);
  --surface:var(--ferro-carbon);
  --line:var(--titanium-slate);
  --ink:var(--anodized-silver);
  --action:var(--signal-cyan);
  --on-action:var(--quantum-core);
  --logic:var(--logic-violet);
  --ok:var(--terminal-emerald);
  --warn:var(--thermal-amber);
  --error:var(--actuator-red);
}

*{box-sizing:border-box}
html{background:var(--bg)}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:Inconsolata,"SFMono-Regular",Consolas,"Liberation Mono","Courier New",monospace;
  font-size:15px;
  line-height:20px;
}
a{color:var(--action)}
a:focus-visible{outline:2px solid var(--action);outline-offset:2px}
.shell{width:min(1040px,calc(100% - 32px));margin:0 auto}
.site-header{padding:32px 0 24px;border-bottom:1px solid var(--line)}
.wordmark{display:block;width:180px;height:auto}

main{padding:48px 0}
.hero{max-width:840px;padding:48px 0 64px}
.eyebrow{
  margin:0 0 16px;
  font-size:13px;
  line-height:16px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.eyebrow::first-letter{color:var(--action)}
h1,h2,h3,p{margin-top:0}
h1{
  margin-bottom:24px;
  font-size:48px;
  line-height:56px;
  font-weight:700;
  letter-spacing:-.02em;
  max-width:780px;
}
.hero-copy{
  max-width:680px;
  margin-bottom:32px;
  font-size:20px;
  line-height:28px;
}
.primary-action{
  display:inline-block;
  min-height:32px;
  padding:6px 12px;
  border:1px solid var(--action);
  background:var(--action);
  color:var(--on-action);
  font-weight:700;
  text-decoration:none;
}
.primary-action:hover{background:var(--bg);color:var(--action)}

.ventures{padding:48px 0;border-top:1px solid var(--line)}
.section-head{max-width:680px;margin-bottom:32px}
.section-head h2{font-size:32px;line-height:40px;margin-bottom:8px}
.section-head p:last-child{font-size:13px;line-height:16px}
.venture-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.venture{
  display:flex;
  min-height:240px;
  flex-direction:column;
  padding:24px;
  border:1px solid var(--line);
  background:var(--surface);
  color:var(--ink);
  text-decoration:none;
}
a.venture:hover{border-color:var(--action)}
.venture-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:24px;
}
.venture h3{margin:0;font-size:20px;line-height:28px}
.venture p{margin-bottom:24px}
.venture-link{margin-top:auto;font-size:13px;line-height:16px;color:var(--action)}
.status{font-size:13px;line-height:16px;font-weight:700}
.status-ok{color:var(--ok)}
.status-run{color:var(--action)}

.site-footer{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:16px;
  padding:24px 0 32px;
  border-top:1px solid var(--line);
  font-size:13px;
  line-height:16px;
}
.site-footer p{margin:0}
.footer-mark{width:32px;height:32px}

@media (max-width:720px){
  .shell{width:min(100% - 24px,1040px)}
  .site-header{padding:24px 0}
  .wordmark{width:152px}
  main{padding:24px 0}
  .hero{padding:32px 0 48px}
  h1{font-size:32px;line-height:40px}
  .hero-copy{font-size:16px;line-height:24px}
  .ventures{padding:32px 0}
  .venture-grid{grid-template-columns:1fr}
  .venture{min-height:220px}
  .site-footer{grid-template-columns:auto 1fr}
  .site-footer p:last-child{grid-column:2}
}