/* ============================================================
   The Ritual Machine — shared site chrome (header + footer)
   Namespaced .rm-* so it never collides with per-page CSS.
   Colors are hardcoded here so every page renders identical chrome.
   ============================================================ */

/* ---- header ---- */
.rm-nav{position:sticky;top:0;z-index:50;background:rgba(11,11,19,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #242433}
.rm-inner{max-width:1060px;margin:0 auto;padding:12px 22px;display:flex;align-items:center;gap:14px}
.rm-brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;color:#f3f8e8;font-size:16px;text-decoration:none;line-height:1}
.rm-brand:hover{color:#fff}
.rm-mk{width:30px;height:30px;border-radius:9px;background:#b6e94a;display:grid;place-items:center;flex:none}
.rm-mk svg{width:24px;height:24px;display:block}
.rm-sp{flex:1}
.rm-nav-links{display:flex;align-items:center;gap:18px}
.rm-link{color:#cdd0dc;text-decoration:none;font-weight:600;font-size:13.5px}
.rm-link:hover{color:#fff}
.rm-cta{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#b6e94a,#b3a7e0);color:#0a0a05;font-weight:800;font-size:13px;text-decoration:none;padding:9px 16px;border-radius:11px;box-shadow:0 0 20px rgba(182,233,74,.30)}
.rm-cta:hover{filter:brightness(1.05)}
@media(max-width:460px){.rm-link{display:none}}

/* ---- footer (resets neutralise any bare footer{} rule on the page) ---- */
.rm-foot{border-top:1px solid #242433;background:#0e0e18;color:#b7bacb;text-align:left;padding:0;margin:0}
.rm-foot-in{max-width:1060px;margin:0 auto;padding:0 22px}
.rm-foot-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:30px;padding:48px 0 30px;align-items:start}
.rm-fb{display:inline-flex;align-items:center;gap:10px;font-weight:800;color:#f3f8e8;font-size:16px;text-decoration:none}
.rm-fb:hover{color:#fff}
.rm-foot-tag{color:#b7bacb;font-size:13.5px;line-height:1.55;margin:15px 0 13px;max-width:270px}
.rm-foot-slogan{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:#b3a7e0;background:rgba(179,167,224,.1);border:1px solid rgba(179,167,224,.28);border-radius:20px;padding:5px 12px}
.rm-foot-col h4{color:#7c7f95;font-size:11px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;margin:4px 0 12px}
.rm-foot-col a{display:block;color:#b7bacb;text-decoration:none;font-size:14px;padding:6px 0;width:-moz-fit-content;width:fit-content;transition:color .14s}
.rm-foot-col a:hover{color:#b6e94a}
.rm-foot-bar{border-top:1px solid #242433;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:17px 0 44px;font-size:12.5px;color:#7c7f95}
.rm-foot-bar a{color:#7c7f95;text-decoration:none}
.rm-foot-bar a:hover{color:#b7bacb}
.rm-foot-status{display:inline-flex;align-items:center;gap:7px}
.rm-dot{width:7px;height:7px;border-radius:50%;background:#b6e94a;box-shadow:0 0 8px rgba(182,233,74,.5)}
@media(max-width:720px){.rm-foot-top{grid-template-columns:1fr 1fr;gap:30px 22px}.rm-foot-brand{grid-column:1 / -1}}