:root { color-scheme: light; font-family: Inter, ui-sans-serif, system-ui, sans-serif; background: #f4f1ea; color: #20231f; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 24px; background: radial-gradient(circle at top left, #fff 0, transparent 42%), #f4f1ea; }
main { width: min(720px, 100%); padding: clamp(32px, 7vw, 72px); border: 1px solid #d7d0c3; border-radius: 28px; background: rgba(255,255,255,.78); box-shadow: 0 24px 70px rgba(49,45,37,.1); }
.eyebrow { margin: 0 0 18px; color: #8a4b2d; font-size: .78rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
h1 { margin: 0; max-width: 11ch; font-family: Georgia, serif; font-size: clamp(2.8rem, 9vw, 5.8rem); font-weight: 500; line-height: .98; }
main > p:not(.eyebrow) { max-width: 55ch; margin: 28px 0; color: #5d625b; font-size: 1.1rem; line-height: 1.75; }
.status { display: inline-block; padding: 8px 13px; border-radius: 999px; background: #efe3d7; color: #713c25; font-size: .84rem; font-weight: 750; }