.app-page h1 { max-width: 16ch; }
.app-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(260px, 0.85fr);
  gap: 28px;
  align-items: start;
}
.app-copy p {
  margin: 0 0 14px;
  max-width: 62ch;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.55;
  min-height: 0;
}
.app-copy .project-price { color: var(--text); }
.app-shot {
  background: #0c1118;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 16px;
  overflow: hidden;
}
.app-shot img { width: 100%; height: auto; display: block; }
.app-related { margin-top: 42px; }
.app-related h2 {
  margin: 0 0 14px;
  font-family: var(--display);
  font-size: 22px;
  letter-spacing: -0.03em;
}
.app-related a {
  display: inline-block;
  margin: 0 16px 10px 0;
  color: var(--green);
  font-weight: 600;
}
.app-related a:hover { color: #fff; }
@media (max-width: 800px) {
  .app-layout { grid-template-columns: 1fr; }
}