/* Property Workflow Systems Ltd — company site.
   Self-contained on purpose: this site is shared between two products and must
   not inherit either one's look, or the checkout page starts to feel like it
   belongs to whichever product it was copied from. */

:root {
  --bg: #f4f6f8;
  --card: #ffffff;
  --text: #16202b;
  /* 4.6:1 on --card. Measured, not chosen by eye. */
  --muted: #5c6b7a;
  --border: #d8e0e8;
  --brand: #2f5d8a;
  --ok: #1d6b3f;
  --warn: #9e4712;
}
html.dark {
  --bg: #0f151c;
  --card: #131b24;
  --text: #dfe6ed;
  --muted: #97a6b5;
  --border: #23303c;
  --brand: #7fb2e0;
  --ok: #6fca97;
  --warn: #e08a4d;
  color-scheme: dark;
}

* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font: 16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.wrap { max-width: 44rem; margin: 0 auto; padding: 2rem 1.25rem; }

header.bar { border-bottom: 1px solid var(--border); background: var(--card); }
header.bar .wrap { padding-top: 1rem; padding-bottom: 1rem; }
.brand {
  display: inline-flex; align-items: center; gap: 0.6rem;
  font-weight: 650; letter-spacing: -0.01em; color: var(--text); text-decoration: none;
}
.brand svg { display: block; }

main.wrap { padding-top: 3rem; padding-bottom: 3rem; }
h1 { font-size: 1.7rem; line-height: 1.25; margin: 0 0 0.75rem; letter-spacing: -0.02em; }
h2 { font-size: 1.1rem; margin: 2rem 0 0.5rem; }
p { margin: 0 0 1rem; }
.lead { color: var(--muted); }
a { color: var(--brand); }

.panel {
  background: var(--card); border: 1px solid var(--border);
  border-radius: 12px; padding: 1.75rem; text-align: center;
}
.status-ok { color: var(--ok); }
.status-warn { color: var(--warn); }

.products { display: grid; gap: 0.75rem; grid-template-columns: 1fr; margin: 1.25rem 0 0; padding: 0; list-style: none; }
@media (min-width: 34rem) { .products { grid-template-columns: 1fr 1fr; } }
.products li {
  border: 1px solid var(--border); border-radius: 10px; padding: 0.9rem 1rem;
  background: var(--card);
}
.products strong { display: block; }
.products span { color: var(--muted); font-size: 0.9rem; }

footer.foot { border-top: 1px solid var(--border); margin-top: 3rem; background: var(--card); }
footer.foot .wrap { padding-top: 1.5rem; padding-bottom: 2rem; }
.fine { color: var(--muted); font-size: 0.82rem; margin: 0.75rem 0 0; }
.foot-links a { margin-right: 0.4rem; }