body { margin: 0; font-family: system-ui, sans-serif; }
.page { padding: 2rem; }
.hero-title { font-size: 2rem; }
.hero-hook { color: #555; }
.input-row { display: flex; gap: 1rem; margin: 1.5rem 0; }
.demo-input {
  flex: 1;
  min-height: 44px;
  padding: 0.75rem 1rem;
  font-size: 1rem;
  border: 1px solid #ddd;
  border-radius: 0.5rem;
}
.feature-grid { display: grid; gap: 1rem; grid-template-columns: repeat(2, 1fr); }
.feature-card { padding: 1rem; border: 1px solid #ddd; border-radius: 0.5rem; }