@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/inter-regular.ttf") format("truetype");
}

:root {
  font-family: Inter, Arial, sans-serif;
  font-synthesis: none;
  color: #cf0e2a;
  background: #fff;
  --brand-gradient: linear-gradient(90deg, #75bd20 0%, #ffc727 19.712%, #ff661b 40%, #cf0e2a 60%, #b01bab 80%, #00a1de 99.99%);
}

* { box-sizing: border-box; }
body { margin: 0; }

main {
  min-height: 100vh;
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: 24px 16px;
}

.brand {
  width: min(492px, 100%);
  container-type: inline-size;
  text-align: center;
  /* The Figma wordmark itself sits at the vertical midpoint. */
  transform: translateY(11px);
}

h1, p {
  margin: 0;
  font-weight: 400;
  background-image: var(--brand-gradient);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  white-space: nowrap;
}

h1 {
  font-size: min(18.067vw, 94.316px);
  font-size: 19.1699187cqw;
  line-height: 1.208691;
  letter-spacing: 0;
}

p {
  width: 17.682927%;
  margin-inline: auto;
  font-size: min(3.51vw, 18.319px);
  font-size: 3.723374cqw;
  line-height: 1.200939;
  letter-spacing: -0.595752cqw;
}

@media (forced-colors: active) {
  h1, p { background: none; color: CanvasText; }
}

@media print {
  main { min-height: 100vh; }
  h1, p { print-color-adjust: exact; -webkit-print-color-adjust: exact; }
}