:root {
  color: #16231d;
  background: #eef3ee;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-synthesis: none;
}

* { box-sizing: border-box; }
body {
  display: grid;
  min-height: 100vh;
  margin: 0;
  place-items: center;
  background: radial-gradient(circle at 80% 5%, rgb(161 211 173 / 55%), transparent 34rem), #eef3ee;
}
.landing { width: min(760px, calc(100% - 2rem)); padding: 4rem 0; }
.eyebrow { margin: 0 0 1rem; color: #48765c; font-size: .75rem; font-weight: 760; letter-spacing: .14em; text-transform: uppercase; }
h1 { max-width: 12ch; margin: 0 0 1.2rem; font-size: clamp(3rem, 9vw, 6.2rem); line-height: .93; letter-spacing: -.06em; }
.lede { max-width: 42rem; margin: 0 0 2rem; color: #53635b; font-size: 1.15rem; line-height: 1.55; }
.google-button { display: inline-flex; gap: .75rem; align-items: center; border-radius: .75rem; padding: .9rem 1.15rem; color: white; background: #245b3b; font-weight: 720; text-decoration: none; box-shadow: 0 12px 30px rgb(31 55 40 / 16%); }
.google-button:hover { background: #19472d; }
.google-button span { display: grid; width: 1.4rem; height: 1.4rem; place-items: center; border-radius: 50%; color: #245b3b; background: white; font-size: .8rem; }
.privacy-note { margin: 1rem 0 0; color: #6a766e; font-size: .78rem; }