:root { color-scheme: dark; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; background: #111714; color: #e6e9df; }
* { box-sizing: border-box; }
body { margin: 0; }
.shell { min-height: 100svh; max-width: 760px; margin: auto; padding: max(32px, env(safe-area-inset-top)) 28px max(28px, env(safe-area-inset-bottom)); display: flex; flex-direction: column; }
header { font-size: 12px; letter-spacing: .16em; color: #b3baab; }
main { flex: 1; display: flex; flex-direction: column; justify-content: center; padding: 72px 0; }
.mark { width: 42px; height: 58px; border: 1px solid #879781; transform: rotate(-9deg); margin: 0 0 38px 6px; position: relative; }
.mark::after { content: ''; position: absolute; inset: -1px; border: 1px solid #53634e; transform: rotate(18deg); }
.eyebrow { color: #a6b795; font-size: 12px; letter-spacing: .12em; margin: 0 0 16px; }
h1 { font-weight: 500; font-size: clamp(34px, 8vw, 52px); line-height: 1.3; letter-spacing: -.035em; margin: 0 0 24px; }
.description { color: #9ba397; max-width: 320px; font-size: 15px; line-height: 1.9; margin: 0; }
footer { padding-top: 20px; border-top: 1px solid #2b352c; color: #8a9485; font-size: 12px; }