/* chit.ink public website (layouts/site.html.erb). The API serves no pages
   that use this; application.css stays untouched. */

:root{
  --ink:#1b1b1f; --muted:#5b5b66; --bg:#fffdf8; --card:#ffffff;
  --accent:#208AEF; --rule:#e6e2d8;
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  line-height:1.6;
}
header{max-width:44rem; margin:0 auto; padding:1.5rem 1.5rem 0;
  display:flex; align-items:baseline; justify-content:space-between}
.wordmark{font-family:ui-monospace,"SF Mono",Menlo,monospace;
  font-weight:700; font-size:1.35rem; letter-spacing:.18em;
  color:var(--ink); text-decoration:none}
.wordmark span{color:var(--accent)}
header nav a{color:var(--muted); text-decoration:none; margin-left:1rem}
main{max-width:44rem; margin:0 auto; padding:1.5rem}
h1{font-size:1.9rem; line-height:1.25; margin:1.2rem 0 .6rem}
h2{font-size:1.15rem; margin:2rem 0 .4rem}
p{margin:.6rem 0}
.muted{color:var(--muted)}
a{color:var(--accent)}
.btn{display:inline-block; background:var(--accent); color:#fff;
  text-decoration:none; padding:.85rem 1.4rem; border-radius:.75rem;
  font-weight:600; margin:.75rem 0}
.receipt{
  /* 42 monospace columns must always fit: below ~430px viewports the
     font shrinks with the screen (1ch ≈ .6em, so 42 cols ≈ 25.2em;
     6rem covers page + card padding with margin to spare). */
  font-family:ui-monospace,"SF Mono",Menlo,monospace;
  font-size:min(.78rem, calc((100vw - 6rem) / 25.2));
  background:var(--card); border:1px solid var(--rule); border-radius:.35rem;
  padding:1.1rem clamp(.7rem, 2.5vw, 1.2rem); margin:1.5rem auto; white-space:pre;
  width:max-content; max-width:100%;
  box-shadow:0 6px 18px rgba(27,27,31,.07);
}
footer{max-width:44rem; margin:2rem auto 0; padding:1.5rem;
  border-top:1px solid var(--rule); font-size:.85rem; color:var(--muted)}
footer nav a{color:var(--muted); margin-right:1rem}
ul{padding-left:1.2rem}
li{margin:.3rem 0}

/* Waitlist form (site/home) */
.waitlist-row{display:flex; gap:.5rem; flex-wrap:wrap; margin:.75rem 0}
.waitlist-row input[type="email"]{
  flex:1; min-width:14rem; padding:.85rem 1rem; font-size:1rem;
  border:1px solid var(--rule); border-radius:.75rem; background:#fff}
.waitlist-row .btn{border:0; cursor:pointer; margin:0; font-size:1rem}
.waitlist-consent{font-size:.85rem}
.honeypot{position:absolute; left:-9999px}
.get-app{margin-top:1.25rem}