/* Shared styles for the standalone confirmation and privacy pages. */
.thanks-page {
  display:grid;
  min-height:100vh;
  place-items:center;
  margin:0;
  padding:24px;
  background:var(--surface-soft);
  color:var(--ink);
  font:16px/1.6 var(--sans)
}
.thanks-page .thanks {
  width:min(680px,100%);
  padding:clamp(28px,7vw,64px);
  box-sizing:content-box;
  background:var(--surface-white);
  border:1px solid var(--line)
}
.thanks-page .eyebrow {
  margin:0 0 18px;
  color:var(--rust);
  font:11px var(--mono);
  letter-spacing:.16em;
  text-transform:uppercase
}
.thanks-page h1 {
  margin:0 0 18px;
  font-size:clamp(38px,7vw,64px);
  line-height:1.02;
  letter-spacing:-.045em
}
.thanks-page p {
  max-width:490px;
  color:var(--muted)
}
.thanks-page .back {
  display:inline-flex;
  margin-top:16px;
  padding:13px 17px;
  background:var(--rust);
  color:var(--surface-white);
  text-decoration:none;
  font:11px var(--mono);
  letter-spacing:.08em;
  text-transform:uppercase
}
.thanks-page .back:hover {
  background:var(--ink)
}
.privacy-page {
  margin:0;
  background:var(--surface-white);
  color:var(--ink);
  font:16px/1.65 var(--sans)
}
.privacy-page .privacy {
  width:min(820px,calc(100% - 40px));
  margin:0 auto;
  padding:144px 0 96px
}
.privacy-page .back {
  display:inline-block;
  margin-bottom:50px;
  color:var(--rust);
  font:11px var(--mono);
  letter-spacing:.08em;
  text-transform:uppercase
}
.privacy-page .kicker {
  color:var(--rust);
  font:11px var(--mono);
  letter-spacing:.15em;
  text-transform:uppercase
}
.privacy-page h1 {
  margin:12px 0 26px;
}
.privacy-page h2 {
  margin:34px 0 10px;
  color:var(--ink);
  font:700 21px/1.25 var(--sans);
  letter-spacing:-.025em
}
.privacy-page p,
.privacy-page li {
  color:var(--muted)
}
.privacy-page a {
  color:inherit;
  text-underline-offset:3px
}