:root { color-scheme: light dark; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #14251f; background: #f3f6f4; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 40px 24px; }
main { width: 100%; max-width: 880px; }
.brand { display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 700; letter-spacing: .1em; }
.brand > span:last-child { font-weight: 400; color: #68796f; }
.mark { display: grid; place-items: center; width: 36px; height: 36px; margin-right: 5px; border-radius: 11px; background: #176a4b; color: white; font-size: 21px; }
.eyebrow { margin-top: 92px; color: #176a4b; font-weight: 600; font-size: 14px; }
h1 { margin: 18px 0 24px; font-size: clamp(38px, 7vw, 70px); font-weight: 600; line-height: 1.08; letter-spacing: -.045em; }
.intro { max-width: 510px; font-size: 19px; line-height: 1.6; color: #57665f; }
.notice { display: flex; align-items: center; gap: 11px; margin-top: 36px; font-size: 14px; line-height: 1.6; }
.dot { flex-shrink: 0; width: 8px; height: 8px; border-radius: 50%; background: #648374; }
footer { margin-top: 90px; color: #6b7a71; font-size: 12px; }
@media (prefers-color-scheme: dark) {
  :root { background: #111b16; color: #e6efe9; }
  .intro, footer, .brand > span:last-child { color: #a8b7ad; }
  .eyebrow { color: #80c6a2; }
}