/* ── Homepage (landing) — editorial, monochrome, token-driven ── */
#home{display:none}
#app{display:none}
:root[data-home="open"] #home{display:block}
:root[data-home="app"] #app{display:block}

/* #home is its own scroll container so screens snap/slide up as you scroll */
/* homepage is ALWAYS dark regardless of retail/enterprise — force the dark token set */
#home{--gx-page:#0c0e12;--gx-glass:#15181e;--gx-glass-strong:#1c2027;--gx-ink:#eceef2;--gx-ink2:#b7bdc7;--gx-muted:#828a97;
  --gx-brd:rgba(255,255,255,.10);--gx-hair:rgba(255,255,255,.06);--gx-accent:#b085d6;--gx-accent-soft:rgba(176,133,214,.15);
  position:relative;height:100vh;overflow-y:auto;scroll-snap-type:y proximity;scroll-behavior:smooth;color:var(--gx-ink);
  background:radial-gradient(70vw 60vw at 84% 8%,rgba(176,133,214,.14),transparent 58%),
    radial-gradient(58vw 52vw at 4% 100%,rgba(122,68,154,.10),transparent 60%),var(--gx-page)}
/* terminal/broadsheet grid — visible now, fading toward the lower-left */
#home::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:46px 46px;opacity:1;
  -webkit-mask-image:radial-gradient(135% 120% at 72% 24%,#000 50%,transparent 100%);mask-image:radial-gradient(135% 120% at 72% 24%,#000 50%,transparent 100%)}
/* the planet — a glowing sphere with a purple aura, echoing the overview globe */
#home::after{content:"";position:fixed;right:-12vw;top:-3vh;width:64vw;height:64vw;max-width:940px;max-height:940px;z-index:0;pointer-events:none;border-radius:50%;
  background:radial-gradient(circle at 40% 34%,rgba(176,133,214,.13),var(--gx-glass-strong) 44%,transparent 64%);
  border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 0 150px 26px rgba(176,133,214,.08);opacity:.92}
/* richer ambient layer: concentric orbital rings + a faint constellation of dots */
.home-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.hb-orbit{position:absolute;right:-16vw;top:-9vh;width:76vw;height:76vw;max-width:1060px;max-height:1060px;border-radius:50%;
  background:repeating-radial-gradient(circle at center,transparent 0 62px,rgba(255,255,255,.05) 62px 63px);
  -webkit-mask-image:radial-gradient(circle at center,transparent 32%,#000 52%,transparent 85%);
  mask-image:radial-gradient(circle at center,transparent 32%,#000 52%,transparent 85%)}
.hb-stars{position:absolute;inset:0;
  background-image:radial-gradient(rgba(255,255,255,.6) 1px,transparent 1.6px);background-size:62px 62px;opacity:.06;
  -webkit-mask-image:radial-gradient(120% 120% at 30% 80%,#000,transparent 90%);mask-image:radial-gradient(120% 120% at 30% 80%,#000,transparent 90%)}
.home-inner{position:relative;z-index:1;max-width:1120px;margin:0 auto;padding:0 28px}

/* Screen 1 — hero: intro left, small logo at the top-right of the copy */
.home-hero{min-height:100vh;display:flex;align-items:center;scroll-snap-align:start}
.home-hero-copy{width:100%;animation:homeUp .7s cubic-bezier(.22,.61,.36,1) both}
/* masthead pinned to the true top-left corner of the landing (not centered with the copy) */
.home-top{position:absolute;top:30px;left:28px;z-index:2;display:flex;align-items:center;gap:14px;margin:0}
.home-eyebrow{font-family:var(--gx-font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gx-muted)}
.home-mark{width:52px;height:auto;display:block;flex:none;filter:brightness(0) invert(1)}   /* always white on the dark landing */
.home-slogan{font-family:var(--gx-font-display);font-weight:500;font-size:clamp(40px,6.4vw,72px);line-height:1.01;letter-spacing:-.02em;color:var(--gx-ink);text-wrap:balance;max-width:16ch}
.home-intro{margin-top:22px;font-size:17px;line-height:1.6;color:var(--gx-ink2);max-width:48ch}
.home-down{margin-top:52px;font-family:var(--gx-font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gx-muted)}

/* Screen 2 — slides up into view on scroll */
.home-scroll{min-height:100vh;display:flex;flex-direction:column;justify-content:center;scroll-snap-align:start;padding:8vh 0}
.reveal{opacity:0;transform:translateY(48px);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1)}
.reveal.in{opacity:1;transform:none}
.home-slogan2-wrap{text-align:right;max-width:820px;margin-left:auto}
.home-slogan2{font-family:var(--gx-font-display);font-weight:500;font-size:clamp(30px,4.8vw,52px);line-height:1.04;letter-spacing:-.015em;color:var(--gx-ink)}
.home-intro2{margin-top:16px;font-size:15px;line-height:1.6;color:var(--gx-ink2);margin-left:auto;max-width:58ch}

/* coin banner — L→R marquee, edges fade to transparent */
.home-banner{margin:48px 0;overflow:hidden;border-top:1px solid var(--gx-brd);border-bottom:1px solid var(--gx-brd);padding:18px 0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.hb-track{display:flex;gap:44px;width:max-content;animation:hbscroll 48s linear infinite}
.hb-coin{display:flex;align-items:center;gap:9px;flex:none}
.hb-coin img{width:26px;height:26px;border-radius:50%;background:#fff;object-fit:contain}
.hb-coin b{font-family:var(--gx-font-ui);font-size:14px;font-weight:700;color:var(--gx-ink);letter-spacing:-.01em}
@keyframes hbscroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* CTA */
.home-cta{text-align:center;margin-top:6px}
.home-enter{font-family:var(--gx-font-ui);font-size:14px;font-weight:600;color:var(--gx-glass);background:var(--gx-ink);border:0;border-radius:2px;padding:14px 30px;cursor:pointer;transition:opacity .15s ease}
.home-enter:hover{opacity:.86}
.home-scrollhint{font-family:var(--gx-font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--gx-muted);margin-top:22px}

@keyframes homeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

@media(max-width:760px){
  #home::after{right:-30vw;width:92vw;height:92vw}
  .home-slogan2-wrap,.home-intro2{text-align:left}
  .home-mark{width:46px}
}
@media(prefers-reduced-motion:reduce){
  .hb-track{animation:none}
  .reveal{transition:none;opacity:1;transform:none}
  .home-hero-copy{animation:none}
  #home{scroll-behavior:auto}
}