/* chec — checyourshop.com. Cheque-paper light by day, ink dark at night (follows the device). */
:root {
  --bg: #f3f4ee; --paper: #ffffff; --panel-2: #ecede6; --line: rgba(15, 23, 32, .1); --rule: rgba(35, 64, 245, .07);
  --ink: #0f1720; --text: #2a3340; --muted: #5a6371; --blue: #2340f5; --blue-ink: #ffffff; --blue-soft: rgba(35, 64, 245, .1);
  --ok: #0e8f63; --warn: #9a6f06; --bad: #d2441f; --shadow: 0 1px 0 rgba(15, 23, 32, .05), 0 18px 40px rgba(15, 23, 32, .08);
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root { --bg: #0b1018; --paper: #141b26; --panel-2: #1b2331; --line: rgba(236, 238, 230, .1); --rule: rgba(125, 141, 255, .06);
    --ink: #eceee6; --text: #c9cdd6; --muted: #8b93a3; --blue: #7d8dff; --blue-ink: #0b1018; --blue-soft: rgba(125, 141, 255, .14);
    --ok: #3ccb92; --warn: #e3b33f; --bad: #ff7a57; --shadow: 0 1px 0 rgba(255, 255, 255, .03), 0 18px 40px rgba(0, 0, 0, .35);
    color-scheme: dark; }
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; scroll-padding-top: 84px; }   /* anchors land below the sticky nav */
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } * { animation: none !important; transition: none !important; } }
body { background: var(--bg); color: var(--text); font: 400 17px/1.5 "Archivo", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif; -webkit-font-smoothing: antialiased; }
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: -1;
  background: repeating-linear-gradient(0deg, transparent 0 37px, var(--rule) 37px 38px); }
a { color: inherit; }
img { display: block; max-width: 100%; }
.wrap { width: min(1160px, 100% - 32px); margin: 0 auto; }
h1, h2, h3 { color: var(--ink); font-weight: 800; font-stretch: 116%; letter-spacing: -.03em; line-height: .98; }
.num { font-family: "IBM Plex Mono", ui-monospace, monospace; font-weight: 600; letter-spacing: -.02em; }
.eyebrow { display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--blue); }
.logo { width: 92px; height: 25px; background: url("chec-wordmark-ink.svg") left center / contain no-repeat; }
@media (prefers-color-scheme: dark) { .logo { background-image: url("chec-wordmark-white.svg"); } }

/* buttons */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 0 22px; border-radius: 999px;
  border: 0; font-family: inherit; font-size: 16px; font-weight: 700; line-height: 1; text-decoration: none; cursor: pointer; transition: transform .15s ease, box-shadow .15s ease, background .15s ease; }
.btn:hover { transform: translateY(-1px); }
.btn:focus-visible { outline: 3px solid var(--blue); outline-offset: 3px; }
.btn-primary { background: var(--blue); color: var(--blue-ink); box-shadow: 0 10px 24px color-mix(in srgb, var(--blue) 30%, transparent); }
.btn-ghost { background: transparent; color: var(--ink); box-shadow: inset 0 0 0 1.5px var(--line); }
.btn-ghost:hover { box-shadow: inset 0 0 0 1.5px var(--ink); }
/* "Sign in with Google": white with the Google G, per Google's sign-in branding */
.btn-google { background: #fff; color: #1f1f1f; box-shadow: inset 0 0 0 1px #747775; font-family: "Roboto", "Archivo", sans-serif; font-weight: 500; }
.btn-google svg { width: 20px; height: 20px; flex: none; }
@media (prefers-color-scheme: dark) { .btn-google { background: #131314; color: #e3e3e3; box-shadow: inset 0 0 0 1px #8e918f; } }