/* ============================================================
   Demo host page only — a stand-in national-group site so the
   prototype has something realistic to sit on top of.
   DELETE THIS FILE (and its <div class="host">... in index.html)
   once KAI is embedded on an actual site — it exists only so
   this prototype is self-demonstrating.
   ============================================================ */
.host{min-height:150vh;background:#fff url("../assets/spain-bg.png") top center / 2560px auto no-repeat}
/* ^ Swap point: drop a new screenshot in as assets/host-bg.jpg (same filename)
   and it updates everywhere — no HTML/CSS edits needed. For a crisper result,
   export at 1400px wide min (2× for retina = 2800px), JPEG q≈75, and keep the
   subject matter (header + hero) in the visible top ~1500px of the image, since
   that's the area shown behind the docked bar and above the sheet. */
.host-note{position:fixed;top:0;left:0;right:0;z-index:5;background:rgba(9,18,28,.9);color:#cfe0d6;
  font-size:12px;letter-spacing:.01em;text-align:center;padding:7px 14px;backdrop-filter:blur(6px)}
.host-note b{color:#fff}
.host-note .g{color:var(--green)}

/* =========================================================
   COMMAND BAR — dark glass