:root{
    --bg:#06090F; --bg-2:#0A1220; --panel:#0D1526; --panel-2:#101A2E;
    --ink:#E9EFF9; --read:rgba(233,239,249,.86);
    --soft:rgba(233,239,249,.60); --faint:rgba(233,239,249,.32);
    --agents:#FFA900; --agents-2:#FFC24D;
    --humans:#5694FF; --humans-2:#8AB4FF;
    --assets:#FF4444; --assets-2:#FF7B7B;
    --line:rgba(120,160,230,.13); --line-strong:rgba(120,160,230,.26);
    --maxw:1240px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{background:var(--bg);color:var(--ink);font-family:'Inter',sans-serif;font-weight:300;line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}
  a{color:inherit;text-decoration:none}
  img{display:block;max-width:100%}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
  .mono{font-family:'IBM Plex Mono',monospace;letter-spacing:.14em;text-transform:uppercase}
  .bebas{font-family:'Bebas Neue',sans-serif;font-weight:400;letter-spacing:.02em}
  .c-blue{color:var(--humans)} .c-red{color:var(--assets)} .c-orange{color:var(--agents)} .c-white{color:var(--ink)}

  /* ambient */
  .mesh{position:fixed;inset:0;z-index:-3;pointer-events:none;background:
    radial-gradient(58vw 46vw at 82% -8%, rgba(255,169,0,.10), transparent 60%),
    radial-gradient(50vw 42vw at 4% 16%, rgba(86,148,255,.09), transparent 55%),
    radial-gradient(70vw 56vw at 50% 118%, rgba(255,68,68,.07), transparent 60%)}
  .grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.045;mix-blend-mode:overlay;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
  #progress{position:fixed;top:0;left:0;height:2px;width:0;background:linear-gradient(90deg,var(--humans),var(--assets),var(--agents));z-index:90}

  /* nav */
  nav{position:fixed;top:0;left:0;right:0;z-index:80;backdrop-filter:blur(12px);
    background:linear-gradient(to bottom, rgba(6,9,15,.9), rgba(6,9,15,.3));border-bottom:1px solid var(--line)}
  .nav-in{display:flex;align-items:center;justify-content:space-between;height:68px}
  .mark{display:flex;align-items:center;gap:12px}
  .mark .tw{font-family:'Bebas Neue',sans-serif;font-size:24px;letter-spacing:.06em;white-space:nowrap}
  .tri{display:inline-flex;gap:4px}
  .tri i{width:6px;height:6px;border-radius:50%}
  .tri i:nth-child(1){background:var(--ink)} .tri i:nth-child(2){background:var(--humans)} .tri i:nth-child(3){background:var(--assets)} .tri i:nth-child(4){background:var(--agents)}
  .nav-links{display:flex;gap:20px;align-items:center}
  .nav-links a{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--soft);transition:color .25s}
  .nav-links a:hover{color:var(--ink)}
  .nav-cta{border:1px solid var(--agents);background:rgba(255,169,0,.08);padding:10px 18px;border-radius:3px;color:var(--ink)!important;transition:.25s;white-space:nowrap}
  .nav-cta:hover{background:var(--agents);color:#0B0E05!important}
  @media(max-width:1080px){.nav-links a:not(.nav-cta){display:none}}
  @media(max-width:520px){.mark .tw{font-size:17px;letter-spacing:.04em}.mark{gap:8px}.nav-cta{padding:9px 12px;font-size:10px}.nav-in{gap:10px}.nav-links{gap:12px}.nav-cta{letter-spacing:.08em}}
  @media(max-width:400px){.nav-cta{padding:8px 9px;font-size:9px;letter-spacing:.06em}}


/* nav states */
nav{transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
nav.scrolled{box-shadow:0 10px 34px rgba(0,0,0,.4)}
nav.nav-hide{transform:translateY(-100%)}
.nav-links a.active{color:var(--ink)}

/* mobile nav menu */
.nav-burger{display:none;flex-direction:column;gap:5px;align-items:center;justify-content:center;width:42px;height:42px;background:rgba(13,21,38,.82);border:1px solid var(--line-strong);border-radius:3px;cursor:pointer;padding:0;transition:border-color .25s}
.nav-burger:hover{border-color:var(--agents)}
.nav-burger i{width:18px;height:2px;background:var(--ink);border-radius:1px;transition:transform .3s,opacity .3s}
nav.menu-open .nav-burger i:nth-child(1){transform:translateY(7px) rotate(45deg)}
nav.menu-open .nav-burger i:nth-child(2){opacity:0}
nav.menu-open .nav-burger i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-menu{display:none}
@media(max-width:1080px){
  .nav-burger{display:flex}
  .nav-menu{display:block;position:absolute;top:100%;left:0;right:0;background:rgba(6,9,15,.97);backdrop-filter:blur(14px);border-bottom:1px solid var(--line-strong);overflow:hidden;max-height:0;transition:max-height .35s cubic-bezier(.2,.7,.2,1)}
  nav.menu-open .nav-menu{max-height:440px}
  .nav-menu a{display:block;padding:15px 28px;font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--soft);border-top:1px solid var(--line);transition:color .25s,padding-left .25s}
  .nav-menu a:hover{color:var(--ink);padding-left:34px}
}