/* Feltway — holding page. Derived from mockup/tokens.css (same tokens + .bg-galaxy). Self-hosted fonts only. */
@font-face{font-family:"Inter";src:url("fonts/Inter-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Michroma";src:url("fonts/Michroma-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}

:root{
  --bg:#0A0F1C;
  --bg-top:#070B16;
  --text:#F2F4F8;
  --text-2:#A9B3C7;
  --ice:#CFE3F0;
  --gold:#C9A45C;
  --f-brand:"Michroma",monospace;
  --f-ui:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --bg-galaxy:
    url("img/noise.png") 0 0 / 128px 128px repeat,
    url("img/stars-near.png") 140px 60px / 700px 700px repeat,
    url("img/stars-far.png") 0 0 / 512px 512px repeat,
    linear-gradient(118deg, transparent 22%, rgba(124,127,214,.025) 36%, rgba(150,160,220,.04) 46%, rgba(91,127,184,.03) 56%, transparent 72%),
    radial-gradient(70% 45% at 92% 6%, rgba(124,127,214,.08), rgba(124,127,214,.03) 45%, transparent 75%),
    radial-gradient(75% 40% at 4% 88%, rgba(91,127,184,.05), rgba(91,127,184,.02) 50%, transparent 78%),
    linear-gradient(180deg, var(--bg-top) 0%, var(--bg) 100%);
}

*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg);color-scheme:dark}
body{
  min-height:100vh;min-height:100svh;
  display:flex;flex-direction:column;
  font-family:var(--f-ui);color:var(--text);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;
}
.bg-galaxy{position:fixed;inset:0;z-index:-1;pointer-events:none;background:var(--bg-galaxy);background-color:var(--bg)}
/* faint ice halo behind the mark */
.bg-galaxy::after{content:"";position:absolute;inset:0;background:radial-gradient(42% 34% at 50% 46%, rgba(207,227,240,.045), transparent 70%)}

main{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:72px 24px 40px;text-align:center;
}
.logo{display:block;width:min(212px,62vw);height:auto;color:#EEF2F7}
.logo svg{display:block;width:100%;height:auto}
h1{margin:0}
.signature{
  margin-top:34px;
  font-weight:400;font-size:17px;line-height:1.4;letter-spacing:.005em;
  color:var(--ice);
}
.rule{width:40px;height:1px;margin:26px auto 0;border:0;background:var(--gold);opacity:.85}
.status{
  margin-top:22px;
  font-family:var(--f-brand);font-size:9px;line-height:1.6;
  --track:.26em;letter-spacing:var(--track);padding-left:var(--track); /* re-centre: tracking adds trailing space */
  text-transform:uppercase;color:var(--text-2);
}
.status .nw{white-space:nowrap}
.status .nw:first-child{margin-right:calc(-1 * var(--track))} /* cancel trailing tracking before the dot */
.status .dot{color:var(--gold);padding:0 .5em;font-family:var(--f-ui);font-size:1.4em;line-height:0;vertical-align:-.08em;letter-spacing:0}
footer{
  padding:0 24px 24px;text-align:center;
  font-size:11px;line-height:16px;letter-spacing:.02em;color:var(--text-2);opacity:.6;
}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

@media (min-width:600px){
  .logo{width:260px}
  .signature{font-size:20px;margin-top:40px}
  .rule{width:48px;margin-top:30px}
  .status{font-size:10px;margin-top:24px;--track:.32em}
  footer{padding-bottom:28px}
}
@media (min-width:1200px) and (min-height:760px){
  .logo{width:300px}
  .signature{margin-top:44px}
}
@media (max-height:520px) and (orientation:landscape){
  main{padding-top:32px;padding-bottom:16px}
  .logo{width:160px}
  .signature{margin-top:20px}
}
@media (max-width:359px){ /* very narrow phones: stack the two halves instead of a ragged wrap */
  .status .nw{display:block}
  .status .nw:first-child{margin-right:0}
  .status .dot{display:none}
}