/* /invest in the EstateIQ app look: the page is built on CSS variables, so the app's dark tokens,
   fonts and pill buttons are applied by overriding them (specificity beats the page's own
   :root and prefers-color-scheme blocks). Page structure and text are untouched. */
:root:root:root{
  --bg:#0a0d13; --surface:#0e141e; --surface-2:#0b1019;
  --ink:#eaeff7; --ink-dim:#9aa4b6; --ink-faint:#616b7c;
  --line:rgba(255,255,255,.16); --line-soft:rgba(255,255,255,.08);
  --accent:#6ba8e8; --accent-ink:#08111d; --accent-soft:rgba(107,168,232,.16); --accent-strong:#8fc4f5;
  --gain:#4fd196; --gain-soft:rgba(79,209,150,.13);
  --clay:#6ba8e8; --clay-soft:rgba(107,168,232,.12);
  --shadow-sm:0 3px 10px rgba(0,0,0,.4);
  --shadow-md:0 8px 28px rgba(0,0,0,.55),0 1px 0 rgba(255,255,255,.07) inset;
  --font-display:'Newsreader',Georgia,serif;
  --font-body:'Hanken Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
}
h1,h2,h3{font-weight:400}
.wordmark{font-family:'Hanken Grotesk',sans-serif;font-weight:800;font-size:22px;letter-spacing:-.02em;font-style:normal}
.wordmark em{font-style:normal;font-weight:800;color:var(--accent)}
.btn{border-radius:999px;font-weight:700}
.btn-primary,.btn-primary:hover{background:var(--accent);color:rgb(8,17,29);box-shadow:0 3px 10px rgba(0,0,0,.4)}
.btn-primary:hover{filter:brightness(1.08)}
.btn-ghost{border-color:var(--line);color:var(--ink)}
.footer-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;row-gap:6px}