:root { color-scheme: light; --navy: #071b3a; --blue: #1e7fdb; --border: #ddebfa; --sky: #f3fbff; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: linear-gradient(180deg, var(--sky), #fff 65%); color: var(--navy); font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
main { width: min(100% - 40px, 800px); margin: 0 auto; padding: clamp(72px, 14vh, 144px) 0 80px; }
.brand { display: inline-block; color: var(--navy); font-size: 17px; font-weight: 700; text-decoration: none; }
h1 { max-width: 680px; margin: 64px 0 20px; font-size: clamp(40px, 7vw, 72px); font-weight: 650; line-height: 1.05; letter-spacing: -0.04em; }
p { max-width: 590px; margin: 0; color: #344256; font-size: clamp(17px, 2vw, 19px); line-height: 1.6; }
.note { margin-top: 36px; padding-top: 20px; border-top: 1px solid var(--border); color: #5f6b7a; font-size: 14px; }
.note a { color: var(--blue); text-underline-offset: 3px; }