/* Automaite Realty — bright, LandLawKit-style design system */
:root{
  --ink:#15212b; --muted:#5b6b7a; --soft:#7c8a98;
  --line:#e5eaef; --line2:#eef2f6; --bg:#f6f8fa; --paper:#fff;
  --brand:#b9832a; --brand2:#d99a2b; --brand-ink:#8a601b;   /* Automaite gold */
  --accent:#e0a63a; --accent2:#c98f27; --accent-ink:#1a1200;
  --good:#1c7a3e; --good-bg:#e9f6ee; --good-line:#bce3c8;
  --warn:#8a5300; --warn-bg:#fff4e5; --warn-line:#ffd9a0;
  --bad:#a01919; --bad-bg:#fde8e8; --bad-line:#f3c2c2;
  --radius:14px; --radius-sm:9px; --radius-lg:20px;
  --shadow:0 1px 2px rgba(16,32,42,.04),0 2px 8px rgba(16,32,42,.05);
  --shadow-lg:0 6px 28px rgba(16,32,42,.10);
  --max:1080px; --reading:840px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:16px/1.6 var(--font);color:var(--ink);background:var(--bg)}
a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%}
h1,h2,h3{letter-spacing:-.4px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 22px}
.reading{max-width:var(--reading);margin:0 auto;padding:0 22px}
.dim{color:var(--muted)}
.mono{font-family:ui-monospace,Menlo,monospace}

/* ─── header ─── */
.site-head{display:flex;gap:18px;align-items:center;justify-content:space-between;
  max-width:var(--max);margin:0 auto;padding:14px 22px}
.brand{font-weight:800;font-size:21px;letter-spacing:-.6px;color:var(--ink);display:flex;align-items:center;gap:2px;white-space:nowrap}
.brand span{color:var(--brand);font-weight:900}
.brand:hover{text-decoration:none}
.nav-links{display:flex;gap:18px;font-size:14.5px;font-weight:600;margin-left:auto}
.nav-links a{color:var(--ink)}
.nav-links a:hover{color:var(--brand);text-decoration:none}
.nav-links a.active{color:var(--brand)}
.nav-right{display:flex;align-items:center;gap:14px}
.nav-cta{background:var(--accent);color:var(--accent-ink);padding:9px 16px;border-radius:var(--radius-sm);font-weight:700;font-size:14px;white-space:nowrap;box-shadow:var(--shadow)}
.nav-cta:hover{background:var(--accent2);text-decoration:none}
.nav-acct{font-size:14px;font-weight:600;color:var(--brand);white-space:nowrap}
.nav-acct:hover{text-decoration:none;color:var(--brand-ink)}
.nav-toggle{display:none;background:none;border:0;font-size:24px;color:var(--ink);cursor:pointer;line-height:1}
.tierpill{font-size:11px;text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--line);
  border-radius:999px;padding:3px 10px;color:var(--muted);background:#fff}
.tierpill.turbo{color:var(--accent-ink);background:linear-gradient(180deg,var(--accent),var(--accent2));border:0;font-weight:700}
.tierpill.pro{color:var(--brand);border-color:var(--brand2)}
@media(max-width:820px){
  .nav-toggle{display:block;order:3}
  .nav-links{order:5;flex-basis:100%;flex-direction:column;gap:0;margin:0;display:none;border-top:1px solid var(--line);padding-top:8px}
  .nav-links.open{display:flex}
  .nav-links a{padding:11px 4px;border-bottom:1px solid var(--line2)}
  .site-head{flex-wrap:wrap;gap:12px}.nav-right{margin-left:auto}
}

/* ─── buttons ─── */
.btn{display:inline-block;background:var(--accent);color:var(--accent-ink);font-weight:700;
  padding:12px 22px;border-radius:var(--radius-sm);font-size:15.5px;cursor:pointer;border:0;
  text-align:center;transition:background .15s,transform .04s;text-decoration:none}
.btn:hover{background:var(--accent2);text-decoration:none}
.btn:active{transform:translateY(1px)}
.btn:disabled{opacity:.45;cursor:not-allowed}
.btn.ghost{background:#fff;color:var(--brand);border:1.5px solid var(--line)}
.btn.ghost:hover{background:#fff;border-color:var(--brand2);color:var(--brand-ink)}
.btn.lg{padding:15px 30px;font-size:17px}
.btn.block{display:block;width:100%}
.btn.sm{padding:8px 14px;font-size:13.5px}

/* ─── cards & sections ─── */
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);
  padding:20px 22px;box-shadow:var(--shadow)}
.section{padding:56px 0}
.section.alt{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.eyebrow{font-size:12px;letter-spacing:.8px;text-transform:uppercase;color:var(--brand);font-weight:800}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:820px){.grid3,.grid2{grid-template-columns:1fr}}

/* ─── hero ─── */
.hero{background:#fff;border-bottom:1px solid var(--line);padding:64px 20px 54px;text-align:center}
.hero-inner{max-width:720px;margin:0 auto}
.hero h1{font-size:46px;line-height:1.12;letter-spacing:-1.2px;margin:12px 0 14px;font-weight:800}
.hero h1 em{font-style:normal;color:var(--brand)}
.hero .sub{color:var(--muted);font-size:19px;max-width:600px;margin:0 auto 26px;line-height:1.5}
.hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.hero-meta{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:20px;color:var(--soft);font-size:13.5px}
.hero-meta b{color:var(--brand)}

/* ─── forms/inputs ─── */
label{display:block;font-size:13px;font-weight:600;color:var(--ink);margin:0 0 7px}
input,select,textarea{width:100%;background:#fff;color:var(--ink);border:1px solid var(--line);
  border-radius:10px;padding:12px 14px;font-size:15px;font-family:inherit}
textarea{resize:vertical;line-height:1.55}
input:focus,textarea:focus,select:focus{outline:0;border-color:var(--brand2);box-shadow:0 0 0 3px rgba(217,154,43,.12)}
.err{color:var(--bad);font-size:13.5px;margin-top:10px}

/* status chips */
.flag{border-left:3px solid var(--warn-line);background:var(--warn-bg);color:var(--warn);
  padding:9px 12px;margin:7px 0;border-radius:0 8px 8px 0;font-size:13.5px}
.flag.miss{border-left-color:var(--bad-line);background:var(--bad-bg);color:var(--bad)}
.pill{display:inline-block;background:var(--good-bg);border:1px solid var(--good-line);color:var(--good);
  border-radius:999px;padding:2px 10px;font-size:11.5px}

.spin{display:inline-block;width:15px;height:15px;border:2px solid var(--accent-ink);
  border-top-color:transparent;border-radius:50%;animation:s .7s linear infinite;vertical-align:-2px;margin-right:7px}
@keyframes s{to{transform:rotate(360deg)}}

/* ─── footer ─── */
.site-foot{background:#fff;border-top:1px solid var(--line);margin-top:40px;padding:34px 22px}
.foot-inner{max-width:var(--max);margin:0 auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}
.foot-brand{font-weight:800;font-size:18px}.foot-brand span{color:var(--brand)}
.foot-links{display:flex;gap:18px;font-size:14px}
.foot-links a{color:var(--muted)}
.disclaimer{color:var(--soft);font-size:12px;max-width:var(--max);margin:16px auto 0;padding:0 22px;text-align:center}