:root { font-family: Inter, ui-sans-serif, system-ui, sans-serif; color: #18203c; background: #f8f7f3; }
body { margin: 0; }
main { width: min(680px, calc(100% - 48px)); margin: 0 auto; padding: 72px 0; }
.brand { display: inline-flex; align-items: center; gap: 10px; color: #18203c; font-weight: 800; text-decoration: none; }
.brand img { width: 34px; height: 34px; border-radius: 10px; }
h1 { margin: 76px 0 24px; font-size: clamp(52px, 8vw, 78px); letter-spacing: -.08em; line-height: 1; }
p { color: #66708e; font-size: 16px; line-height: 1.7; }
h2 { margin: 38px 0 8px; font-size: 22px; letter-spacing: -.04em; }
p a { color: #3b54d4; }
.note { padding: 16px; border: 1px solid #dfe4f2; border-radius: 12px; background: #fff; }
.back { display: inline-block; margin-top: 32px; color: #3b54d4; font-weight: 800; text-decoration: none; }