@font-face {
  font-family: Inter;
  src: url('/InterVariable.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
:root { color-scheme: light; font-family: Inter, sans-serif; }
* { box-sizing: border-box; }
body { min-height: 100vh; margin: 0; display: flex; flex-direction: column; background: #f6f6f2; color: #192524; }
main { width: min(100% - 48px, 820px); margin: auto; padding: 72px 0; }
.mark { display: inline-grid; place-items: center; width: 52px; height: 52px; border-radius: 15px; background: #d9f4e3; color: #176648; font-size: 30px; }
.eyebrow { margin: 62px 0 16px; color: #42705e; font-size: 13px; font-weight: 700; letter-spacing: .15em; }
h1 { max-width: 760px; margin: 0; font-size: clamp(38px, 6vw, 68px); font-weight: 650; line-height: 1.08; letter-spacing: -.045em; }
.intro { margin: 28px 0 0; color: #566561; font-size: clamp(17px, 2.2vw, 21px); line-height: 1.55; }
footer { width: min(100% - 48px, 820px); margin: 0 auto; padding: 26px 0 32px; color: #798581; font-size: 13px; }