:root {
  font-family: system-ui, sans-serif;
  color: #242a27;
  background: #f5f6f2;
  color-scheme: light;
}
body { margin: 0; }
main { max-width: 42rem; margin: 0 auto; padding: clamp(2rem, 9vw, 6rem) 1.5rem; }
h1 { margin: 0 0 1.5rem; font-size: clamp(2.5rem, 8vw, 4rem); line-height: 1.05; letter-spacing: -.045em; }
p { line-height: 1.65; }
a { color: #a33418; text-underline-offset: .2em; }
.product { display: inline-block; padding: .55rem 1rem; border: 1px solid currentColor; border-radius: .5rem; font-weight: 650; }
footer { display: flex; flex-wrap: wrap; gap: .75rem 1.25rem; margin-top: 2rem; padding-top: 1.25rem; border-top: 1px solid #d6dcd4; font-size: .875rem; }