:root { color-scheme: light; font-family: "Inter", "Helvetica Neue", Arial, sans-serif; color: #202122; background: #faf9f6 }
* { box-sizing: border-box }
body { margin: 0 auto; padding: 0 clamp(20px, 6vw, 72px); max-width: 920px }
header, footer { padding: 24px 0; border-color: #d7d6d0; border-style: solid; border-width: 0 }
header { border-bottom-width: 1px }
header a { font-weight: 750; text-decoration: none; font-size: 1.15rem; letter-spacing: -.025em }
main { padding: clamp(42px, 7vw, 76px) 0; max-width: 44rem }
h1 { font-size: clamp(2.15rem, 6vw, 4rem); letter-spacing: -.045em; line-height: 1.05; margin: 0 0 1.5rem; overflow-wrap: anywhere }
h2 { font-size: 1.25rem; letter-spacing: -.025em; margin: 2rem 0 .5rem }
p, li { font-size: 1.08rem; line-height: 1.6 }
a { color: inherit; text-underline-offset: .2em }
a:hover { color: #7242b0 }
a:focus-visible { outline: 2px solid #7242b0; outline-offset: 4px }
.action { display: inline-block; padding: .7rem 1.05rem; background: #27232c; color: white; text-decoration: none; border-radius: 6px; margin-top: .5rem }
.action:hover { background: #584071; color: white }
footer { border-top-width: 1px; display: flex; flex-wrap: wrap; gap: .8rem 1.4rem; font-size: .94rem }