/* WEB_THEME_V1 (2026-11-05): the saas-logic.com legal pages in the FacilityView360 design. Loaded after shared.css + site.css. */
:root{--ink:#08171f;--ink2:#0f2a36;--teal:#0a9199;--teal2:#0cb3bc;--orange:#ff8a00;--muted2:#93a6ab}
body{background:#fff;font:16px/1.6 "Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
body>nav.shell{position:sticky;top:0;z-index:50;width:auto;min-height:66px;margin:0;padding:0 max(24px,calc((100% - 1152px)/2));background:rgba(8,23,31,.96);border-bottom:1px solid rgba(255,255,255,.08);color:#fff}
body>nav.shell .logo{font-size:18px;letter-spacing:-.01em}
body>nav.shell .logo em{color:#fff}
body>nav.shell .logo-mark{width:30px;height:30px;border:0;border-radius:8px;background:linear-gradient(135deg,var(--teal),var(--teal2));color:#fff;font-size:12px}
body>nav.shell .links{gap:4px;margin-left:auto;margin-right:16px}
body>nav.shell .links a{padding:8px 12px;border-radius:8px;color:#d4e0e2;font-size:14.5px;font-weight:600}
body>nav.shell .links a:hover{color:#fff;background:rgba(255,255,255,.07)}
body>nav.shell .links a[aria-current="page"]{color:#fff}
body>nav.shell .button{min-height:40px;padding:0 18px;border:0;border-radius:999px;background:var(--orange);color:#1b0f00;font-size:14px;letter-spacing:0;text-transform:none;font-weight:700;gap:0}
body>nav.shell .button:hover{background:#ff9d2b}
.legal-head{width:auto;max-width:none;margin:0;padding:56px max(24px,calc((100% - 1152px)/2)) 48px;border:0;color:#fff;
  background:radial-gradient(1200px 520px at 85% -10%,rgba(10,145,153,.35),transparent 60%),linear-gradient(180deg,var(--ink) 0%,var(--ink2) 100%)}
.legal-head .eyebrow{color:var(--teal2)}
.legal-head h1{letter-spacing:-.025em;line-height:1.05}
.legal-head .lead{color:#c3d3d6}
.legal-head .lead a{color:#fff}
.legal-meta{color:#9fb6ba}
.legal-meta strong{color:#fff}
.kicker,.eyebrow{color:var(--teal)}
.legal h2{letter-spacing:-.02em}
.callout{border-radius:12px}
body>footer.shell{width:auto;margin:0;padding:34px max(24px,calc((100% - 1152px)/2));background:var(--ink);border:0;color:#9fb6ba;font-size:14px}
body>footer.shell .logo{color:#fff}
body>footer.shell .logo em{color:#fff}
body>footer.shell .logo-mark{width:30px;height:30px;border:0;border-radius:8px;background:linear-gradient(135deg,var(--teal),var(--teal2));color:#fff;font-size:12px}
body>footer.shell .foot-links a{color:#d4e0e2;font-weight:600}
body>footer.shell .foot-links a:hover{color:#fff}
@media (max-width:560px){body>nav.shell{padding:0 16px}.legal-head{padding:40px 16px 36px}body>footer.shell{padding:30px 16px}}