/* FluidBridge, nudged towards surround.services: same black, Surround type,
   glass cards. Green, the phones and the layout stay FluidBridge's. */
:root {
  --bg: var(--sr-bg);
  --card: #0f1014;
  --card-2: #17181d;
  --line: rgba(255, 255, 255, 0.08);
  --text: #ffffff;
  --muted: rgba(255, 255, 255, 0.62);
  --font: var(--sr-sans);
}
body {
  letter-spacing: -0.01em;
  background:
    radial-gradient(900px 520px at 50% -120px, rgba(141, 198, 63, 0.13), transparent 70%),
    var(--bg) no-repeat;
}
h1, h2, h3, .display, .headline, .appname-title, .price .big, .brand {
  font-family: var(--sr-display);
  font-weight: 600;
  letter-spacing: -0.035em;
}
.display, .headline { line-height: 1; }
.nav { background: rgba(5, 5, 7, 0.72); }
.card, .flow .node, .table-card, .faq, .callout {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.02));
  border: 1px solid var(--line);
}
.eyebrow {
  font-family: var(--sr-mono);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}