:root{
  --reactor:#91d9ed;
  --reactor-dim:rgba(145,217,237,.28);
  --rail:rgba(8,8,8,.82);
}

body::before{
  content:'';
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(201,168,76,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(201,168,76,.018) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 72%);
}

.skip-link{
  position:fixed;
  top:8px;
  left:12px;
  z-index:10000;
  transform:translateY(-160%);
  background:var(--gold-bright);
  color:#080808;
  padding:10px 14px;
  border-radius:2px;
  font-size:13px;
  font-weight:700;
}
.skip-link:focus{transform:translateY(0)}

:where(a,button,input):focus-visible{
  outline:2px solid var(--reactor);
  outline-offset:4px;
}

section[id]{scroll-margin-top:104px}

#sys-line{
  background:linear-gradient(90deg,rgba(8,8,8,.98),rgba(14,13,11,.93),rgba(8,8,8,.98));
  border-color:rgba(201,168,76,.22);
}
#sys-line .left{min-width:0}
.sys-clock{
  color:rgba(245,240,230,.54);
  white-space:nowrap;
  margin-left:auto;
  margin-right:22px;
}
.sys-clock b{color:var(--reactor);font-weight:500}
#progress{box-shadow:0 0 16px rgba(201,168,76,.25)}

nav{
  border-bottom:1px solid transparent;
  transition:background .3s,border-color .3s;
}
nav.scrolled{
  background:var(--rail);
  border-color:rgba(201,168,76,.12);
}
.nav-links a{
  position:relative;
  padding:7px 0;
}
.nav-links a::after{
  content:'';
  position:absolute;
  left:0;
  right:100%;
  bottom:0;
  height:1px;
  background:var(--gold);
  transition:right .35s var(--ease);
}
.nav-links a.active{color:var(--gold-bright);opacity:1}
.nav-links a.active::after{right:0}

.nav-actions{display:flex;align-items:center;gap:12px}
.nav-toggle{
  display:none;
  width:42px;
  height:42px;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(201,168,76,.28);
  background:rgba(8,8,8,.82);
  color:var(--white);
  cursor:pointer;
}
.nav-toggle span,
.nav-toggle span::before,
.nav-toggle span::after{
  display:block;
  width:17px;
  height:1px;
  background:currentColor;
  position:relative;
  transition:transform .25s,opacity .25s;
}
.nav-toggle span::before,.nav-toggle span::after{content:'';position:absolute;left:0}
.nav-toggle span::before{top:-5px}
.nav-toggle span::after{top:5px}
.nav-toggle[aria-expanded="true"] span{background:transparent}
.nav-toggle[aria-expanded="true"] span::before{top:0;transform:rotate(45deg)}
.nav-toggle[aria-expanded="true"] span::after{top:0;transform:rotate(-45deg)}

.hero{
  isolation:isolate;
  min-height:100svh;
}
.hero-bg{animation-duration:34s}
.hero-shade{
  z-index:1;
  background:
    radial-gradient(circle at 76% 48%,rgba(145,217,237,.065),transparent 28%),
    linear-gradient(180deg,rgba(8,8,8,.68) 0%,rgba(8,8,8,.47) 45%,rgba(8,8,8,.94) 100%),
    linear-gradient(90deg,rgba(8,8,8,.86) 0%,rgba(8,8,8,.32) 58%,rgba(8,8,8,.58) 100%);
}
#hero-canvas,#stark-environment{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
}
#hero-canvas{z-index:1}
#stark-environment{z-index:2;opacity:.9}
#stark-environment canvas{display:block;width:100%;height:100%}
.stark-webgl #hero-canvas{display:none}
.hero-inner{z-index:4}
.hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(310px,.75fr);
  gap:clamp(34px,6vw,96px);
  align-items:center;
}
.hero-copy{min-width:0}
.founding-pill{
  margin-bottom:24px;
  border-color:rgba(201,168,76,.42);
  background:rgba(8,8,8,.68);
  backdrop-filter:blur(12px);
}
.hero-title{
  max-width:780px;
  text-wrap:balance;
}
.hero-title em{
  text-shadow:0 0 42px rgba(201,168,76,.18);
}
.hero-sub{max-width:620px}
.hero-proof{
  border-top:1px solid rgba(201,168,76,.18);
  padding-top:24px;
  margin-top:44px;
}
.proof-item .big{font-size:26px}
.proof-item .lbl{font-family:'JetBrains Mono';font-size:9.5px;letter-spacing:.08em;text-transform:uppercase}

