:root { color-scheme: light; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans JP", sans-serif; color: #233340; background: #f5f6f4; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100svh; display: grid; place-items: center; padding: 40px 24px; }
main { width: min(100%, 700px); padding: 64px 0; }
.brand { margin: 0; font-size: clamp(44px, 9vw, 76px); font-weight: 650; letter-spacing: -.065em; }
.dot { color: #447a75; }
.rule { margin: 40px 0 48px; height: 1px; background: #d9dfda; }
.eyebrow { font-size: 12px; font-weight: 650; letter-spacing: .18em; color: #447a75; }
h1 { margin: 22px 0; font-size: clamp(23px, 4.5vw, 32px); line-height: 1.65; font-weight: 600; letter-spacing: .02em; }
.description, .note { font-size: 15px; line-height: 1.9; color: #57646b; }
.note { margin-top: 8px; font-size: 13px; }
footer { margin-top: 80px; font-size: 12px; color: #57646b; letter-spacing: .03em; }
footer span { margin: 0 10px; color: #7c8b8a; }
@media (max-width: 480px) { main { padding: 24px 0; } .rule { margin: 28px 0 36px; } footer { margin-top: 56px; } }