@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

body,
html {
  font-family: 'Outfit', sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

/* Base text rendering optimizations */
body {
  -webkit-font-smoothing: antialiased; /* Better on WebKit (macOS Safari/Chrome) */
  -moz-osx-font-smoothing: grayscale; /* Better on Firefox/macOS */
  text-rendering: optimizeLegibility; /* Enables kerning/ligatures */
  font-smooth: always; /* Legacy, not widely supported */
}

/* For better cross-platform line-height */
body,
button,
input,
textarea {
  -webkit-text-size-adjust: 100%; /* Prevents auto-resizing on iOS Safari */
  -ms-text-size-adjust: 100%; /* Prevents auto-resizing on IE/Edge */
  text-size-adjust: 100%; /* Modern spec */
}

* {
  font-family: inherit;
}

.miso-logo {
  font-size: 24px;
  margin-left: 32px;
  padding-top: 12px;
  line-height: 1;
}

.content {
  padding: 50px 32px;
  margin: auto 0;
}
.content h1 {
  font-size: 94px;
  max-width: 764px;
  font-weight: 400;
  line-height: 1em;
  margin: 0;
}
.content p {
  font-size: 24px;
  line-height: 1.4em;
  max-width: 535px;
}

a.btn {
  border-radius: 50px;
  padding: 16px 24px;
  font-size: 24px;
  color: #fff;
  background: #000;
  display: block;
  width: fit-content;
  text-decoration: none;
  line-height: 1em;
  font-weight: 400;
  margin-top: 44px;
}

.main {
  min-height: 100dvh;
  display: grid;
  grid-template-rows: auto 1fr;
}