:root {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #12342a;
  background: #eef7f3;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  min-height: 100vh;
  background:
    radial-gradient(circle at 10% 10%, rgba(48, 182, 135, .18), transparent 34rem),
    linear-gradient(150deg, #f8fcfa, #e8f4ef);
}

main {
  width: min(760px, calc(100vw - 40px));
  margin: 0 auto;
  padding: 11vh 0 60px;
}

.eyebrow {
  color: #16815e;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .16em;
}

h1 { margin: 14px 0; font-size: clamp(34px, 7vw, 66px); line-height: 1.04; }
h2 { margin-top: 0; }
p { color: #587169; line-height: 1.7; }

.card {
  margin-top: 40px;
  padding: 28px;
  border: 1px solid rgba(21, 110, 81, .13);
  border-radius: 20px;
  background: rgba(255, 255, 255, .86);
  box-shadow: 0 24px 70px rgba(20, 80, 60, .1);
}

button {
  min-height: 46px;
  padding: 0 20px;
  border: 0;
  border-radius: 12px;
  color: white;
  background: #126f51;
  font: inherit;
  font-weight: 720;
  cursor: pointer;
}

pre {
  overflow-wrap: anywhere;
  white-space: pre-wrap;
  color: #31574a;
}

footer { margin-top: 34px; color: #789087; font-size: 13px; }
a { color: #126f51; }