/* Remaining Loom feedback, 26.10.2026. Keep the v6 baseline intact. */
.problem-intro h2 .dim { display: block; margin-bottom: .18em; }
.problem-intro .problem-takeaway { margin-top: 20px; color: var(--text); }
.proof-draft-head > span { line-height: 1.5; }

/* Orange identifies steps and interactions; green retains its status meaning. */
.security-index, .choice-index { color: var(--accent-2); }
.security-index::after { background: var(--accent-2); opacity: .4; }
.flow-cards article:hover .step-number,
.flow-cards article:focus-within .step-number { color: var(--accent-2); }
.step-number { transition: color .18s; }

/* Room for real portraits later, without inventing photographs. */
.founder-grid { gap: 24px; margin-top: 32px; }
.founder-grid article { grid-template-columns: 104px minmax(0, 1fr); column-gap: 24px; }
.portrait-placeholder {
  width: 104px;
  height: 120px;
  border-radius: 12px;
  font-size: 32px;
  background: linear-gradient(145deg, #2a3546, #1b2330);
}
.founder-grid h3 { align-self: end; margin-bottom: 7px; }
.founder-grid p { align-self: start; font-size: 12px; }

/* Shorter transitions where the feedback called out empty space. */
main > #so-funktionierts { padding-bottom: 52px; }
main > #ueber-uns { padding-bottom: 56px; }
main > #warum-jetzt { padding-top: 60px; }
main > #fragen { padding-bottom: 40px; }
main > #start { padding-top: 48px; padding-bottom: 116px; }

@media (max-width: 600px) {
  .founder-grid article { grid-template-columns: 82px minmax(0, 1fr); column-gap: 18px; }
  .portrait-placeholder { width: 82px; height: 98px; font-size: 27px; }
  .founder-grid h3 { font-size: 19px; }
  .founder-grid p { font-size: 11px; }
  main > #so-funktionierts { padding-bottom: 40px; }
  main > #ueber-uns { padding-bottom: 40px; }
  main > #warum-jetzt { padding-top: 44px; }
  main > #fragen { padding-bottom: 32px; }
  main > #start { padding-top: 40px; padding-bottom: 100px; }
}
@media (prefers-reduced-motion: reduce) {
  .step-number { transition: none; }
}