/* XNAZOX shared theme: night (default) / day. Hero artwork stays dark in both. */
:root[data-theme="light"]{--void:#f6f4ef;--panel:#ffffff;--panel2:rgba(20,20,30,.04);--line:rgba(20,20,30,.12);--line2:rgba(20,20,30,.22);--ink:#16181d;--dim:#4f5663;--faint:#7a818d;--gold:#9a5f14;--orange:#c4561a;--gold-dim:rgba(154,95,20,.1);--gold-line:rgba(154,95,20,.45)}
:root[data-theme="light"] body{background:var(--void);color:var(--ink)}
:root[data-theme="light"] header{background:rgba(246,244,239,.9)}
:root[data-theme="light"] .mobileNav{background:rgba(246,244,239,.98)}
:root[data-theme="light"] .brand .word{text-shadow:none;color:#16181d}
:root[data-theme="light"] .fcard,:root[data-theme="light"] .searchBox,:root[data-theme="light"] .iconBtn,:root[data-theme="light"] .joinBar{background:#fff;box-shadow:0 1px 2px rgba(20,20,30,.05)}
:root[data-theme="light"] .hero{color:#f3f4f7;--ink:#f3f4f7;--dim:#c4cad6}
:root[data-theme="light"] footer{background:transparent}
.promoBar{margin:0 0 22px;padding:14px 18px;border:1px solid var(--gold-line);background:var(--gold-dim);border-radius:14px;color:var(--gold);font-weight:600;font-size:14px;text-align:center}
#themeBtn{cursor:pointer;font-size:14px;width:auto;padding:0 10px}
/* ── update 14 ─────────────────────────────────────────────────────────────
   13) hero: the artwork fills the whole hero in both themes — no black block above / below it */
.hero{background:linear-gradient(rgba(2,2,4,.05),rgba(2,2,4,.12) 60%,rgba(2,2,4,.5) 100%),url('/assets/hero-saturn.png') 60% 55%/cover no-repeat,#030308!important}
@media(max-width:700px){.hero{min-height:540px!important}}
.textPlate{display:none!important}
:root[data-theme="light"] .hero{border-bottom:0;border-radius:0 0 26px 26px;box-shadow:0 12px 30px rgba(20,20,30,.16)}
/* 15) for now the site shows only the brand name — every other sentence is hidden (cards keep their title + button) */
.brand small,.editionTag,.faTag,.script,.promoBar,.fcard p,.joinBar .step,.joinBar .faLine,.strip,.footNote,.footBrand small,.sideLabel,#guide-apps{display:none!important}
.fcard h3{margin-bottom:14px}
.fcard{min-height:0!important;height:auto!important}
