/* AFOMA LABS — coming soon (no JavaScript, CSP-safe) */
@font-face{font-family:'Syne';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/syne-latin-800-normal.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/ibm-plex-mono-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/ibm-plex-mono-latin-500-normal.woff2') format('woff2')}

:root{
  --void:#07080b;--rule:#1c2431;--rule-hot:#2f3b50;
  --live:#00ff88;--live-dim:#00cc6a;--crit:#ff3355;
  --paper:#e8edf5;--mid:#a3b0c4;--dim:#7f8fa6;
  --display:'Syne','Arial Narrow',system-ui,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --gut:clamp(20px,5vw,72px);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{display:flex;flex-direction:column;min-height:100vh;min-height:100svh;background:var(--void);color:var(--paper);font:400 15px/1.7 var(--mono);-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative}
body::before{
  content:'';position:fixed;inset:0;pointer-events:none;opacity:.5;
  background:linear-gradient(var(--rule) 1px,transparent 1px) 0 0/56px 56px,linear-gradient(90deg,var(--rule) 1px,transparent 1px) 0 0/56px 56px;
  -webkit-mask-image:radial-gradient(ellipse 75% 70% at 40% 50%,#000 15%,transparent 100%);
  mask-image:radial-gradient(ellipse 75% 70% at 40% 50%,#000 15%,transparent 100%);
}
body::after{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 45% 50% at 22% 52%,rgba(0,255,136,.06),transparent 70%)}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--live);outline-offset:3px}
::selection{background:var(--live);color:var(--void)}

.top,.stage,.foot{position:relative;z-index:1}
.top{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:28px var(--gut)}
.brand{font-family:var(--display);font-weight:800;font-size:19px;letter-spacing:-.01em}
.brand em{font-style:normal;color:var(--live)}
.tag{font-size:11.5px;letter-spacing:3px;text-transform:uppercase;color:var(--dim)}

.stage{flex:1;width:100%;padding:24px var(--gut) 40px;display:flex;align-items:center}

.status{display:inline-flex;align-items:center;gap:10px;margin-bottom:28px;padding:7px 14px;border:1px solid var(--rule-hot);font-size:11.5px;letter-spacing:2.4px;text-transform:uppercase;color:var(--live-dim)}
.dot{width:7px;height:7px;border-radius:50%;background:var(--live);box-shadow:0 0 10px var(--live)}

h1{font-family:var(--display);font-weight:800;font-size:clamp(52px,7vw,100px);line-height:.98;letter-spacing:-.035em;margin-bottom:28px}
h1 span{display:block}
.l2{color:var(--live);text-shadow:0 0 48px rgba(0,255,136,.32)}
.say{max-width:42ch;margin-bottom:34px;font-size:clamp(15px,1.3vw,17px);color:var(--mid);line-height:1.75}
.cta{display:flex;flex-wrap:wrap;gap:14px}
.btn{display:inline-block;padding:15px 30px;border:1px solid var(--live);background:var(--live);color:var(--void);font-size:12px;font-weight:500;letter-spacing:2.4px;text-transform:uppercase;transition:box-shadow .22s,transform .22s}
.btn:hover{box-shadow:0 0 32px rgba(0,255,136,.4);transform:translateY(-2px)}
.btn.ghost{background:transparent;color:var(--paper);border-color:var(--rule-hot)}
.btn.ghost:hover{border-color:var(--live);box-shadow:none}

.foot{display:flex;justify-content:space-between;gap:16px;padding:24px var(--gut) 28px;border-top:1px solid var(--rule);font-size:11.5px;letter-spacing:2px;text-transform:uppercase;color:var(--dim)}

@media (max-width:560px){
  .tag{display:none}
  .foot-r{display:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important}
}