/* ── App-frame (matches the logged-in EstateIQ look: flat header, photo fading into --bg,
      solid panels, accent pill buttons). Same tokens as static/css/style.css. ── */
:root{--bg:#0a0d13;--panel-solid:#0e141e;--border:rgba(255,255,255,.08);--border-strong:rgba(255,255,255,.16);
  --text:#eaeff7;--dim:#9aa4b6;--faint:#616b7c;--accent:#6ba8e8;--accent-soft:rgba(107,168,232,.16);
  --card-shadow:0 8px 28px rgba(0,0,0,.55),0 1px 0 rgba(255,255,255,.07) inset;--pill-shadow:0 3px 10px rgba(0,0,0,.4)}
body{background:var(--bg);color:var(--text);position:relative}
.pub-bg{position:absolute;top:0;left:0;right:0;height:760px;z-index:0;overflow:hidden;pointer-events:none}
.pub-bg .pb-photo{position:absolute;inset:0;background:url('/static/img/hero-bg-sharp.jpg') center 30%/cover no-repeat;opacity:.5}
.pub-bg .pb-ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,13,19,.82) 0%,rgba(10,13,19,.68) 32%,rgba(10,13,19,.74) 62%,var(--bg) 100%)}
.tn-logo svg{display:none}
.tn-cta,.cta-primary{background:var(--accent);color:rgb(8,17,29);border-radius:999px;font-family:'Hanken Grotesk',sans-serif;font-size:14px;font-weight:700;letter-spacing:0;box-shadow:var(--pill-shadow);transition:filter .2s}
.tn-cta{padding:10px 18px}
.cta-primary{padding:12px 24px}
.tn-cta:hover,.cta-primary:hover{filter:brightness(1.08)}
.legal-body a.cta-primary{color:rgb(8,17,29)}
.cta-whatsapp{border-radius:999px}
.contact-card,.faq-item,.insight-stat-card,.insight-note,.insight-table-scroll,.legal-body .faq-item{background:var(--panel-solid);border:1px solid var(--border);box-shadow:var(--card-shadow);backdrop-filter:none}
.stat-card,.panel,.area-tag,.district-card,.audience-card{background:var(--panel-solid);border:1px solid var(--border);box-shadow:var(--card-shadow);backdrop-filter:none}
.panel{border-radius:16px}
.area-tag:hover,.district-card:hover,.audience-card:hover{border-color:var(--border-strong)}
.insight-tldr,.insight-cta-banner,.notable-box{background-color:var(--panel-solid);background-image:linear-gradient(rgba(107,168,232,.10),rgba(107,168,232,.05));box-shadow:var(--card-shadow)}
.insight-tldr{border-radius:16px}
@media(max-width:640px){
  .pub-bg{height:560px}
  .topnav{padding:14px 6vw}
  .contact-row{flex-wrap:wrap}
}
.footer-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;row-gap:6px}