/* Liberty Home Partners — shared design system
   Brand: navy + white + gold. Serif wordmark. Futuristic glass/gradient touches. */
:root{
  --navy:#0a1730; --navy2:#0e2148; --navy3:#123064;
  --gold:#c9a227; --gold2:#e6c65a; --gold-soft:rgba(201,162,39,.14);
  --ink:#16233c; --muted:#5a6a85; --line:#dde4ef;
  --bg:#f6f8fc; --card:#ffffff;
  --ok:#1c7c4d; --warn:#b07a10; --bad:#b3352c;
  --radius:16px; --shadow:0 18px 45px rgba(10,23,48,.13);
  --serif:"Playfair Display",Georgia,"Times New Roman",serif;
  --sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--bg);line-height:1.6;font-size:16.5px}
a{color:var(--navy3)}
img,svg{max-width:100%}
.wrap{max-width:1140px;margin:0 auto;padding:0 22px}
/* ---------- header ---------- */
header.site{position:sticky;top:0;z-index:50;background:rgba(10,23,48,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(201,162,39,.35)}
.nav{display:flex;align-items:center;gap:26px;padding:13px 0}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}
.brand .mark{width:42px;height:42px;flex:0 0 42px;border-radius:11px;background:linear-gradient(135deg,var(--navy3),var(--navy));border:1px solid var(--gold);display:grid;place-items:center}
.brand .name{font-family:var(--serif);font-weight:700;font-size:1.22rem;letter-spacing:.4px;line-height:1.1;color:#fff}
.brand .name em{font-style:normal;color:var(--gold2)}
.brand .sub{font-size:.62rem;letter-spacing:.28em;text-transform:uppercase;color:#a9bad6}
nav.links{margin-left:auto;display:flex;gap:22px;flex-wrap:wrap}
nav.links a{color:#dbe4f3;text-decoration:none;font-size:.94rem;font-weight:500}
nav.links a:hover,nav.links a.active{color:var(--gold2)}
.btn{display:inline-block;border-radius:999px;padding:12px 24px;font-weight:600;text-decoration:none;border:1px solid transparent;cursor:pointer;font-size:.98rem;transition:.15s}
.btn-gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#231a00;box-shadow:0 8px 22px rgba(201,162,39,.35)}
.btn-gold:hover{transform:translateY(-1px)}
.btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
.btn-navy{background:var(--navy);color:#fff}
.btn-line{background:#fff;color:var(--navy);border-color:var(--line)}
.btn-sm{padding:8px 16px;font-size:.88rem}
/* ---------- hero ---------- */
.hero{background:radial-gradient(1100px 520px at 85% -10%,rgba(201,162,39,.28),transparent 60%),radial-gradient(900px 480px at -10% 110%,rgba(38,84,180,.5),transparent 55%),linear-gradient(160deg,var(--navy) 0%,var(--navy2) 58%,#0a2a5e 100%);color:#eef2fa;padding:84px 0 74px;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;inset:auto -10% -65% -10%;height:420px;background:radial-gradient(closest-side,rgba(230,198,90,.16),transparent);pointer-events:none}
.eyebrow{letter-spacing:.3em;text-transform:uppercase;font-size:.72rem;color:var(--gold2);font-weight:700}
.hero h1{font-family:var(--serif);font-size:clamp(2.3rem,5.4vw,3.9rem);line-height:1.08;margin:16px 0 18px;font-weight:800}
.hero h1 .gold{color:var(--gold2)}
.hero p.lede{font-size:1.16rem;color:#c8d5ec;max-width:640px;margin:0 0 30px}
.hero .cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:38px}
.chips{display:flex;gap:10px;flex-wrap:wrap}
.chip{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);border-radius:999px;padding:8px 15px;font-size:.85rem;color:#e7edf8}
.chip b{color:var(--gold2)}
.glass{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:var(--radius);backdrop-filter:blur(10px);padding:26px}
/* ---------- sections ---------- */
section{padding:72px 0}
section.alt{background:#fff}
h2.sec{font-family:var(--serif);font-size:clamp(1.7rem,3.4vw,2.4rem);margin:0 0 10px;color:var(--navy)}
p.secsub{color:var(--muted);max-width:720px;margin:0 0 36px}
.grid{display:grid;gap:20px}
.g2{grid-template-columns:repeat(2,1fr)} .g3{grid-template-columns:repeat(3,1fr)} .g4{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.g3,.g4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.g2,.g3,.g4{grid-template-columns:1fr}nav.links{gap:13px}}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 4px 18px rgba(10,23,48,.05)}
.card h3{margin:0 0 8px;color:var(--navy);font-size:1.12rem}
.card p{margin:0;color:var(--muted);font-size:.97rem}
.card .ic{width:46px;height:46px;border-radius:12px;background:var(--gold-soft);display:grid;place-items:center;margin-bottom:14px}
.stepnum{font-family:var(--serif);font-size:2rem;color:var(--gold);line-height:1}
table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;font-size:.96rem}
th{background:var(--navy);color:#fff;text-align:left;padding:13px 16px;font-weight:600}
td{padding:12px 16px;border-top:1px solid var(--line);vertical-align:top}
tr:nth-child(even) td{background:#f8fafd}
.pill{display:inline-block;border-radius:999px;padding:3px 11px;font-size:.78rem;font-weight:700}
.pill-open{background:#fdf3d7;color:var(--warn)} .pill-done{background:#e2f4ea;color:var(--ok)} .pill-prog{background:#e3ecfd;color:var(--navy3)}
.stat{font-family:var(--serif);font-size:2.1rem;color:var(--navy);line-height:1.1}
.statlab{color:var(--muted);font-size:.86rem;text-transform:uppercase;letter-spacing:.08em}
/* ---------- forms & tools ---------- */
label{display:block;font-weight:600;font-size:.9rem;margin:14px 0 6px;color:var(--navy)}
input,select,textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font:inherit;background:#fff;color:var(--ink)}
input:focus,select:focus,textarea:focus{outline:2px solid var(--gold);border-color:var(--gold)}
textarea{min-height:96px;resize:vertical}
.result{background:linear-gradient(150deg,var(--navy),var(--navy2));color:#eef2fa;border-radius:var(--radius);padding:26px;margin-top:22px}
.result .big{font-family:var(--serif);font-size:2.3rem;color:var(--gold2)}
.result table{background:transparent;border:none}
.result td{border-top:1px solid rgba(255,255,255,.15);color:#dbe4f3}
.result th{background:transparent;color:var(--gold2)}
.toggle{display:flex;align-items:flex-start;gap:10px;padding:11px 0;border-bottom:1px dashed var(--line)}
.toggle input{width:auto;margin-top:5px;transform:scale(1.25)}
.note{font-size:.88rem;color:var(--muted)}
.okmsg{background:#e2f4ea;border:1px solid #bfe6cf;color:#14532d;border-radius:10px;padding:12px 15px;font-size:.93rem}
/* ---------- FAQ / footer ---------- */
details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin-bottom:12px}
summary{cursor:pointer;font-weight:600;color:var(--navy)}
details p{color:var(--muted);margin:10px 0 2px}
footer.site{background:var(--navy);color:#b9c7de;padding:56px 0 34px;font-size:.93rem}
footer.site a{color:#dbe4f3}
footer.site h4{color:#fff;margin:0 0 12px;font-size:1rem}
.fineprint{border-top:1px solid rgba(255,255,255,.14);margin-top:34px;padding-top:22px;font-size:.82rem;color:#8fa3c4}
.kicker{color:var(--gold);font-weight:700;letter-spacing:.22em;text-transform:uppercase;font-size:.72rem}
/* ops console */
.board{display:flex;gap:14px;overflow-x:auto;padding-bottom:14px}
.col{flex:0 0 240px;background:#eef2f9;border:1px solid var(--line);border-radius:12px;padding:12px;min-height:120px}
.col h4{margin:0 0 10px;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;color:var(--navy)}
.deal{background:#fff;border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:10px;padding:10px 12px;margin-bottom:9px;font-size:.84rem;cursor:grab}
.deal b{display:block;color:var(--navy);font-size:.88rem}
.deal select{margin-top:7px;padding:5px 8px;font-size:.8rem}
.banner-internal{background:#fdf3d7;border:1px solid var(--gold);color:#6b5200;border-radius:10px;padding:12px 16px;font-weight:600;font-size:.92rem}
@media(max-width:700px){.hero{padding:56px 0}section{padding:52px 0}}