/* Liftlogic website typography and palette; fonts are served on this origin. */
@font-face {
  font-family: "Space Grotesk";
  src: url("/fonts/SpaceGrotesk-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Space Grotesk";
  src: url("/fonts/SpaceGrotesk-Medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Space Grotesk";
  src: url("/fonts/SpaceGrotesk-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Space Mono";
  src: url("/fonts/SpaceMono-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
:root {
  --liftlogic-ink: #111210;
  --liftlogic-text: #2c2e29;
  --liftlogic-muted: #62665d;
  --liftlogic-paper: #f3f5f0;
  --liftlogic-line: #d4d8cf;
  --liftlogic-cyan: #17cde6;
  --liftlogic-cyan-hover: #3ad5ea;
  --liftlogic-lime: #cbfe34;
  --liftlogic-tint: #f1fbd6;
  --ink: var(--liftlogic-ink);
  --text: var(--liftlogic-text);
  --muted: var(--liftlogic-muted);
  --line: var(--liftlogic-line);
  --canvas: var(--liftlogic-paper);
  --accent: var(--liftlogic-ink);
  --accent-hover: var(--liftlogic-text);
  --tint: var(--liftlogic-tint);
  font-family: "Space Grotesk", Arial, sans-serif;
  font-synthesis: none;
  color: var(--liftlogic-ink);
  background: var(--liftlogic-paper);
}
body { font-family: "Space Grotesk", Arial, sans-serif; letter-spacing: -.02em; }
button, input, select, textarea { font-family: inherit; }
h1, h2, h3 { color: var(--liftlogic-ink); font-weight: 500; letter-spacing: -.04em; }
label, legend, button, #submit, .primary-button, .secondary-button { font-weight: 500; }
strong, .brand, .brand a { font-weight: 700; }
a { color: var(--liftlogic-ink); text-decoration-color: var(--liftlogic-cyan); text-decoration-thickness: 2px; }
a:hover { color: var(--liftlogic-ink); text-decoration-color: var(--liftlogic-ink); }
.brand, .page-header, header, footer, .page-footer { border-color: var(--liftlogic-line); }
header.brand { background: #fff; }
.brand a, .brand span, .page-header .brand { color: var(--liftlogic-ink); }
.brand span { border-color: var(--liftlogic-line); }
.brand-mark { background: var(--liftlogic-lime); color: var(--liftlogic-ink); }
.small-dot { background: var(--liftlogic-cyan); }
.eyebrow, .section-label, .receipt-label, .secret-label {
  font-family: "Space Mono", ui-monospace, monospace;
  font-weight: 400;
  letter-spacing: .08em;
  color: var(--liftlogic-text);
}
.intro > p:not(.eyebrow), .intro .note, .section-note, .optional, em,
small, .send > p, .send > p:first-child, #progress, footer, .page-footer {
  color: var(--liftlogic-muted);
}
form, .card, .privacy-content, .form-section, .send, .submit-area, .page-footer,
fieldset, .step-number, .contact-option { border-color: var(--liftlogic-line); }
h2 span {
  font-family: "Space Mono", ui-monospace, monospace;
  font-weight: 400;
  color: var(--liftlogic-ink);
  background: var(--liftlogic-lime);
  border-color: var(--liftlogic-lime);
}
input, select, textarea, input[type=text], input[type=password] {
  color: var(--liftlogic-ink);
  border-color: #9ca098;
  background: #fff;
}
input:hover, select:hover, textarea:hover { border-color: var(--liftlogic-ink); }
input:focus, select:focus, textarea:focus,
button:focus-visible, a:focus-visible, summary:focus-visible {
  outline: 2px solid var(--liftlogic-ink);
  outline-offset: 3px;
  box-shadow: 0 0 0 5px var(--liftlogic-cyan);
}
input[type=checkbox], input[type=radio], .check-row input,
body[data-case-kind="quality"] input[type=checkbox] { accent-color: var(--liftlogic-ink); }
input:disabled, textarea:disabled { background: var(--liftlogic-paper); }
input::placeholder, textarea::placeholder { color: var(--liftlogic-muted); }
.file-box, .memory-note, .contact-option { background: var(--liftlogic-paper); color: var(--liftlogic-text); border-color: var(--liftlogic-line); }
input::file-selector-button, #file-list button { font-family: inherit; background: #fff; color: var(--liftlogic-ink); border-color: #9ca098; }
button, #submit, .primary-button {
  background: var(--liftlogic-cyan);
  border-color: var(--liftlogic-cyan);
  color: var(--liftlogic-ink);
}
button:hover:not(:disabled), #submit:hover:not(:disabled), .primary-button:hover:not(:disabled) {
  background: var(--liftlogic-cyan-hover);
  border-color: var(--liftlogic-cyan-hover);
  color: var(--liftlogic-ink);
}
.secondary, .secondary-button, .text-button, .clear, #back {
  background: transparent;
  color: var(--liftlogic-ink);
  border-color: #9ca098;
}
.secondary:hover:not(:disabled), .secondary-button:hover:not(:disabled),
.text-button:hover:not(:disabled), .clear:hover:not(:disabled), #back:hover:not(:disabled) {
  background: var(--liftlogic-paper);
  color: var(--liftlogic-ink);
  border-color: var(--liftlogic-ink);
}
.acute, aside#notice, .confirmation, .success-mark, .status-badge, .receipt-secret {
  background: var(--liftlogic-tint);
  color: var(--liftlogic-ink);
  border-color: var(--liftlogic-lime);
}
.acute, aside#notice { border-left-color: var(--liftlogic-lime); }
.acute p:last-child { color: var(--liftlogic-text); }
.receipt-card { border-top-color: var(--liftlogic-lime); }
.step-number { color: var(--liftlogic-ink); }
.message { background: var(--liftlogic-paper); border-color: var(--liftlogic-line); }
.message.handler { background: var(--liftlogic-tint); border-color: var(--liftlogic-line); }
#receipt-id, .secret-text, .report-reference {
  font-family: "Space Mono", ui-monospace, monospace;
  font-weight: 400;
  letter-spacing: -.03em;
}
@media (forced-colors: active) {
  :focus-visible { outline-color: Highlight; box-shadow: none; }
  button, .primary-button, .secondary-button { border-color: ButtonText; }
}