.stark-hud{
  position:relative;
  min-height:430px;
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  padding:28px;
  border:1px solid rgba(201,168,76,.17);
  background:
    linear-gradient(145deg,rgba(14,13,11,.08),rgba(8,8,8,.66)),
    repeating-linear-gradient(0deg,transparent 0,transparent 31px,rgba(201,168,76,.035) 32px);
  clip-path:polygon(0 22px,22px 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%);
  backdrop-filter:blur(2px);
}
.stark-hud::before,.stark-hud::after{
  content:'';
  position:absolute;
  pointer-events:none;
}
.stark-hud::before{
  inset:13px;
  border-top:1px solid rgba(145,217,237,.22);
  border-right:1px solid rgba(201,168,76,.16);
}
.stark-hud::after{
  top:12px;
  left:28px;
  width:42px;
  height:2px;
  background:var(--reactor);
  box-shadow:0 0 15px var(--reactor);
}
.hud-readout{
  width:min(100%,285px);
  position:relative;
  z-index:1;
  background:rgba(8,8,8,.7);
  border:1px solid rgba(201,168,76,.2);
  padding:18px;
  box-shadow:0 18px 60px rgba(0,0,0,.28);
}
.hud-kicker,.hud-node-label,.hud-time-axis{
  font-family:'JetBrains Mono';
  text-transform:uppercase;
  letter-spacing:.13em;
}
.hud-kicker{font-size:9px;color:var(--reactor);margin-bottom:14px}
.hud-node{
  display:grid;
  grid-template-columns:7px 1fr auto;
  gap:10px;
  align-items:center;
  padding:11px 0;
  border-top:1px solid rgba(201,168,76,.11);
}
.hud-node-dot{
  width:5px;height:5px;border-radius:50%;
  background:var(--gold);
  box-shadow:0 0 12px rgba(201,168,76,.6);
}
.hud-node:nth-child(3) .hud-node-dot{background:var(--reactor);box-shadow:0 0 12px rgba(145,217,237,.65)}
.hud-node-label{font-size:9px;color:#d4cdbb}
.hud-node-state{font-size:9px;color:var(--muted);white-space:nowrap}
.hud-time-axis{
  position:relative;
  display:flex;
  justify-content:space-between;
  margin-top:15px;
  padding-top:13px;
  font-size:7px;
  color:rgba(245,240,230,.42);
}
.hud-time-axis::before{
  content:'';
  position:absolute;
  top:5px;left:0;right:0;height:1px;
  background:linear-gradient(90deg,var(--gold-dim),var(--reactor),var(--gold-dim));
}
.hud-time-axis::after{
  content:'';
  position:absolute;
  top:2px;
  width:7px;height:7px;border-radius:50%;
  background:var(--reactor);
  box-shadow:0 0 14px var(--reactor);
  animation:timeSweep 7s ease-in-out infinite alternate;
}
@keyframes timeSweep{from{left:0}to{left:calc(100% - 7px)}}

.edge-table,.side-panel,.price-card,.article-card,.subscribe-wrap,.badge-tier{
  box-shadow:0 24px 80px rgba(0,0,0,.16);
}
.subscribe-wrap,.badge-tier{border-radius:4px}
.subscribe-wrap{
  background:
    linear-gradient(120deg,rgba(201,168,76,.045),transparent 42%),
    var(--panel);
  border-color:var(--line);
}
.badge-tier{border-color:var(--line)}

.visually-hidden{
  position:absolute!important;
  width:1px!important;height:1px!important;
  padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;border:0!important;
}

@media(max-width:980px){
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(270px,.55fr);gap:24px}
  .stark-hud{min-height:360px;padding:20px}
}

@media(max-width:820px){
  #sys-context{display:none}
  .sys-clock{margin-right:0}
  nav{padding-top:14px;padding-bottom:14px}
  .nav-toggle{display:inline-flex}
  .nav-links{
    display:flex;
    position:absolute;
    top:70px;
    left:5vw;
    right:5vw;
    flex-direction:column;
    gap:0;
    padding:10px;
    border:1px solid rgba(201,168,76,.22);
    background:rgba(8,8,8,.97);
    box-shadow:0 24px 60px rgba(0,0,0,.5);
    opacity:0;
    transform:translateY(-10px);
    visibility:hidden;
    pointer-events:none;
    transition:opacity .25s,transform .25s,visibility .25s;
  }
  .nav-links.open{opacity:1;transform:none;visibility:visible;pointer-events:auto}
  .nav-links a{padding:12px 10px;border-bottom:1px solid rgba(201,168,76,.09)}
  .nav-links a:last-child{border-bottom:0}
  .nav-links a::after{display:none}
  .hero-grid{display:block}
  .stark-hud{
    min-height:240px;
    margin-top:38px;
    align-items:flex-end;
    opacity:.9;
  }
  .hud-readout{width:min(100%,340px)}
}

@media(max-width:560px){
  #sys-line{padding-left:5vw;padding-right:5vw}
  #sys-line .left span:last-child{max-width:57vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .sys-clock{font-size:9px}
  nav .btn-gold{display:none}
  .hero{padding-top:112px}
  .founding-pill{font-size:10px;line-height:1.45;padding:7px 13px}
  .hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
  .proof-item .big{font-size:22px}
  .proof-item .lbl{font-size:8px;line-height:1.45}
  .stark-hud{min-height:210px;padding:14px;margin-top:30px}
  .hud-readout{padding:14px}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.001ms!important;
  }
  .reveal{opacity:1;transform:none}
  .hero-bg,.door-bg{transform:scale(1.04)}
}