/* The website's tokens (remitbridgelabs.org src/index.css), so these pages look like the
   same product. Plain and document-like on purpose: these are the pages app stores and
   partners open. */
:root {
  --background: #f9fafb; --foreground: #1c2024; --card: #ffffff; --muted: #5b6470;
  --border: #e4e7eb; --primary: #14705a; --primary-foreground: #ffffff; --accent: #e8f2ee;
  --hero: #14705a;
}
@media (prefers-color-scheme: dark) {
  :root {
    --background: #111416; --foreground: #eef1f4; --card: #1a1e22; --muted: #9aa3ae;
    --border: #2b3137; --primary: #3fae8e; --primary-foreground: #0b1f19; --accent: #173229;
    --hero: #0e4a3c;
  }
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: var(--background); color: var(--foreground);
  font: 16px/1.6 "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
}
header { background: var(--hero); color: #fff; }
header .wrap { display: flex; align-items: center; gap: 12px; padding-top: 20px; padding-bottom: 20px; }
header a { color: #fff; text-decoration: none; font-weight: 700; letter-spacing: -0.2px; }
header img { width: 28px; height: 28px; border-radius: 7px; display: block; }
.wrap { max-width: 720px; margin: 0 auto; padding: 0 16px; }
main.wrap { padding-top: 32px; padding-bottom: 64px; }
h1 { font-size: 30px; line-height: 1.2; letter-spacing: -0.5px; margin: 0 0 8px; }
h2 { font-size: 19px; letter-spacing: -0.2px; margin: 32px 0 8px; }
p, li { color: var(--foreground); }
.muted { color: var(--muted); }
a { color: var(--primary); }
ul { padding-left: 20px; }
.card {
  background: var(--card); border: 1px solid var(--border); border-radius: 12px;
  padding: 20px; margin: 24px 0;
}
.button {
  display: inline-block; background: var(--primary); color: var(--primary-foreground);
  text-decoration: none; font-weight: 600; border-radius: 10px; padding: 12px 20px;
}
.button.secondary { background: var(--card); color: var(--foreground); border: 1px solid var(--border); }
.actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 16px; }
footer { border-top: 1px solid var(--border); }
footer .wrap { padding-top: 20px; padding-bottom: 32px; display: flex; flex-wrap: wrap; gap: 16px; font-size: 14px; }
footer a { color: var(--muted); }