/* Shared base styles for every Website Landlord site. Copied into each site folder.
   Neutral, fast, mobile-first. One accent color per site can be overridden below. */
:root{
  --accent:#1f6feb; --accent-dark:#164a9e; --ink:#1a1f26; --muted:#5a6472;
  --bg:#ffffff; --bg-alt:#f4f7fb; --line:#e2e8f0; --max:1080px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--ink);line-height:1.6;background:var(--bg)}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-999px}
.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:10}
a{color:var(--accent)}
h1,h2,h3{line-height:1.2;color:var(--ink)}
h1{font-size:2rem;margin:.2em 0 .4em}
h2{font-size:1.5rem}

/* Header */
.site-header{border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:5}
.header-inner{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
.brand{font-weight:700;font-size:1.15rem;text-decoration:none;color:var(--ink)}
.nav{display:flex;gap:16px;margin-left:auto;flex-wrap:wrap}
.nav a{text-decoration:none;color:var(--muted);font-weight:600}
.nav a:hover,.nav a[aria-current="page"]{color:var(--accent)}
.phone-btn{background:var(--accent);color:#fff;text-decoration:none;font-weight:700;
  padding:10px 16px;border-radius:8px;white-space:nowrap}
.phone-btn:hover{background:var(--accent-dark)}
.phone-btn.big{font-size:1.25rem;padding:14px 24px;display:inline-block;margin-top:12px}

/* Hero */
.hero{background:var(--bg-alt);padding:56px 0}
.hero p.lead{font-size:1.2rem;color:var(--muted);max-width:40em}

/* Sections */
section{padding:40px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}
.card h3{margin-top:0}
.trust{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;margin:16px 0 0}
.trust li{background:var(--bg-alt);border:1px solid var(--line);border-radius:20px;
  padding:6px 14px;font-weight:600;font-size:.95rem}

/* CTA band + footer */
.cta-band{background:var(--accent);color:#fff;text-align:center}
.cta-band h2,.cta-band p{color:#fff}
.cta-band .phone-btn{background:#fff;color:var(--accent)}
.site-footer{background:var(--ink);color:#cbd5e1;margin-top:0;padding:32px 0 16px}
.site-footer a{color:#fff}
.footer-inner{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
.footer-nav a{color:#cbd5e1}
.fineprint{max-width:var(--max);margin:16px auto 0;padding:0 20px;font-size:.85rem;color:#94a3b8}
@media(max-width:640px){h1{font-size:1.6rem}.hero{padding:36px 0}}