/* Shared header + footer for the Butler's public pages (/ and /tenant). Same buttons as asrepropertymanagement.com:
   Tenant login · Owner login · Get a quote. Public pages are light on every device. */
:root{--bg:#ffffff;--bg2:#f2f6fa;--card:#ffffff;--line:#d9e3ee;--ink:#10243a;--ink2:#3c5068;--muted:#56687c;--brand:#03548c;--brand2:#0f75bc;--brand-ink:#fff;--brass:#3f7a12;--brass-soft:#edf6e1}
body{font-size:17px;background:var(--bg);color:var(--ink)}
.w{max-width:1180px;margin:0 auto;padding:0 clamp(16px,4vw,48px)}
.nav{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px clamp(16px,4vw,48px);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav nav{display:flex;gap:22px;align-items:center;font-weight:600;font-size:15px}
.nav nav a{text-decoration:none;color:var(--ink2)}
.nav nav .btn{color:var(--brand);border:2px solid var(--brand);font-weight:800;margin-left:-10px}
.nav nav .btn.pri{color:var(--brand-ink)}
.nav nav .btn.on{background:var(--brass-soft)}
@media (max-width:900px){.nav nav a.hm{display:none}.nav nav{gap:16px}}
@media (max-width:600px){.nav nav .hq{display:none}.nav .logo span{display:none}}
.site-foot{padding:36px 0 48px;color:var(--ink2);font-size:15px;border-top:1px solid var(--line)}
.site-foot .w{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.site-foot a{color:var(--ink2)}