:root{--bg:#020508;--text:#eef8fb;--muted:#8197a0;--cyan:#7cefff;--blue:#4da9f5;--line:rgba(126,227,255,.16);--pad:clamp(20px,4vw,64px);--max:1440px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}#cosmos{position:fixed;inset:0;width:100%;height:100%;z-index:0;opacity:.5}.grain{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.035}.header{height:82px;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:10;background:rgba(2,5,8,.86)}.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:.16em;font-size:.78rem}.brand img{width:34px}.brand small{font-size:.52rem;color:var(--muted);border-left:1px solid var(--line);padding-left:12px}.nav{display:flex;gap:20px}.nav a{font-size:.62rem;text-transform:uppercase;color:var(--muted)}.nav a.active,.nav a:hover{color:var(--cyan)}.node{justify-self:end;font-size:.52rem;color:var(--muted)}.node i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#82ffb5}.menu{display:none}.hero{min-height:calc(100vh - 82px);padding:110px var(--pad);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;position:relative;z-index:2}.hero h1,.pagehero h1{font-size:clamp(4rem,8vw,9rem);line-height:.86;letter-spacing:-.07em;margin:0 0 30px}.hero h1 span,.pagehero h1 span,h2 span{color:transparent;-webkit-text-stroke:1px var(--cyan)}.hero p,.pagehero p,.section p,.paper p{color:var(--muted);line-height:1.8}.mark img{width:58%;margin:auto;filter:drop-shadow(0 0 30px rgba(77,169,245,.45))}.eyebrow{font: .62rem ui-monospace,monospace!important;color:var(--cyan)!important;letter-spacing:.15em}.btn{display:inline-block;padding:16px 20px;background:linear-gradient(110deg,var(--blue),var(--cyan));color:#021019;font:.66rem ui-monospace,monospace;margin-right:10px}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.section{padding:110px var(--pad);border-top:1px solid var(--line);position:relative;z-index:2}.split{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.1fr .9fr;gap:8vw}.split h2,.section>h2{font-size:clamp(2.7rem,5vw,6rem);line-height:.98;margin-top:0}.grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.grid.three{grid-template-columns:repeat(3,1fr)}.card{border:1px solid var(--line);padding:26px;min-height:270px;background:rgba(7,18,26,.7)}.card span{font:.55rem ui-monospace,monospace;color:var(--cyan)}.card h3{font-size:1.5rem;margin:70px 0 14px}.pagehero{min-height:70vh;padding:150px var(--pad) 100px;max-width:var(--max);margin:auto;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.paper{max-width:980px;margin:auto;padding:130px var(--pad);position:relative;z-index:2}.paper h1{font-size:clamp(3rem,6vw,6rem)}.paper section{padding:45px 0;border-top:1px solid var(--line)}.meta,time{font:.56rem ui-monospace,monospace;color:var(--cyan)!important}.entry{max-width:980px;margin:auto;padding:40px 0;border-top:1px solid var(--line)}.entry h2{font-size:2rem}footer{min-height:100px;padding:25px var(--pad);border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:relative;z-index:2;color:var(--muted);font-size:.52rem}footer div{display:flex;align-items:center;gap:10px}footer img{width:25px}footer p:last-child{justify-self:end}.terminal-launch{position:fixed;right:20px;bottom:20px;z-index:30;background:#02080c;color:var(--text);border:1px solid var(--line);padding:11px}.terminal-launch b{color:#82ffb5}.terminal{position:fixed;right:20px;bottom:62px;width:min(520px,calc(100vw - 40px));height:380px;z-index:40;background:#02080c;border:1px solid var(--line);display:none}.terminal.open{display:grid;grid-template-rows:44px 1fr 44px}.terminal header{display:flex;justify-content:space-between;padding:12px;border-bottom:1px solid var(--line)}.terminal #termOut{padding:15px;overflow:auto;color:var(--muted);font:.68rem ui-monospace,monospace}.terminal form{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line)}.terminal input{flex:1;background:none;border:0;outline:0;color:var(--text)}@media(max-width:1000px){.nav,.node{display:none}.hero{grid-template-columns:1fr}.mark{display:none}.split{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:1fr}.brand small{display:none}}@media(max-width:650px){.hero h1,.pagehero h1{font-size:3.5rem}.grid{grid-template-columns:1fr}.header{height:70px}footer{grid-template-columns:1fr;gap:10px}footer p:last-child{justify-self:start}}

/* ─────────────────────────────────────────────────────────────
   V5.1 — transparent identity mark and orbital presentation
   ───────────────────────────────────────────────────────────── */

.node{
  justify-self:end;
  display:grid;
  grid-template-columns:auto auto;
  align-items:center;
  column-gap:10px;
  row-gap:4px;
  min-width:max-content;
  font:.52rem ui-monospace,monospace;
  color:var(--muted);
  letter-spacing:.09em;
}
.node i{
  grid-row:1;
  grid-column:1;
  display:block;
  width:6px;
  height:6px;
  margin:0;
  border-radius:50%;
  background:#82ffb5;
  box-shadow:0 0 12px rgba(130,255,181,.9);
}
.node span{
  grid-row:1;
  grid-column:2;
  white-space:nowrap;
}
.node time{
  grid-row:2;
  grid-column:2;
  color:#60747d!important;
  white-space:nowrap;
  letter-spacing:.12em;
}

.mark{
  min-height:580px;
  display:grid;
  place-items:center;
  position:relative;
  isolation:isolate;
  overflow:visible;
}
.mark-field{
  width:min(46vw,620px);
  aspect-ratio:1;
  position:relative;
  display:grid;
  place-items:center;
  border:1px solid rgba(124,239,255,.08);
  background:
    radial-gradient(circle at center,rgba(77,169,245,.12),transparent 37%),
    radial-gradient(circle at center,rgba(124,239,255,.045),transparent 68%);
  box-shadow:
    0 0 0 1px rgba(77,169,245,.025),
    0 0 90px rgba(77,169,245,.10),
    inset 0 0 85px rgba(2,10,18,.78);
}
.mark-field::before{
  content:"";
  position:absolute;
  inset:-10%;
  z-index:-2;
  background:
    conic-gradient(
      from 210deg,
      transparent 0 7%,
      rgba(124,239,255,.13) 9%,
      transparent 11% 27%,
      rgba(77,169,245,.11) 29%,
      transparent 31% 54%,
      rgba(124,239,255,.09) 56%,
      transparent 58% 100%
    );
  filter:blur(18px);
  animation:aeonFieldRotate 32s linear infinite;
}
.mark-field::after{
  content:"";
  position:absolute;
  inset:7%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(77,169,245,.12),transparent 62%);
  filter:blur(28px);
  z-index:-1;
  animation:aeonPulse 4.8s ease-in-out infinite;
}
.mark-field img{
  width:68%;
  margin:0;
  position:relative;
  z-index:5;
  filter:
    drop-shadow(0 0 8px rgba(124,239,255,.32))
    drop-shadow(0 0 28px rgba(77,169,245,.42))
    drop-shadow(0 0 75px rgba(32,108,183,.26));
  animation:aeonFloat 7s ease-in-out infinite;
}
.mark-ring{
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}
.ring-outer{
  inset:-4%;
  border:1px solid rgba(124,239,255,.13);
  border-left-color:rgba(124,239,255,.52);
  border-right-color:rgba(77,169,245,.04);
  animation:aeonFieldRotate 28s linear infinite;
}
.ring-mid{
  inset:8%;
  border:1px dashed rgba(77,169,245,.22);
  animation:aeonFieldRotateReverse 22s linear infinite;
}
.ring-inner{
  inset:21%;
  border:1px dotted rgba(124,239,255,.24);
  animation:aeonFieldRotate 15s linear infinite;
}
.mark-axis{
  position:absolute;
  z-index:1;
  opacity:.42;
}
.axis-h{
  left:-8%;
  right:-8%;
  top:50%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(124,239,255,.22),rgba(124,239,255,.55),rgba(124,239,255,.22),transparent);
}
.axis-v{
  top:-8%;
  bottom:-8%;
  left:50%;
  width:1px;
  background:linear-gradient(transparent,rgba(77,169,245,.16),rgba(124,239,255,.42),rgba(77,169,245,.16),transparent);
}
.mark-scan{
  position:absolute;
  left:7%;
  right:7%;
  height:1px;
  z-index:7;
  background:linear-gradient(90deg,transparent,rgba(124,239,255,.92),transparent);
  box-shadow:0 0 18px rgba(124,239,255,.65);
  animation:aeonScan 5.4s cubic-bezier(.45,0,.55,1) infinite;
  opacity:.68;
}
.mark-corner{
  position:absolute;
  width:34px;
  height:34px;
  z-index:4;
  opacity:.72;
}
.corner-tl{top:-1px;left:-1px;border-top:1px solid var(--cyan);border-left:1px solid var(--cyan)}
.corner-tr{top:-1px;right:-1px;border-top:1px solid var(--cyan);border-right:1px solid var(--cyan)}
.corner-bl{bottom:-1px;left:-1px;border-bottom:1px solid var(--cyan);border-left:1px solid var(--cyan)}
.corner-br{bottom:-1px;right:-1px;border-bottom:1px solid var(--cyan);border-right:1px solid var(--cyan)}

@keyframes aeonFieldRotate{to{transform:rotate(360deg)}}
@keyframes aeonFieldRotateReverse{to{transform:rotate(-360deg)}}
@keyframes aeonPulse{
  0%,100%{transform:scale(.96);opacity:.48}
  50%{transform:scale(1.06);opacity:.92}
}
@keyframes aeonFloat{
  0%,100%{transform:translate3d(0,-4px,0) scale(.995)}
  50%{transform:translate3d(0,7px,0) scale(1.012)}
}
@keyframes aeonScan{
  0%,100%{top:13%;opacity:0}
  12%{opacity:.72}
  50%{top:87%;opacity:.5}
  62%{opacity:0}
}

@media(max-width:1000px){
  .node{display:none}
  .mark{
    display:grid;
    position:absolute;
    right:-170px;
    top:50%;
    transform:translateY(-50%);
    min-height:0;
    opacity:.30;
    pointer-events:none;
  }
  .mark-field{width:560px}
}
@media(max-width:650px){
  .mark{right:-250px;opacity:.22}
  .mark-field{width:480px}
}
@media(prefers-reduced-motion:reduce){
  .mark-field::before,.mark-field::after,.mark-field img,.mark-ring,.mark-scan{animation:none!important}
}