/* Ferrus Labs homepage skin — Ferrum Service Manager palette.
   Scoped per-site override loaded after /fleet-static/fleet-fsm-front.css
   via publisher_nav_extra.service_front.custom_css_href (ferruslabs.com only). */

:root {
  --fl-paper: #050505;
  --fl-ink: #f5f5f5;
  --fl-quiet: #b0b0b0;
  --fl-line: #303030;
  --fl-panel: #111111;
  --fl-forest: #181818;
  --fl-lime: #c8ee74;
  --fl-lime-hover: #a9d653;
  --fl-button-ink: #151515;
}

.homepage-variant-fsm-service {
  background: var(--fl-paper);
  color: var(--fl-ink);
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
}

/* Header */
.fsm-header {
  background: #0a0a0a;
  border-bottom: 1px solid var(--fl-line);
}
.fsm-brand {
  color: var(--fl-ink);
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  letter-spacing: -0.02em;
}
.fsm-nav a { color: var(--fl-ink); }
.fsm-nav a:hover, .fsm-card a:hover, .fsm-link:hover { color: var(--fl-lime); }
.fsm-menu-button { border-color: var(--fl-line); }
.fsm-menu-button:hover { border-color: var(--fl-lime); }

/* Drawer */
.fsm-drawer { background: var(--fl-panel); color: var(--fl-ink); }
.fsm-drawer__head { border-bottom-color: var(--fl-line); }
.fsm-drawer__head h2 { font-family: Inter, ui-sans-serif, system-ui, sans-serif; letter-spacing: -0.02em; }
.fsm-drawer nav a { color: var(--fl-ink); }
.fsm-drawer nav .fsm-button { color: var(--fl-button-ink); }

/* Buttons — lime pill */
.fsm-button {
  background: var(--fl-lime);
  color: var(--fl-button-ink);
  border-radius: 0.62rem;
  font-weight: 800;
}
.fsm-button:hover { background: var(--fl-lime-hover); }

/* Hero */
.fsm-hero {
  color: var(--fl-ink);
  background: var(--fl-paper);
  border-bottom: 1px solid var(--fl-line);
  padding: clamp(3rem, 8vw, 7.5rem) 0 5rem;
}
.fsm-hero__grid { align-items: center; }
.fsm-eyebrow {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  color: #d0d0d0;
}
.fsm-hero .fsm-eyebrow::before {
  content: "";
  width: 0.65rem;
  height: 0.65rem;
  border-radius: 99px;
  background: var(--fl-lime);
  box-shadow: 0 0 0 4px rgba(200, 238, 116, 0.16);
}
.fsm-hero h1, .fsm-section h2, .fsm-closing h2, .fsm-footer h2 {
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  letter-spacing: -0.06em;
  line-height: 1;
}
.fsm-hero h1 {
  font-size: clamp(3rem, 6vw, 5.4rem);
  line-height: 0.94;
  letter-spacing: -0.075em;
  max-width: 16ch;
}
.fsm-lead { color: var(--fl-quiet); }
.fsm-link { color: var(--fl-ink); }
.fsm-link span { color: var(--fl-lime); }
.fsm-trust { color: var(--fl-quiet); }
.fsm-trust li::before { color: var(--fl-lime); }
.fsm-stats div { border-color: var(--fl-line); background: var(--fl-panel); border-radius: 0.7rem; }
.fsm-stats strong { color: var(--fl-ink); }
.fsm-stats span { color: var(--fl-quiet); }

/* Sections */
.fsm-section { background: var(--fl-paper); }
.fsm-section--muted { background: #0a0a0a; border-top: 1px solid var(--fl-line); border-bottom: 1px solid var(--fl-line); }
.fsm-section h2, .fsm-closing h2 { letter-spacing: -0.06em; }
.fsm-grid { gap: 1rem; }
.fsm-card {
  background: var(--fl-panel);
  border: 1px solid var(--fl-line);
  border-radius: 1.1rem;
  box-shadow: none;
}
.fsm-card:hover { border-color: #3d3d3d; }
.fsm-card h3 { color: var(--fl-ink); }
.fsm-card p { color: var(--fl-quiet); }
.fsm-card a { color: var(--fl-lime); }
.fsm-card .fsm-eyebrow { color: var(--fl-quiet); }

/* Process */
.fsm-process li > span {
  background: var(--fl-lime);
  color: var(--fl-button-ink);
}
.fsm-process h3 { color: var(--fl-ink); }
.fsm-process p { color: var(--fl-quiet); }

/* Closing + footer */
.fsm-closing { background: var(--fl-forest); color: var(--fl-ink); border-top: 1px solid var(--fl-line); }
.fsm-closing p { color: var(--fl-quiet); }
.fsm-footer { background: var(--fl-paper); color: var(--fl-quiet); border-top: 1px solid var(--fl-line); }
.fsm-footer strong { color: var(--fl-ink); }
.fsm-footer__newsletter h2 { color: var(--fl-ink); }