/* Landing: one screen, one way in */
.stage-page{background:#070b0d}
.stage{position:relative;min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto auto;overflow:hidden;isolation:isolate}
.stage-bg{position:absolute;inset:0;width:100%;height:100%;z-index:-2;opacity:.9}
.stage-shade{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse 68% 58% at 50% 50%,rgba(7,11,13,.94) 0%,rgba(7,11,13,.8) 50%,rgba(7,11,13,.2) 100%),
             linear-gradient(180deg,rgba(7,11,13,.6),rgba(7,11,13,0) 18%,rgba(7,11,13,0) 78%,rgba(7,11,13,.85))}
.stage-top{display:flex;align-items:center;gap:16px;padding:22px max(16px,4vw)}
.stage-status{margin-inline-start:auto;font:500 .78rem var(--mono);color:var(--muted);background:rgba(11,18,20,.7);border:1px solid var(--rule);border-radius:999px;padding:6px 12px;min-height:28px}
.stage-status:empty{visibility:hidden}
.stage-status .f{color:var(--red)}.stage-status .w{color:var(--amber)}.stage-status .p{color:var(--teal)}
.stage-center{display:grid;justify-items:center;align-content:center;text-align:center;padding:24px 16px 32px;gap:18px}
.stage-mark{width:88px;height:88px;filter:drop-shadow(0 12px 30px rgba(245,181,68,.25))}
.stage h1{margin:0;font-size:clamp(2.8rem,9vw,7.2rem);line-height:.92;letter-spacing:-.04em;font-weight:800;text-wrap:balance}
.stage h1 span{display:inline-block}
.stage h1 span:nth-child(2){background:linear-gradient(100deg,#14d3bd 10%,#6b8bff 90%);-webkit-background-clip:text;background-clip:text;color:transparent}
.stage-lead{margin:0;font-size:clamp(1.05rem,2.2vw,1.35rem);color:#c3d1d4;max-width:34em}
.enter{font-size:1.15rem;padding:1.05em 2.1em;border-radius:12px;box-shadow:0 18px 50px -16px rgba(20,211,189,.65);margin-top:6px}
.enter:hover{transform:translateY(-1px);box-shadow:0 22px 60px -16px rgba(20,211,189,.8)}
.stage-note{display:flex;gap:8px;align-items:center;margin:0;color:var(--teal);font-weight:600;font-size:.95rem}
.stage-ribbon{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;padding:0 16px 22px}
.stage-ribbon span{font:600 .82rem var(--font);color:var(--muted);padding:7px 12px;border-bottom:2px solid transparent;background:rgba(19,27,31,.55)}
.stage-ribbon span:first-child{border-radius:6px 0 0 6px}
.stage-ribbon span:last-child{border-radius:0 6px 6px 0}
.stage-ribbon span:nth-child(1){color:var(--text);border-bottom-color:var(--teal)}
.stage-foot{display:flex;flex-wrap:wrap;gap:14px;align-items:center;padding:14px max(16px,4vw) 18px;font-size:.84rem;color:var(--faint);border-top:1px solid rgba(34,49,56,.6);background:rgba(7,11,13,.6)}
.stage-foot a{color:var(--faint);text-decoration:none}
.stage-foot a:hover{color:var(--text)}
.stage-foot .grow{flex:1}
@media (max-width:640px){
  .stage-status{display:none}
  .stage-note{display:block;text-wrap:balance}
  .stage-note svg{display:inline;vertical-align:-3px;margin-inline-end:6px}
  .stage-mark{width:64px;height:64px}
  .stage-ribbon span{font-size:.74rem;padding:6px 8px;border-radius:5px!important}
  .stage-ribbon{gap:4px}
  .enter{width:100%;max-width:360px}
}
@media (prefers-reduced-motion:reduce){.enter{transition:none}}