1body { margin: 0; font-family: system-ui, sans-serif; }
 2.page { padding: 2rem; }
 3button { padding: 0.5rem 1rem; border-radius: 0.5rem; cursor: pointer; }
 4
 5.dialog-overlay {
 6  position: fixed;
 7  inset: 0;
 8  background: rgba(0, 0, 0, 0.55);
 9  z-index: 50;
10}
11
12.dialog-content {
13  position: fixed;
14  inset: 0;
15  display: grid;
16  place-items: center;
17  z-index: 51;
18}
19
20.dialog-content[role="dialog"] {
21  outline: none;
22}
23
24.lightbox {
25  display: flex;
26  flex-direction: column;
27  gap: 1rem;
28  background: white;
29  padding: 2rem;
30  border-radius: 1rem;
31  min-width: 360px;
32  max-width: 80vw;
33}
34
35.hero-title { font-size: 2rem; margin: 0; }
36.hero-hook { color: #555; }