/* LambethAI public website — approved gunmetal / blue palette. */
:root {
  --bg: #363f48;
  --panel: #2e3740;
  --panel-2: #39444f;
  --line: #62707d;
  --text: #f4f6f8;
  --muted: #b8c2cc;
  --blue: #179fe5;
  --blue-2: #73caff;
}
body {
  background: radial-gradient(circle at 78% 6%, rgba(23,159,229,.10), transparent 34rem),
              radial-gradient(circle at 8% 66%, rgba(23,159,229,.06), transparent 30rem),
              var(--bg);
}
.button { background: #424e5a; border-color: #82909d; }
.button.primary { background: #179fe5; border-color: #179fe5; color: #14202a; }
.button.primary:hover { background: #73caff; border-color: #73caff; }
.button.quiet { background: #252c33; }
.lead, .lead strong:first-child, .monitor-footer strong { color: var(--text); }
.supporting-copy, .trust-row, .monitor-footer small, .site-footer,
.cookie-settings-link, .cookie-copy p { color: var(--muted); }
.text-link, .customer-card a { color: #a5ddff; }
.text-link:hover, .cookie-settings-link:hover { color: #f4f6f8; }
.monitor-card {
  background: linear-gradient(145deg, #424e5a, #2e3740);
  border-color: var(--line);
  box-shadow: 0 38px 100px rgba(0,0,0,.28), 0 0 0 9px rgba(37,44,51,.55);
}
.camera-preview {
  border-color: var(--line);
  background: linear-gradient(145deg, transparent 46%, rgba(39,115,164,.24) 47%, transparent 49%),
              radial-gradient(circle at 68% 34%, rgba(78,170,230,.4), transparent 16%),
              linear-gradient(155deg, #394d5f, #252c33 68%);
}
.customer-card { background: #39444f; border-color: var(--line); }
.form-card { background: linear-gradient(150deg, #39444f, #2e3740); border-color: var(--line); }
.cookie-banner { background: rgba(46,55,64,.98); border-color: var(--line); }
.cookie-copy strong { color: var(--text); }
:focus-visible { outline: 2px solid #73caff; outline-offset: 3px; }