:root { font-family: system-ui, sans-serif; color: #27201d; background: #f7f1ea; }
* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; }
.shell { max-width: 560px; min-height: 100vh; margin: auto; padding: 72px 24px; }
.badge { display: inline-block; padding: 8px 14px; border-radius: 999px; background: #e7d7c8; color: #79523b; font-size: 14px; font-weight: 700; }
h1 { margin: 28px 0 12px; font-size: clamp(36px, 11vw, 64px); line-height: .98; letter-spacing: -.04em; }
.lead { color: #786d67; font-size: 18px; line-height: 1.5; }
.card { display: flex; gap: 14px; align-items: flex-start; margin-top: 40px; padding: 20px; border-radius: 24px; background: #fff; box-shadow: 0 12px 32px #60493612; }
.card p { margin: 7px 0 0; color: #786d67; line-height: 1.4; }
.dot { width: 12px; height: 12px; margin-top: 4px; flex: 0 0 auto; border-radius: 50%; background: #4c9b68; }